TASK: #126261 slider 组件黑暗模式

2022-12-28 17:34:23 +08:00 · 2022-12-28 17:34:23 +08:00 · 5ee4dbe9fc
parent 6ca0c2beaa
commit 5ee4dbe9fc
1 changed files with 14 additions and 0 deletions
--- a/src/components/slider/slider-styles.ts
+++ b/src/components/slider/slider-styles.ts
@ -150,4 +150,18 @@ export const sharedStyles: CSSResult = css`
    font-family: 'gaia-icons';
    content: attr(data-icon);
  }
+  @media (prefers-color-scheme: dark) {
+    .v-sliderBar {
+      background: rgba(255, 255, 255, 0.15);
+    }
+    .v-progress {
+      background: #ebebeb;
+    }
+    .sliderBar {
+      background: rgba(255, 255, 255, 0.15);
+    }
+    .progress {
+      background: #ebebeb;
+    }
+  }
 `