feat: set anchor tags' color

adil192 · Jan 28, 2024 · d7a825d · d7a825d
1 parent 63dbd96
commit d7a825d
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 0 deletions.
diff --git a/main.css b/main.css
@@ -118,6 +118,23 @@
   nav.term-navigator {
     display: none !important;
   }
+  a,
+  button.anchor,
+  .button-anchor,
+  .select-wrapper button.button-anchor {
+    color: #4f2f62;
+    text-decoration: underline;
+    transition: color 0.1s ease-out;
+  }
+  a:hover, a:focus,
+  button.anchor:hover,
+  button.anchor:focus,
+  .button-anchor:hover,
+  .button-anchor:focus,
+  .select-wrapper button.button-anchor:hover,
+  .select-wrapper button.button-anchor:focus {
+    color: #8142a6;
+  }
   /* navbar */
   #side-menu {
     background: #1d1b1e !important;

diff --git a/styles/_online.manchester.ac.uk_ultra.scss b/styles/_online.manchester.ac.uk_ultra.scss
@@ -1,3 +1,4 @@
+@use "sass:color";
 @import "globals";
 
 /* set better fonts */
@@ -24,6 +25,19 @@ nav.term-navigator {
     display: none !important;
 }
 
+a,
+button.anchor,
+.button-anchor,
+.select-wrapper button.button-anchor {
+    color: color.mix($primary, $on-surface, 50%);
+    text-decoration: underline;
+    transition: color 0.1s ease-out;
+
+    &:hover, &:focus {
+        color: $primary;
+    }
+}
+
 /* navbar */
 #side-menu {
     background: $header !important;