fix bg

src/components/input/input.styles.ts

@@ -71,7 +71,7 @@ export default css`
   }
 
   .input--filled.input--focused:not(.input--disabled) {
-    background-color: rgb(var(--sl-color-neutral-0));
+    background-color: rgb(var(--sl-color-surface-base));
     border-color: rgb(var(--sl-color-primary-500));
     box-shadow: var(--sl-focus-ring);
   }

src/components/select/select.styles.ts

@@ -67,7 +67,7 @@ export default css`
   }
 
   .select--filled.select--focused:not(.select--disabled) .select__control {
-    background-color: rgb(var(--sl-color-neutral-0));
+    background-color: rgb(var(--sl-color-surface-base));
     border-color: rgb(var(--sl-color-primary-500));
     box-shadow: var(--sl-focus-ring);
     outline: none;

src/components/textarea/textarea.styles.ts

@@ -76,7 +76,7 @@ export default css`
   }
 
   .textarea--filled.textarea--focused:not(.textarea--disabled) {
-    background-color: rgb(var(--sl-color-neutral-0));
+    background-color: rgb(var(--sl-color-surface-base));
     border-color: rgb(var(--sl-color-primary-500));
     box-shadow: var(--sl-focus-ring);
   }