From 04a3aeb7125622ff2c987933be65a60c834df2ea Mon Sep 17 00:00:00 2001
From: Sam Rolfe <samuelrolfe@gmail.com>
Date: Thu, 3 Sep 2026 13:26:57 +1000
Subject: [PATCH] dsh dark: fix bubbles/buttons/inputs (app.css vars + dark
 scrollbar)

---
 dsh/static/app.css      | 11 ++++++++++-
 dsh/templates/chat.html |  9 +++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/dsh/static/app.css b/dsh/static/app.css
index df2f7e4..c0687e5 100644
--- a/dsh/static/app.css
+++ b/dsh/static/app.css
@@ -38,4 +38,13 @@ body { display: flex; flex-direction: column; background: var(--canvas); color:
 .composer button {
   padding: 12px 22px; border: none; border-radius: 999px; background: var(--accent);
   color: #fff; cursor: pointer; font-size: 15px;
-}
\ No newline at end of file
+}
+[data-theme="dark"] {
+  --canvas: #141518;
+  --panel: #1c1e22;
+  --ink: #f5f6f7;
+  --accent: #3d8be0;
+  --hairline: #33363d;
+}
+[data-theme="dark"] body, [data-theme="dark"] .log { scrollbar-color: #4a4d55 #141518; }
+[data-theme="dark"] .msg.user .bubble { color: #ffffff; }
diff --git a/dsh/templates/chat.html b/dsh/templates/chat.html
index 7484efa..adb0209 100644
--- a/dsh/templates/chat.html
+++ b/dsh/templates/chat.html
@@ -13,7 +13,16 @@
     [data-theme="dark"] {
       --canvas-soft: #141518; --surface: #1c1e22; --surface-2: #24262c; --hairline: #33363d;
       --ink: #f5f6f7; --ink-secondary: #dcdee2; --ink-muted: #a9adb6; --ink-faint: #727680; --primary: #3d8be0;
+      --canvas: #141518; --panel: #1c1e22; --accent: #3d8be0;   /* dsh app.css var names */
     }
+    [data-theme="dark"] .log, [data-theme="dark"] body { scrollbar-color: #4a4d55 #141518; }
+    [data-theme="dark"] .tools-row button, [data-theme="dark"] .tools-row input[type=text],
+    [data-theme="dark"] .tools-row input[type=file], [data-theme="dark"] #newBtn, [data-theme="dark"] #dlBtn,
+    [data-theme="dark"] .modelrow select, [data-theme="dark"] #input {
+      background: #24262c; color: #f5f6f7; border-color: #3a3d45;
+    }
+    [data-theme="dark"] #toolsToggle { color: #a9adb6; }
+    [data-theme="dark"] .tools-row button { color: #f5f6f7; }
     html, body { height: 100%; margin: 0; }
     body { display: flex; flex-direction: column; background: var(--surface, #fff); color: var(--ink, #111); }
     header.top { flex: none; }