From 4028fa0c002bf8febc7b3619b043cdf76071e956 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 29 Nov 2024 22:10:38 +0200 Subject: [PATCH] Allow the left pane action button color to be customized, tweak colors --- src/public/stylesheets/theme-next.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css index 649c5165c..d245a4563 100644 --- a/src/public/stylesheets/theme-next.css +++ b/src/public/stylesheets/theme-next.css @@ -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; }