diff --git a/src/styles/Colors.scss b/src/styles/Colors.scss
index f6c5c46e..2fa383d5 100644
--- a/src/styles/Colors.scss
+++ b/src/styles/Colors.scss
@@ -24,6 +24,7 @@ html { /* Light Theme */
   --text-color: var(--black);
   --hero-background: var(--bright-white);
   --kinda-transparent: #ffffffd9;
+  --hyperlink: #ff62ce;
   --feature-img-shadow: 4px 4px 6px #a9a9a980, -2px -2px 4px rgb(0 0 0 / 40%);
 }
 
@@ -33,5 +34,6 @@ html[data-theme='dark'] { /* Dark Theme */
   --text-color: var(--white);
   --hero-background: var(--black);
   --kinda-transparent: #000000d9;
+  --hyperlink: #ff62ce;
   --feature-img-shadow: 4px 4px 6px #00000080, -2px -2px 4px rgb(0 0 0 / 40%);
 }
diff --git a/src/styles/custom.scss b/src/styles/custom.scss
index 11455a9e..f703f6d1 100644
--- a/src/styles/custom.scss
+++ b/src/styles/custom.scss
@@ -42,4 +42,48 @@ nav.navbar {
 
 body {
   background: var(--background);
-}
\ No newline at end of file
+}
+
+p a, li a {
+  color: var(--hyperlink);
+  &:hover {
+    color: var(--hyperlink);
+    text-decoration: underline;
+  }
+}
+
+article div.markdown {
+  p, a, ol, ul, li, code span {
+    font-size: 1rem;
+  }
+  h2 {
+    font-size: 2.5rem;
+  }
+}
+
+/* Right-hand contents side-bar */
+ul.table-of-contents li {
+  a {
+    font-size: 1rem;
+    &:hover {
+      color: var(--hyperlink);
+    }
+    &.table-of-contents__link--active {
+      color: var(--hyperlink);
+      font-weight: bold;
+    }
+  }
+}
+
+/* Left-hand page list side-bar */
+ul.menu__list {
+  margin-bottom: 1rem;
+  li.menu__list-item {
+    a {
+      &.active {
+        color: var(--hyperlink);
+        font-weight: bold;
+      }
+    }
+  }
+}