diff --git a/.vscode/settings.json b/.vscode/settings.json
index 5384cca..70c0773 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -3,7 +3,7 @@
       {
         "format": "expanded",
         "extensionName": ".css", 
-        "savePath": "/public/css",
+        "savePath": "/public/assets/css",
         "generateMap": false
       }
     ]
diff --git a/public/assets/css/theme-blurple-dyslexia.css b/public/assets/css/theme-blurple-dyslexia.css
index bc15adb..d985cb4 100644
--- a/public/assets/css/theme-blurple-dyslexia.css
+++ b/public/assets/css/theme-blurple-dyslexia.css
@@ -139,10 +139,26 @@
     --color-pink-dark-2: #a9246f;
     --color-brown-dark-2: #835b42;
     --color-black-dark-2: #252832;
+    --color-ansi-black: var(--color-black);
+    --color-ansi-red: var(--color-red);
+    --color-ansi-green: var(--color-green);
+    --color-ansi-yellow: var(--color-yellow);
+    --color-ansi-blue: var(--color-blue);
+    --color-ansi-magenta: var(--color-pink);
+    --color-ansi-cyan: var(--color-teal);
+    --color-ansi-white: var(--color-console-fg-subtle);
+    --color-ansi-bright-black: var(--color-black-light);
+    --color-ansi-bright-red: var(--color-red-light);
+    --color-ansi-bright-green: var(--color-green-light);
+    --color-ansi-bright-yellow: var(--color-yellow-light);
+    --color-ansi-bright-blue: var(--color-blue-light);
+    --color-ansi-bright-magenta: var(--color-pink-light);
+    --color-ansi-bright-cyan: var(--color-teal-light);
+    --color-ansi-bright-white: var(--color-console-fg);
     --color-grey: #505665;
     --color-grey-light: #8d919b;
     --color-gold: #b1983b;
-    --color-white: #ffffff;
+    --color-white: #fff;
     --color-diff-removed-word-bg: #6f3333;
     --color-diff-added-word-bg: #3c653c;
     --color-diff-removed-row-bg: #3c2626;
@@ -197,9 +213,8 @@
     --color-input-border: var(--color-secondary);
     --color-input-border-hover: var(--color-secondary-dark-1);
     --color-header-wrapper: #202430;
-    --color-header-wrapper-transparent: #20243000;
     --color-light: #00000028;
-    --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
+    --color-light-mimic-enabled: rgba(0, 0, 0, calc(40/255*222/255/var(--opacity-disabled)));
     --color-light-border: #ffffff28;
     --color-hover: #ffffff10;
     --color-active: #ffffff16;
@@ -221,9 +236,9 @@
     --color-reaction-bg: #ffffff12;
     --color-reaction-hover-bg: var(--color-primary-light-4);
     --color-reaction-active-bg: var(--color-primary-light-5);
-    --color-tooltip-text: #ffffff;
+    --color-tooltip-text: #fff;
     --color-tooltip-bg: #000000f0;
-    --color-nav-bg: #2E323E;
+    --color-nav-bg: #232834;
     --color-nav-hover-bg: #383c47;
     --color-label-text: #dfe3ec;
     --color-label-bg: #7c84974b;
@@ -232,6 +247,7 @@
     --color-accent: var(--color-primary-light-1);
     --color-small-accent: var(--color-primary-light-5);
     --color-active-line: #534d1b;
+    --color-overlay-backdrop: #080808c0;
     accent-color: var(--color-accent);
     color-scheme: dark;
   }
@@ -239,41 +255,6 @@
 /** 
 DO NOT INCLUEDE ANY :root(s) IN THIS FILE!!!
 **/
