diff --git a/src/App.vue b/src/App.vue
index 28e5fc7..438d822 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -405,19 +405,6 @@ main {
 
 
 @media (prefers-color-scheme: dark) {
-  .breadcrumb {
-    border-bottom-color: #333;
-    
-    li {
-      &:not(:last-child)::after {
-        color: #666;
-      }
-      
-      &.active {
-        color: #eee;
-      }
-    }
-  }
   
   main section h2 {
     color: #eee;
diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index 1b5293c..c6d6228 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -106,28 +106,41 @@ button {
   }
 }
 
-// System preference override
-@media (prefers-color-scheme: light) {
-  :root:not(.dark-mode):not(.light-mode) {
-    color: $text-color-light;
-    background-color: $bg-color-light;
+// // System preference override
+// @media (prefers-color-scheme: light) {
+//   :root:not(.dark-mode):not(.light-mode) {
+//     color: $text-color-light;
+//     background-color: $bg-color-light;
     
-    // Update CSS variables for light mode
-    --primary-color: #{$primary-color};
-    --primary-hover-color: #{$primary-hover-color};
-    --text-color: #{$text-color-light};
-    --text-color-secondary: #555;
-    --text-color-tertiary: #777;
-    --bg-color: #{$bg-color-light};
-    --sidebar-bg: #fff;
-    --sidebar-border: #eee;
-    --card-bg: #fff;
-    --card-bg-secondary: #f9f9f9;
-    --card-border: #ddd;
-    --primary-color-light: rgba(52, 152, 219, 0.1);
-  }
+//     // Update CSS variables for light mode
+//     --primary-color: #{$primary-color};
+//     --primary-hover-color: #{$primary-hover-color};
+//     --text-color: #{$text-color-light};
+//     --text-color-secondary: #555;
+//     --text-color-tertiary: #777;
+//     --bg-color: #{$bg-color-light};
+//     --sidebar-bg: #fff;
+//     --sidebar-border: #eee;
+//     --card-bg: #fff;
+//     --card-bg-secondary: #f9f9f9;
+//     --card-border: #ddd;
+//     --primary-color-light: rgba(52, 152, 219, 0.1);
+//   }
   
-  :root:not(.dark-mode):not(.light-mode) button {
-    background-color: $button-bg-light;
+//   :root:not(.dark-mode):not(.light-mode) button {
+//     background-color: $button-bg-light;
+//   }
+// }
+.breadcrumb {
+  border-bottom-color: var(--card-border);
+  
+  li {
+    &:not(:last-child)::after {
+      color: var(--text-color-tertiary);
+    }
+    
+    &.active {
+      color: var(--text-color);
+    }
   }
-}
+}
\ No newline at end of file