From cb561d3d9c874b3bd3af2748c58e2754b4c2698f Mon Sep 17 00:00:00 2001 From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com> Date: Fri, 23 Oct 2026 19:34:27 +0200 Subject: [PATCH] fix(ui): match dark terminal box to card colors Co-Authored-By: Claude Opus 5.5 --- resources/css/app.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/resources/css/app.css b/resources/css/app.css index 79772d527d..c31ad5e518 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -766,6 +766,14 @@ html.dark .application-console-shell[data-console-theme="system"] { --console-theme-background: var(--coollabs-elevated); } +/* Dark mode: the docked System console uses the dark card colors (darker outer + header, --color-card body, faint white ring), so it matches the cards around it. */ +html.dark .application-console-shell[data-console-theme="system"] { + --coollabs-elevated: color-mix(in srgb, var(--color-card) 66%, black); + --coollabs-base: var(--color-card); + --coollabs-hairline: rgb(255 255 255 / 8%); +} + .console-theme-selector { scrollbar-color: rgb(161 161 170) transparent; scrollbar-width: thin;