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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- @primary-color :#306BE3;
1
+ @primary-color : #0091FF;
2
2
  @primary-color-tint-20 : tint(@primary-color,20%);
3
3
  @primary-color-tint-90 : tint(@primary-color,90%);
4
4
  @primary-color-tint-80 : tint(@primary-color,80%);
@@ -72,7 +72,7 @@
72
72
  @component-background : #fff;
73
73
  @font-family : "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
74
74
  @code-family : Consolas,Menlo,Courier,monospace;
75
- @title-color : #17233d;
75
+ @title-color : fade(@black,45%);
76
76
  @text-color : #666666;
77
77
  @text-color-secondary: fade(@black, 45%);
78
78
  @heading-color: fade(#000, 85%);
@@ -107,29 +107,19 @@
107
107
  @table-td-stripe-bg : #f2fafe;
108
108
  @table-td-hover-bg : #eaf4fe;
109
109
  @table-td-highlight-bg : #b5def3;
110
- @menu-dark-title : #306BE3;
111
- @menu-dark-active-bg : rgb(0, 44, 107);
110
+ @menu-dark-title : #333333;
111
+ @menu-dark-active-bg : fade(@black,45%);
112
112
  @menu-dark-subsidiary-color : rgba(255,255,255,.7);
113
113
  @menu-dark-group-title-color : rgba(255,255,255,.36);
114
- @menu-dark-item-selected-bg: rgb(2, 35, 76);
115
- @menu-dark-bg: @menu-dark-active-bg ; // 侧边栏背景色
116
- @menu-dark-item-active-bg: @menu-dark-bg; // 激活的一级菜单背景色
117
- @menu-dark-submenu-bg: #0E356E; // 二级菜单背景色
118
- @menu-dark-item-selected-bg: @menu-dark-bg; // 最内部的菜单背景色
119
114
  @date-picker-cell-hover-bg : #e1f0fe;
120
- // 使用LESS的颜色函数调整颜色值
121
- @selected-menu-item-bg: rgb(61, 123, 246); // 选中的一级菜单颜色
122
- @selected-submenu-bg: rgb(14, 53, 110); // 二级菜单颜色
123
- @selected-innermost-bg: rgb(2, 35, 76); // 最内部的颜色
124
- @menu-item-hover-bg: darken(@menu-dark-bg, 5%); // 鼠标悬停时稍暗一些的颜色
125
115
 
126
116
  // Shadow
127
- @shadow-color : rgb(2, 35, 76);
117
+ @shadow-color : rgba(0, 0, 0, .2);
128
118
  @shadow-base : @shadow-down;
129
- @shadow-card : 0 1px 1px 0 rgb(14, 53, 110);
119
+ @shadow-card : 0 1px 1px 0 rgba(0,0,0,.1);
130
120
  @shadow-up : 0 -1px 6px @shadow-color;
131
121
  @shadow-down : 0 1px 6px @shadow-color;
132
- @shadow-left : -1px 0 6px rgb(2, 35, 76);
122
+ @shadow-left : -1px 0 6px @shadow-color;
133
123
  @shadow-right : 1px 0 6px @shadow-color;
134
124
 
135
125
  // Button
@@ -199,13 +189,12 @@
199
189
  @grid-columns : 24;
200
190
  @grid-gutter-width : 0;
201
191
  @layout-body-background : #f5f7f9;
202
- @layout-header-background : @primary-color;
203
- @layout-header-selected-background: @primary-color; // 选中的顶部菜单背景颜色稍亮
192
+ @layout-header-background : #333333;
204
193
  @layout-header-height : 64px;
205
194
  @layout-header-padding : 0 50px;
206
195
  @layout-footer-padding : 24px 50px;
207
196
  @layout-footer-background : @layout-body-background;
208
- @layout-sider-background : #002C6B;
197
+ @layout-sider-background : @layout-header-background;
209
198
  @layout-sider-background-tint-10 : tint(@layout-sider-background, 10%);
210
199
  @layout-trigger-height : 48px;
211
200
  @layout-trigger-color : #fff;
@@ -485,7 +474,7 @@ vxe-table
485
474
  @vxe-table-checkbox-range-border-color : #006af1;
486
475
  @vxe-table-checkbox-range-background-color : rgba(50, 128, 252, 0.2);
487
476
 
488
- @vxe-table-fixed-left-scrolling-box-shadow : 8px 0px 10px -5px rgb(14, 53, 110);
477
+ @vxe-table-fixed-left-scrolling-box-shadow : 8px 0px 10px -5px rgba(0, 0, 0, 0.12);
489
478
  @vxe-table-fixed-right-scrolling-box-shadow : -8px 0px 10px -5px rgba(0, 0, 0, 0.12);
490
479
 
491
480
  /*filter*/
@@ -632,36 +621,8 @@ vxe-table
632
621
  @vxe-switch-font-color : #fff;
633
622
  @vxe-switch-icon-background-color : #fff;
634
623
  @vxe-switch-open-background-color : @vxe-primary-color;
635
- @vxe-switch-close-background-color : rgb(14, 53, 110);
636
- @vxe-switch-disabled-background-color : rgb(14, 53, 120);
624
+ @vxe-switch-close-background-color : rgba(0, 0, 0, 0.35);
625
+ @vxe-switch-disabled-background-color : rgba(0, 0, 0, 0.15);
637
626
 
638
627
  /*pulldown*/
639
628
  @vxe-pulldown-panel-background-color : #fff;
640
- // 顶部菜单样式
641
- .layout-header {
642
- background-color: @layout-header-background;
643
- .menu-item-selected {
644
- background-color: @layout-header-selected-background;
645
- }
646
- }
647
-
648
- // 更新侧边栏菜单样式
649
- // 侧边菜单样式
650
- .menu-dark {
651
- background: @menu-dark-bg; // 侧边栏背景色
652
-
653
- .ivu-dropdown-item {
654
- background-color: rgb(2, 35, 76); // 设置所有下拉菜单项的背景色
655
-
656
- &.active, &.open {
657
- background-color: @menu-dark-item-selected-bg;
658
-
659
- // 子菜单项的样式
660
- .ivu-dropdown-item {
661
- background-color: @menu-dark-item-selected-bg;
662
- }
663
- }
664
- }
665
-
666
-
667
- }
@@ -72,7 +72,7 @@
72
72
  @component-background : #fff;
73
73
  @font-family : "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
74
74
  @code-family : Consolas,Menlo,Courier,monospace;
75
- @title-color : #17233d;
75
+ @title-color : fade(@black,45%);
76
76
  @text-color : #515a6e;
77
77
  @text-color-secondary: fade(@black, 45%);
78
78
  @heading-color: fade(#000, 85%);
@@ -108,7 +108,7 @@
108
108
  @table-td-hover-bg : #ebf7ff;
109
109
  @table-td-highlight-bg : #ebf7ff;
110
110
  @menu-dark-title : #333333;
111
- @menu-dark-active-bg : #363e4f;
111
+ @menu-dark-active-bg : fade(#000, 85%);
112
112
  @menu-dark-subsidiary-color : rgba(255,255,255,.7);
113
113
  @menu-dark-group-title-color : rgba(255,255,255,.36);
114
114
  @date-picker-cell-hover-bg : #e1f0fe;
@@ -5,7 +5,7 @@ import themeOrange from "./theme-orange";
5
5
  import themeRed from "./theme-red";
6
6
  import themeAtrovirens from "./theme-atrovirens"
7
7
  import themeEap from "./theme-eap"
8
-
8
+ import themeBlue from "./theme-blue";
9
9
 
10
10
  export default [
11
11
  themeDefault,
@@ -14,5 +14,6 @@ export default [
14
14
  themeOrange,
15
15
  themeRed,
16
16
  themeAtrovirens,
17
- themeEap
17
+ themeEap,
18
+ themeBlue
18
19
  ]
@@ -72,7 +72,7 @@
72
72
  @component-background : #fff;
73
73
  @font-family : "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
74
74
  @code-family : Consolas,Menlo,Courier,monospace;
75
- @title-color : #17233d;
75
+ @title-color : fade(@black,45%);
76
76
  @text-color : #515a6e;
77
77
  @text-color-secondary: fade(@black, 45%);
78
78
  @heading-color: fade(#000, 85%);
@@ -108,7 +108,7 @@
108
108
  @table-td-hover-bg : #ebf7ff;
109
109
  @table-td-highlight-bg : #ebf7ff;
110
110
  @menu-dark-title : #333333;
111
- @menu-dark-active-bg : #363e4f;
111
+ @menu-dark-active-bg : fade(#000, 85%);
112
112
  @menu-dark-subsidiary-color : rgba(255,255,255,.7);
113
113
  @menu-dark-group-title-color : rgba(255,255,255,.36);
114
114
  @date-picker-cell-hover-bg : #e1f0fe;
@@ -72,7 +72,7 @@
72
72
  @component-background : #fff;
73
73
  @font-family : "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
74
74
  @code-family : Consolas,Menlo,Courier,monospace;
75
- @title-color : #17233d;
75
+ @title-color : fade(@black,45%);
76
76
  @text-color : #515a6e;
77
77
  @text-color-secondary: fade(@black, 45%);
78
78
  @heading-color: fade(#000, 85%);
@@ -108,7 +108,7 @@
108
108
  @table-td-hover-bg : #ebf7ff;
109
109
  @table-td-highlight-bg : #ebf7ff;
110
110
  @menu-dark-title : #333333;
111
- @menu-dark-active-bg : #363e4f;
111
+ @menu-dark-active-bg : fade(@black,45%);
112
112
  @menu-dark-subsidiary-color : rgba(255,255,255,.7);
113
113
  @menu-dark-group-title-color : rgba(255,255,255,.36);
114
114
  @date-picker-cell-hover-bg : rgba(238, 84, 20, 0.3);
@@ -72,7 +72,7 @@
72
72
  @component-background : #fff;
73
73
  @font-family : "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
74
74
  @code-family : Consolas,Menlo,Courier,monospace;
75
- @title-color : #17233d;
75
+ @title-color : fade(@black,45%);
76
76
  @text-color : #515a6e;
77
77
  @text-color-secondary: fade(@black, 45%);
78
78
  @heading-color: fade(#000, 85%);
@@ -108,7 +108,7 @@
108
108
  @table-td-hover-bg : #ebf7ff;
109
109
  @table-td-highlight-bg : #ebf7ff;
110
110
  @menu-dark-title : #333333;
111
- @menu-dark-active-bg : #363e4f;
111
+ @menu-dark-active-bg : fade(@black,45%);
112
112
  @menu-dark-subsidiary-color : rgba(255,255,255,.7);
113
113
  @menu-dark-group-title-color : rgba(255,255,255,.36);
114
114
  @date-picker-cell-hover-bg : rgba(255, 52, 87, 0.3);
@@ -60,7 +60,7 @@ export default {
60
60
  --component-background: #fff;
61
61
  --font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
62
62
  --code-family: Consolas, Menlo, Courier, monospace;
63
- --title-color: #17233d;
63
+ --title-color:fade(@black, 45%);
64
64
  --text-color: #515a6e;
65
65
  --text-color-secondary: rgba(0, 0, 0, 0.45);
66
66
  --heading-color: rgba(0, 0, 0, 0.85);
@@ -90,7 +90,7 @@ export default {
90
90
  --table-td-hover-bg: #ebf7ff;
91
91
  --table-td-highlight-bg: #ebf7ff;
92
92
  --menu-dark-title: #333333;
93
- --menu-dark-active-bg: #363e4f;
93
+ --menu-dark-active-bg: fade(#000, 85%);
94
94
  --menu-dark-subsidiary-color: rgba(255, 255, 255, 0.7);
95
95
  --menu-dark-group-title-color: rgba(255, 255, 255, 0.36);
96
96
  --date-picker-cell-hover-bg: #e1f0fe;