tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(variables.scss): 🔨 scss变量注释完善

Browse Source
This commit is contained in:
郝先瑞
2024-02-20 17:47:34 +08:00
parent b96826c1f8
commit e22d165181
1 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/styles/variables.scss
View File

@@ -1,4 +1,4 @@
/* 全局SCSS变量 */
/** 全局SCSS变量 */
:root {
--menu-background: #304156;
@@ -11,6 +11,7 @@
--sidebar-logo-background: #2d3748;
}
/** 暗黑主题 */
html.dark {
--menu-background: var(--el-bg-color-overlay);
--menu-text: #fff;
@@ -22,13 +23,13 @@ html.dark {
--sidebar-logo-background: rgb(0 0 0 / 20%);
}
$menu-background: var(--menu-background);
$menu-text: var(--menu-text);
$menu-active-text: var(--menu-active-text);
$menu-hover: var(--menu-hover);
$sub-menu-background: var(--sub-menu-background);
$sub-menu-active-text: var(--sub-menu-active-text);
$sub-menu-hover: var(--sub-menu-hover);
$menu-background: var(--menu-background); // 菜单背景色
$menu-text: var(--menu-text); // 菜单文字颜色
$menu-active-text: var(--menu-active-text); // 菜单激活文字颜色
$menu-hover: var(--menu-hover); // 菜单悬停背景色
$sub-menu-background: var(--sub-menu-background); // 子菜单背景色
$sub-menu-active-text: var(--sub-menu-active-text); // 子菜单激活文字颜色
$sub-menu-hover: var(--sub-menu-hover); // 子菜单悬停背景色
$sidebar-logo-background: var(--sidebar-logo-background); // 侧边栏 Logo 背景色
$sidebar-width: 210px; // 侧边栏宽度