fix(react): field content background colors (#200)

* fix(react): field content background colors * chore(change): add change
jonambas · Dec 24, 2023 · 96f1b0e · 96f1b0e
1 parent 5eb789b
commit 96f1b0e
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/sharp-lamps-impress.md b/.changeset/sharp-lamps-impress.md
@@ -0,0 +1,5 @@
+---
+'@sweatpants/react': patch
+---
+
+Fix incorrect field background colors
diff --git a/packages/react/src/select/Select.tsx b/packages/react/src/select/Select.tsx
@@ -68,7 +68,7 @@ const triggerStyles = cva({
       neutral: {
         borderColor: 'gray7',
         boxShadow: 'sm',
-        bg: 'gray1',
+        bg: 'contentBg',
         '&:hover:not(:focus)': {
           borderColor: 'gray8'
         },

diff --git a/packages/react/src/text-field/TextField.tsx b/packages/react/src/text-field/TextField.tsx
@@ -40,7 +40,7 @@ const inputStyles = cva({
     borderStyle: 'solid',
     borderColor: 'gray7',
     borderRadius: 'sm',
-    bg: 'gray1',
+    bg: 'contentBg',
     boxShadow: 'sm',
     fontSize: '3',
     paddingX: '3',