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;