-@media (prefers-color-scheme: dark) {
-  .chroma {
-    background-color: var(--color-code-bg);
-  }
-  .chroma .lntd {
-    vertical-align: top;
-    padding: 0;
-    margin: 0;
-    border: 0;
-  }
-  .chroma .lntable {
-    border-spacing: 0;
-    padding: 0;
-    margin: 0;
-    border: 0;
-    width: auto;
-    overflow: auto;
-    display: block;
-  }
-  .chroma .hl {
-    display: block;
-    width: 100%;
-  }
-  .chroma .lnt,
-  .chroma .ln {
-    margin-right: 0.4em;
-    padding: 0 0.4em;
-  }
-  .chroma .gs {
-    font-weight: var(--font-weight-semibold);
-  }
-  .chroma .gl {
-    text-decoration: underline;
-  }
-}
 @media (prefers-color-scheme: dark) {
   .chroma .bp {
     color: #fabd2f;
@@ -363,9 +344,7 @@ DO NOT INCLUEDE ANY :root(s) IN THIS FILE!!!
   .chroma .n {
     color: #c9d1d9;
   }
-  .chroma .na {
-    color: #b8bb26;
-  }
+  .chroma .na,
   .chroma .nb {
     color: #fabd2f;
   }
@@ -415,22 +394,22 @@ DO NOT INCLUEDE ANY :root(s) IN THIS FILE!!!
     color: #b8bb26;
   }
   .chroma .sa {
-    color: #649bc4;
+    color: #ffaa10;
   }
   .chroma .sb {
     color: #b8bb26;
   }
   .chroma .sc {
-    color: #649bc4;
+    color: #ffaa10;
   }
   .chroma .sd {
-    color: #777e94;
+    color: #b8bb26;
   }
   .chroma .se {
-    color: #ff7540;
+    color: #ff8540;
   }
   .chroma .sh {
-    color: #649bc4;
+    color: #b8bb26;
   }
   .chroma .si {
     color: #ffaa10;
@@ -439,23 +418,19 @@ DO NOT INCLUEDE ANY :root(s) IN THIS FILE!!!
     color: #9075cd;
   }
   .chroma .ss {
-    color: #ff7540;
+    color: #ff8540;
   }
   .chroma .sx {
     color: #ffaa10;
   }
-  .chroma .vc {
-    color: #ff7540;
-  }
+  .chroma .vc,
   .chroma .vg,
   .chroma .vi {
-    color: #ffaa10;
+    color: #649bee;
   }
   .chroma .w {
     color: #7f8699;
   }
-}
-@media (prefers-color-scheme: dark) {
   .CodeMirror.cm-s-default .cm-property,
   .CodeMirror.cm-s-paper .cm-property {
     color: #a0cc75;
@@ -542,26 +517,26 @@ DO NOT INCLUEDE ANY :root(s) IN THIS FILE!!!
   .CodeMirror.cm-s-paper .cm-error {
     color: #dbdbeb;
   }
-}
-.emoji[aria-label="check mark"],
-.emoji[aria-label="currency exchange"],
-.emoji[aria-label="TOP arrow"],
-.emoji[aria-label="END arrow"],
-.emoji[aria-label="ON! arrow"],
-.emoji[aria-label="SOON arrow"],
-.emoji[aria-label="heavy dollar sign"],
-.emoji[aria-label=copyright],
-.emoji[aria-label=registered],
-.emoji[aria-label="trade mark"],
-.emoji[aria-label=multiply],
-.emoji[aria-label=plus],
-.emoji[aria-label=minus],
-.emoji[aria-label=divide],
-.emoji[aria-label="curly loop"],
-.emoji[aria-label="double curly loop"],
-.emoji[aria-label="wavy dash"],
-.emoji[aria-label="paw prints"],
-.emoji[aria-label="musical note"],
-.emoji[aria-label="musical notes"] {
-  filter: invert(100%) hue-rotate(180deg);
+  .emoji[aria-label=check\ mark],
+  .emoji[aria-label=currency\ exchange],
+  .emoji[aria-label=TOP\ arrow],
+  .emoji[aria-label=END\ arrow],
+  .emoji[aria-label="ON! arrow"],
+  .emoji[aria-label=SOON\ arrow],
+  .emoji[aria-label="heavy dollar sign"],
+  .emoji[aria-label=copyright],
+  .emoji[aria-label=registered],
+  .emoji[aria-label=trade\ mark],
+  .emoji[aria-label=multiply],
+  .emoji[aria-label=plus],
+  .emoji[aria-label=minus],
+  .emoji[aria-label=divide],
+  .emoji[aria-label=curly\ loop],
+  .emoji[aria-label="double curly loop"],
+  .emoji[aria-label=wavy\ dash],
+  .emoji[aria-label=paw\ prints],
+  .emoji[aria-label=musical\ note],
+  .emoji[aria-label=musical\ notes] {
+    filter: invert(100%) hue-rotate(180deg);
+  }
 }
\ No newline at end of file
diff --git a/public/assets/css/theme-blurple.css b/public/assets/css/theme-blurple.css
index e53c901..7e018c9 100644
--- a/public/assets/css/theme-blurple.css
+++ b/public/assets/css/theme-blurple.css
@@ -114,10 +114,26 @@
     --color-pink-dark-2: #a9246f;
     --color-brown-dark-2: #835b42;
     --color-black-dark-2: #252832;
+    --color-ansi-black: var(--color-black);
+    --color-ansi-red: var(--color-red);
+    --color-ansi-green: var(--color-green);
+    --color-ansi-yellow: var(--color-yellow);
+    --color-ansi-blue: var(--color-blue);
+    --color-ansi-magenta: var(--color-pink);
+    --color-ansi-cyan: var(--color-teal);
+    --color-ansi-white: var(--color-console-fg-subtle);
+    --color-ansi-bright-black: var(--color-black-light);
+    --color-ansi-bright-red: var(--color-red-light);
+    --color-ansi-bright-green: var(--color-green-light);
+    --color-ansi-bright-yellow: var(--color-yellow-light);
+    --color-ansi-bright-blue: var(--color-blue-light);
+    --color-ansi-bright-magenta: var(--color-pink-light);
+    --color-ansi-bright-cyan: var(--color-teal-light);
+    --color-ansi-bright-white: var(--color-console-fg);
     --color-grey: #505665;
     --color-grey-light: #8d919b;
     --color-gold: #b1983b;
-    --color-white: #ffffff;
+    --color-white: #fff;
     --color-diff-removed-word-bg: #6f3333;
     --color-diff-added-word-bg: #3c653c;
     --color-diff-removed-row-bg: #3c2626;
@@ -172,9 +188,8 @@
     --color-input-border: var(--color-secondary);
     --color-input-border-hover: var(--color-secondary-dark-1);
     --color-header-wrapper: #202430;
-    --color-header-wrapper-transparent: #20243000;
     --color-light: #00000028;
-    --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
+    --color-light-mimic-enabled: rgba(0, 0, 0, calc(40/255*222/255/var(--opacity-disabled)));
     --color-light-border: #ffffff28;
     --color-hover: #ffffff10;
     --color-active: #ffffff16;
@@ -196,9 +211,9 @@
     --color-reaction-bg: #ffffff12;
     --color-reaction-hover-bg: var(--color-primary-light-4);
     --color-reaction-active-bg: var(--color-primary-light-5);
-    --color-tooltip-text: #ffffff;
+    --color-tooltip-text: #fff;
     --color-tooltip-bg: #000000f0;
-    --color-nav-bg: #2E323E;
+    --color-nav-bg: #232834;
     --color-nav-hover-bg: #383c47;
     --color-label-text: #dfe3ec;
     --color-label-bg: #7c84974b;
@@ -207,6 +222,7 @@
     --color-accent: var(--color-primary-light-1);
     --color-small-accent: var(--color-primary-light-5);
     --color-active-line: #534d1b;
+    --color-overlay-backdrop: #080808c0;
     accent-color: var(--color-accent);
     color-scheme: dark;
   }
