From 0549c365e5a8a63c1ead03ae19e1cbefad222a4e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= Date: Sun, 7 Nov 2021 10:34:02 +0100 Subject: [PATCH] Use high contrast color MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: marcin mikołajczak --- app/styles/components/dropdown-menu.scss | 2 +- app/styles/components/modal.scss | 2 +- app/styles/themes.scss | 10 ++++++++++ 3 files changed, 12 insertions(+), 2 deletions(-) diff --git a/app/styles/components/dropdown-menu.scss b/app/styles/components/dropdown-menu.scss index fb07186cf..c36cdef12 100644 --- a/app/styles/components/dropdown-menu.scss +++ b/app/styles/components/dropdown-menu.scss @@ -70,7 +70,7 @@ } &.warning a { - color: var(--warning-color); + color: var(--warning-color--hicontrast); } a { diff --git a/app/styles/components/modal.scss b/app/styles/components/modal.scss index c1019701f..e0a11c71b 100644 --- a/app/styles/components/modal.scss +++ b/app/styles/components/modal.scss @@ -582,7 +582,7 @@ } &.warning { - color: var(--warning-color); + color: var(--warning-color--hicontrast); opacity: 1; } diff --git a/app/styles/themes.scss b/app/styles/themes.scss index e1d328b4f..032f8ce4d 100644 --- a/app/styles/themes.scss +++ b/app/styles/themes.scss @@ -88,6 +88,11 @@ body, var(--brand-color_s), calc(var(--brand-color_l) - 12%) ); + --warning-color--hicontrast: hsl( + var(--warning-color_h), + var(--warning-color_s), + calc(var(--warning-color_l) - 12%) + ); } .theme-mode-dark { @@ -119,4 +124,9 @@ body, var(--brand-color_s), calc(var(--brand-color_l) + 12%) ); + --warning-color--hicontrast: hsl( + var(--warning-color_h), + var(--warning-color_s), + calc(var(--warning-color_l) + 12%) + ); }