fixed external link styling, minor tweak to seed script

client/src/App.css

@@ -66,3 +66,26 @@ body {
   border: 0px solid transparent !important;
   color: var(--group-info-color) !important;
 }
+
+.external-link {
+  color: var(--external-link-color-blue);
+}
+
+.external-link:hover {
+  color: var(--external-link-color-blue);
+  background-color: rgb(7, 0, 132, 0.1);
+}
+
+.external-link:active {
+  color: var(--external-link-color-blue);
+  background-color: rgb(7, 0, 132, 0.1);
+}
+
+.external-link:focus {
+  color: var(--external-link-color-blue);
+  background-color: rgb(7, 0, 132, 0.1);
+}
+
+.external-link:se .external-link:visited {
+  color: var(--external-link-color-blue);
+}

client/src/Series/Events.tsx/Event/Event.tsx

@@ -37,7 +37,12 @@ function Event(props: EventProps) {
   });
   const location = event.map_url ? (
     <>
-      <a href={event.map_url} target="_blank" rel="noreferrer">
+      <a
+        href={event.map_url}
+        target="_blank"
+        rel="noreferrer"
+        className="external-link"
+      >
         {event.location}
       </a>
     </>
@@ -47,7 +52,12 @@ function Event(props: EventProps) {
   const tickets = event.ticket_url ? (
     <>
       |{" "}
-      <a href={event.ticket_url} target="_blank" rel="noreferrer">
+      <a
+        href={event.ticket_url}
+        target="_blank"
+        rel="noreferrer"
+        className="external-link"
+      >
         Tickets
       </a>
     </>

client/src/index.css

@@ -5,6 +5,7 @@
   --grapefruit-yellow: rgb(252, 171, 83);
   --grapefruit-yellow-washed-out: rgb(255, 204, 150);
   --group-info-disabled-color: rgba(124, 1, 68, 0.5);
+  --external-link-color-blue: rgb(7, 0, 132);
 }
 
 html,