From 605f69053c88d815b435decc35f71f1983bad799 Mon Sep 17 00:00:00 2001 From: Alexander Ebert Date: Tue, 22 Aug 2023 11:23:33 +0200 Subject: [PATCH] Fix the contrast of the `.formError` color See https://www.woltlab.com/community/thread/301284-fehler-in-labels-im-dark-mode-haben-keinen-guten-kontrast/ --- wcfsetup/install/files/style/layout/form.scss | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/wcfsetup/install/files/style/layout/form.scss b/wcfsetup/install/files/style/layout/form.scss index c6f38e08cf..6f41d61bd0 100644 --- a/wcfsetup/install/files/style/layout/form.scss +++ b/wcfsetup/install/files/style/layout/form.scss @@ -208,17 +208,23 @@ input { } .formError { + --color-error: #c00; + dt { - color: rgba(204, 0, 1, 1) !important; + color: var(--color-error) !important; } input, select, textarea { - border-color: rgba(204, 0, 1, 1) !important; + border-color: var(--color-error) !important; } } +html[data-color-scheme="dark"] .formError { + --color-error: #ff4747; +} + /* grid-based form controls */ .formGrid { dt { -- 2.20.1