From 9ab7a19b09fa98fa47f09b95e32b8a0e2e2e5eb7 Mon Sep 17 00:00:00 2001 From: John Molakvoæ Date: Thu, 4 May 2023 12:43:25 +0200 Subject: fix(theming): remove unnecessary `color-primary-element-default-hover` variable MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ --- apps/theming/src/components/admin/ColorPickerField.vue | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) (limited to 'apps/theming/src') diff --git a/apps/theming/src/components/admin/ColorPickerField.vue b/apps/theming/src/components/admin/ColorPickerField.vue index c9f1a8e4ef5..fd80a45e387 100644 --- a/apps/theming/src/components/admin/ColorPickerField.vue +++ b/apps/theming/src/components/admin/ColorPickerField.vue @@ -115,8 +115,22 @@ export default { width: 230px !important; border-radius: var(--border-radius-large) !important; background-color: var(--color-primary-default) !important; - &:hover { - background-color: var(--color-primary-element-default-hover) !important; + + // emulated hover state because it would not make sense + // to create a dedicated global variable for the color-primary-default + &:hover::after { + background-color: white; + content: ""; + position: absolute; + width: 100%; + height: 100%; + opacity: .2; + filter: var(--primary-invert-if-bright); + } + + // Above the ::after + &::v-deep * { + z-index: 1; } } } -- cgit v1.2.3