@@ -52,9 +52,9 @@ body[data-theme="dark"] .bandpane {
52
52
}
53
53
54
54
.sidePane {
55
- --bg1 : rgb ( 243 243 243 / 85 % ) ;
56
- --bg2 : rgb ( 251 251 251 / 95 % ) ;
57
- --bg3 : rgb ( 242 242 242 ) ;
55
+ --bg1 : #dae2f2 ;
56
+ --bg2 : #e6edf8 ;
57
+ --bg3 : #fbfbfb ;
58
58
--bg4 : rgb (0 0 0 / 5% );
59
59
--sliderThumbClr : white ;
60
60
@@ -106,23 +106,13 @@ body[data-theme="dark"] .bandpane {
106
106
display : flex ;
107
107
align-items : center ;
108
108
justify-content : center ;
109
+ border-bottom-color : rgba (0 , 0 , 0 , 0.2 );
109
110
background : var (--bg3 );
111
+ border : solid 0.1px rgba (17 , 17 , 17 , 0.1 );
110
112
transition : all 0.1s ease ;
111
113
112
114
& [data-state = " true" ] {
113
115
background : var (--clrPrm );
114
- .uicon img {
115
- filter : brightness (0 ) invert (1 );
116
- }
117
- }
118
-
119
- & :hover {
120
- background : var (--bg4 );
121
- }
122
-
123
- & [data-state = " true" ]:hover {
124
- background : var (--clrPrm );
125
- filter : brightness (0.9 );
126
116
}
127
117
}
128
118
@@ -221,8 +211,8 @@ body[data-theme="dark"] .bandpane {
221
211
body [data-theme = " dark" ] .sidePane {
222
212
--bg1 : #1c1c1c ;
223
213
--bg2 : #242424 ;
224
- --bg3 : rgb ( 255 255 255 / 5 % ) ;
225
- --bg4 : rgb (255 255 255 / 10 % );
214
+ --bg3 : #313131 ;
215
+ --bg4 : rgb (255 255 255 / 5 % );
226
216
--sliderThumbClr : #454545 ;
227
217
228
218
& .bd-blur {
@@ -233,30 +223,6 @@ body[data-theme="dark"] .sidePane {
233
223
.uicon {
234
224
filter : invert (1 );
235
225
}
236
-
237
- .quickSettings {
238
- .qkCont {
239
- .qkGrp {
240
- .qkbtn {
241
- & [data-state = " true" ] {
242
- background : var (--clrPrm );
243
- .uicon img {
244
- filter : brightness (0 ) invert (1 );
245
- }
246
- }
247
-
248
- & :hover {
249
- background : var (--bg4 );
250
- }
251
-
252
- & [data-state = " true" ]:hover {
253
- background : var (--clrPrm );
254
- filter : brightness (1.1 );
255
- }
256
- }
257
- }
258
- }
259
- }
260
226
}
261
227
262
228
.calnpane {
0 commit comments