From 350f4d8c60b37660fad08015168ddfce6def30fc Mon Sep 17 00:00:00 2001 From: Richard Marti Date: Tue, 20 Jun 2023 21:46:52 +0000 Subject: [PATCH] Bug 1839236 - Use better hover and active colors for the panel-banner. r=aleca Differential Revision: https://phabricator.services.mozilla.com/D181485 --HG-- extra : moz-landing-system : lando --- mail/themes/addons/dark/manifest.json | 2 +- mail/themes/shared/mail/panelUI.css | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/mail/themes/addons/dark/manifest.json b/mail/themes/addons/dark/manifest.json index 5e347a7468..516c1e127e 100644 --- a/mail/themes/addons/dark/manifest.json +++ b/mail/themes/addons/dark/manifest.json @@ -47,7 +47,7 @@ }, "properties": { "color_scheme": "dark", - "panel_hover": "color-mix(in srgb, currentColor 9%, transparent)", + "panel_hover": "color-mix(in srgb, currentColor 10%, transparent)", "panel_active": "color-mix(in srgb, currentColor 14%, transparent)", "panel_active_darker": "color-mix(in srgb, currentColor 25%, transparent)" } diff --git a/mail/themes/shared/mail/panelUI.css b/mail/themes/shared/mail/panelUI.css index 022751dbbf..17c5a9799a 100644 --- a/mail/themes/shared/mail/panelUI.css +++ b/mail/themes/shared/mail/panelUI.css @@ -761,17 +761,17 @@ toolbarpaletteitem[place="menu-panel"] > .subviewbutton-nav::after { padding-block: calc(var(--appmenu-button-padding) + 3px); border-radius: var(--arrowpanel-menuitem-border-radius); color: var(--button-color); - background-color: var(--button-background-color); + background-color: color-mix(in srgb, currentColor 7%, transparent);; margin-bottom: 4px; font-weight: 600; } .panel-banner-item:not([disabled]):hover { - background-color: var(--button-hover-background-color); + background-color: var(--arrowpanel-dimmed); } .panel-banner-item:not([disabled]):hover:active { - background-color: var(--button-active-background-color); + background-color: var(--arrowpanel-dimmed-further); } .panel-banner-item > .toolbarbutton-text {