From 0c965bfdf42f5b0bab5dca9a69d3e76c77fe2afe Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Mon, 22 Dec 2025 23:36:35 +0200 Subject: [PATCH] client/status bar panes: extract colors as CSS variables --- apps/client/src/stylesheets/theme-next-dark.css | 3 +++ apps/client/src/stylesheets/theme-next-light.css | 3 +++ apps/client/src/widgets/layout/StatusBar.css | 4 ++-- 3 files changed, 8 insertions(+), 2 deletions(-) diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css index 150a3ffc6..2061acb48 100644 --- a/apps/client/src/stylesheets/theme-next-dark.css +++ b/apps/client/src/stylesheets/theme-next-dark.css @@ -234,6 +234,9 @@ --right-pane-item-hover-background: #ffffff26; --right-pane-item-hover-color: white; + --bottom-panel-background-color: #181818; + --bottom-panel-title-bar-background-color: #272727; + --scrollbar-thumb-color: #fdfdfd5c; --scrollbar-thumb-hover-color: #ffffff7d; --scrollbar-background-color: transparent; diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css index c5828ab17..db93b95b9 100644 --- a/apps/client/src/stylesheets/theme-next-light.css +++ b/apps/client/src/stylesheets/theme-next-light.css @@ -232,6 +232,9 @@ --right-pane-item-hover-background: #00000013; --right-pane-item-hover-color: inherit; + --bottom-panel-background-color: #181818; + --bottom-panel-title-bar-background-color: #272727; + --scrollbar-thumb-color: #0000005c; --scrollbar-thumb-hover-color: #00000066; --scrollbar-background-color: transparent; diff --git a/apps/client/src/widgets/layout/StatusBar.css b/apps/client/src/widgets/layout/StatusBar.css index 0663d6083..4502cd412 100644 --- a/apps/client/src/widgets/layout/StatusBar.css +++ b/apps/client/src/widgets/layout/StatusBar.css @@ -301,7 +301,7 @@ .status-bar-pane-title-bar { display: flex; padding: 6px 12px; - background: #272727; + background: var(--bottom-panel-title-bar-background-color); justify-content: space-between; align-items: center; @@ -315,7 +315,7 @@ .status-bar-pane-content { border-bottom: 1px solid var(--main-border-color); - background: #181818; + background: var(--bottom-panel-background-color); padding: 8px 12px; max-height: 40vh; overflow-y: auto;