Merge pull request #215 in YR/star-web-components from star-slider-dark to master

* commit '5ee4dbe9fcc47ab654aca5c82261d65143d8589e': TASK: #126261 slider 组件黑暗模式
2022-12-30 09:59:41 +08:00 · 2022-12-30 09:59:41 +08:00 · cef4bc7840
parent f7346bfdf6 5ee4dbe9fc
commit cef4bc7840
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;
+    }
+  }
 `