Fix close button contrast in some dark themes

Signed-off-by: RD WebDesign <[email protected]>
pi-hole · Jun 25, 2024 · e9aea93 · e9aea93
1 parent 94b49ce
commit e9aea93
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git 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
@@ -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 {