fix(Basic Auth): Fix Basic Auth overlay background in Dark Mode

meetfranz · Oct 2, 2019 · 027e50d822737329cb95c2b1e3dbd487cf18332a · 027e50d
1 parent a564a35
commit 027e50d822737329cb95c2b1e3dbd487cf18332a
Unified Split

Showing with 3 additions and 1 deletion.

+1 −0 packages/theme/src/themes/dark/index.ts

+1 −0 packages/theme/src/themes/default/index.ts

+1 −1 src/components/ui/Modal/styles.js
diff --git a/packages/theme/src/themes/dark/index.ts b/packages/theme/src/themes/dark/index.ts
@@ -66,6 +66,7 @@ export const selectSearchColor = inputBackground;
 
 // Modal
 export const colorModalOverlayBackground = color(legacyStyles.darkThemeBlack).alpha(0.8).rgb().string();
+export const colorModalBackground = colorContentBackground;
 
 // Services
 export const services = merge({}, defaultStyles.services, {

diff --git a/packages/theme/src/themes/default/index.ts b/packages/theme/src/themes/default/index.ts
@@ -145,6 +145,7 @@ export const badgeBorderRadius = 50;
 
 // Modal
 export const colorModalOverlayBackground = color('#000').alpha(0.5).rgb().string();
+export const colorModalBackground = colorContentBackground;
 
 // Services
 export const services = {

diff --git a/src/components/ui/Modal/styles.js b/src/components/ui/Modal/styles.js
@@ -13,7 +13,7 @@ export default theme => ({
     display: 'flex',
   },
   modal: {
-    background: '#FFF',
+    background: theme.colorModalBackground,
     maxWidth: '90%',
     height: 'auto',
     margin: 'auto auto',