diff --git a/dist/dl/microbin.css b/dist/dl/microbin.css
index 5f500a3..16f7098 100644
--- a/dist/dl/microbin.css
+++ b/dist/dl/microbin.css
@@ -1,12 +1,12 @@
 
 :root {
-    --background-body: #fff;
-    --background: #efefef;
-    --background-alt: #f7f7f7;
+    --background-body: #1e1e2e;
+    --background: #181825;
+    --background-alt: #11111b;
     --selection: #9e9e9e;
-    --text-main: #363636;
-    --text-bright: #000;
-    --text-muted: #70777f;
+    --text-main: #cdd6f4;
+    --text-bright: #a6adc8;
+    --text-muted: #bac2de;
     --links: #f9e2af;
     --focus: #f9e2af;
     --border: #dbdbdb;
@@ -17,7 +17,7 @@
     --scrollbar-thumb: #aaa;
     --scrollbar-thumb-hover: var(--button-hover);
     --form-placeholder: #949494;
-    --form-text: #1d1d1d;
+    --form-text: #f9e2af;
     --variable: #39a33c;
     --highlight: #ff0;
     --select-arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23161f27'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")
@@ -28,12 +28,12 @@
       --background-body: #141b23;
       --background: #222f3a;
       --background-alt: #1a242f;
-      --selection: #1c76c5;
+      --selection: #f9e2af;
       --text-main: #dbdbdb;
-      --text-bright: #fff;
+      --text-bright: #1e1e2e;
       --text-muted: #a9b1ba;
-      --links: #2975D2;
-      --focus: #2975D2;
+      --links: #f9e2af;
+      --focus: #f9e2af;
       --border: #526980;
       --code: #ffbe85;
       --animation-duration: 0.1s;
@@ -42,7 +42,7 @@
       --scrollbar-thumb: var(--button-hover);
       --scrollbar-thumb-hover: #000;
       --form-placeholder: #a9a9a9;
-      --form-text: #fff;
+      --form-text: #1e1e2e;
       --variable: #d941e2;
       --highlight: #efdb43;
       --select-arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='63' width='117' fill='%23efefef'%3E%3Cpath d='M115 2c-1-2-4-2-5 0L59 53 7 2a4 4 0 00-5 5l54 54 2 2 3-2 54-54c2-1 2-4 0-5z'/%3E%3C/svg%3E")
@@ -50,7 +50,7 @@
   }
   
   html {
-    scrollbar-color: #aaa #fff;
+    scrollbar-color: #aaa #1e1e2e;
     scrollbar-color: var(--scrollbar-thumb) var(--background-body);
     scrollbar-width: thin
   }
@@ -71,7 +71,7 @@
     word-wrap: break-word;
     color: #363636;
     color: var(--text-main);
-    background: #fff;
+    background: #1e1e2e;
     background: var(--background-body);
     text-rendering: optimizeLegibility
   }
@@ -143,7 +143,7 @@
   
   @media (prefers-color-scheme:dark) {
     h1 {
-      color: #fff;
+      color: #1e1e2e;
       color: var(--text-bright)
     }
   }
@@ -155,7 +155,7 @@
   
   @media (prefers-color-scheme:dark) {
     h2 {
-      color: #fff;
+      color: #1e1e2e;
       color: var(--text-bright)
     }
   }
@@ -167,7 +167,7 @@
   
   @media (prefers-color-scheme:dark) {
     h3 {
-      color: #fff;
+      color: #1e1e2e;
       color: var(--text-bright)
     }
   }
@@ -179,7 +179,7 @@
   
   @media (prefers-color-scheme:dark) {
     h4 {
-      color: #fff;
+      color: #1e1e2e;
       color: var(--text-bright)
     }
   }
@@ -191,7 +191,7 @@
   
   @media (prefers-color-scheme:dark) {
     h5 {
-      color: #fff;
+      color: #1e1e2e;
       color: var(--text-bright)
     }
   }
@@ -203,7 +203,7 @@
   
   @media (prefers-color-scheme:dark) {
     h6 {
-      color: #fff;
+      color: #1e1e2e;
       color: var(--text-bright)
     }
   }
@@ -215,7 +215,7 @@
   
   @media (prefers-color-scheme:dark) {
     strong {
-      color: #fff;
+      color: #1e1e2e;
       color: var(--text-bright)
     }
   }
@@ -349,7 +349,7 @@
     input {
       background-color: #161f27;
       background-color: var(--background);
-      color: #fff;
+      color: #1e1e2e;
       color: var(--form-text)
     }
   }
@@ -373,7 +373,7 @@
     button {
       background-color: #161f27;
       background-color: var(--background);
-      color: #fff;
+      color: #1e1e2e;
       color: var(--form-text)
     }
   }
@@ -397,7 +397,7 @@
     textarea {
       background-color: #161f27;
       background-color: var(--background);
-      color: #fff;
+      color: #1e1e2e;
       color: var(--form-text)
     }
   }
@@ -421,7 +421,7 @@
     select {
       background-color: #161f27;
       background-color: var(--background);
-      color: #fff;
+      color: #1e1e2e;
       color: var(--form-text)
     }
   }
@@ -1105,7 +1105,7 @@
   }
   
   tbody tr:nth-child(2n) button:hover {
-    background-color: #fff;
+    background-color: #1e1e2e;
     background-color: var(--background-body)
   }
   
@@ -1175,24 +1175,24 @@
   
   @media (prefers-color-scheme:dark) {
     ::-moz-selection {
-      color: #fff;
+      color: #1e1e2e;
       color: var(--text-bright)
     }
   
     ::selection {
-      color: #fff;
+      color: #1e1e2e;
       color: var(--text-bright)
     }
   }
   
   @media (prefers-color-scheme:dark) {
     ::-moz-selection {
-      background-color: #1c76c5;
+      background-color: #f9e2af;
       background-color: var(--selection)
     }
   
     ::selection {
-      background-color: #1c76c5;
+      background-color: #f9e2af;
       background-color: var(--selection)
     }
   }
@@ -1347,7 +1347,7 @@
     pre,
     summary,
     textarea {
-      background-color: #fff
+      background-color: #1e1e2e
     }
   
     button,