diff --git a/assets/css/system/modules/_syntax.hljs.scss b/assets/css/system/modules/_syntax.hljs.scss
index b751c02..46222df 100644
--- a/assets/css/system/modules/_syntax.hljs.scss
+++ b/assets/css/system/modules/_syntax.hljs.scss
@@ -1 +1,14 @@
+// ------------------------------------------------------------------------------------------------------------------ //
+// Global.
+// ------------------------------------------------------------------------------------------------------------------ //
+
+pre {
+  color: #cdd6f4 !important;
+  background: #282c34 !important;
+}
+
+// ------------------------------------------------------------------------------------------------------------------ //
+// Custom.
+// ------------------------------------------------------------------------------------------------------------------ //
+
 @import 'syntax.hljs.theme';
diff --git a/assets/css/system/modules/_syntax.hljs.theme.scss b/assets/css/system/modules/_syntax.hljs.theme.scss
index 15593f8..959b0f4 100644
--- a/assets/css/system/modules/_syntax.hljs.theme.scss
+++ b/assets/css/system/modules/_syntax.hljs.theme.scss
@@ -1,92 +1,111 @@
-pre {
-  color: #abb2bf !important;
-  background: #282c34 !important;
-}
+code {
+  .hljs {
+    &-keyword,
+    &-name,
+    &-selector-attr,
+    &-variable,
+    &-variable.language_ {
+      color: #cba6f7
+    }
 
-/*
-Atom One Dark by Daniel Gamage
-Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax
-
-base:    #282c34
-mono-1:  #abb2bf
-mono-2:  #818896
-mono-3:  #5c6370
-hue-1:   #56b6c2
-hue-2:   #61aeee
-hue-3:   #c678dd
-hue-4:   #98c379
-hue-5:   #e06c75
-hue-5-2: #be5046
-hue-6:   #d19a66
-hue-6-2: #e6c07b
-*/
-
-.hljs-comment,
-.hljs-quote {
-  color: #5c6370;
-  font-style: italic
-}
+    &-built_in,
+    &-doctag {
+      color: #f38ba8
+    }
 
-.hljs-doctag,
-.hljs-keyword,
-.hljs-formula {
-  color: #c678dd
-}
+    &-selector-tag,
+    &-title.class_,
+    &-type {
+      color: #f9e2af
+    }
 
-.hljs-section,
-.hljs-name,
-.hljs-selector-tag,
-.hljs-deletion,
-.hljs-subst {
-  color: #e06c75
-}
+    &-literal,
+    &-meta,
+    &-number,
+    &-variable.constant_ {
+      color: #fab387
+    }
 
-.hljs-literal {
-  color: #56b6c2
-}
+    &-bullet,
+    &-formula,
+    &-operator,
+    &-property,
+    &-selector-class,
+    &-selector-pseudo {
+      color: #94e2d5
+    }
 
-.hljs-string,
-.hljs-regexp,
-.hljs-addition,
-.hljs-attribute,
-.hljs-meta .hljs-string {
-  color: #98c379
-}
+    &-punctuation {
+      color: #bac2de
+    }
 
-.hljs-attr,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-type,
-.hljs-selector-class,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-number {
-  color: #d19a66
-}
+    &-regexp {
+      color: #f5c2e7
+    }
 
-.hljs-symbol,
-.hljs-bullet,
-.hljs-link,
-.hljs-meta,
-.hljs-selector-id,
-.hljs-title {
-  color: #61aeee
-}
+    &-attribute,
+    &-char.escape_,
+    &-code,
+    &-string {
+      color: #a6e3a1
+    }
 
-.hljs-built_in,
-.hljs-title.class_,
-.hljs-class .hljs-title {
-  color: #e6c07b
-}
+    &-subst,
+    &-tag {
+      color: #a6adc8
+    }
 
-.hljs-emphasis {
-  font-style: italic
-}
+    &-symbol,
+    &-template-tag,
+    &-template-variable {
+      color: #f2cdcd
+    }
 
-.hljs-strong {
-  font-weight: bold
-}
+    &-attr,
+    &-section,
+    &-selector-id,
+    &-title,
+    &-title.function_ {
+      color: #89b4fa
+    }
+
+    &-params {
+      color: #cdd6f4
+    }
+
+    &-comment {
+      color: #585b70;
+      font-style: italic
+    }
+
+    &-emphasis {
+      color: #f38ba8;
+      font-style: italic
+    }
+
+    &-strong {
+      color: #f38ba8;
+      font-weight: 700
+    }
+
+    &-link {
+      color: #74c7ec;
+      font-style: italic
+    }
+
+    &-quote {
+      color: #a6e3a1;
+      font-style: italic
+    }
+
+    &-addition {
+      color: #a6e3a1;
+      background: rgba(166, 227, 161, .15)
+    }
 
-.hljs-link {
-  text-decoration: underline
+    &-deletion {
+      color: #f38ba8;
+      background: rgba(243, 139, 168, .15)
+    }
+  }
 }