From 77dfad4d0fef698e476d081f2d9a01dd57e7718a Mon Sep 17 00:00:00 2001
From: Ahmed Abdelhalim <pm@a14m.dev>
Date: Mon, 4 Mar 2024 06:41:55 +0200
Subject: Update links and blockquotes style

---
 assets/scss/web/_base.scss | 31 +++++++++++++++++++++++--------
 1 file changed, 23 insertions(+), 8 deletions(-)

(limited to 'assets/scss/web/_base.scss')

diff --git a/assets/scss/web/_base.scss b/assets/scss/web/_base.scss
index 3475654..f771041 100644
--- a/assets/scss/web/_base.scss
+++ b/assets/scss/web/_base.scss
@@ -1,17 +1,25 @@
-$secondaryColor: #DB0A16;
+$secondaryColor: #DB0A16 !default;
 
 @media (prefers-color-scheme: dark) {
+  $primaryColor: #FFFFFF;
   html {
-    color: #FFFFFF;
+    color: $primaryColor;
     background-color: #181818;
   }
+  blockquote {
+    border-color: darken($primaryColor, 80%);
+  }
 }
 
 @media (prefers-color-scheme: light) {
+  $primaryColor: #000000;
   html {
-    color: #000000;
+    color: $primaryColor;
     background-color: #FFFFFF;
   }
+  blockquote {
+    border-color: lighten($primaryColor, 80%);
+  }
 }
 
 body {
@@ -37,13 +45,20 @@ main {
   }
 }
 
-a:link, a:visited, a:hover, a:active {
-  text-decoration-color: $secondaryColor;
-  text-decoration-thickness: 2px;
-  text-underline-offset: 2px;
-  color: inherit;
+a {
+  &:link, &:visited, &:active {
+    text-decoration-color: $secondaryColor;
+    text-decoration-thickness: 2px;
+    text-underline-offset: 2px;
+    color: inherit;
+  }
+
+  &:hover {
+    color: $secondaryColor;
+  }
 }
 
+
 .section-header {
   font-size: 2.0rem;
   display: flex;
-- 
cgit v1.2.3