@@ -214,41 +230,6 @@
 /** 
 DO NOT INCLUEDE ANY :root(s) IN THIS FILE!!!
 **/
-@media (prefers-color-scheme: dark) {
-  .chroma {
-    background-color: var(--color-code-bg);
-  }
-  .chroma .lntd {
-    vertical-align: top;
-    padding: 0;
-    margin: 0;
-    border: 0;
-  }
-  .chroma .lntable {
-    border-spacing: 0;
-    padding: 0;
-    margin: 0;
-    border: 0;
-    width: auto;
-    overflow: auto;
-    display: block;
-  }
-  .chroma .hl {
-    display: block;
-    width: 100%;
-  }
-  .chroma .lnt,
-  .chroma .ln {
-    margin-right: 0.4em;
-    padding: 0 0.4em;
-  }
-  .chroma .gs {
-    font-weight: var(--font-weight-semibold);
-  }
-  .chroma .gl {
-    text-decoration: underline;
-  }
-}
 @media (prefers-color-scheme: dark) {
   .chroma .bp {
     color: #fabd2f;
@@ -338,9 +319,7 @@ DO NOT INCLUEDE ANY :root(s) IN THIS FILE!!!
   .chroma .n {
     color: #c9d1d9;
   }
-  .chroma .na {
-    color: #b8bb26;
-  }
+  .chroma .na,
   .chroma .nb {
     color: #fabd2f;
   }
@@ -390,22 +369,22 @@ DO NOT INCLUEDE ANY :root(s) IN THIS FILE!!!
     color: #b8bb26;
   }
   .chroma .sa {
-    color: #649bc4;
+    color: #ffaa10;
   }
   .chroma .sb {
     color: #b8bb26;
   }
   .chroma .sc {
-    color: #649bc4;
+    color: #ffaa10;
   }
   .chroma .sd {
-    color: #777e94;
+    color: #b8bb26;
   }
   .chroma .se {
-    color: #ff7540;
+    color: #ff8540;
   }
   .chroma .sh {
-    color: #649bc4;
+    color: #b8bb26;
   }
   .chroma .si {
     color: #ffaa10;
@@ -414,23 +393,19 @@ DO NOT INCLUEDE ANY :root(s) IN THIS FILE!!!
     color: #9075cd;
   }
   .chroma .ss {
-    color: #ff7540;
+    color: #ff8540;
   }
   .chroma .sx {
     color: #ffaa10;
   }
-  .chroma .vc {
-    color: #ff7540;
-  }
+  .chroma .vc,
   .chroma .vg,
   .chroma .vi {
-    color: #ffaa10;
+    color: #649bee;
   }
   .chroma .w {
     color: #7f8699;
   }
-}
-@media (prefers-color-scheme: dark) {
   .CodeMirror.cm-s-default .cm-property,
   .CodeMirror.cm-s-paper .cm-property {
     color: #a0cc75;
@@ -517,26 +492,26 @@ DO NOT INCLUEDE ANY :root(s) IN THIS FILE!!!
   .CodeMirror.cm-s-paper .cm-error {
     color: #dbdbeb;
   }
-}
-.emoji[aria-label="check mark"],
-.emoji[aria-label="currency exchange"],
-.emoji[aria-label="TOP arrow"],
-.emoji[aria-label="END arrow"],
-.emoji[aria-label="ON! arrow"],
-.emoji[aria-label="SOON arrow"],
-.emoji[aria-label="heavy dollar sign"],
-.emoji[aria-label=copyright],
-.emoji[aria-label=registered],
-.emoji[aria-label="trade mark"],
-.emoji[aria-label=multiply],
-.emoji[aria-label=plus],
-.emoji[aria-label=minus],
-.emoji[aria-label=divide],
-.emoji[aria-label="curly loop"],
-.emoji[aria-label="double curly loop"],
-.emoji[aria-label="wavy dash"],
-.emoji[aria-label="paw prints"],
-.emoji[aria-label="musical note"],
-.emoji[aria-label="musical notes"] {
-  filter: invert(100%) hue-rotate(180deg);
+  .emoji[aria-label=check\ mark],
+  .emoji[aria-label=currency\ exchange],
+  .emoji[aria-label=TOP\ arrow],
+  .emoji[aria-label=END\ arrow],
+  .emoji[aria-label="ON! arrow"],
+  .emoji[aria-label=SOON\ arrow],
+  .emoji[aria-label="heavy dollar sign"],
+  .emoji[aria-label=copyright],
+  .emoji[aria-label=registered],
+  .emoji[aria-label=trade\ mark],
+  .emoji[aria-label=multiply],
+  .emoji[aria-label=plus],
+  .emoji[aria-label=minus],
+  .emoji[aria-label=divide],
+  .emoji[aria-label=curly\ loop],
+  .emoji[aria-label="double curly loop"],
+  .emoji[aria-label=wavy\ dash],
+  .emoji[aria-label=paw\ prints],
+  .emoji[aria-label=musical\ note],
+  .emoji[aria-label=musical\ notes] {
+    filter: invert(100%) hue-rotate(180deg);
+  }
 }
\ No newline at end of file
diff --git a/templates/scss/partials/_blurple_roots.scss b/templates/scss/partials/_blurple_roots.scss
index 4b03c05..67ae1f7 100644
--- a/templates/scss/partials/_blurple_roots.scss
+++ b/templates/scss/partials/_blurple_roots.scss
@@ -114,10 +114,26 @@
         --color-pink-dark-2: #a9246f;
         --color-brown-dark-2: #835b42;
         --color-black-dark-2: #252832;
+        --color-ansi-black: var(--color-black);
+        --color-ansi-red: var(--color-red);
+        --color-ansi-green: var(--color-green);
+        --color-ansi-yellow: var(--color-yellow);
+        --color-ansi-blue: var(--color-blue);
+        --color-ansi-magenta: var(--color-pink);
+        --color-ansi-cyan: var(--color-teal);
+        --color-ansi-white: var(--color-console-fg-subtle);
+        --color-ansi-bright-black: var(--color-black-light);
+        --color-ansi-bright-red: var(--color-red-light);
+        --color-ansi-bright-green: var(--color-green-light);
+        --color-ansi-bright-yellow: var(--color-yellow-light);
+        --color-ansi-bright-blue: var(--color-blue-light);
+        --color-ansi-bright-magenta: var(--color-pink-light);
+        --color-ansi-bright-cyan: var(--color-teal-light);
+        --color-ansi-bright-white: var(--color-console-fg);
         --color-grey: #505665;
         --color-grey-light: #8d919b;
         --color-gold: #b1983b;
-        --color-white: #ffffff;
+        --color-white: #fff;
         --color-diff-removed-word-bg: #6f3333;
         --color-diff-added-word-bg: #3c653c;
         --color-diff-removed-row-bg: #3c2626;
@@ -172,9 +188,8 @@
         --color-input-border: var(--color-secondary);
         --color-input-border-hover: var(--color-secondary-dark-1);
         --color-header-wrapper: #202430;
-        --color-header-wrapper-transparent: #20243000;
         --color-light: #00000028;
-        --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
+        --color-light-mimic-enabled: rgba(0, 0, 0, calc(40/255*222/255/var(--opacity-disabled)));
         --color-light-border: #ffffff28;
         --color-hover: #ffffff10;
         --color-active: #ffffff16;
@@ -196,9 +211,9 @@
         --color-reaction-bg: #ffffff12;
         --color-reaction-hover-bg: var(--color-primary-light-4);
         --color-reaction-active-bg: var(--color-primary-light-5);
-        --color-tooltip-text: #ffffff;
+        --color-tooltip-text: #fff;
         --color-tooltip-bg: #000000f0;
-        --color-nav-bg: #2E323E;
+        --color-nav-bg: #232834;
         --color-nav-hover-bg: #383c47;
         --color-label-text: #dfe3ec;
         --color-label-bg: #7c84974b;
@@ -207,6 +222,7 @@
         --color-accent: var(--color-primary-light-1);
         --color-small-accent: var(--color-primary-light-5);
         --color-active-line: #534d1b;
+        --color-overlay-backdrop: #080808c0;
         accent-color: var(--color-accent);
         color-scheme: dark
     }
