// 全局SCSS变量 :root { --menuBg: #304156; --menuColor: #bfcbd9; --menuActiveText: #f4f4f5; --menuHover: #2c81ff; --subMenuBg: #0f2942; --subMenuActiveText: #f4f4f5; --subMenuHover: #2c81ff; --subMenuTitleHover: #2c81ff; --fixedHeaderBg: #ffffff; --tableHeaderBg: #f8f8f9; --tableHeaderTextColor: #515a6e; // 工作流 --bpmn-panel-border: #eeeeee; --bpmn-panel-box-shadow: #cccccc; --bpmn-panel-bar-background-color: #f5f7fa; // ele --brder-color: #e8e8e8 } //html.dark { // --menuBg: #1d1e1f; // --menuColor: #bfcbd9; // --menuActiveText: #f4f4f5; // --menuHover: #2c81ff; // // --subMenuBg: #0f2942; // --subMenuActiveText: #1d1e1f; // --subMenuHover: #2c81ff; // --subMenuTitleHover: #2c81ff; // // --fixedHeaderBg: #171819; // --tableHeaderBg: var(--el-bg-color); // --tableHeaderTextColor: var(--el-text-color); // // // 覆盖ele 高亮当前行的标准暗色 // .el-tree-node__content { // --el-color-primary-light-9: #262727; // } // // vxe-table 主题 // --vxe-font-color: #98989E; // --vxe-primary-color: #2C7ECF; // --vxe-icon-background-color: #98989E; // --vxe-table-font-color: #98989E; // --vxe-table-resizable-color: #95969a; // --vxe-table-header-background-color: #28282A; // --vxe-table-body-background-color: #151518; // --vxe-table-background-color: #4a5663; // --vxe-table-border-width: 1px; // --vxe-table-border-color: #37373A; // --vxe-toolbar-background-color: #37373A; // // // 工作流 // --bpmn-panel-border: #37373A; // --bpmn-panel-box-shadow: #37373A; // --bpmn-panel-bar-background-color: #37373A; // // // ele // --brder-color: #37373A //} // base color $blue: #324157; $light-blue: #3a71a8; $red: #c03639; $pink: #e65d6e; $green: #30b08f; $tiffany: #4ab7bd; $yellow: #fec171; $panGreen: #30b08f; // 默认菜单主题风格 $base-menu-color: var(--menuColor); $base-menu-hover: var(--menuHover); $base-menu-color-active: var(--menuActiveText); $base-menu-background: var(--menuBg); $base-logo-title-color: #ffffff; $base-menu-light-color: rgba(0, 0, 0, 0.7); $base-menu-light-background: #ffffff; $base-logo-light-title-color: #2c81ff;; $base-sub-menu-background: var(--subMenuBg); $base-sub-menu-hover: var(--subMenuHover); $base-sub-menu-title-hover: var(--subMenuTitleHover); // 表单头背景色和标题颜色 $fixed-header-bg: var(--fixedHeaderBg); $table-header-bg: var(--tableHeaderBg); $table-header-text-color: var(--tableHeaderTextColor); $--color-primary: #409eff; $--color-success: #67c23a; $--color-warning: #e6a23c; $--color-danger: #f56c6c; $--color-info: #909399; $base-sidebar-width: 200px; // the :export directive is the magic sauce for webpack // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass :export { menuColor: $base-menu-color; menuLightColor: $base-menu-light-color; menuColorActive: $base-menu-color-active; menuBackground: $base-menu-background; menuLightBackground: $base-menu-light-background; subMenuBackground: $base-sub-menu-background; subMenuHover: $base-sub-menu-hover; sideBarWidth: $base-sidebar-width; logoTitleColor: $base-logo-title-color; logoLightTitleColor: $base-logo-light-title-color; primaryColor: $--color-primary; successColor: $--color-success; dangerColor: $--color-danger; infoColor: $--color-info; warningColor: $--color-warning; }