修改全局样式(工业风,提交工业风skill
This commit is contained in:
@@ -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;
|
||||
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user