coop-cloud-chaos-patchs/outline
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: Tone-down separator for PWA titlebar in dark mode

Browse Source
This commit is contained in:
Tom Moor
2021-02-21 22:42:22 -08:00
parent d0f1fd533a
commit 04f942141f
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
shared/styles/globals.js
View File

@ -47,8 +47,8 @@ export default createGlobalStyle`
left: 0; left: 0;
right: 0; right: 0;
height: 1px; height: 1px;
background: ${(props) => props.theme.divider}; background: ${(props) => props.theme.titleBarDivider};
z-index: ${(props) => props.theme.depths.pwaSeparator}; z-index: ${(props) => props.theme.depths.titleBarDivider};
} }
} }

4
shared/styles/theme.js
View File

@ -114,7 +114,7 @@ export const base = {
toasts: 5000, toasts: 5000,
loadingIndicatorBar: 6000, loadingIndicatorBar: 6000,
popover: 9000, popover: 9000,
pwaSeparator: 10000, titleBarDivider: 10000,
}, },
}; };
@ -139,6 +139,7 @@ export const light = {
menuShadow: menuShadow:
"0 0 0 1px rgba(0, 0, 0, 0.05), 0 4px 8px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08)", "0 0 0 1px rgba(0, 0, 0, 0.05), 0 4px 8px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08)",
divider: colors.slateLight, divider: colors.slateLight,
titleBarDivider: colors.slateLight,
inputBorder: colors.slateLight, inputBorder: colors.slateLight,
inputBorderFocused: colors.slate, inputBorderFocused: colors.slate,
@ -198,6 +199,7 @@ export const dark = {
menuShadow: menuShadow:
"0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.08), inset 0 0 1px rgba(255,255,255,.2)", "0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.08), inset 0 0 1px rgba(255,255,255,.2)",
divider: darken(0.2, colors.slate), divider: darken(0.2, colors.slate),
titleBarDivider: darken(0.4, colors.slate),
inputBorder: colors.slateDark, inputBorder: colors.slateDark,
inputBorderFocused: colors.slate, inputBorderFocused: colors.slate,