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;
right: 0;
height: 1px;
background: ${(props) => props.theme.divider};
z-index: ${(props) => props.theme.depths.pwaSeparator};
background: ${(props) => props.theme.titleBarDivider};
z-index: ${(props) => props.theme.depths.titleBarDivider};
}
}

4
shared/styles/theme.js
View File

@ -114,7 +114,7 @@ export const base = {
toasts: 5000,
loadingIndicatorBar: 6000,
popover: 9000,
pwaSeparator: 10000,
titleBarDivider: 10000,
},
};
@ -139,6 +139,7 @@ export const light = {
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)",
divider: colors.slateLight,
titleBarDivider: colors.slateLight,
inputBorder: colors.slateLight,
inputBorderFocused: colors.slate,
@ -198,6 +199,7 @@ export const dark = {
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)",
divider: darken(0.2, colors.slate),
titleBarDivider: darken(0.4, colors.slate),
inputBorder: colors.slateDark,
inputBorderFocused: colors.slate,