From ed0c0d9616d4daff2d1d8837426604b114709828 Mon Sep 17 00:00:00 2001
From: Zef Hemel <zef@zef.me>
Date: Tue, 7 Nov 2023 15:21:53 +0100
Subject: [PATCH] Give docked Safari PWA the proper title bar color

---
 plugs/index/asset/style.css               | 3 ++-
 plugs/markdown/assets/markdown_widget.css | 1 +
 web/styles/main.scss                      | 2 ++
 web/styles/theme.scss                     | 2 +-
 4 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/plugs/index/asset/style.css b/plugs/index/asset/style.css
index 60143ae2..9846181b 100644
--- a/plugs/index/asset/style.css
+++ b/plugs/index/asset/style.css
@@ -3,6 +3,7 @@ html,
 body {
     height: initial !important;
     overflow: initial !important;
+    background-color: var(--root-background-color) !important;
 }
 
 #sb-main {
@@ -21,7 +22,7 @@ body {
 
 body {
     font-family: var(--ui-font);
-    background-color: var(--root-background-color);
+
     color: var(--root-color);
 }
 
diff --git a/plugs/markdown/assets/markdown_widget.css b/plugs/markdown/assets/markdown_widget.css
index 49ec94a9..ce58b9ca 100644
--- a/plugs/markdown/assets/markdown_widget.css
+++ b/plugs/markdown/assets/markdown_widget.css
@@ -3,6 +3,7 @@ html,
 body {
     height: initial !important;
     overflow: initial !important;
+    background-color: var(--root-background-color);
 }
 
 #sb-main {
diff --git a/web/styles/main.scss b/web/styles/main.scss
index 658cc1d5..7d61180e 100644
--- a/web/styles/main.scss
+++ b/web/styles/main.scss
@@ -38,6 +38,7 @@ body {
   padding: 0;
   width: 100%;
   overflow: hidden;
+  background-color: var(--top-background-color);
 }
 
 #sb-root {
@@ -45,6 +46,7 @@ body {
   flex-direction: column;
   width: 100%;
   height: 100%;
+  background-color: var(--root-background-color);
 }
 
 #sb-top {
diff --git a/web/styles/theme.scss b/web/styles/theme.scss
index e6df7568..fc60d854 100644
--- a/web/styles/theme.scss
+++ b/web/styles/theme.scss
@@ -8,7 +8,7 @@ html {
   --subtle-color: #676767;
   --subtle-background-color: rgba(72, 72, 72, 0.1);
 
-  --root-background-color: inherit;
+  --root-background-color: #fff;
   --root-color: inherit;
 
   --top-color: inherit;