From bbec2f60823f6bca18762e4e11c886732fbaa46b Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Thu, 25 Dec 2025 02:26:17 +0200 Subject: [PATCH] style/bottom panel: improve appearance --- apps/client/src/stylesheets/theme-next-dark.css | 4 +++- apps/client/src/stylesheets/theme-next-light.css | 6 ++++-- apps/client/src/widgets/layout/StatusBar.css | 2 +- 3 files changed, 8 insertions(+), 4 deletions(-) diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css index b1284cb19..e1c7c88f6 100644 --- a/apps/client/src/stylesheets/theme-next-dark.css +++ b/apps/client/src/stylesheets/theme-next-dark.css @@ -237,7 +237,9 @@ --bottom-panel-background-color: #11111180; --bottom-panel-title-bar-background-color: #3F3F3F80; - + + --status-bar-border-color: var(--main-border-color); + --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 3c4b9aa19..db623c89b 100644 --- a/apps/client/src/stylesheets/theme-next-light.css +++ b/apps/client/src/stylesheets/theme-next-light.css @@ -233,8 +233,10 @@ --right-pane-item-hover-background: #00000013; --right-pane-item-hover-color: inherit; - --bottom-panel-background-color: #ffffff59; - --bottom-panel-title-bar-background-color: #0000000a; + --bottom-panel-background-color: #ffffff8c; + --bottom-panel-title-bar-background-color: #94949414; + + --status-bar-border-color: #0000003a; --scrollbar-thumb-color: #0000005c; --scrollbar-thumb-hover-color: #00000066; diff --git a/apps/client/src/widgets/layout/StatusBar.css b/apps/client/src/widgets/layout/StatusBar.css index b35f45286..c22e3998b 100644 --- a/apps/client/src/widgets/layout/StatusBar.css +++ b/apps/client/src/widgets/layout/StatusBar.css @@ -1,6 +1,6 @@ .component.status-bar { contain: none; - border-top: 1px solid var(--main-border-color); + border-top: 1px solid var(--status-bar-border-color); > .status-bar-main-row { min-height: 28px;