import placeholder in all bases

css/base/bazarr/bazarr-base.css

@@ -504,7 +504,7 @@ hr {
 }
 
 .close:hover {
-    var(--text) !important;
+    color: var(--text-hover) !important;
     text-decoration: none;
 }
 

css/base/bitwarden/bitwarden-base.css

@@ -10,6 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */
 
+@import url("/css/defaults/placeholders.css");
+
 * {
     outline: none;
 }
@@ -579,42 +581,6 @@ html[class*="theme_"] .table td [class*="fa-"] {
     color: rgb(var(--accent-color));
 }
 
-/* PLACEHOLDER TEXT */
-input::-webkit-input-placeholder {
-    color: var(--text);
-}
-
-input:focus::-webkit-input-placeholder {
-    color: #000;
-}
-
-/* Firefox < 19 */
-input:-moz-placeholder {
-    color: var(--text);
-}
-
-input:focus:-moz-placeholder {
-    color: #000;
-}
-
-/* Firefox > 19 */
-input::-moz-placeholder {
-    color: var(--text);
-}
-
-input:focus::-moz-placeholder {
-    color: #000;
-}
-
-/* Internet Explorer 10 */
-input:-ms-input-placeholder {
-    color: var(--text);
-}
-
-input:focus:-ms-input-placeholder {
-    color: #000;
-}
-
 /* ADMIN PAGE */
 
 .bg-light {

css/base/calibreweb/calibreweb-base.css

@@ -13,6 +13,9 @@
  /* "Re-skin" of CaliBlur https://github.com/leram84/layer.Cake/tree/master/caliBlur */
  /* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
  /* APP VARS*/
+
+@import url("/css/defaults/placeholders.css");
+
  :root {
     --color-background: var(--main-bg-color);
     --color-primary: rgb(var(--accent-color));

css/base/deluge/deluge-base.css

@@ -13,6 +13,7 @@
  /* Based on https://github.com/HalianElf/Deluge-Dark/blob/master/deluge.css */
 
  @import url('https://fonts.googleapis.com/css?family=Roboto');
+ @import url("/css/defaults/placeholders.css");
 
  html {
      background: var(--main-bg-color);

css/base/dozzle/dozzle-base.css

@@ -10,6 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /*			      https://github.com/gilbN/theme.park			 */
 
+@import url("/css/defaults/placeholders.css");
+
 :root {
     --scheme-main-ter: var(--main-bg-color);
     --text-strong-color: var(--button-text-hover);

css/base/duplicacy/duplicacy-base.css

@@ -10,6 +10,7 @@
 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */
 
+@import url("/css/defaults/placeholders.css");
 
 body {
     background: var(--main-bg-color);
@@ -146,27 +147,6 @@ label {
     color: var(--accent-color-hover);
 }
 
-/* PLACEHOLDER TEXT */
-::placeholder {
-    color: var(--text) !important;
-    opacity: .5 !important;
-}
-
-:-moz-placeholder {
-    color: var(--text) !important;
-    opacity: .5 !important;
-}
-
-:-ms-input-placeholder {
-    color: var(--text) !important;
-    opacity: .5 !important;
-}
-
-::-webkit-input-placeholder {
-    color: var(--text) !important;
-    opacity: .5;
-}
-
 /* CARDS */
 .card {
     background: transparent;

css/base/emby/emby-base.css

@@ -1,3 +1,5 @@
+@import url("/css/defaults/placeholders.css");
+
 :root {
     --theme-primary-color: var(--accent-color);
     --theme-text-color: var(--text);

css/base/filebrowser/filebrowser-base.css

@@ -10,41 +10,7 @@
 /*		   		        Made by @gilbN					 */
 /*			      https://github.com/gilbN/theme.park			 */
 
-/* PLACEHOLDERS */
-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);
-}
-
-/* Firefox > 19 */
-input::-moz-placeholder {
-    color: var(--text);
-}
-
-input:focus::-moz-placeholder {
-    color: var(--text-hover);
-}
-
-/* Internet Explorer 10 */
-input:-ms-input-placeholder {
-    color: var(--text);
-}
-
-input:focus:-ms-input-placeholder {
-    color: var(--text-hover);
-}
+@import url("/css/defaults/placeholders.css");
 
 .message {
     color: var(--text-hover);

css/base/flood/flood-base.css

@@ -12,6 +12,8 @@
 
 /* MOBILE */
 
+@import url("/css/defaults/placeholders.css");
+
 @media (max-width: 720px) {
 
     .modal__body,
@@ -287,20 +289,6 @@ p,
     border-color: var(--button-color-hover);
 }
 
-
-
-::placeholder {
-    color: var(--text) !important;
-}
-
-:-ms-input-placeholder {
-    color: var(--text) !important;
-}
-
-::-webkit-input-placeholder {
-    color: var(--text) !important;
-}
-
 .error {
     background: #f34570;
     border-radius: 3px;

css/base/gaps/gaps-base.css

@@ -10,6 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */
 
+@import url("/css/defaults/placeholders.css");
+
 body {
     background: var(--main-bg-color);
     background-repeat: repeat, no-repeat;

css/base/gitea/gitea-base.css

@@ -12,6 +12,8 @@
 
 @import url("/css/base/gitea/chroma.css");
 @import url("/css/base/gitea/monaco_vs_dark.css");
+@import url("/css/defaults/placeholders.css");
+
 :root {
     --color-text: var(--text);
     --color-caret: white;
@@ -1553,28 +1555,6 @@ textarea:hover {
     background-color: rgb(0 0 0 / 0.25);
 }
 
-
-/* PLACEHOLDER TEXT */
-::placeholder {
-    color: var(--text) !important;
-    opacity: .5;
-}
-
-:-moz-placeholder {
-    color: var(--text) !important;
-    opacity: .5;
-}
-
-:-ms-input-placeholder {
-    color: var(--text) !important;
-    opacity: .5;
-}
-
-::-webkit-input-placeholder {
-    color: var(--text) !important;
-    opacity: .5;
-}
-
 /* HIGHLIGHTING */
 ::-webkit-selection {
     background-color: rgb(var(--accent-color)) !important;

css/base/guacamole/guacamole-base.css

@@ -10,6 +10,7 @@
 /*		   		        Made by @gilbN					 */
 /*			      https://github.com/gilbN/theme.park			 */
 
+@import url("/css/defaults/placeholders.css");
 
 * {
     outline: none !important;
@@ -47,41 +48,6 @@ div.displayMiddle {
     -o-background-size: auto, cover;
 }
 
-input::-webkit-input-placeholder {
-    color: var(--text) !important;
-}
-
-input:focus::-webkit-input-placeholder {
-    color: var(--text-hover) !important;
-}
-
-/* Firefox < 19 */
-input:-moz-placeholder {
-    color: var(--text) !important;
-}
-
-input:focus:-moz-placeholder {
-    color: var(--text-hover) !important;
-}
-
-/* Firefox > 19 */
-input::-moz-placeholder {
-    color: var(--text) !important;
-}
-
-input:focus::-moz-placeholder {
-    color: var(--text-hover) !important;
-}
-
-/* Internet Explorer 10 */
-input:-ms-input-placeholder {
-    color: var(--text) !important;
-}
-
-input:focus:-ms-input-placeholder {
-    color: var(--text-hover) !important;
-}
-
 /* Scrollbar */
 @media only screen and (min-width: 768px) {
     html {

css/base/jackett/jackett-base.css

@@ -9,6 +9,9 @@
 
 /*		   		        Made by @gilbN					 */
 /*			      https://github.com/gilbN/theme.park			 */
+
+@import url("/css/defaults/placeholders.css");
+
 * {
     outline: none !important;
 }

css/base/jellyfin/jellyfin-base.css

@@ -1,3 +1,5 @@
+@import url("/css/defaults/placeholders.css");
+
 :root {
     --theme-primary-color: var(--accent-color);
     --theme-text-color: var(--text);

css/base/kitana/kitana-base.css

@@ -10,6 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */
 
+@import url("/css/defaults/placeholders.css");
+
 body {
     background: var(--main-bg-color);
     background-repeat: repeat, no-repeat;
@@ -228,26 +230,4 @@ ul li:hover {
     color: var(--text-hover);
     background-color: #97b3d2;
     border-color: #97b3d2
-}
-
-
-/* PLACEHOLDER TEXT */
-::placeholder {
-    color: var(--text) !important;
-    opacity: .5 !important;
-}
-
-:-moz-placeholder {
-    color: var(--text) !important;
-    opacity: .5 !important;
-}
-
-:-ms-input-placeholder {
-    color: var(--text) !important;
-    opacity: .5 !important;
-}
-
-::-webkit-input-placeholder {
-    color: var(--text) !important;
-    opacity: .5;
 }

css/base/lazylibrarian/lazylibrarian-base.css

@@ -9,6 +9,9 @@
 
 /*		   		        Made by @gilbN					 */
 /*			      https://github.com/gilbN/theme.park			 */
+
+@import url("/css/defaults/placeholders.css");
+
 * {
     outline: none !important;
 }
@@ -55,42 +58,6 @@ a:hover,
     color: var(--link-color-hover);
 }
 
-input::-webkit-input-placeholder {
-    color: var(--text-muted) !important;
-}
-
-input:focus::-webkit-input-placeholder {
-    color: var(--text-hover) !important;
-}
-
-/* Placeholders */
-/* Firefox < 19 */
-input:-moz-placeholder {
-    color: var(--text-muted) !important;
-}
-
-input:focus:-moz-placeholder {
-    color: var(--text-hover) !important;
-}
-
-/* Firefox > 19 */
-input::-moz-placeholder {
-    color: var(--text-muted) !important;
-}
-
-input:focus::-moz-placeholder {
-    color: var(--text-hover) !important;
-}
-
-/* Internet Explorer 10 */
-input:-ms-input-placeholder {
-    color: var(--text-muted) !important;
-}
-
-input:focus:-ms-input-placeholder {
-    color: var(--text-hover) !important;
-}
-
 /* SCROLLBAR */
 @media only screen and (min-width: 768px) {
     html {

css/base/librespeed/librespeed-base.css

@@ -10,6 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /*			      https://github.com/gilbN/theme.park			 */
 
+@import url("/css/defaults/placeholders.css");
+
 html,
 body {
     background: var(--main-bg-color) !important;

css/base/moviematch/moviematch-base.css

@@ -10,6 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /*			      https://github.com/gilbN/theme.park			 */
 
+@import url("/css/defaults/placeholders.css");
+
 * {
     outline: none;
 

css/base/netdata/netdata-base.css

@@ -10,6 +10,7 @@
 /*		   		        Made by @gilbN					 */
 /*			      https://github.com/gilbN/theme.park			 */
 
+@import url("/css/defaults/placeholders.css");
 
 body,
 [class*="styled__SocialMediaContainer-"] {

css/base/nzbget/nzbget-base.css

@@ -10,6 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /*			      https://github.com/gilbN/theme.park			 */
 
+@import url("/css/defaults/placeholders.css");
+
 body {
     background: var(--main-bg-color);
     background-repeat: repeat, no-repeat;

css/base/nzbhydra2/nzbhydra2-base.css

@@ -10,7 +10,7 @@
 /*		   		        Made by @gilbN					 */
 /*			      https://github.com/gilbN/theme.park			 */
 
-@import url(/css/defaults/placeholders.css);
+@import url("/css/defaults/placeholders.css");
 
 body,
 html {

css/base/ombi/ombi-base.css

@@ -10,6 +10,7 @@
 /*		   		        Made by @gilbN					 */
 /*			      https://github.com/gilbN/theme.park			 */
 
+@import url("/css/defaults/placeholders.css");
 
 * {
     outline: none !important;

css/base/organizr/organizr-base.css

@@ -1,4 +1,5 @@
 @import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900);
+@import url("/css/defaults/placeholders.css");
 /*Theme Colors*/
 /*bootstrap Color*/
 /*Normal Color*/
@@ -400,42 +401,6 @@ pre {
     box-shadow: inset 0 0 3px rgba(0, 0, 0, 0);
 }
 
-/* PLACEHOLDERS */
-input::-webkit-input-placeholder {
-    color: var(--text) !important;
-}
-
-input:focus::-webkit-input-placeholder {
-    color: var(--text-hover) !important;
-}
-
-/* Firefox < 19 */
-input:-moz-placeholder {
-    color: var(--text) !important;
-}
-
-input:focus:-moz-placeholder {
-    color: var(--text-hover) !important;
-}
-
-/* Firefox > 19 */
-input::-moz-placeholder {
-    color: var(--text) !important;
-}
-
-input:focus::-moz-placeholder {
-    color: var(--text-hover) !important;
-}
-
-/* Internet Explorer 10 */
-input:-ms-input-placeholder {
-    color: var(--text) !important;
-}
-
-input:focus:-ms-input-placeholder {
-    color: var(--text-hover) !important;
-}
-
 /* Scrollbar */
 @media only screen and (min-width: 768px) {
     html {

css/base/overseerr/overseerr-base.css

@@ -1,3 +1,5 @@
+@import url("/css/defaults/placeholders.css");
+
 /* TEXT */
 [class*="text-gray-"]:not(button:disabled):not(button) {
     color: var(--text);

css/base/petio/petio-base.css

@@ -10,6 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /*			      https://github.com/gilbN/theme.park			 */
 
+@import url("/css/defaults/placeholders.css");
+
 * {
     outline: none;
 }
@@ -478,25 +480,4 @@ a.rbc-show-more {
 
 .calendar--event p {
     color: var(--text-hover) !important;
-}
-
-/* PLACEHOLDER TEXT */
-::placeholder {
-    color: var(--text) !important;
-    opacity: .5;
-}
-
-:-moz-placeholder {
-    color: var(--text) !important;
-    opacity: .5;
-}
-
-:-ms-input-placeholder {
-    color: var(--text) !important;
-    opacity: .5;
-}
-
-::-webkit-input-placeholder {
-    color: var(--text) !important;
-    opacity: .5;
 }

css/base/pihole/pihole-base.css

@@ -10,7 +10,7 @@
   /*		   		        Made by @gilbN					 */
   /* 			      https://github.com/gilbN/theme.park			 */
 
-  @import url(/css/defaults/placeholders.css);
+  @import url("/css/defaults/placeholders.css");
 
   body {
       background: var(--main-bg-color) !important;

css/base/plex/plex-base.css

@@ -10,6 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /*			      https://github.com/gilbN/theme.park			 */
 
+@import url("/css/defaults/placeholders.css");
+
 * {
   outline: none;
 }

css/base/qbittorrent/qbittorrent-base.css

@@ -11,6 +11,7 @@
 /*			      https://github.com/gilbN/theme.park			 */
 
 @import url(https://use.fontawesome.com/releases/v5.0.7/css/all.css);
+@import url("/css/defaults/placeholders.css");
 
 ::-webkit-scrollbar {
   width: 10px;

css/base/requestrr/requestrr-base.css

@@ -10,7 +10,7 @@
 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */
 
-@import url(/css/defaults/placeholders.css);
+@import url("/css/defaults/placeholders.css");
 
 body {
     color: var(--text);

css/base/resilio-sync/resilio-sync-base.css

@@ -11,7 +11,7 @@
 /* 			      https://github.com/gilbN/theme.park			 */
 
 @import url(https://use.fontawesome.com/releases/v5.15.1/css/all.css);
-@import url(/css/defaults/placeholders.css);
+@import url("/css/defaults/placeholders.css");
 
 body,
 .tableScrollContainer,

css/base/rutorrent/rutorrent-base.css

@@ -12,6 +12,7 @@
 /* Based on https://github.com/themightykitten/ruTorrent-MaterialDesign */
 @import url(https://use.fontawesome.com/releases/v5.0.7/css/all.css);
 @import url(https://fonts.googleapis.com/css?family=Roboto:400,600,700,300);
+@import url("/css/defaults/placeholders.css");
 
 @font-face {
     font-family: 'Roboto' !important

css/base/sabnzbd/sabnzbd-base.css

@@ -9,7 +9,7 @@
 /*		   		        Made by @gilbN					 */
 /*			      https://github.com/gilbN/theme.park			 */
 
-@import url(/css/defaults/placeholders.css);
+@import url("/css/defaults/placeholders.css");
 
 body {
   background: var(--main-bg-color) !important;
@@ -819,19 +819,6 @@ table {
   border-radius: 3px !important;
 }
 
-.form-control::-moz-placeholder {
-  color: var(--text-muted) !important;
-  opacity: 1
-}
-
-.form-control:-ms-input-placeholder {
-  color: var(--text-muted) !important;
-}
-
-.form-control::-webkit-input-placeholder {
-  color: var(--text-muted) !important;
-}
-
 .col2 p,
 .col2-cats {
   color: var(--text-hover);

css/base/synclounge/synclounge-base.css

@@ -10,7 +10,7 @@
 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */
 
-@import url(/css/defaults/placeholders.css);
+@import url("/css/defaults/placeholders.css");
 
 :root {
     --v-primary-base: rgb(var(--accent-color));

css/base/tautulli/tautulli-base.css

@@ -9,6 +9,9 @@
 
 /*		   		        Made by @gilbN					 */
 /*			      https://github.com/gilbN/theme.park			 */
+
+@import url("/css/defaults/placeholders.css");
+
 body {
     background: var(--main-bg-color);
     background-repeat: repeat, no-repeat;

css/base/transmission/transmission-base.css

@@ -10,6 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /*			      https://github.com/gilbN/theme.park			 */
 @import url(https://use.fontawesome.com/releases/v5.0.7/css/all.css);
+@import url("/css/defaults/placeholders.css");
+
 
 * {
     outline: none !important;

css/base/unraid/unraid-base.css

@@ -10,6 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */
 
+@import url("/css/defaults/placeholders.css");
+
 * {
     outline: none;
 }
@@ -651,18 +653,6 @@ div.shade-black {
     background-color: rgb(0 0 0 / 15%) !important;
 }
 
-::placeholder {
-    color: var(--text-muted) !important;
-}
-
-:-ms-input-placeholder {
-    color: var(--text-muted) !important;
-}
-
-::-webkit-input-placeholder {
-    color: var(--text-muted) !important;
-}
-
 /* MODAL */
 
 /* .sweet-alert {

css/base/vuetorrent/vuetorrent-base.css

@@ -12,6 +12,8 @@
 
 /* MOBILE */
 
+@import url("/css/defaults/placeholders.css");
+
 @media (max-width: 720px) {
 
     .modal__body,

css/base/webtools/webtools-base.css

@@ -10,6 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */
 
+@import url("/css/defaults/placeholders.css");
+
 body {
     background: var(--main-bg-color);
     background-repeat: repeat, no-repeat;
@@ -368,25 +370,4 @@ body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(2)>div.pla
 
 .logs .logDetails table tr:nth-child(even) {
     background-color: rgb(255 255 255 / 8%);
-}
-
-/* PLACEHOLDER TEXT */
-::placeholder {
-    color: var(--text) !important;
-    opacity: .5 !important;
-}
-
-:-moz-placeholder {
-    color: var(--text) !important;
-    opacity: .5 !important;
-}
-
-:-ms-input-placeholder {
-    color: var(--text) !important;
-    opacity: .5 !important;
-}
-
-::-webkit-input-placeholder {
-    color: var(--text) !important;
-    opacity: .5;
 }

css/base/xbackbone/xbackbone-base.css

@@ -10,6 +10,8 @@
 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */
 
+@import url("/css/defaults/placeholders.css");
+
 .bg-light {
     background: var(--main-bg-color) !important;
     background-repeat: repeat, no-repeat;
@@ -412,25 +414,4 @@ textarea.form-control:focus {
     background: rgba(0, 0, 0, .5);
     -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
-}
-
-/* PLACEHOLDER TEXT */
-::placeholder {
-    color: var(--text) !important;
-    opacity: .5 !important;
-}
-
-:-moz-placeholder {
-    color: var(--text) !important;
-    opacity: .5 !important;
-}
-
-:-ms-input-placeholder {
-    color: var(--text) !important;
-    opacity: .5 !important;
-}
-
-::-webkit-input-placeholder {
-    color: var(--text) !important;
-    opacity: .5;
 }