assets: scss: Improve hyperlink formatting.

Signed-off-by: Diab Neiroukh <lazerl0rd@thezest.dev>
lzlrd · Jul 7, 2022 · ef7659f · ef7659f
1 parent 1f414ad
commit ef7659f
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 17 deletions.
diff --git a/assets/scss/pages/post.scss b/assets/scss/pages/post.scss
@@ -267,3 +267,21 @@ table {
     border: 1px double $greyTableBorder;
   }
 }
+
+p {
+  a {
+    text-decoration: none;
+
+    &:link {
+      color: #2196f3;
+    }
+
+    &:visited {
+      color: #673ab7;
+    }
+  }
+
+  a:active {
+    color: #f44336;
+  }
+}
diff --git a/assets/scss/pages/posts.scss b/assets/scss/pages/posts.scss
@@ -36,7 +36,10 @@
 
 .tag__link {
   text-decoration: none;
-  color: $grey;
+  color: $darkGrey;
+  @media (prefers-color-scheme: dark) {
+    color: $lightGrey;
+  }
   font-size: 0.9rem;
 
   &::before {
@@ -46,10 +49,7 @@
   }
 
   &:hover {
-    color: $darkGrey;
-    @media (prefers-color-scheme: dark) {
-      color: $lightGrey;
-    }
+    color: $primary;
   }
 }
 

diff --git a/assets/scss/partials/_nav.scss b/assets/scss/partials/_nav.scss
@@ -67,22 +67,15 @@
 }
 
 .nav__list a {
-  color: $grey;
+  color: $darkGrey;
+  @media (prefers-color-scheme: dark) {
+    color: $lightGrey;
+  }
   text-decoration: none;
   font-size: 2em;
 
   &.active {
-    color: $black;
-    @media (prefers-color-scheme: dark) {
-      color: $white;
-    }
-  }
-
-  &:hover {
-    color: $black;
-    @media (prefers-color-scheme: dark) {
-      color: $white;
-    }
+    color: $primary;
   }
 
   @media screen and (min-width: $medium) {