From b7b7610f4d1ff9411432876b8146ad57283f9985 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Sat, 20 Dec 2025 11:05:14 +0200 Subject: [PATCH] style/classic toolbar: allow customizing the background color via a CSS variable --- apps/client/src/stylesheets/theme-next-dark.css | 3 +++ apps/client/src/stylesheets/theme-next-light.css | 3 +++ apps/client/src/stylesheets/theme-next/shell.css | 16 ++++++++++++++++ 3 files changed, 22 insertions(+) diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css index f4848739e..8e92f4900 100644 --- a/apps/client/src/stylesheets/theme-next-dark.css +++ b/apps/client/src/stylesheets/theme-next-dark.css @@ -170,6 +170,9 @@ --protected-session-active-icon-color: #8edd8e; --sync-status-error-pulse-color: #f47871; + --classic-toolbar-vert-layout-background-color: var(--main-background-color); + --classic-toolbar-horiz-layout-background-color: var(--main-background-color); + --center-pane-vert-layout-background-color-bgfx: #0c0c0c69; --center-pane-horiz-layout-background-color-bgfx: #1e1e1ec7; diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css index 0f71df9c3..1bc72a3e2 100644 --- a/apps/client/src/stylesheets/theme-next-light.css +++ b/apps/client/src/stylesheets/theme-next-light.css @@ -162,6 +162,9 @@ --protected-session-active-icon-color: #16b516; --sync-status-error-pulse-color: #ff5528; + --classic-toolbar-vert-layout-background-color: var(--main-background-color); + --classic-toolbar-horiz-layout-background-color: var(--main-background-color); + --center-pane-vert-layout-background-color-bgfx: #ffffff75; --center-pane-horiz-layout-background-color-bgfx: #ffffffd6; diff --git a/apps/client/src/stylesheets/theme-next/shell.css b/apps/client/src/stylesheets/theme-next/shell.css index d44e6e059..9cf8b990f 100644 --- a/apps/client/src/stylesheets/theme-next/shell.css +++ b/apps/client/src/stylesheets/theme-next/shell.css @@ -1222,6 +1222,22 @@ body.layout-vertical .tab-row-widget-is-sorting .note-tab.note-tab-is-dragging . top: 0; } +/* + * CLASSIC FORMATTING TOOLBAR + */ + +#rest-pane > .classic-toolbar-widget { + margin-bottom: 2px; +} + +body.layout-vertical #rest-pane > .classic-toolbar-widget { + background: var(--classic-toolbar-vert-layout-background-color); +} + +body.layout-horizontal #rest-pane > .classic-toolbar-widget { + background: var(--classic-toolbar-horiz-layout-background-color); +} + /* * CENTER PANE */