@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.
- package/config/themes/atrovirens/var.less +2 -2
- package/config/themes/blue/blue.css +533 -0
- package/config/themes/blue/blue.css.map +1 -0
- package/config/themes/blue/blue.less +624 -0
- package/config/themes/blue/var.less +638 -0
- package/config/themes/default/var.less +1 -1
- package/config/themes/eap/eap.less +536 -550
- package/config/themes/eap/var.less +12 -51
- package/config/themes/gold/var.less +2 -2
- package/config/themes/index.js +3 -2
- package/config/themes/lime/var.less +2 -2
- package/config/themes/orange/var.less +2 -2
- package/config/themes/red/var.less +2 -2
- package/config/themes/theme-atrovirens.js +2 -2
- package/config/themes/theme-blue.js +522 -0
- package/config/themes/theme-default.js +1 -1
- package/config/themes/theme-eap.js +15 -25
- package/config/themes/theme-gold.js +2 -2
- package/config/themes/theme-lime.js +2 -2
- package/config/themes/theme-orange.js +2 -2
- package/config/themes/theme-red.js +2 -2
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@primary-color
|
|
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 :
|
|
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 : #
|
|
111
|
-
@menu-dark-active-bg :
|
|
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 :
|
|
117
|
+
@shadow-color : rgba(0, 0, 0, .2);
|
|
128
118
|
@shadow-base : @shadow-down;
|
|
129
|
-
@shadow-card : 0 1px 1px 0
|
|
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
|
|
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 :
|
|
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 :
|
|
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
|
|
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 :
|
|
636
|
-
@vxe-switch-disabled-background-color :
|
|
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 :
|
|
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 : #
|
|
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;
|
package/config/themes/index.js
CHANGED
|
@@ -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 :
|
|
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 : #
|
|
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 :
|
|
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 :
|
|
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 :
|
|
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 :
|
|
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:
|
|
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: #
|
|
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;
|