Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-31 02:16:05 +01:00
Code Issues Packages Projects Releases Activity

Allow the left pane action button color to be customized, tweak colors

Browse Source
This commit is contained in:
Adorian Doran
2024-11-29 22:10:38 +02:00
parent 8540201cd5
commit 4028fa0c00
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -124,6 +124,7 @@
--left-pane-item-selected-color: black; --left-pane-item-selected-color: black;
--left-pane-item-selected-shadow: 1px 1px 2px rgba(0, 0, 0, .2); --left-pane-item-selected-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
--left-pane-item-action-button-background: #d7d7d7; --left-pane-item-action-button-background: #d7d7d7;
--left-pane-item-action-button-color: inherit;
--left-pane-item-action-button-hover-background: white; --left-pane-item-action-button-hover-background: white;
--left-pane-item-action-button-hover-shadow: 2px 2px 3px rgba(0, 0, 0, .15); --left-pane-item-action-button-hover-shadow: 2px 2px 3px rgba(0, 0, 0, .15);
--left-pane-item-selected-action-button-hover-shadow: 2px 2px 10px rgba(0, 0, 0, .25); --left-pane-item-selected-action-button-hover-shadow: 2px 2px 10px rgba(0, 0, 0, .25);
@@ -246,8 +247,9 @@
--left-pane-item-selected-background: #ffffff25; --left-pane-item-selected-background: #ffffff25;
--left-pane-item-selected-color: #dfdfdf; --left-pane-item-selected-color: #dfdfdf;
--left-pane-item-selected-shadow: 1px 1px 2px rgba(0, 0, 0, .6); --left-pane-item-selected-shadow: 1px 1px 2px rgba(0, 0, 0, .6);
--left-pane-item-action-button-background: #ffffff29; --left-pane-item-action-button-background: #ffffff42;
--left-pane-item-action-button-hover-background: #ffffff68; --left-pane-item-action-button-color: black;
--left-pane-item-action-button-hover-background: #ffffff8c;
--left-pane-item-action-button-hover-shadow: 2px 2px 3px rgba(0, 0, 0, .15); --left-pane-item-action-button-hover-shadow: 2px 2px 3px rgba(0, 0, 0, .15);
--left-pane-item-selected-action-button-hover-shadow: 2px 2px 10px rgba(0, 0, 0, .25); --left-pane-item-selected-action-button-hover-shadow: 2px 2px 10px rgba(0, 0, 0, .25);
@@ -560,6 +562,7 @@
border: unset; border: unset;
border-radius: 50%; border-radius: 50%;
background: var(--left-pane-item-action-button-background); background: var(--left-pane-item-action-button-background);
color: var(--left-pane-item-action-button-color);
transition: background-color 200ms ease-out, transition: background-color 200ms ease-out,
box-shadow 200ms ease-out; box-shadow 200ms ease-out;
} }