diff --git a/shared/styles/globals.js b/shared/styles/globals.js index 4ccccda4..5fb10529 100644 --- a/shared/styles/globals.js +++ b/shared/styles/globals.js @@ -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}; } } diff --git a/shared/styles/theme.js b/shared/styles/theme.js index af62e24c..fc4a7f8b 100644 --- a/shared/styles/theme.js +++ b/shared/styles/theme.js @@ -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,