Selaa lähdekoodia

暗黑模式下主题样式优化

RuoYi 1 kuukausi sitten
vanhempi
sitoutus
e019ee11fd

+ 4 - 2
src/assets/styles/variables.module.scss

@@ -89,6 +89,8 @@ html.dark {
   --el-text-color-regular: #d0d0d0;
   --el-border-color: #434343;
   --el-border-color-light: #434343;
+  --el-menu-text-color: #d0d0d0;
+  --sidebar-logo-text: #d0d0d0;
   
   /* primary */
   --primary-bg: #18212b;
@@ -225,11 +227,11 @@ html.dark {
     &:not(.tags-view-container--chrome) .tags-view-wrapper .tags-view-item.active {
       background-color: var(--tags-card-active-bg) !important;
       border-color: var(--tags-card-active-border) !important;
-      color: var(--el-color-primary) !important;
+      color: var(--current-color, #409eff) !important;
       box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
 
       &::before {
-        background: var(--el-color-primary) !important;
+        background: var(--current-color, #409eff) !important;
       }
     }
   }

+ 1 - 1
src/layout/components/Sidebar/Logo.vue

@@ -43,7 +43,7 @@ const getLogoBackground = computed(() => {
 // 获取Logo文字颜色
 const getLogoTextColor = computed(() => {
   if (settingsStore.isDark) {
-    return 'var(--sidebar-text)'
+    return 'var(--sidebar-logo-text)'
   }
   if (settingsStore.navType == 3) {
     return variables.menuLightText