From 04f942141fb6fb1155b39df723bf3c242b25fb5c Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sun, 21 Feb 2021 22:42:22 -0800
Subject: [PATCH] fix: Tone-down separator for PWA titlebar in dark mode

---
 shared/styles/globals.js | 4 ++--
 shared/styles/theme.js   | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

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,