fix checked switch styles in Shoelace theme

2026-01-19 15:34:15 +00:00 · 2025-10-23 11:29:21 -04:00
1 changed files with 2 additions and 2 deletions
--- a/packages/webawesome/src/styles/themes/shoelace.css
+++ b/packages/webawesome/src/styles/themes/shoelace.css
@@ -457,7 +457,7 @@
        border-color: var(--wa-color-gray-50);
      }

-      &[checked]::part(control) {
+      &:state(checked)::part(control) {
        background-color: var(--wa-form-control-activated-color);
        border-color: var(--wa-form-control-activated-color);
      }
@@ -466,7 +466,7 @@
        background-color: var(--wa-color-surface-default);
        border: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-gray-50);
      }
-      &[checked]::part(thumb) {
+      &:state(checked)::part(thumb) {
        border-color: var(--wa-form-control-activated-color);
      }
    }