Keldos commited on
Commit
9087f15
·
1 Parent(s): e5c6c88

fix: 修复开关颜色错误

Browse files
Files changed (1) hide show
  1. assets/custom.css +2 -12
assets/custom.css CHANGED
@@ -9,13 +9,6 @@
9
  --message-bot-background-color-dark: #2C2C2C;
10
  --switch-checkbox-color-light: #e5e7eb;
11
  --switch-checkbox-color-dark: #515151;
12
-
13
- @media (prefers-color-scheme: light) {
14
- --switch-checkbox-color: var(--switch-checkbox-color-light);
15
- }
16
- @media (prefers-color-scheme: dark) {
17
- --switch-checkbox-color: var(--switch-checkbox-color-dark);
18
- }
19
  }
20
 
21
 
@@ -221,7 +214,7 @@ footer {
221
  display: none !important;
222
  }
223
  .apSlider {
224
- background-color: var(--neutral-400);
225
  bottom: 0;
226
  cursor: pointer;
227
  left: 0;
@@ -260,22 +253,19 @@ input:checked + .apSlider::before {
260
  appearance: none;
261
  -webkit-appearance: none;
262
  outline: none;
263
- display: none;
264
  }
265
 
266
  .switch_checkbox input[type="checkbox"] {
267
  display: inline-block !important;
268
  position: relative !important;
269
  border: none !important;
270
- appearance: none !important;
271
- background: #fff;
272
  outline: none;
273
  width: 48px !important;
274
  height: 24px !important;
275
  border-radius: 12px !important;
276
  box-shadow: none !important;
277
  background-image: none !important;
278
- background-color: var(--switch-checkbox-color) !important;
279
  transition: .2s ease background-color;
280
  }
281
  .dark .switch_checkbox input[type="checkbox"] {
 
9
  --message-bot-background-color-dark: #2C2C2C;
10
  --switch-checkbox-color-light: #e5e7eb;
11
  --switch-checkbox-color-dark: #515151;
 
 
 
 
 
 
 
12
  }
13
 
14
 
 
214
  display: none !important;
215
  }
216
  .apSlider {
217
+ background-color: var(--neutral-200);
218
  bottom: 0;
219
  cursor: pointer;
220
  left: 0;
 
253
  appearance: none;
254
  -webkit-appearance: none;
255
  outline: none;
 
256
  }
257
 
258
  .switch_checkbox input[type="checkbox"] {
259
  display: inline-block !important;
260
  position: relative !important;
261
  border: none !important;
 
 
262
  outline: none;
263
  width: 48px !important;
264
  height: 24px !important;
265
  border-radius: 12px !important;
266
  box-shadow: none !important;
267
  background-image: none !important;
268
+ background-color: var(--switch-checkbox-color-light) !important;
269
  transition: .2s ease background-color;
270
  }
271
  .dark .switch_checkbox input[type="checkbox"] {