diff --git a/out/css/colors-dark.css b/out/css/colors-dark.css
index e293109..6f0f2f8 100644
--- a/out/css/colors-dark.css
+++ b/out/css/colors-dark.css
@@ -1,3 +1,4 @@
+@media (prefers-color-scheme: dark){
 :root {
     --color-black: #05050F;
     --color-white: #FFFFFF;
@@ -39,7 +40,7 @@
 
 
     --color-body: var(--color-black);
-    --color-body-text: var(--color-black);
+    --color-body-text: var(--color-white);
 
     --color-addressbus: var(--color-addressbus-main);
     --color-addressbus-text: var(--color-white);
@@ -73,18 +74,33 @@
     --color-table-ram-head-text: var(--color-white);
     --color-table-ram-highlight: var(--color-ram-light2);
     --color-table-ram-highlight-text: var(--color-black);
+    --color-table-ram-select: transparent;
+    --color-table-ram-select-text: inherit;
+    --color-table-ram-select-border: var(--color-grey-light2);
 
     --color-table-cu-head: var(--color-cu-dark1);
     --color-table-cu-head-text: var(--color-white);
     --color-table-cu-highlight: var(--color-cu-light2);
     --color-table-cu-highlight-text: var(--color-black);
+    --color-table-cu-select: transparent;
+    --color-table-cu-select-text: inherit;
+    --color-table-cu-select-border: var(--color-grey-light2);
 
     --color-arrow: var(--color-arrow-main);
     --color-arrow-text: var(--color-white);
     --color-arrow-text-hover: var(--color-white-light2);
     --color-arrow-border: var(--color-black-light1);
+
+    --color-modal: var(--color-black);
+    --color-modal-text: var(--color-white);
+    --color-modal-shadow: rgba( 0,0,0, 0.4 );
+
+    --color-code: var(--color-black-light1);
+    --color-code-text: var(--color-white);
 }
 
 
 /* https://coolors.co/aa8f66-ed9b40-ffeedb-61c9a8-ba3b46-071013 */
-/* https://coolors.co/faf3dd-000022-9c528b-62a87c-247ba0-429ea6-8fb8de-72705b */
\ No newline at end of file
+/* https://coolors.co/faf3dd-000022-9c528b-62a87c-247ba0-429ea6-8fb8de-72705b */
+
+}
\ No newline at end of file
diff --git a/out/css/colors-light.css b/out/css/colors-light.css
index 4a4d0ca..98e35d2 100644
--- a/out/css/colors-light.css
+++ b/out/css/colors-light.css
@@ -93,6 +93,9 @@
     --color-modal: var(--color-white-light1);
     --color-modal-text: var(--color-black);
     --color-modal-shadow: rgba( 0,0,0, 0.4 );
+
+    --color-code: var(--color-white-light2);
+    --color-code-text: var(--color-black);
 }
 
 
diff --git a/out/css/style.css b/out/css/style.css
index e9ff81c..dcc6b17 100644
--- a/out/css/style.css
+++ b/out/css/style.css
@@ -1,3 +1,14 @@
+body {
+	background-color: var(--color-body);
+	color: var(--color-body-text);
+}
+
+code {
+	background-color: var(--color-code);
+	border-color: var(--color-code-text);
+	color: var(--color-code-text);
+}
+
 .noscript {
 	box-sizing: border-box;
 	width: 100vw;
diff --git a/out/index.html b/out/index.html
index 41bcfee..7c6be46 100644
--- a/out/index.html
+++ b/out/index.html
@@ -17,6 +17,7 @@
     <link rel="stylesheet" href="css/normalize.css" />
     <link rel="stylesheet" href="css/skeleton.css" />
     <link rel="stylesheet" href="css/colors-light.css">
+    <link rel="stylesheet" href="css/colors-dark.css">
     <link rel="stylesheet" href="css/pc.css" />
     <link rel="stylesheet" href="css/style.css" />