diff --git a/frontend/src/styles/_variables.scss b/frontend/src/styles/_variables.scss
index 1e0b0a1..b489589 100644
--- a/frontend/src/styles/_variables.scss
+++ b/frontend/src/styles/_variables.scss
@@ -1,8 +1,19 @@
-$color-bg: #ffffff;
-$color-sidebar: #570000;
-$color-accent: #2563eb;
-$color-muted: #6b7280;
-$spacing-sm: 8px;
-$spacing-md: 16px;
-$border-radius: 6px;
-$rundbgbackgroundcolor: #a0a0a0;
+:root{
+    $color-bg: #ffffff;
+    $color-sidebar: #570000;
+    $color-accent: #2563eb;
+    $color-muted: #6b7280;
+    $spacing-sm: 8px;   
+    $spacing-md: 16px;
+    $border-radius: 6px;
+    $rundbgbackgroundcolor: #a0a0a0
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        $color-bg: #000000;
+        $color-sidebar: #f3ff73;
+        
+
+    }
+}
\ No newline at end of file