sam/family_home_lab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dsh dark: fix bubbles/buttons/inputs (app.css vars + dark scrollbar)

Browse Source
This commit is contained in:
Sam Rolfe
2026-09-03 13:26:57 +10:00
parent 485319812c
commit 04a3aeb712
2 changed files with 19 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
dsh/static/app.css
View File

@@ -39,3 +39,12 @@ body { display: flex; flex-direction: column; background: var(--canvas); color:
padding: 12px 22px; border: none; border-radius: 999px; background: var(--accent); padding: 12px 22px; border: none; border-radius: 999px; background: var(--accent);
color: #fff; cursor: pointer; font-size: 15px; color: #fff; cursor: pointer; font-size: 15px;
} }
[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; }

9
dsh/templates/chat.html
View File

@@ -13,7 +13,16 @@
[data-theme="dark"] { [data-theme="dark"] {
--canvas-soft: #141518; --surface: #1c1e22; --surface-2: #24262c; --hairline: #33363d; --canvas-soft: #141518; --surface: #1c1e22; --surface-2: #24262c; --hairline: #33363d;
--ink: #f5f6f7; --ink-secondary: #dcdee2; --ink-muted: #a9adb6; --ink-faint: #727680; --primary: #3d8be0; --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; } html, body { height: 100%; margin: 0; }
body { display: flex; flex-direction: column; background: var(--surface, #fff); color: var(--ink, #111); } body { display: flex; flex-direction: column; background: var(--surface, #fff); color: var(--ink, #111); }
header.top { flex: none; } header.top { flex: none; }