From e9aea93298f40d76cc51a5a77a5596199f77a1d3 Mon Sep 17 00:00:00 2001 From: RD WebDesign Date: Tue, 25 Jun 2024 18:29:57 -0300 Subject: [PATCH] Fix close button contrast in some dark themes Signed-off-by: RD WebDesign --- style/themes/default-dark.css | 7 ++++++- style/themes/high-contrast-dark.css | 9 ++++++++- 2 files changed, 14 insertions(+), 2 deletions(-) diff --git a/style/themes/default-dark.css b/style/themes/default-dark.css index 5ad4c2b43..a67a67915 100644 --- a/style/themes/default-dark.css +++ b/style/themes/default-dark.css @@ -630,7 +630,12 @@ input[type="password"]::-webkit-caps-lock-indicator { } .close { - color: #383838; + color: #fff; + text-shadow: 0 1px 0 #000; +} +.close:focus, +.close:hover { + color: #fff; } .login-page { diff --git a/style/themes/high-contrast-dark.css b/style/themes/high-contrast-dark.css index 64ed35167..1705f9ba7 100644 --- a/style/themes/high-contrast-dark.css +++ b/style/themes/high-contrast-dark.css @@ -823,7 +823,14 @@ input[type="password"]::-webkit-caps-lock-indicator { } .close { - color: #383838; + color: #fff; + text-shadow: 0 1px 0 #000; + opacity: 0.4; +} +.close:focus, +.close:hover { + color: #fff; + opacity: 0.8; } .login-page {