Lighten the background color in extension views (#471)

carterworks · web-flow · commit edb843d47f05 · 2025-02-27T10:15:45.000-07:00
diff --git a/src/view/global.styl b/src/view/global.styl
@@ -43,3 +43,7 @@ body,
 .formik-field textarea {
   min-height: var(--spectrum-global-dimension-size-4600) !important
 }
+
+.react-spectrum-provider.bg-gray-50 {
+  background-color: var(--spectrum-gray-50) !important;
+}
diff --git a/src/view/render.jsx b/src/view/render.jsx
@@ -32,7 +32,7 @@ export default (View, { noPadding = false } = {}) => {
     <Provider
       theme={lightTheme}
       colorScheme="light"
-      UNSAFE_className={`react-spectrum-provider spectrum spectrum--medium spectrum--light${paddingClass}`}
+      UNSAFE_className={`react-spectrum-provider spectrum spectrum--medium spectrum--light${paddingClass} bg-gray-50`}
     >
       <ErrorBoundary>
         <View />

Original file line number	Diff line number	Diff line change
`@@ -43,3 +43,7 @@ body,`
`43`	`43`	`.formik-field textarea {`
`44`	`44`	`min-height: var(--spectrum-global-dimension-size-4600) !important`
`45`	`45`	`}`
	`46`	`+`
	`47`	`+.react-spectrum-provider.bg-gray-50 {`
	`48`	`+ background-color: var(--spectrum-gray-50) !important;`
	`49`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -32,7 +32,7 @@ export default (View, { noPadding = false } = {}) => {`
`32`	`32`	`<Provider`
`33`	`33`	`theme={lightTheme}`
`34`	`34`	`colorScheme="light"`
`35`		- UNSAFE_className={`react-spectrum-provider spectrum spectrum--medium spectrum--light${paddingClass}`}
	`35`	+ UNSAFE_className={`react-spectrum-provider spectrum spectrum--medium spectrum--light${paddingClass} bg-gray-50`}
`36`	`36`	`>`
`37`	`37`	`<ErrorBoundary>`
`38`	`38`	`<View />`