From fde6914ae19bb967c1767222b4c6e49add51a2e6 Mon Sep 17 00:00:00 2001 From: Ferdinand Thiessen Date: Wed, 20 Dec 2023 14:47:33 +0100 Subject: fix: Adjust colors of app menu and dashboard Those elements are shown directly on the background which has the `color-primary`, so they need to use `color-primary-text` instead of `color-primary-element-text` for guranteed contrast. Signed-off-by: Ferdinand Thiessen --- core/src/components/AppMenu.vue | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) (limited to 'core/src') diff --git a/core/src/components/AppMenu.vue b/core/src/components/AppMenu.vue index debf682081b..d6e5c9826dc 100644 --- a/core/src/components/AppMenu.vue +++ b/core/src/components/AppMenu.vue @@ -160,7 +160,7 @@ $header-icon-size: 20px; width: 12px; height: 5px; border-radius: 3px; - background-color: var(--color-primary-element-text); + background-color: var(--color-primary-text); left: 50%; bottom: 6px; display: block; @@ -177,7 +177,8 @@ $header-icon-size: 20px; width: calc(100% - 4px); height: calc(100% - 4px); margin: 2px; - color: var(--color-primary-element-text); + // this is shown directly on the background which has `color-primary`, so we need `color-primary-text` + color: var(--color-primary-text); position: relative; } @@ -194,7 +195,8 @@ $header-icon-size: 20px; opacity: 0; position: absolute; font-size: 12px; - color: var(--color-primary-element-text); + // this is shown directly on the background which has `color-primary`, so we need `color-primary-text` + color: var(--color-primary-text); text-align: center; left: 50%; top: 45%; -- cgit v1.2.3