diff --git a/sass/_colors.scss b/sass/_colors.scss
index bef420b71..193983833 100644
--- a/sass/_colors.scss
+++ b/sass/_colors.scss
@@ -9,16 +9,16 @@
 
 $color: (
     gray: (
-        0: #fafaff,
-        1: #ededf2,
-        2: #c2c2c7,
-        3: #8e8e93,
-        4: #636366,
-        5: #3a3a3c,
-        6: #28282a,
-        7: #1f1f21,
-        8: #1a1a1c,
-        9: #121214,
+        0: #FFFFFF,
+        1: #F6F6F6,
+        2: #C5C5C5,
+        3: #848484,
+        4: #707070,
+        5: #424242,
+        6: #333333,
+        7: #2D2D2D,
+        8: #252526,
+        9: #1E1E1E,
     ),
     red: (
         0: #fef2f2,
diff --git a/sass/_vars.scss b/sass/_vars.scss
index c2937ed26..f68a2f995 100644
--- a/sass/_vars.scss
+++ b/sass/_vars.scss
@@ -19,15 +19,15 @@ $vars: (
     colors: (
         text-fg: (
             light: get($color, gray, 9),
-            dark: get($color, gray, 0),
+            dark: get($color, gray, 1),
         ),
         window-bg: (
-            light: get($color, gray, 0),
-            dark: get($color, gray, 6),
+            light: get($color, gray, 1),
+            dark: get($color, gray, 7),
         ),
         frame-bg: (
-            light: white,
-            dark: get($color, gray, 7),
+            light: get($color, gray, 0),
+            dark: get($color, gray, 5),
         ),
         border: (
             light: get($color, gray, 3),
@@ -39,11 +39,11 @@ $vars: (
         ),
         slightly-grey-text: (
             light: get($color, gray, 7),
-            dark: get($color, gray, 4),
+            dark: get($color, gray, 3),
         ),
         disabled: (
             light: get($color, gray, 5),
-            dark: get($color, gray, 6),
+            dark: get($color, gray, 5),
         ),
         link: (
             light: get($color, blue, 9),
@@ -51,19 +51,19 @@ $vars: (
         ),
         review-count: (
             light: get($color, green, 7),
-            dark: get($color, green, 4),
+            dark: get($color, green, 5),
         ),
         new-count: (
             light: get($color, blue, 9),
-            dark: get($color, blue, 2),
+            dark: get($color, blue, 3),
         ),
         learn-count: (
             light: get($color, orange, 7),
-            dark: get($color, red, 4),
+            dark: get($color, red, 5),
         ),
         zero-count: (
             light: get($color, gray, 2),
-            dark: get($color, gray, 7),
+            dark: get($color, gray, 8),
         ),
         highlight-bg: (
             light: get($color, cyan, 2),
@@ -162,8 +162,8 @@ $vars: (
             dark: get($color, indigo, 5),
         ),
         code-bg: (
-            light: white,
-            dark: #272822,
+            light: get($color, gray, 0),
+            dark: get($color, gray, 7),
         ),
     ),
 );