gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-22 23:34:25 +01:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

style/classic toolbar: allow customizing the background color via a CSS variable

Browse Source
This commit is contained in:
Adorian Doran 2025-12-20 11:05:14 +02:00
parent 37ea1584c9
commit b7b7610f4d
3 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
apps/client/src/stylesheets/theme-next-dark.css
View File

@ -170,6 +170,9 @@
--protected-session-active-icon-color: #8edd8e; --protected-session-active-icon-color: #8edd8e;
--sync-status-error-pulse-color: #f47871; --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-vert-layout-background-color-bgfx: #0c0c0c69;
--center-pane-horiz-layout-background-color-bgfx: #1e1e1ec7; --center-pane-horiz-layout-background-color-bgfx: #1e1e1ec7;

3
apps/client/src/stylesheets/theme-next-light.css
View File

@ -162,6 +162,9 @@
--protected-session-active-icon-color: #16b516; --protected-session-active-icon-color: #16b516;
--sync-status-error-pulse-color: #ff5528; --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-vert-layout-background-color-bgfx: #ffffff75;
--center-pane-horiz-layout-background-color-bgfx: #ffffffd6; --center-pane-horiz-layout-background-color-bgfx: #ffffffd6;

16
apps/client/src/stylesheets/theme-next/shell.css
View File

@ -1222,6 +1222,22 @@ body.layout-vertical .tab-row-widget-is-sorting .note-tab.note-tab-is-dragging .
top: 0; 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 * CENTER PANE
*/ */