diff --git a/templates/scss/partials/_theme_blurple.scss b/templates/scss/partials/_theme_blurple.scss
index 7014540..d05660b 100644
--- a/templates/scss/partials/_theme_blurple.scss
+++ b/templates/scss/partials/_theme_blurple.scss
@@ -2,413 +2,361 @@
 DO NOT INCLUEDE ANY :root(s) IN THIS FILE!!!
 **/
 @media (prefers-color-scheme: dark) {
-  .chroma {
-      background-color: var(--color-code-bg)
-  }
-
-  .chroma .lntd {
-      vertical-align: top;
-      padding: 0;
-      margin: 0;
-      border: 0
-  }
-
-  .chroma .lntable {
-      border-spacing: 0;
-      padding: 0;
-      margin: 0;
-      border: 0;
-      width: auto;
-      overflow: auto;
-      display: block
-  }
-
-  .chroma .hl {
-      display: block;
-      width: 100%
-  }
-
-  .chroma .lnt,
-  .chroma .ln {
-      margin-right: .4em;
-      padding: 0 .4em
-  }
-
-  .chroma .gs {
-      font-weight: var(--font-weight-semibold)
-  }
-
-  .chroma .gl {
-      text-decoration: underline
-  }
-}
-
-@media (prefers-color-scheme: dark) {
-  .chroma .bp {
-      color: #fabd2f
-  }
-
-  .chroma .c,
-  .chroma .c1,
-  .chroma .ch,
-  .chroma .cm {
-      color: #777e94
-  }
-
-  .chroma .cp {
-      color: #8ec07c
-  }
-
-  .chroma .cpf {
-      color: #649bc4
-  }
-
-  .chroma .cs {
-      color: #9075cd
-  }
-
-  .chroma .dl {
-      color: #649bc4
-  }
-
-  .chroma .gd {
-      color: #fff;
-      background-color: #5f3737
-  }
-
-  .chroma .ge {
-      color: #ddee30
-  }
-
-  .chroma .gh {
-      color: #ffaa10
-  }
-
-  .chroma .gi {
-      color: #fff;
-      background-color: #3a523a
-  }
-
-  .chroma .go {
-      color: #777e94
-  }
-
-  .chroma .gp {
-      color: #ebdbb2
-  }
-
-  .chroma .gr {
-      color: #f43
-  }
-
-  .chroma .gs {
-      color: #ebdbb2
-  }
-
-  .chroma .gt {
-      color: #ff7540
-  }
-
-  .chroma .gu {
-      color: #b8bb26
-  }
-
-  .chroma .il {
-      color: #649bc4
-  }
-
-  .chroma .k {
-      color: #ff7540
-  }
-
-  .chroma .kc {
-      color: #649bc4
-  }
-
-  .chroma .kd {
-      color: #ff7540
-  }
-
-  .chroma .kn {
-      color: #ffaa10
-  }
-
-  .chroma .kp {
-      color: #5f8700
-  }
-
-  .chroma .kr {
-      color: #ff7540
-  }
-
-  .chroma .kt {
-      color: #ff7b72
-  }
-
-  .chroma .m,
-  .chroma .mb,
-  .chroma .mf,
-  .chroma .mh,
-  .chroma .mi,
-  .chroma .mo {
-      color: #649bc4
-  }
-
-  .chroma .n {
-      color: #c9d1d9
-  }
-
-  .chroma .na {
-      color: #b8bb26
-  }
-
-  .chroma .nb {
-      color: #fabd2f
-  }
-
-  .chroma .nc {
-      color: #ffaa10
-  }
-
-  .chroma .nd {
-      color: #8ec07c
-  }
-
-  .chroma .ne {
-      color: #ff7540
-  }
-
-  .chroma .nf,
-  .chroma .ni {
-      color: #fabd2f
-  }
-
-  .chroma .nl {
-      color: #ff7540
-  }
-
-  .chroma .nn {
-      color: #c9d1d9
-  }
-
-  .chroma .no {
-      color: #649bc4
-  }
-
-  .chroma .nt {
-      color: #ff7540
-  }
-
-  .chroma .nv {
-      color: #ebdbb2
-  }
-
-  .chroma .nx {
-      color: #b6bac5
-  }
-
-  .chroma .o {
-      color: #ff7540
-  }
-
-  .chroma .ow {
-      color: #5f8700
-  }
-
-  .chroma .p {
-      color: #d2d4db
-  }
-
-  .chroma .s,
-  .chroma .s1,
-  .chroma .s2 {
-      color: #b8bb26
-  }
-
-  .chroma .sa {
-      color: #649bc4
-  }
-
-  .chroma .sb {
-      color: #b8bb26
-  }
-
-  .chroma .sc {
-      color: #649bc4
-  }
-
-  .chroma .sd {
-      color: #777e94
-  }
-
-  .chroma .se {
-      color: #ff7540
-  }
-
-  .chroma .sh {
-      color: #649bc4
-  }
-
-  .chroma .si {
-      color: #ffaa10
-  }
-
-  .chroma .sr {
-      color: #9075cd
-  }
-
-  .chroma .ss {
-      color: #ff7540
-  }
-
-  .chroma .sx {
-      color: #ffaa10
-  }
-
-  .chroma .vc {
-      color: #ff7540
-  }
-
-  .chroma .vg,
-  .chroma .vi {
-      color: #ffaa10
-  }
-
-  .chroma .w {
-      color: #7f8699
-  }
-}
-
-@media (prefers-color-scheme: dark) {
-
-  .CodeMirror.cm-s-default .cm-property,
-  .CodeMirror.cm-s-paper .cm-property {
-      color: #a0cc75
-  }
-
-  .CodeMirror.cm-s-default .cm-header,
-  .CodeMirror.cm-s-paper .cm-header {
-      color: #9daccc
-  }
-
-  .CodeMirror.cm-s-default .cm-quote,
-  .CodeMirror.cm-s-paper .cm-quote {
-      color: #090
-  }
-
-  .CodeMirror.cm-s-default .cm-keyword,
-  .CodeMirror.cm-s-paper .cm-keyword {
-      color: #cc8a61
-  }
-
-  .CodeMirror.cm-s-default .cm-atom,
-  .CodeMirror.cm-s-paper .cm-atom {
-      color: #ef5e77
-  }
-
-  .CodeMirror.cm-s-default .cm-number,
-  .CodeMirror.cm-s-paper .cm-number {
-      color: #ff5656
-  }
-
-  .CodeMirror.cm-s-default .cm-def,
-  .CodeMirror.cm-s-paper .cm-def {
-      color: #e4e4e4
-  }
-
-  .CodeMirror.cm-s-default .cm-variable-2,
-  .CodeMirror.cm-s-paper .cm-variable-2 {
-      color: #00bdbf
-  }
-
-  .CodeMirror.cm-s-default .cm-variable-3,
-  .CodeMirror.cm-s-paper .cm-variable-3 {
-      color: #085
-  }
-
-  .CodeMirror.cm-s-default .cm-comment,
-  .CodeMirror.cm-s-paper .cm-comment {
-      color: #8e9ab3
-  }
-
-  .CodeMirror.cm-s-default .cm-string,
-  .CodeMirror.cm-s-paper .cm-string {
-      color: #a77272
-  }
-
-  .CodeMirror.cm-s-default .cm-string-2,
-  .CodeMirror.cm-s-paper .cm-string-2 {
-      color: #f50
-  }
-
-  .CodeMirror.cm-s-default .cm-meta,
-  .CodeMirror.cm-s-paper .cm-meta,
-  .CodeMirror.cm-s-default .cm-qualifier,
-  .CodeMirror.cm-s-paper .cm-qualifier {
-      color: #ffb176
-  }
-
-  .CodeMirror.cm-s-default .cm-builtin,
-  .CodeMirror.cm-s-paper .cm-builtin {
-      color: #b7c951
-  }
-
-  .CodeMirror.cm-s-default .cm-bracket,
-  .CodeMirror.cm-s-paper .cm-bracket {
-      color: #997
-  }
-
-  .CodeMirror.cm-s-default .cm-tag,
-  .CodeMirror.cm-s-paper .cm-tag {
-      color: #f1d273
-  }
-
-  .CodeMirror.cm-s-default .cm-attribute,
-  .CodeMirror.cm-s-paper .cm-attribute {
-      color: #bfcc70
-  }
-
-  .CodeMirror.cm-s-default .cm-hr,
-  .CodeMirror.cm-s-paper .cm-hr {
-      color: #999
-  }
-
-  .CodeMirror.cm-s-default .cm-url,
-  .CodeMirror.cm-s-paper .cm-url {
-      color: #c5cfd0
-  }
-
-  .CodeMirror.cm-s-default .cm-link,
-  .CodeMirror.cm-s-paper .cm-link {
-      color: #d8c792
-  }
-
-  .CodeMirror.cm-s-default .cm-error,
-  .CodeMirror.cm-s-paper .cm-error {
-      color: #dbdbeb
-  }
-}
-
-
-  .emoji[aria-label="check mark"],
-  .emoji[aria-label="currency exchange"],
-  .emoji[aria-label="TOP arrow"],
-  .emoji[aria-label="END arrow"],
-  .emoji[aria-label="ON! arrow"],
-  .emoji[aria-label="SOON arrow"],
-  .emoji[aria-label="heavy dollar sign"],
-  .emoji[aria-label=copyright],
-  .emoji[aria-label=registered],
-  .emoji[aria-label="trade mark"],
-  .emoji[aria-label=multiply],
-  .emoji[aria-label=plus],
-  .emoji[aria-label=minus],
-  .emoji[aria-label=divide],
-  .emoji[aria-label="curly loop"],
-  .emoji[aria-label="double curly loop"],
-  .emoji[aria-label="wavy dash"],
-  .emoji[aria-label="paw prints"],
-  .emoji[aria-label="musical note"],
-  .emoji[aria-label="musical notes"] {
-      filter: invert(100%) hue-rotate(180deg)
-  }
\ No newline at end of file
+    .chroma .bp {
+        color: #fabd2f
+    }
+
+    .chroma .c,
+    .chroma .c1,
+    .chroma .ch,
+    .chroma .cm {
+        color: #777e94
+    }
+
+    .chroma .cp {
+        color: #8ec07c
+    }
+
+    .chroma .cpf {
+        color: #649bc4
+    }
+
+    .chroma .cs {
+        color: #9075cd
+    }
+
+    .chroma .dl {
+        color: #649bc4
+    }
+
+    .chroma .gd {
+        color: #fff;
+        background-color: #5f3737
+    }
+
+    .chroma .ge {
+        color: #ddee30
+    }
+
+    .chroma .gh {
+        color: #ffaa10
+    }
+
+    .chroma .gi {
+        color: #fff;
+        background-color: #3a523a
+    }
+
+    .chroma .go {
+        color: #777e94
+    }
+
+    .chroma .gp {
+        color: #ebdbb2
+    }
+
+    .chroma .gr {
+        color: #f43
+    }
+
+    .chroma .gs {
+        color: #ebdbb2
+    }
+
+    .chroma .gt {
+        color: #ff7540
+    }
+
+    .chroma .gu {
+        color: #b8bb26
+    }
+
+    .chroma .il {
+        color: #649bc4
+    }
+
+    .chroma .k {
+        color: #ff7540
+    }
+
+    .chroma .kc {
+        color: #649bc4
+    }
+
+    .chroma .kd {
+        color: #ff7540
+    }
+
+    .chroma .kn {
+        color: #ffaa10
+    }
+
+    .chroma .kp {
+        color: #5f8700
+    }
+
+    .chroma .kr {
+        color: #ff7540
+    }
+
+    .chroma .kt {
+        color: #ff7b72
+    }
+
+    .chroma .m,
+    .chroma .mb,
+    .chroma .mf,
+    .chroma .mh,
+    .chroma .mi,
+    .chroma .mo {
+        color: #649bc4
+    }
+
+    .chroma .n {
+        color: #c9d1d9
+    }
+
+    .chroma .na,
+    .chroma .nb {
+        color: #fabd2f
+    }
+
+    .chroma .nc {
+        color: #ffaa10
+    }
+
+    .chroma .nd {
+        color: #8ec07c
+    }
+
+    .chroma .ne {
+        color: #ff7540
+    }
+
+    .chroma .nf,
+    .chroma .ni {
+        color: #fabd2f
+    }
+
+    .chroma .nl {
+        color: #ff7540
+    }
+
+    .chroma .nn {
+        color: #c9d1d9
+    }
+
+    .chroma .no {
+        color: #649bc4
+    }
+
+    .chroma .nt {
+        color: #ff7540
+    }
+
+    .chroma .nv {
+        color: #ebdbb2
+    }
+
+    .chroma .nx {
+        color: #b6bac5
+    }
+
+    .chroma .o {
+        color: #ff7540
+    }
+
+    .chroma .ow {
+        color: #5f8700
+    }
+
+    .chroma .p {
+        color: #d2d4db
+    }
+
+    .chroma .s,
+    .chroma .s1,
+    .chroma .s2 {
+        color: #b8bb26
+    }
+
+    .chroma .sa {
+        color: #ffaa10
+    }
+
+    .chroma .sb {
+        color: #b8bb26
+    }
+
+    .chroma .sc {
+        color: #ffaa10
+    }
+
+    .chroma .sd {
+        color: #b8bb26
+    }
+
+    .chroma .se {
+        color: #ff8540
+    }
+
+    .chroma .sh {
+        color: #b8bb26
+    }
+
+    .chroma .si {
+        color: #ffaa10
+    }
+
+    .chroma .sr {
+        color: #9075cd
+    }
+
+    .chroma .ss {
+        color: #ff8540
+    }
+
+    .chroma .sx {
+        color: #ffaa10
+    }
+
+    .chroma .vc,
+    .chroma .vg,
+    .chroma .vi {
+        color: #649bee
+    }
+
+    .chroma .w {
+        color: #7f8699
+    }
+
+    .CodeMirror.cm-s-default .cm-property,
+    .CodeMirror.cm-s-paper .cm-property {
+        color: #a0cc75
+    }
+
+    .CodeMirror.cm-s-default .cm-header,
+    .CodeMirror.cm-s-paper .cm-header {
+        color: #9daccc
+    }
+
+    .CodeMirror.cm-s-default .cm-quote,
+    .CodeMirror.cm-s-paper .cm-quote {
+        color: #090
+    }
+
+    .CodeMirror.cm-s-default .cm-keyword,
+    .CodeMirror.cm-s-paper .cm-keyword {
+        color: #cc8a61
+    }
+
+    .CodeMirror.cm-s-default .cm-atom,
+    .CodeMirror.cm-s-paper .cm-atom {
+        color: #ef5e77
+    }
+
+    .CodeMirror.cm-s-default .cm-number,
+    .CodeMirror.cm-s-paper .cm-number {
+        color: #ff5656
+    }
+
+    .CodeMirror.cm-s-default .cm-def,
+    .CodeMirror.cm-s-paper .cm-def {
+        color: #e4e4e4
+    }
+
+    .CodeMirror.cm-s-default .cm-variable-2,
+    .CodeMirror.cm-s-paper .cm-variable-2 {
+        color: #00bdbf
+    }
+
+    .CodeMirror.cm-s-default .cm-variable-3,
+    .CodeMirror.cm-s-paper .cm-variable-3 {
+        color: #085
+    }
+
+    .CodeMirror.cm-s-default .cm-comment,
+    .CodeMirror.cm-s-paper .cm-comment {
+        color: #8e9ab3
+    }
+
+    .CodeMirror.cm-s-default .cm-string,
+    .CodeMirror.cm-s-paper .cm-string {
+        color: #a77272
+    }
+
+    .CodeMirror.cm-s-default .cm-string-2,
+    .CodeMirror.cm-s-paper .cm-string-2 {
+        color: #f50
+    }
+
+    .CodeMirror.cm-s-default .cm-meta,
+    .CodeMirror.cm-s-paper .cm-meta,
+    .CodeMirror.cm-s-default .cm-qualifier,
+    .CodeMirror.cm-s-paper .cm-qualifier {
+        color: #ffb176
+    }
+
+    .CodeMirror.cm-s-default .cm-builtin,
+    .CodeMirror.cm-s-paper .cm-builtin {
+        color: #b7c951
+    }
+
+    .CodeMirror.cm-s-default .cm-bracket,
+    .CodeMirror.cm-s-paper .cm-bracket {
+        color: #997
+    }
+
+    .CodeMirror.cm-s-default .cm-tag,
+    .CodeMirror.cm-s-paper .cm-tag {
+        color: #f1d273
+    }
+
+    .CodeMirror.cm-s-default .cm-attribute,
+    .CodeMirror.cm-s-paper .cm-attribute {
+        color: #bfcc70
+    }
+
+    .CodeMirror.cm-s-default .cm-hr,
+    .CodeMirror.cm-s-paper .cm-hr {
+        color: #999
+    }
+
+    .CodeMirror.cm-s-default .cm-url,
+    .CodeMirror.cm-s-paper .cm-url {
+        color: #c5cfd0
+    }
+
+    .CodeMirror.cm-s-default .cm-link,
+    .CodeMirror.cm-s-paper .cm-link {
+        color: #d8c792
+    }
+
+    .CodeMirror.cm-s-default .cm-error,
+    .CodeMirror.cm-s-paper .cm-error {
+        color: #dbdbeb
+    }
+
+    .emoji[aria-label=check\ mark],
+    .emoji[aria-label=currency\ exchange],
+    .emoji[aria-label=TOP\ arrow],
+    .emoji[aria-label=END\ arrow],
+    .emoji[aria-label="ON! arrow"],
+    .emoji[aria-label=SOON\ arrow],
+    .emoji[aria-label="heavy dollar sign"],
+    .emoji[aria-label=copyright],
+    .emoji[aria-label=registered],
+    .emoji[aria-label=trade\ mark],
+    .emoji[aria-label=multiply],
+    .emoji[aria-label=plus],
+    .emoji[aria-label=minus],
+    .emoji[aria-label=divide],
+    .emoji[aria-label=curly\ loop],
+    .emoji[aria-label="double curly loop"],
+    .emoji[aria-label=wavy\ dash],
+    .emoji[aria-label=paw\ prints],
+    .emoji[aria-label=musical\ note],
+    .emoji[aria-label=musical\ notes] {
+        filter: invert(100%)hue-rotate(180deg)
+  }
+}
\ No newline at end of file