diff --git a/assets/scss/pages/post.scss b/assets/scss/pages/post.scss
index 8bbe167c..bb8e20e7 100644
--- a/assets/scss/pages/post.scss
+++ b/assets/scss/pages/post.scss
@@ -266,3 +266,23 @@ table {
     border: 1px double $greyTableBorder;
   }
 }
+
+a {
+  text-decoration: none;
+
+  &:link {
+    color: #2196f3;
+  }
+
+  &:visited {
+    color: #673ab7;
+  }
+}
+
+a:active {
+  color: #f44336;
+}
+
+mark {
+  background-color: #ffee58;
+}
diff --git a/assets/scss/pages/posts.scss b/assets/scss/pages/posts.scss
index 4cc16d69..09f68d53 100644
--- 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
index 6c076020..815b95b9 100644
--- 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) {