@@ -7,7 +7,7 @@ $nav-header-background-color: rgb(36, 36, 36);
7
7
$sidebar-primary-color : rgb (200 , 200 , 200 );
8
8
$sidebar-background-color : rgb (36 , 36 , 36 );
9
9
10
- $border : 1px solid color .adjust ($primary-color , $alpha : -0.7 );
10
+ $border : 1px solid color .adjust ($primary-color , $alpha : -0.9 );
11
11
$border-drop : 1px dashed $primary-color ;
12
12
$header-height : 2.5rem ;
13
13
@@ -73,7 +73,7 @@ header {
73
73
74
74
span > a {
75
75
display : block ;
76
- color : color .adjust ($nav-header-primary-color , $alpha : -0.7 );
76
+ color : color .adjust ($nav-header-primary-color , $alpha : -0.3 );
77
77
font-size : 2rem ;
78
78
text-decoration : none ;
79
79
}
@@ -137,18 +137,25 @@ header {
137
137
}
138
138
139
139
a :hover {
140
- background-color : color .adjust ($sidebar-background-color , $lightness : 5 % );
140
+ background-color : color .adjust ($sidebar-background-color , $lightness : 2 % );
141
141
}
142
142
143
143
span {
144
- color : color .adjust ($sidebar-primary-color , $alpha : -0.7 );
144
+ color : color .adjust ($sidebar-primary-color , $alpha : -0.3 );
145
145
display : block ;
146
146
cursor : default ;
147
147
padding : 2rem 3rem ;
148
148
}
149
149
150
150
.active {
151
151
font-style : italic ;
152
+ position : relative ;
153
+ & ::before {
154
+ color : darkred ;
155
+ content : ' ●' ;
156
+ position : absolute ;
157
+ transform : translateX (-1rem );
158
+ }
152
159
}
153
160
}
154
161
@@ -167,12 +174,12 @@ header {
167
174
}
168
175
169
176
.uploadx-drop-active {
170
- background-color : color .adjust ($background-color , $lightness : 10 % );
177
+ background-color : color .adjust ($background-color , $lightness : 2 % );
171
178
border : $border-drop !important ;
172
179
}
173
180
174
181
button {
175
- background-color : color .adjust ($background-color , $lightness : 8 % );
182
+ background-color : color .adjust ($background-color , $lightness : 2 % );
176
183
border : $border ;
177
184
border-radius : 5px ;
178
185
color : $primary-color ;
@@ -189,7 +196,7 @@ button {
189
196
width : 6rem ;
190
197
191
198
& :hover {
192
- background-color : color .adjust ($background-color , $lightness : 15 % );
199
+ background-color : color .adjust ($background-color , $lightness : 4 % );
193
200
}
194
201
}
195
202
@@ -222,7 +229,7 @@ input[type='file'] {
222
229
flex-wrap : wrap ;
223
230
align-items : center ;
224
231
justify-content : flex-end ;
225
- background-color : color .adjust ($background-color , $lightness : 8 % );
232
+ background-color : color .adjust ($background-color , $lightness : 2 % );
226
233
border-radius : 0 0 5px 5px ;
227
234
228
235
span {
0 commit comments