Added more dark mode colors 🚀

Author: chicio

_critical-screenshots/critical-after.jpg

@@ -10,15 +10,15 @@
 .highlight .gd { @include theme($themes, 'background-color', $syntax-highlight-deleted); @include theme($themes, 'background-color', $general-background);  } /* Generic.Deleted */
 .highlight .gd .x { @include theme($themes, 'background-color', $syntax-highlight-deleted-specific); @include theme($themes, 'background-color', $general-background);  } /* Generic.Deleted.Specific */
 .highlight .ge { @include theme($themes, 'color', $primary-text-color); font-style: italic } /* Generic.Emph */
-.highlight .gr { color: #aa0000 } /* Generic.Error */
-.highlight .gh { color: #545454 } /* Generic.Heading */
+.highlight .gr { @include theme($themes, 'color', $syntax-highlight-generic-error); } /* Generic.Error */
+.highlight .gh { @include theme($themes, 'color', $syntax-highlight-generic-text); } /* Generic.Heading */
 .highlight .gi { @include theme($themes, 'background-color', $syntax-highlight-inserted); @include theme($themes, 'background-color', $general-background); } /* Generic.Inserted */
 .highlight .gi .x { @include theme($themes, 'background-color', $syntax-highlight-inserted-specific); @include theme($themes, 'background-color', $general-background); } /* Generic.Inserted.Specific */
-.highlight .go { color: #525252 } /* Generic.Output */
-.highlight .gp { color: #525252 } /* Generic.Prompt */
+.highlight .go { @include theme($themes, 'color', $syntax-highlight-generic-text); } /* Generic.Output */
+.highlight .gp { @include theme($themes, 'color', $syntax-highlight-generic-text); } /* Generic.Prompt */
 .highlight .gs { @include theme($themes, 'color', $primary-text-color); font-weight: bold } /* Generic.Strong */
-.highlight .gu { color: #555555 } /* Generic.Subheading */
-.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .gu { @include theme($themes, 'color', $syntax-highlight-generic-namespace); } /* Generic.Subheading */
+.highlight .gt { @include theme($themes, 'color', $syntax-highlight-generic-error); } /* Generic.Traceback */
 .highlight .kc { @include theme($themes, 'color', $primary-text-color); font-weight: bold } /* Keyword.Constant */
 .highlight .kd { @include theme($themes, 'color', $primary-text-color); font-weight: bold } /* Keyword.Declaration */
 .highlight .kp { @include theme($themes, 'color', $primary-text-color); font-weight: bold } /* Keyword.Pseudo */
@@ -28,13 +28,13 @@
 .highlight .m { @include theme($themes, 'color', $syntax-highlight-literal-numbers); } /* Literal.Number */
 .highlight .s { @include theme($themes, 'color', $syntax-highlight-literal-value); } /* Literal.String */
 .highlight .na { @include theme($themes, 'color', $syntax-highlight-attribute); } /* Name.Attribute */
-.highlight .nb { color: #005A7A } /* Name.Builtin */
+.highlight .nb { @include theme($themes, 'color', $syntax-highlight-builtin); } /* Name.Builtin */
 .highlight .nc { @include theme($themes, 'color', $syntax-highlight-class-name); font-weight: bold } /* Name.Class */
-.highlight .no { color: #005C5C } /* Name.Constant */
+.highlight .no { @include theme($themes, 'color', $syntax-highlight-constant); } /* Name.Constant */
 .highlight .ni { color: #800080 } /* Name.Entity */
 .highlight .ne { @include theme($themes, 'color', $syntax-highlight-name); font-weight: bold } /* Name.Exception */
 .highlight .nf { @include theme($themes, 'color', $syntax-highlight-name); font-weight: bold } /* Name.Function */
-.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nn { @include theme($themes, 'color', $syntax-highlight-generic-namespace); } /* Name.Namespace */
 .highlight .nt { color: #000080 } /* Name.Tag */
 .highlight .nv { @include theme($themes, 'color', $syntax-highlight-variable-name); } /* Name.Variable */
 .highlight .ow { @include theme($themes, 'color', $primary-text-color); font-weight: bold } /* Operator.Word */
@@ -56,10 +56,10 @@
 .highlight .dl { @include theme($themes, 'color', $syntax-highlight-literal-value); } /* Literal.String.Single Quote */
 .highlight .ss { color: #990073 } /* Literal.String.Symbol */
 .highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
-.highlight .vc { color: #005C5C } /* Name.Variable.Class */
-.highlight .vg { color: #005C5C } /* Name.Variable.Global */
-.highlight .vi { color: #005C5C } /* Name.Variable.Instance */
-.highlight .il { color: #005657 } /* Literal.Number.Integer.Long */
+.highlight .vc { @include theme($themes, 'color', $syntax-highlight-generic-global); } /* Name.Variable.Class */
+.highlight .vg { @include theme($themes, 'color', $syntax-highlight-generic-global); } /* Name.Variable.Global */
+.highlight .vi { @include theme($themes, 'color', $syntax-highlight-generic-global); } /* Name.Variable.Instance */
+.highlight .il { @include theme($themes, 'color', $syntax-highlight-literal-integer); } /* Literal.Number.Integer.Long */
 
 code.highlighter-rouge {
   @include theme($themes, 'color', $syntax-inline);

_critical-screenshots/critical-before.jpg

@@ -26,6 +26,13 @@ $syntax-highlight-name: "synaxt-hightlight-name";
 $syntax-highlight-literal-numbers: "syntax-highlight-literal-numbers";
 $syntax-highlight-error: "syntax-highlight-error";
 $syntax-highlight-attribute: "syntax-highlight-attribute";
+$syntax-highlight-generic-error: "syntax-highlight-generic-error";
+$syntax-highlight-generic-text: "syntax-highlight-generic-text";
+$syntax-highlight-generic-namespace: "syntax-highlight-generic-namespace";
+$syntax-highlight-generic-global: "syntax-highlight-generic-global";
+$syntax-highlight-literal-integer: "syntax-highlight-literal-integer";
+$syntax-highlight-builtin: "syntax-highlight-builtin";
+$syntax-highlight-constant: "syntax-highlight-constant";
 
 $themes: (
   light: (
@@ -56,7 +63,14 @@ $themes: (
     $syntax-highlight-name: #990000,
     $syntax-highlight-literal-numbers: #006061,
     $syntax-highlight-error: #a61717,
-    $syntax-highlight-attribute: #006161
+    $syntax-highlight-attribute: #006161,
+    $syntax-highlight-generic-error: #aa0000,
+    $syntax-highlight-generic-text: #525252,
+    $syntax-highlight-generic-namespace: #555555,
+    $syntax-highlight-generic-global: #005C5C,
+    $syntax-highlight-literal-integer: #005657,
+    $syntax-highlight-builtin: #005A7A,
+    $syntax-highlight-constant: #005C5C
   ),
   dark: (
     $primary-color-dark: #303F9F,
@@ -86,7 +100,14 @@ $themes: (
     $syntax-highlight-name: #FFB938,
     $syntax-highlight-literal-numbers: #EFDC1A,
     $syntax-highlight-error: #FFB3B3,
-    $syntax-highlight-attribute: #C2FFFF      
+    $syntax-highlight-attribute: #C2FFFF,
+    $syntax-highlight-generic-error: #DD0000,
+    $syntax-highlight-generic-text: #A9A9A9,
+    $syntax-highlight-generic-namespace: #e9e9e9,
+    $syntax-highlight-generic-global: #00bAbA,
+    $syntax-highlight-literal-integer: #00A6A7,
+    $syntax-highlight-builtin: #00A9A9,
+    $syntax-highlight-constant: #BAFFAC
   ),
 );