Update links and blockquotes style

1 files changed, 23 insertions, 8 deletions

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;