Update link styles for dark/light themes and make them unified

2 files changed, 8 insertions, 7 deletions

diff --git a/assets/scss/web/_base.scss b/assets/scss/web/_base.scss
index bdea382..dd08340 100644
--- a/assets/scss/web/_base.scss
+++ b/assets/scss/web/_base.scss
@@ -1,4 +1,5 @@
 $secondaryColor: #DB0A16 !default;
+$linkColor: #FFDC00;
 
 @media (prefers-color-scheme: dark) {
   $primaryColor: #FFFFFF;
@@ -9,6 +10,9 @@ $secondaryColor: #DB0A16 !default;
   blockquote {
     border-color: darken($primaryColor, 80%);
   }
+  a:hover {
+    text-decoration-color: $linkColor !important;
+  }
 }
 
 @media (prefers-color-scheme: light) {
@@ -20,6 +24,10 @@ $secondaryColor: #DB0A16 !default;
   blockquote {
     border-color: lighten($primaryColor, 80%);
   }
+  a:hover {
+    background-color: $linkColor;
+    text-decoration-color: $secondaryColor;
+  }
 }
 
 body {
@@ -51,10 +59,6 @@ a {
     text-underline-offset: 2px;
     color: inherit;
   }
-
-  &:hover {
-    color: $secondaryColor;
-  }
 }
 
 
diff --git a/assets/scss/web/_blog.scss b/assets/scss/web/_blog.scss
index d42e31b..bdb7b7f 100644
--- a/assets/scss/web/_blog.scss
+++ b/assets/scss/web/_blog.scss
@@ -11,9 +11,6 @@
 }
 
 .post__link {
-  &:link {
-    text-decoration: none;
-  }
 }
 
 .post__content {