diff --git a/src/style/dark-theme.scss b/src/style/dark-theme.scss
index d8010dc5..74b7e2f6 100644
--- a/src/style/dark-theme.scss
+++ b/src/style/dark-theme.scss
@@ -13,7 +13,7 @@ $--color-text-4: rgba(255, 255, 255, 0.3);
 
 body[arco-theme='dark'] {
   .navbar {
-    background-color: $dark-bg-1;
+    background-color: var(--color-bg-2);
   }
   .arco-layout-content {
     background-color: $color-bg-2