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

This commit is contained in:
Adorian Doran 2024-11-29 22:10:38 +02:00
parent 8540201cd5
commit 4028fa0c00

View File

@ -124,6 +124,7 @@
--left-pane-item-selected-color: black;
--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-color: inherit;
--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-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-color: #dfdfdf;
--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-hover-background: #ffffff68;
--left-pane-item-action-button-background: #ffffff42;
--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-selected-action-button-hover-shadow: 2px 2px 10px rgba(0, 0, 0, .25);
@ -560,6 +562,7 @@
border: unset;
border-radius: 50%;
background: var(--left-pane-item-action-button-background);
color: var(--left-pane-item-action-button-color);
transition: background-color 200ms ease-out,
box-shadow 200ms ease-out;
}