Apex banner: fix colors in light mode

styles/_top-banner.scss

@@ -1,5 +1,7 @@
 /* sticky APEX banner */
-.banner-container {
+@keyframes pulsate {}
+
+.banner-container, html.light .banner-container {
   display: flex;
   width: 100%;
   position: relative;
@@ -54,6 +56,7 @@
     padding: 0 1rem;
     text-transform: uppercase;
     white-space: nowrap;
+    transition: border-color 0.5s ease;
 
     // sm breakpoint
     border: 2px solid $white;
@@ -77,7 +80,24 @@
 
   &:hover {
     text-decoration: none;
-    color: inherit;
+    color: $white;
+    
+    .apex-highlight {
+      color: $apex-2023-green;
+    }
+
+    .highlight-yellow {
+      border-color: $yellow;
+    }
+
+    .highlight-purple {
+      border-color: $magenta;
+    }
+  }
+  &:active, &:focus {
+    // don't turn white on click
+    background-color: $accent-blue-90 !important;
+    color: $white;
   }
 }