Give docked Safari PWA the proper title bar color

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);
 }
 

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 {

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 {

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;