diff --git a/CSS/themes/lidarr/lidarr-base.css b/CSS/themes/lidarr/lidarr-base.css index 1aa2a521..8ba390ec 100644 --- a/CSS/themes/lidarr/lidarr-base.css +++ b/CSS/themes/lidarr/lidarr-base.css @@ -623,17 +623,36 @@ a:hover { } /* MOVE THIS */ -::placeholder { +input::-webkit-input-placeholder { color: var(--text); } +input:focus::-webkit-input-placeholder { + color: var(--text-hover); +} + +/* Firefox < 19 */ +input:-moz-placeholder { + color: var(--text); +} +input:focus:-moz-placeholder { + color: var(--text-hover); +} -:-ms-input-placeholder { - color: var(--text) +/* Firefox > 19 */ +input::-moz-placeholder { + color: var(--text); +} +input:focus::-moz-placeholder { + color: var(--text-hover); } -::-webkit-input-placeholder { +/* Internet Explorer 10 */ +input:-ms-input-placeholder { color: var(--text); } +input:focus:-ms-input-placeholder { + color: var(--text-hover); +} /* IMPORT */ /* Text color */ diff --git a/CSS/themes/prowlarr/prowlarr-base.css b/CSS/themes/prowlarr/prowlarr-base.css index f9c49857..b2727ce0 100644 --- a/CSS/themes/prowlarr/prowlarr-base.css +++ b/CSS/themes/prowlarr/prowlarr-base.css @@ -596,17 +596,36 @@ a:hover { } /* MOVE THIS */ -::placeholder { +input::-webkit-input-placeholder { color: var(--text); } +input:focus::-webkit-input-placeholder { + color: var(--text-hover); +} + +/* Firefox < 19 */ +input:-moz-placeholder { + color: var(--text); +} +input:focus:-moz-placeholder { + color: var(--text-hover); +} -:-ms-input-placeholder { - color: var(--text) +/* Firefox > 19 */ +input::-moz-placeholder { + color: var(--text); +} +input:focus::-moz-placeholder { + color: var(--text-hover); } -::-webkit-input-placeholder { +/* Internet Explorer 10 */ +input:-ms-input-placeholder { color: var(--text); } +input:focus:-ms-input-placeholder { + color: var(--text-hover); +} /* IMPORT */ diff --git a/CSS/themes/radarr/radarr-base.css b/CSS/themes/radarr/radarr-base.css index 088be4cb..fbbe4a5b 100644 --- a/CSS/themes/radarr/radarr-base.css +++ b/CSS/themes/radarr/radarr-base.css @@ -602,17 +602,36 @@ a:hover { } /* MOVE THIS */ -::placeholder { +input::-webkit-input-placeholder { color: var(--text); } +input:focus::-webkit-input-placeholder { + color: var(--text-hover); +} + +/* Firefox < 19 */ +input:-moz-placeholder { + color: var(--text); +} +input:focus:-moz-placeholder { + color: var(--text-hover); +} -:-ms-input-placeholder { - color: var(--text) +/* Firefox > 19 */ +input::-moz-placeholder { + color: var(--text); +} +input:focus::-moz-placeholder { + color: var(--text-hover); } -::-webkit-input-placeholder { +/* Internet Explorer 10 */ +input:-ms-input-placeholder { color: var(--text); } +input:focus:-ms-input-placeholder { + color: var(--text-hover); +} /* IMPORT */ diff --git a/CSS/themes/readarr/readarr-base.css b/CSS/themes/readarr/readarr-base.css index 9c1f4f46..b34c034d 100644 --- a/CSS/themes/readarr/readarr-base.css +++ b/CSS/themes/readarr/readarr-base.css @@ -615,17 +615,36 @@ a:hover { } /* MOVE THIS */ -::placeholder { +input::-webkit-input-placeholder { color: var(--text); } +input:focus::-webkit-input-placeholder { + color: var(--text-hover); +} + +/* Firefox < 19 */ +input:-moz-placeholder { + color: var(--text); +} +input:focus:-moz-placeholder { + color: var(--text-hover); +} -:-ms-input-placeholder { - color: var(--text) +/* Firefox > 19 */ +input::-moz-placeholder { + color: var(--text); +} +input:focus::-moz-placeholder { + color: var(--text-hover); } -::-webkit-input-placeholder { +/* Internet Explorer 10 */ +input:-ms-input-placeholder { color: var(--text); } +input:focus:-ms-input-placeholder { + color: var(--text-hover); +} /* IMPORT */ /* Text color */ diff --git a/CSS/themes/sonarr/sonarr-base.css b/CSS/themes/sonarr/sonarr-base.css index d624a7a7..0788a252 100644 --- a/CSS/themes/sonarr/sonarr-base.css +++ b/CSS/themes/sonarr/sonarr-base.css @@ -576,17 +576,36 @@ a:hover { } /* MOVE THIS */ -::placeholder { +input::-webkit-input-placeholder { color: var(--text); } +input:focus::-webkit-input-placeholder { + color: var(--text-hover); +} + +/* Firefox < 19 */ +input:-moz-placeholder { + color: var(--text); +} +input:focus:-moz-placeholder { + color: var(--text-hover); +} -:-ms-input-placeholder { - color: var(--text) +/* Firefox > 19 */ +input::-moz-placeholder { + color: var(--text); +} +input:focus::-moz-placeholder { + color: var(--text-hover); } -::-webkit-input-placeholder { +/* Internet Explorer 10 */ +input:-ms-input-placeholder { color: var(--text); } +input:focus:-ms-input-placeholder { + color: var(--text-hover); +} /* TEXT COLOR */ [class*="PageContentBody-innerContentBody-"] {