修改全局样式(工业风,提交工业风skill

This commit is contained in:
2026-04-28 15:37:17 +08:00
parent 1ce1ffad5a
commit 6d9f24bfd4
14 changed files with 573 additions and 140 deletions

View File

@@ -1,42 +1,42 @@
// base color
$blue: #324157;
$light-blue: #333c46;
$red: #C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow: #FEC171;
$panGreen: #30B08F;
// industrial palette
$blue: #1d4e89;
$light-blue: #2471a3;
$red: #c0392b;
$pink: #e65d6e;
$green: #4b8b3b;
$tiffany: #4ab7bd;
$yellow: #d68910;
$panGreen: #2f8f5b;
// 默认主题变量
$menuText: #bfcbd9;
$menuActiveText: #409eff;
$menuBg: #304156;
$menuHover: #263445;
$menuText: #d7e2ee;
$menuActiveText: #7cc0ff;
$menuBg: #1c2b3a;
$menuHover: #25384a;
// 浅色主题theme-light
$menuLightBg: #ffffff;
$menuLightHover: #f0f1f5;
$menuLightText: #303133;
$menuLightActiveText: #409EFF;
$menuLightBg: #f5f7fa;
$menuLightHover: #e9eef5;
$menuLightText: #2f3a4a;
$menuLightActiveText: #1d4e89;
// 基础变量
$base-sidebar-width: 200px;
$sideBarWidth: 200px;
// 菜单暗色变量
$base-menu-color: #bfcbd9;
$base-menu-color-active: #f4f4f5;
$base-menu-background: #304156;
$base-sub-menu-background: #1f2d3d;
$base-sub-menu-hover: #001528;
$base-menu-color: #d7e2ee;
$base-menu-color-active: #ffffff;
$base-menu-background: #1c2b3a;
$base-sub-menu-background: #16212d;
$base-sub-menu-hover: #223243;
// 组件变量
$--color-primary: #409EFF;
$--color-success: #67C23A;
$--color-warning: #E6A23C;
$--color-danger: #F56C6C;
$--color-info: #909399;
$--color-primary: #1d4e89;
$--color-success: #4b8b3b;
$--color-warning: #d68910;
$--color-danger: #c0392b;
$--color-info: #7f8c8d;
:export {
menuText: $menuText;
@@ -71,12 +71,20 @@ $--color-info: #909399;
--sidebar-bg: #{$menuBg};
--sidebar-text: #{$menuText};
--menu-hover: #{$menuHover};
--navbar-bg: #ffffff;
--navbar-text: #303133;
--navbar-bg: #f5f7fa;
--navbar-text: #2f3a4a;
--navbar-hover: #e9eef5;
--page-bg: #f0f2f5;
--card-bg: #ffffff;
--card-border: #dde1e6;
--panel-header-bg: #1c2b3a;
--panel-header-text: #ffffff;
--panel-accent: #1d4e89;
--panel-accent-2: #2471a3;
--muted-text: #7f8c8d;
/* splitpanes default-theme 变量 */
--splitpanes-default-bg: #ffffff;
--splitpanes-default-bg: #f5f7fa;
}