mirror of
https://gitcode.com/yangzongzhuan/RuoYi-Vue3.git
synced 2026-05-22 19:08:37 +00:00
暗黑模式下主题样式优化
This commit is contained in:
@@ -89,6 +89,8 @@ html.dark {
|
|||||||
--el-text-color-regular: #d0d0d0;
|
--el-text-color-regular: #d0d0d0;
|
||||||
--el-border-color: #434343;
|
--el-border-color: #434343;
|
||||||
--el-border-color-light: #434343;
|
--el-border-color-light: #434343;
|
||||||
|
--el-menu-text-color: #d0d0d0;
|
||||||
|
--sidebar-logo-text: #d0d0d0;
|
||||||
|
|
||||||
/* primary */
|
/* primary */
|
||||||
--primary-bg: #18212b;
|
--primary-bg: #18212b;
|
||||||
@@ -225,11 +227,11 @@ html.dark {
|
|||||||
&:not(.tags-view-container--chrome) .tags-view-wrapper .tags-view-item.active {
|
&:not(.tags-view-container--chrome) .tags-view-wrapper .tags-view-item.active {
|
||||||
background-color: var(--tags-card-active-bg) !important;
|
background-color: var(--tags-card-active-bg) !important;
|
||||||
border-color: var(--tags-card-active-border) !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);
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
background: var(--el-color-primary) !important;
|
background: var(--current-color, #409eff) !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -43,7 +43,7 @@ const getLogoBackground = computed(() => {
|
|||||||
// 获取Logo文字颜色
|
// 获取Logo文字颜色
|
||||||
const getLogoTextColor = computed(() => {
|
const getLogoTextColor = computed(() => {
|
||||||
if (settingsStore.isDark) {
|
if (settingsStore.isDark) {
|
||||||
return 'var(--sidebar-text)'
|
return 'var(--sidebar-logo-text)'
|
||||||
}
|
}
|
||||||
if (settingsStore.navType == 3) {
|
if (settingsStore.navType == 3) {
|
||||||
return variables.menuLightText
|
return variables.menuLightText
|
||||||
|
|||||||
Reference in New Issue
Block a user