🐛 fix filled select background color

actifyjs · Oct 31, 2024 · 970b9bb · 970b9bb
1 parent d5aaf17
commit 970b9bb
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/actify/src/components/Select/filled-field.module.css b/packages/actify/src/components/Select/filled-field.module.css
@@ -5,6 +5,10 @@
   display: inline-flex;
   justify-content: center;
   flex-direction: column;
+  --_container-color: var(
+    --md-filled-field-container-color,
+    rgb(var(--md-sys-color-surface-container-highest))
+  );
   --_active-indicator-color: var(
     --md-filled-field-active-indicator-color,
     rgb(var(--md-sys-color-on-surface-variant))
@@ -99,7 +103,7 @@
   inset: 0;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
-  background: rgb(59 52 42);
+  background: var(--_container-color);
 }
 
 .state-layer {