-
Notifications
You must be signed in to change notification settings - Fork 0
/
config.less
112 lines (107 loc) · 3.04 KB
/
config.less
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
.menu_class.menu_page{
.light_color();
.menu_page();
}
.light_color{
/*浅色系*/
@color: #000000;
@iconColor: #929497;
@activeColor: #467CF3;
@background: #ffffff;
@activeBackground: #F5F7FA;
@iconBackground: #F5F7FA;
@borderColor: #F2F6FC;
@barColor: #C3C4CA;
}
.dark_color{
/*深色系*/
@color: #ffffff;
@iconColor: #ffffff;
@activeColor: #00f7c7;
@background: #14202d;
@activeBackground: #203449;
@iconBackground: #000000;
@borderColor: #3f4c58;
@barColor: #8c8c8c;
}
/*深色系*/
@color: #ffffff;
@iconColor: #ffffff;
@activeColor: #00f7c7;
@background: #14202d;
@activeBackground: #203449;
@iconBackground: #000000;
@borderColor: #3f4c58;
@barColor: #8c8c8c;
.menu_page{
background-color: @background !important;
.el-tree.el-tree--highlight-current{
color: @color !important;
.el-tree-node {
.el-tree-node__content {
background-color: @background !important;
&:hover {
background: @activeBackground !important;
color: @activeColor !important;
}
}
}
.el-tree-node.is-current{
>.el-tree-node__content{
background: @activeBackground !important;
color: @activeColor !important;
border-left-color: @activeColor;
a{
color: @activeColor !important;
}
}
}
}
.drag_bar{
background: @borderColor;
border-color: @borderColor;
.stripe{
background-image: linear-gradient(@barColor 40%,@borderColor 60%);
}
}
.el-menu-vertical-demo.classClose{
background-color:@background !important;
.el-menu-item{
color: @color !important;
background: @background !important;
&.is-active {
color: @activeColor !important;
border-left-color: @activeColor !important;
background: @activeBackground !important;
.colorW{
color: @activeColor !important;
}
}
&:focus, &:hover{
color: @activeColor !important;
background: @activeBackground !important;
.colorW{
color: @activeColor !important;
}
}
.colorW{
color: @iconColor !important;
}
}
}
.el-menu-vertical-demo.classOpen{
.el-menu-vertical-demo.classClose();
.el-menu-item{
.iconfont{
background-color: @iconBackground !important;
}
&:hover,&.is-active {
background: transparent !important;
}
}
}
.menu_shrink{
background: @iconBackground !important;
color: @activeColor !important;
}
}