From d4fa21e7c161fc57ae4782e80103324d7b379429 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Mon, 22 Dec 2025 23:57:40 +0200
Subject: [PATCH] style/bottom panel: tweak colors

---
 apps/client/src/stylesheets/theme-next-dark.css  | 4 ++--
 apps/client/src/stylesheets/theme-next-light.css | 4 ++--
 apps/client/src/widgets/layout/StatusBar.css     | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css
index 2061acb48..a975680b6 100644
--- a/apps/client/src/stylesheets/theme-next-dark.css
+++ b/apps/client/src/stylesheets/theme-next-dark.css
@@ -234,8 +234,8 @@
     --right-pane-item-hover-background: #ffffff26;
     --right-pane-item-hover-color: white;
 
-    --bottom-panel-background-color: #181818;
-    --bottom-panel-title-bar-background-color: #272727;
+    --bottom-panel-background-color: #111111;
+    --bottom-panel-title-bar-background-color: #2F2F2F;
 
     --scrollbar-thumb-color: #fdfdfd5c;
     --scrollbar-thumb-hover-color: #ffffff7d;
diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css
index db93b95b9..6ae0119cf 100644
--- a/apps/client/src/stylesheets/theme-next-light.css
+++ b/apps/client/src/stylesheets/theme-next-light.css
@@ -232,8 +232,8 @@
     --right-pane-item-hover-background: #00000013;
     --right-pane-item-hover-color: inherit;
 
-    --bottom-panel-background-color: #181818;
-    --bottom-panel-title-bar-background-color: #272727;
+    --bottom-panel-background-color: #0000000a;
+    --bottom-panel-title-bar-background-color: #00000017;
 
     --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 f7c468dac..c5129223b 100644
--- a/apps/client/src/widgets/layout/StatusBar.css
+++ b/apps/client/src/widgets/layout/StatusBar.css
@@ -1,15 +1,15 @@
 .component.status-bar {
     contain: none;
     border-top: 1px solid var(--main-border-color);
-    background-color: var(--left-pane-background-color);
 
     > .status-bar-main-row {
         min-height: 28px;
         display: flex;
         align-items: center;
+        background-color: var(--left-pane-background-color);
         padding-inline: 0.25em;
         font-size: 0.85em;
-
+        
         > .breadcrumb {
             flex-grow: 1;
             --icon-button-size: 23px;