From fa74fc54e369fa11b014fa8c434847331ee76f8b Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Fri, 24 Sep 2021 22:38:08 -0400
Subject: [PATCH] fix bg

---
 src/components/input/input.styles.ts       | 2 +-
 src/components/select/select.styles.ts     | 2 +-
 src/components/textarea/textarea.styles.ts | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/input/input.styles.ts b/src/components/input/input.styles.ts
index 70ec2b0b5..3505b9726 100644
--- a/src/components/input/input.styles.ts
+++ b/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);
   }
diff --git a/src/components/select/select.styles.ts b/src/components/select/select.styles.ts
index ded8c77c4..bb71e9b64 100644
--- a/src/components/select/select.styles.ts
+++ b/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;
diff --git a/src/components/textarea/textarea.styles.ts b/src/components/textarea/textarea.styles.ts
index 6bbce2a13..d2ba5a793 100644
--- a/src/components/textarea/textarea.styles.ts
+++ b/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);
   }