diff --git a/assets/less/classes/chat-quote.less b/assets/less/classes/chat-quote.less
index fb7d874d..759c8855 100644
--- a/assets/less/classes/chat-quote.less
+++ b/assets/less/classes/chat-quote.less
@@ -11,7 +11,7 @@
         padding: 1px 4px;
 
         &:nth-child(odd) {
-            background-color: #0009;
+            background-color: fade(#000, 60%);
         }
     }
 
diff --git a/assets/less/classes/forum/category.less b/assets/less/classes/forum/category.less
index f71dcdbf..ae0467d5 100644
--- a/assets/less/classes/forum/category.less
+++ b/assets/less/classes/forum/category.less
@@ -1,10 +1,10 @@
 .forum__category {
     border-radius: 2px;
-    background-color: #1119;
+    background-color: fade(#111, 60%);
     transition: background-color .2s, box-shadow .2s;
 
     &:nth-child(even) {
-        background-color: #19191999;
+        background-color: fade(#191919, 60%);
     }
 
     &:hover {
diff --git a/assets/less/classes/forum/topic.less b/assets/less/classes/forum/topic.less
index 17ea0d05..493d8f77 100644
--- a/assets/less/classes/forum/topic.less
+++ b/assets/less/classes/forum/topic.less
@@ -1,14 +1,14 @@
 .forum__topic {
     border-radius: 2px;
-    background-color: #1119;
+    background-color: fade(#111, 60%);
     transition: background-color .2s, box-shadow .2s;
 
     &:nth-child(even) {
-        background-color: #19191999;
+        background-color: fade(#191919, 60%);
     }
 
     &:hover {
-        background-color: #2229;
+        background-color: fade(#222, 60%);
         box-shadow: 0 1px 4px #222;
     }
 
diff --git a/assets/less/classes/profile/header.less b/assets/less/classes/profile/header.less
index 8da9c178..52464152 100644
--- a/assets/less/classes/profile/header.less
+++ b/assets/less/classes/profile/header.less
@@ -15,7 +15,7 @@
     }
 
     &__avatar {
-        --avatar-checked-colour: #0002;
+        --avatar-checked-colour: fade(#000, 13%);
 
         display: flex;
 
diff --git a/assets/less/main.less b/assets/less/main.less
index d74240df..2be74ee5 100644
--- a/assets/less/main.less
+++ b/assets/less/main.less
@@ -9,7 +9,7 @@
 
     --background-image: initial;
     --background-colour: #111;
-    --background-colour-translucent: #111E;
+    --background-colour-translucent: fade(#111, 93%);
     --background-pattern: url('/images/clouds.png') fixed;
 
     --text-colour: #fff;
diff --git a/assets/less/markdown.less b/assets/less/markdown.less
index 381c8c12..f9461c6a 100644
--- a/assets/less/markdown.less
+++ b/assets/less/markdown.less
@@ -60,7 +60,7 @@
     code {
         padding: .2em .4em;
         margin: 0;
-        background-color: #000A;
+        background-color: fade(#000, 67%);
         border-radius: 2px;
     }