Correct input placeholder styling in Night themes

2026-02-18 14:48:28 -05:00 · 2024-03-04 09:57:51 +01:00
2 changed files with 5 additions and 23 deletions
--- a/interfaces/Config/templates/staticcfg/css/Night.css
+++ b/interfaces/Config/templates/staticcfg/css/Night.css
@@ -288,18 +288,9 @@ col2 h3 a,
    fill: #555555;
 }

-/* Placeholders - Will not work if grouped! */
-::-webkit-input-placeholder {
-    color: #EBEBEB !important;
-}
-
-::-moz-placeholder {
-    color: #EBEBEB !important;
-    opacity: 1 !important;
-}
-
-:-ms-input-placeholder {
+::placeholder {
    color: #EBEBEB !important;
+    opacity: 0.5;
 }

 .tooltip-inner {
--- a/interfaces/Glitter/templates/static/stylesheets/colorschemes/Night.css
+++ b/interfaces/Glitter/templates/static/stylesheets/colorschemes/Night.css
@@ -272,16 +272,7 @@ button:focus {
    outline: initial;
 }

-/* Placeholders - Will not work if grouped! */
-::-webkit-input-placeholder {
-   color: #EBEBEB !important;
-}
-
-::-moz-placeholder {
-   color: #EBEBEB !important;
-   opacity: 1 !important;
-}
-
-:-ms-input-placeholder {
-   color: #EBEBEB !important;
+::placeholder {
+    color: #EBEBEB !important;
+    opacity: 0.5 !important;
 }