From 93ea4ef3897457dcf4f7a870a691b27094bd7a6a Mon Sep 17 00:00:00 2001
From: Ahmed Abdelhalim <pm@a14m.dev>
Date: Wed, 6 Mar 2024 05:01:41 +0200
Subject: Update link styles for dark/light themes and make them unified

---
 assets/scss/web/_base.scss | 12 ++++++++----
 assets/scss/web/_blog.scss |  3 ---
 2 files changed, 8 insertions(+), 7 deletions(-)

(limited to 'assets')

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 {
-- 
cgit v1.2.3