feat(style): 添加多种主题样式配置

- 移除原有 variables.scss 文件中的硬编码颜色变量 - 新增 variables.default.scss 提供默认主题样式 - 新增 variables.profession.scss 提供专业稳重主题 - 新增 variables.technology3.scss 提供科技现代主题（深空极客） - 新增 variables.technology4.scss 提供科技现代主题（赛博蓝光） - 新增 variables.technology5.scss 提供科技现代主题（钛银脉冲） - 通过 @import 机制实现主题切换功能
2026-01-24 09:53:05 +08:00
parent 1618b9fe25
commit 2b0b81f2a7
6 changed files with 176 additions and 36 deletions
@@ -1,36 +1 @@
-// base color
-$blue:#324157;
-$light-blue:#3A71A8;
-$red:#C03639;
-$pink: #E65D6E;
-$green: #30B08F;
-$tiffany: #4AB7BD;
-$yellow:#FEC171;
-$panGreen: #30B08F;
-
-// sidebar
-$menuText:#bfcbd9;
-$menuActiveText:#409EFF;
-$subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951
-
-$menuBg:#304156;
-$menuHover:#263445;
-
-$subMenuBg:#1f2d3d;
-$subMenuHover:#001528;
-
-// 左侧菜单栏宽度
-$sideBarWidth: 250px;
-
-// the :export directive is the magic sauce for webpack
-// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
-:export {
-  menuText: $menuText;
-  menuActiveText: $menuActiveText;
-  subMenuActiveText: $subMenuActiveText;
-  menuBg: $menuBg;
-  menuHover: $menuHover;
-  subMenuBg: $subMenuBg;
-  subMenuHover: $subMenuHover;
-  sideBarWidth: $sideBarWidth;
-}
+@import 'variables.technology3';