improve UI

src/View/chatPage.css

@@ -189,6 +189,12 @@ body[showing-chat] #chat-page-wrapper {
   padding: 0px;
 }
 
+@media (max-width: 1024px) {
+  #chat-page > div > #main > div > .pane-wrapper > .pane > .toolbar input {
+    border-left: 1px solid var(--surface-border);
+  }
+}
+
 #chat-page > div > #main > div > .pane-wrapper > .pane > .toolbar > span.title {
   padding-left: var(--content-padding);
 }

src/colors.css

@@ -59,21 +59,23 @@
 }
 
 /* background */
-[color]:not([color="standard"]).background {
-  --luma: var(--background-luma);
-  --sat: 80%;
-  background: hsl(var(--hue), var(--sat), var(--luma));
-}
-
-@media (prefers-color-scheme: dark) {
+@media (min-width: 1024px) {
   [color]:not([color="standard"]).background {
-    --luma: var(--background-luma-dark);
-    --sat: 40%;
+    --luma: var(--background-luma);
+    --sat: 80%;
+    background: hsl(var(--hue), var(--sat), var(--luma));
   }
-}
 
-[color="standard"].background {
-  background: var(--surface);
+  @media (prefers-color-scheme: dark) {
+    [color]:not([color="standard"]).background {
+      --luma: var(--background-luma-dark);
+      --sat: 40%;
+    }
+  }
+
+  [color="standard"].background {
+    background: var(--surface);
+  }
 }
 
 /* subtle */