diff options
author | Stefan Malzner <stefan@adlk.io> | 2019-10-02 21:51:35 +0200 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2019-10-02 21:51:35 +0200 |
commit | 027e50d822737329cb95c2b1e3dbd487cf18332a (patch) | |
tree | e8d13f9da0b68e4cc7f94ed797552c391bb1efd4 | |
parent | Use native window.open (diff) | |
download | ferdium-app-027e50d822737329cb95c2b1e3dbd487cf18332a.tar.gz ferdium-app-027e50d822737329cb95c2b1e3dbd487cf18332a.tar.zst ferdium-app-027e50d822737329cb95c2b1e3dbd487cf18332a.zip |
fix(Basic Auth): Fix Basic Auth overlay background in Dark Mode
-rw-r--r-- | packages/theme/src/themes/dark/index.ts | 1 | ||||
-rw-r--r-- | packages/theme/src/themes/default/index.ts | 1 | ||||
-rw-r--r-- | src/components/ui/Modal/styles.js | 2 |
3 files changed, 3 insertions, 1 deletions
diff --git a/packages/theme/src/themes/dark/index.ts b/packages/theme/src/themes/dark/index.ts index e94f54c55..67d0cfb71 100644 --- a/packages/theme/src/themes/dark/index.ts +++ b/packages/theme/src/themes/dark/index.ts | |||
@@ -66,6 +66,7 @@ export const selectSearchColor = inputBackground; | |||
66 | 66 | ||
67 | // Modal | 67 | // Modal |
68 | export const colorModalOverlayBackground = color(legacyStyles.darkThemeBlack).alpha(0.8).rgb().string(); | 68 | export const colorModalOverlayBackground = color(legacyStyles.darkThemeBlack).alpha(0.8).rgb().string(); |
69 | export const colorModalBackground = colorContentBackground; | ||
69 | 70 | ||
70 | // Services | 71 | // Services |
71 | export const services = merge({}, defaultStyles.services, { | 72 | export const services = merge({}, defaultStyles.services, { |
diff --git a/packages/theme/src/themes/default/index.ts b/packages/theme/src/themes/default/index.ts index 4e042afce..057fde72f 100644 --- a/packages/theme/src/themes/default/index.ts +++ b/packages/theme/src/themes/default/index.ts | |||
@@ -145,6 +145,7 @@ export const badgeBorderRadius = 50; | |||
145 | 145 | ||
146 | // Modal | 146 | // Modal |
147 | export const colorModalOverlayBackground = color('#000').alpha(0.5).rgb().string(); | 147 | export const colorModalOverlayBackground = color('#000').alpha(0.5).rgb().string(); |
148 | export const colorModalBackground = colorContentBackground; | ||
148 | 149 | ||
149 | // Services | 150 | // Services |
150 | export const services = { | 151 | export const services = { |
diff --git a/src/components/ui/Modal/styles.js b/src/components/ui/Modal/styles.js index 49b970c97..c2bebf9bb 100644 --- a/src/components/ui/Modal/styles.js +++ b/src/components/ui/Modal/styles.js | |||
@@ -13,7 +13,7 @@ export default theme => ({ | |||
13 | display: 'flex', | 13 | display: 'flex', |
14 | }, | 14 | }, |
15 | modal: { | 15 | modal: { |
16 | background: '#FFF', | 16 | background: theme.colorModalBackground, |
17 | maxWidth: '90%', | 17 | maxWidth: '90%', |
18 | height: 'auto', | 18 | height: 'auto', |
19 | margin: 'auto auto', | 19 | margin: 'auto auto', |