From e22d165181f2be27355dd4f40f793f294dfdaa1e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=83=9D=E5=85=88=E7=91=9E?= <1490493387@qq.com> Date: Tue, 20 Feb 2024 17:47:34 +0800 Subject: [PATCH] =?UTF-8?q?chore(variables.scss):=20:hammer:=20scss?= =?UTF-8?q?=E5=8F=98=E9=87=8F=E6=B3=A8=E9=87=8A=E5=AE=8C=E5=96=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/styles/variables.scss | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/src/styles/variables.scss b/src/styles/variables.scss index d7d58f1e..32297dad 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -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; // 侧边栏宽度