@lambo-design/shared 1.0.0-beta.82 → 1.0.0-beta.84

package/config/themes/eap/var.less

@@ -1,4 +1,4 @@
-@primary-color          : #0091FF;
+@primary-color          :#306BE3;
 @primary-color-tint-20  : tint(@primary-color,20%);
 @primary-color-tint-90  : tint(@primary-color,90%);
 @primary-color-tint-80  : tint(@primary-color,80%);
@@ -107,19 +107,29 @@
 @table-td-stripe-bg           : #f2fafe;
 @table-td-hover-bg            : #eaf4fe;
 @table-td-highlight-bg        : #b5def3;
-@menu-dark-title              : #333333;
-@menu-dark-active-bg          : #363e4f;
+@menu-dark-title              : #306BE3;
+@menu-dark-active-bg          : rgb(0, 44, 107);
 @menu-dark-subsidiary-color   : rgba(255,255,255,.7);
 @menu-dark-group-title-color  : rgba(255,255,255,.36);
+@menu-dark-item-selected-bg: rgb(2, 35, 76);
+@menu-dark-bg: @menu-dark-active-bg ; // 侧边栏背景色
+@menu-dark-item-active-bg: @menu-dark-bg; // 激活的一级菜单背景色
+@menu-dark-submenu-bg: #0E356E; // 二级菜单背景色
+@menu-dark-item-selected-bg: @menu-dark-bg; // 最内部的菜单背景色
 @date-picker-cell-hover-bg    : #e1f0fe;
+// 使用LESS的颜色函数调整颜色值
+@selected-menu-item-bg: rgb(61, 123, 246); // 选中的一级菜单颜色
+@selected-submenu-bg: rgb(14, 53, 110); // 二级菜单颜色
+@selected-innermost-bg: rgb(2, 35, 76); // 最内部的颜色
+@menu-item-hover-bg: darken(@menu-dark-bg, 5%); // 鼠标悬停时稍暗一些的颜色
 
 // Shadow
-@shadow-color           : rgba(0, 0, 0, .2);
+@shadow-color           : rgb(2, 35, 76);
 @shadow-base            : @shadow-down;
-@shadow-card            : 0 1px 1px 0 rgba(0,0,0,.1);
+@shadow-card            : 0 1px 1px 0 rgb(14, 53, 110);
 @shadow-up              : 0 -1px 6px @shadow-color;
 @shadow-down            : 0 1px 6px @shadow-color;
-@shadow-left            : -1px 0 6px @shadow-color;
+@shadow-left            : -1px 0 6px rgb(2, 35, 76);
 @shadow-right           : 1px 0 6px @shadow-color;
 
 // Button
@@ -189,12 +199,13 @@
 @grid-columns                : 24;
 @grid-gutter-width           : 0;
 @layout-body-background      : #f5f7f9;
-@layout-header-background    : #333333;
+@layout-header-background    : @primary-color;
+@layout-header-selected-background: @primary-color; // 选中的顶部菜单背景颜色稍亮
 @layout-header-height        : 64px;
 @layout-header-padding       : 0 50px;
 @layout-footer-padding       : 24px 50px;
 @layout-footer-background    : @layout-body-background;
-@layout-sider-background     : @layout-header-background;
+@layout-sider-background     :  #002C6B;
 @layout-sider-background-tint-10 : tint(@layout-sider-background, 10%);
 @layout-trigger-height       : 48px;
 @layout-trigger-color        : #fff;
@@ -474,7 +485,7 @@ vxe-table
 @vxe-table-checkbox-range-border-color                  : #006af1;
 @vxe-table-checkbox-range-background-color              : rgba(50, 128, 252, 0.2);
 
-@vxe-table-fixed-left-scrolling-box-shadow              : 8px 0px 10px -5px rgba(0, 0, 0, 0.12);
+@vxe-table-fixed-left-scrolling-box-shadow              : 8px 0px 10px -5px rgb(14, 53, 110);
 @vxe-table-fixed-right-scrolling-box-shadow             : -8px 0px 10px -5px rgba(0, 0, 0, 0.12);
 
 /*filter*/
@@ -621,8 +632,36 @@ vxe-table
 @vxe-switch-font-color                                  : #fff;
 @vxe-switch-icon-background-color                       : #fff;
 @vxe-switch-open-background-color                       : @vxe-primary-color;
-@vxe-switch-close-background-color                      : rgba(0, 0, 0, 0.35);
-@vxe-switch-disabled-background-color                   : rgba(0, 0, 0, 0.15);
+@vxe-switch-close-background-color                      : rgb(14, 53, 110);
+@vxe-switch-disabled-background-color                   : rgb(14, 53, 120);
 
 /*pulldown*/
 @vxe-pulldown-panel-background-color                    : #fff;
+// 顶部菜单样式
+.layout-header {
+  background-color: @layout-header-background;
+  .menu-item-selected {
+    background-color: @layout-header-selected-background;
+  }
+}
+
+// 更新侧边栏菜单样式
+// 侧边菜单样式
+.menu-dark {
+  background: @menu-dark-bg; // 侧边栏背景色
+
+  .ivu-dropdown-item  {
+    background-color: rgb(2, 35, 76); // 设置所有下拉菜单项的背景色
+
+    &.active, &.open {
+      background-color: @menu-dark-item-selected-bg;
+
+      // 子菜单项的样式
+      .ivu-dropdown-item {
+        background-color: @menu-dark-item-selected-bg;
+      }
+    }
+  }
+
+
+}