diff --git a/public/globals.css b/public/globals.css
index 72a84a4..ddd179a 100644
--- a/public/globals.css
+++ b/public/globals.css
@@ -3,21 +3,23 @@
     --text-color: #fff;
     --muted-text-color: #b3b3b3;
     --code-bg: #36383d;
+    --code-fg: #ffffff;
     --input-bg: #2b303b;
     --input-bg-hover: #3b404b;
-    --meta-bg: rgb(82, 82, 98);
+    --meta-bg: #525262;
     --divider-color: #42464e;
     --link-color: #92adff;
 }
 
 [data-theme='light'] {
-    --main-bg: rgb(219, 219, 219);
+    --main-bg: #dbdbdb;
     --text-color: #000;
     --muted-text-color: #636363;
     --code-bg: #36383d;
-    --input-bg: rgb(188, 188, 188);
-    --input-bg-hover: rgb(168, 168, 168);
-    --meta-bg: rgb(170, 168, 168);
+    --code-fg: #ffffff;
+    --input-bg: #bcbcbc;
+    --input-bg-hover: #a8a8a8;
+    --meta-bg: #aaa8a8;
     --divider-color: #b5b5b5;
     --link-color: #335ad0;
 }
diff --git a/public/home.css b/public/home.css
index e499a09..dd33e93 100644
--- a/public/home.css
+++ b/public/home.css
@@ -44,7 +44,7 @@ body {
 
 .view-input:focus {
     outline: none;
-    border: 2px solid rgb(168, 168, 168);
+    border: 2px solid #a8a8a8;
 }
 
 .view-button {
@@ -71,7 +71,7 @@ body {
 }
 
 .error {
-    background-color: rgb(255, 129, 129);
+    background-color: #ff8181;
 }
 
 .error,
diff --git a/public/question.css b/public/question.css
index ada56f3..35ded1f 100644
--- a/public/question.css
+++ b/public/question.css
@@ -55,14 +55,14 @@ code {
     background-color: var(--code-bg);
     padding: 0.15rem;
     border-radius: 5px;
-    color: white;
+    color: var(--code-fg);
 }
 
 pre {
     background-color: var(--code-bg);
     padding: 1rem;
     border-radius: 5px;
-    color: var(--text-color);
+    color: var(--code-fg);
     overflow-x: auto;
     line-height: 1.35;
 }