Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-18 16:32:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

Introduce a root background color, make the tab bar and gutter background transparent

Browse Source
This commit is contained in:
Adorian Doran 2024-11-27 18:59:54 +02:00
parent a1fc670839
commit 7d737e7636
1 changed files with 31 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/public/stylesheets/theme-next.css
View File

@ -86,7 +86,9 @@
--launcher-pane-button-hover-background: white; --launcher-pane-button-hover-background: white;
--launcher-pane-button-hover-shadow: 4px 4px 4px rgba(0, 0, 0, .075); --launcher-pane-button-hover-shadow: 4px 4px 4px rgba(0, 0, 0, .075);
--gutter-color: #e7e7e7; --root-background: var(--left-pane-background-color);
--gutter-color: transparent;
--gutter-hover-color: #bfbfbf; --gutter-hover-color: #bfbfbf;
--active-tab-background-color: #ddd; --active-tab-background-color: #ddd;
@ -176,6 +178,8 @@
--launcher-pane-button-hover-background: white; --launcher-pane-button-hover-background: white;
--launcher-pane-button-hover-shadow: 4px 4px 4px rgba(0, 0, 0, .075); --launcher-pane-button-hover-shadow: 4px 4px 4px rgba(0, 0, 0, .075);
--root-background: var(--left-pane-background-color);
--gutter-color: #e7e7e7; --gutter-color: #e7e7e7;
--gutter-hover-color: #bfbfbf; --gutter-hover-color: #bfbfbf;
@ -232,6 +236,11 @@
} }
} }
#root-widget {
background-color: var(--root-background);
}
/* /*
* Launcher pane * Launcher pane
*/ */
@ -386,10 +395,31 @@
transition: background 300ms ease-in; transition: background 300ms ease-in;
} }
/*
* Tab bar
*/
.tab-row-widget {
background: transparent !important;
}
/*
* Center pane
*/
#center-pane {
background: var(--main-background-color);
}
/* /*
* Table of contents & Highlights list * Table of contents & Highlights list
*/ */
#right-pane {
background: var(--main-background-color);
}
#right-pane .toc li, #right-pane .toc li,
#right-pane .highlights-list li { #right-pane .highlights-list li {
padding: 2px 8px; padding: 2px 8px;