diff --git a/assets/css/colors.css b/assets/css/colors.css
new file mode 100644
index 0000000..cb2e54b
--- /dev/null
+++ b/assets/css/colors.css
@@ -0,0 +1,3 @@
+:root {
+    --background-color: #f4f4f4;
+}
diff --git a/assets/css/global.css b/assets/css/global.css
index a1c817c..968fd75 100644
--- a/assets/css/global.css
+++ b/assets/css/global.css
@@ -1,8 +1,9 @@
 @import url('fonts.css');
 @import url('navigation.css');
+@import url('colors.css');
 
 html {
-    background-color: #f4f4f4;
+    background-color: var(--background-color);
 }
 
 body {
diff --git a/assets/css/navigation.css b/assets/css/navigation.css
index e3d6453..3bc5c56 100644
--- a/assets/css/navigation.css
+++ b/assets/css/navigation.css
@@ -90,9 +90,8 @@
         left: -100%;
         top: 80px;
         flex-direction: column;
-        background-color: white;
+        background-color: var(--background-color);
         width: 100%;
-        box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05);
         z-index: 1000;
         gap: 0;
     }