deploy: c3803d070b

css/base/adguard/adguard-base.css

@@ -11,6 +11,7 @@
 /* 			      https://github.com/gilbN/theme.park			 */
 
 @import url("/css/defaults/placeholders.css");
+@import url("/css/defaults/transparent.css");
 
 body {
     background: var(--main-bg-color);
@@ -61,7 +62,7 @@ body *:hover::-webkit-scrollbar-thumb {
     min-height: 50px;
     border: 3px solid transparent;
     border-radius: 8px;
-    background-color: hsla(0, 0%, 100%, .2);
+    background: var(--transparency-dark-20);
     background-clip: padding-box;
 }
 
@@ -73,7 +74,7 @@ body *:hover::-webkit-scrollbar-thumb {
     min-height: 50px;
     border: 3px solid transparent;
     border-radius: 8px;
-    background-color: hsla(0, 0%, 100%, .5);
+    background: var(--transparency-light-50);
     background-clip: padding-box;
 }
 
@@ -113,7 +114,7 @@ h6,
 }
 
 .login__form .card {
-    background: rgba(0, 0, 0, 0.08);
+    background: var(--transparency-dark-10);
     border: 1px solid rgb(0 0 0 / 0.08);
 }
 
@@ -183,7 +184,7 @@ h6,
 
 /* FOOTER */
 .footer {
-    background: rgba(0, 0, 0, 0.08);
+    background: var(--transparency-dark-10);
     border-top: 1px solid rgba(255, 255, 255, 0.03);
     color: var(--text);
 }
@@ -235,7 +236,7 @@ h6,
 
 .tooltip-custom__container .button-action--arrow-option:not(:disabled):hover {
     cursor: pointer;
-    background: rgb(0 0 0 / 0.15);
+    background: var(--transparency-dark-15);
     overflow: hidden;
 }
 
@@ -245,7 +246,7 @@ h6,
 
 /* CARDS*/
 .card {
-    background-color: rgb(0 0 0 / 8%);
+    background-color: var(--transparency-dark-10);
     border: 1px solid rgba(255, 255, 255, 0.1);
     color: var(--text);
 }
@@ -331,7 +332,7 @@ h6,
 .dropdown-item:focus {
     color: var(--text-hover);
     text-decoration: none;
-    background-color: rgb(255 255 255 / 0.08);
+    background-color: var(--transparency-dark-10);
 }
 
 .select__menu {
@@ -347,7 +348,7 @@ h6,
 }
 
 .select__option:hover {
-    background: rgba(255, 255, 255, .08) !important;
+    background: var(--transparency-dark-10) !important;
 }
 
 .select__option {
@@ -366,11 +367,11 @@ h6,
 
 /* INSTALL */
 .setup__container {
-    background-color: rgb(0 0 0 / 8%);
+    background-color: var(--transparency-dark-10);
 }
 
 .setup__progress-wrap {
-    background-color: rgb(0 0 0 / 50%);
+    background-color: var(--transparency-dark-50);
 }
 
 .setup__logo {
@@ -388,7 +389,7 @@ h6,
 
 .dropdown-item.active,
 .dropdown-item:active {
-    background-color: rgb(0 0 0 / 25%);
+    background: var(--transparency-dark-25);
 }
 
 .service__icon {
@@ -397,7 +398,7 @@ h6,
 
 /* LOGS */
 .logs__table {
-    background-color: rgb(0 0 0 / 8%);
+    background-color: var(--transparency-dark-10);
 }
 
 .logs__text,
@@ -447,7 +448,7 @@ h6,
 
 .ReactTable .-loading,
 .ReactTable .-loading>div {
-    background: rgba(255, 255, 255, 0.5);
+    background: var(--transparency-light-50);
 }
 
 .ReactTable .rt-thead .rt-th,
@@ -461,7 +462,7 @@ h6,
 }
 
 .ReactTable .rt-thead.-header {
-    background: rgb(0 0 0 / 25%);
+    background: var(--transparency-dark-25);
 }
 
 .ReactTable .rt-thead .rt-th.-sort-asc, .ReactTable .rt-thead .rt-td.-sort-asc {
@@ -495,7 +496,7 @@ h6,
 /* FORMS */
 .form-control {
     color: var(--text);
-    background: rgba(255, 255, 255, 0.1);
+    background: var(--transparency-light-10);
     border: 1px solid rgba(255, 255, 255, .1)
 }
 
@@ -511,7 +512,7 @@ h6,
     border-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
-    background: rgba(255, 255, 255, 0.2);
+    background: var(--transparency-light-20);
     color: var(--text-hover);
 }
 
@@ -523,7 +524,7 @@ h6,
 
 .custom-select {
     color: var(--text);
-    background: rgba(255, 255, 255, 0.1) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMCA1Jz48cGF0aCBmaWxsPScjOTk5JyBkPSdNMCAwTDEwIDBMNSA1TDAgMCcvPjwvc3ZnPg==") no-repeat right 0.75rem center;
+    background: var(--transparency-light-10) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMCA1Jz48cGF0aCBmaWxsPScjOTk5JyBkPSdNMCAwTDEwIDBMNSA1TDAgMCcvPjwvc3ZnPg==") no-repeat right 0.75rem center;
     background-size: 8px 10px;
     border: 1px solid rgba(255, 255, 255, 0.1);
 
@@ -544,7 +545,7 @@ select:focus {
 }
 
 .icon--selected {
-    background-color: rgb(0 0 0 / 15%);
+    background-color: var(--transparency-dark-15);
     border: solid 1px transparent;
 }
 
@@ -581,7 +582,7 @@ select:focus {
 
 .btn-secondary {
     color: var(--button-text);
-    background-color: rgb(255 255 255 / 25%);
+    background-color: var(--transparency-light-25);
     border-color: rgb(255 255 255 / 0%);
     -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
@@ -623,7 +624,7 @@ select:focus {
 }
 
 .ReactModal__Overlay--after-open {
-    background-color: rgb(0 0 0 / 0.7) !important;
+    background-color: var(--transparency-dark-70) !important;
 }
 
 /* MOBILE */
@@ -657,21 +658,4 @@ select:focus {
     .dropdown-menu {
         background: #1f1f1f !important;
     }
-}
-
-/* PLACEHOLDER TEXT */
-::placeholder {
-    color: var(--text);
-}
-
-:-moz-placeholder {
-    color: var(--text);
-}
-
-:-ms-input-placeholder {
-    color: var(--text);
-}
-
-::-webkit-input-placeholder {
-    color: var(--text);
 }

css/base/adguard/aquamarine.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");

css/base/adguard/blackberry-abyss.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");

css/base/adguard/blackberry-amethyst.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");

css/base/adguard/blackberry-carol.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");

css/base/adguard/blackberry-dreamscape.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");

css/base/adguard/blackberry-flamingo.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");

css/base/adguard/blackberry-hearth.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");

css/base/adguard/blackberry-martian.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");

css/base/adguard/blackberry-pumpkin.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");

css/base/adguard/blackberry-royal.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");

css/base/adguard/blackberry-shadow.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");

css/base/adguard/blackberry-solar.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");

css/base/adguard/blackberry-vanta.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");

css/base/adguard/dark.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");

css/base/adguard/dracula.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");

css/base/adguard/hotline-old.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");

css/base/adguard/hotline.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");

css/base/adguard/hotpink.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");

css/base/adguard/mind.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");

css/base/adguard/nord.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");

css/base/adguard/onedark.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");

css/base/adguard/organizr.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");

css/base/adguard/overseerr.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");

css/base/adguard/pine-shadow.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");

css/base/adguard/plex.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/theme-options/plex.css?sha=65782532a56088d9879502d79abcbd3876444fe5");

css/base/adguard/power.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");

css/base/adguard/reality.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");

css/base/adguard/soul.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");

css/base/adguard/space-gray.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");

css/base/adguard/space.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");

css/base/adguard/time.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");

css/base/adguard/trueblack.css

@@ -1,2 +1,2 @@
-@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/base/adguard/adguard-base.css?sha=e87ce6bb8e74bd74c902eec03ca696ea294b8c0b");
 @import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");

css/base/bazarr/aquamarine.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");

css/base/bazarr/bazarr-base.css

@@ -11,6 +11,7 @@
 /*			      https://github.com/gilbN/theme.park			 */
 
 @import url("/css/defaults/placeholders.css");
+@import url("/css/defaults/transparent.css");
 
 * {
     outline: none;
@@ -30,7 +31,7 @@ body {
 
 /* scroller */
 ::-webkit-scrollbar-corner {
-    background-color: hsla(0, 0%, 100%, .08);
+    background-color: var(--transparency-dark-10);
 }
 
 ::-webkit-scrollbar {
@@ -42,7 +43,7 @@ body {
 ::-webkit-scrollbar-thumb {
     -webkit-border-radius: 5px;
     border-radius: 5px;
-    background-color: rgba(255, 255, 255, 0.35) !important;
+    background-color: var(--transparency-light-35) !important;
 }
 
 a,
@@ -63,21 +64,21 @@ a:hover {
 }
 
 .page-link {
-    background-color: rgba(255, 255, 255, .07);
+    background-color: var(--transparency-light-10);
-    border: 1px solid rgba(255, 255, 255, .1);
+    border: 1px solid var(--transparency-light-10);
 }
 
 .page-link:hover {
     color: var(--link-color-hover);
     text-decoration: none;
-    background-color: rgba(0, 0, 0, .15);
+    background-color: var(--transparency-dark-15);
-    border: 1px solid rgba(255, 255, 255, .1);
+    border: 1px solid var(--transparency-light-10);
 }
 
 .page-item.disabled .page-link {
     color: var(--link-color);
-    background-color: rgba(255, 255, 255, .07);
+    background-color: var(--transparency-light-10);
-    border: 1px solid rgba(255, 255, 255, .1);
+    border: 1px solid var(--transparency-light-10);
 }
 
 .page-link:focus { 
@@ -100,7 +101,7 @@ a:hover {
 }
 
 .table-striped tbody tr:nth-of-type(odd) {
-    background-color: rgb(0 0 0 / 15%);
+    background-color: var(--transparency-dark-15);
 }
 
 .text-dark {
@@ -149,13 +150,13 @@ label,
 
 .form-control {
     color: var(--text-hover);
-    background-color: rgba(255, 255, 255, 0.08);
+    background-color: var(--transparency-light-10);
-    border: 1px solid rgba(255, 255, 255, 0.08);
+    border: 1px solid var(--transparency-light-10);
 }
 
 .form-control:focus {
-    background-color: rgba(255, 255, 255, 0.25) !important;
+    background-color: var(--transparency-light-25) !important;
-    border-color: rgba(255, 255, 255, 0.25) !important;
+    border-color: var(--transparency-light-25) !important;
     outline: 0;
     box-shadow: none;
     color: var(--text-hover);
@@ -163,10 +164,10 @@ label,
 
 .form-control:disabled,
 .form-control[readonly] {
-    background-color: rgb(255 255 255 / 15%);
+    background-color: var(--transparency-light-15);
     opacity: .7;
     color: var(--text-hover);
-    border: 1px solid rgb(255 255 255 / 15%);
+    border: 1px solid var(--transparency-light-15);
 }
 
 :root .form-control:focus {
@@ -180,7 +181,7 @@ label,
 
 .bootstrap-tagsinput {
     color: var(--text);
-    background-color: rgba(0, 0, 0, .25) !important;
+    background: var(--transparency-dark-25) !important;
     border: 1px solid transparent !important;
 
 }
@@ -195,7 +196,7 @@ label,
 
 .input-group-text {
     color: var(--text);
-    background-color: rgb(0 0 0 / 25%);
+    background: var(--transparency-dark-25);
     border: 1px solid transparent;
 }
 
@@ -205,7 +206,7 @@ label,
 }
 
 .custom-chip-input:focus-within {
-    border-color: rgb(255 255 255 / 10%);
+    border-color: var(--transparency-light-10);
 }
 
 .custom-chip-input .custom-chip {
@@ -221,7 +222,7 @@ label,
 
 /* SIDEBAR */
 .sidebar-container {
-    background-color: rgba(0, 0, 0, .25);
+    background: var(--transparency-dark-25);
 }
 
 .sidebar-container .sidebar-button,
@@ -233,7 +234,7 @@ label,
 .sidebar-container .sidebar-button:active,
 .sidebar-container .sidebar-button:focus {
     color: rgb(var(--accent-color)) !important;
-    background-color: rgba(0, 0, 0, 0.15) !important;
+    background-color: var(--transparency-dark-15) !important;
 }
 
 .sidebar-container .sidebar-button:hover,
@@ -249,7 +250,7 @@ label,
 .sidebar-container .sidebar-button.sb-active,
 .sidebar-container .sidebar-button.sb-active:hover,
 .sidebar-container .button.active {
-    background-color: rgba(0, 0, 0, 0.15) !important;
+    background-color: var(--transparency-dark-15) !important;
     color: rgb(var(--accent-color)) !important;
 }
 
@@ -298,7 +299,7 @@ label,
 
 /* TOP NAV BAR */
 .header-container .bg-primary {
-    background-color: rgba(0, 0, 0, .35) !important;
+    background: var(--transparency-dark-35) !important;
 }
 
 .header-container .btn-primary {
@@ -333,7 +334,7 @@ label,
     -webkit-background-size: auto, cover !important;
     -moz-background-size: auto, cover !important;
     -o-background-size: auto, cover !important;
-    border-bottom: solid 1px rgba(255, 255, 255, .1);
+    border-bottom: solid 1px var(--transparency-light-10);
 
 }
 
@@ -355,21 +356,21 @@ label,
 
 .auth-card .card-footer {
     background-color: transparent;
-    border-top: 1px solid rgba(255, 255, 255, .1);
+    border-top: 1px solid var(--transparency-light-10);
 }
 
 hr {
-    border-top: 1px solid rgb(255 255 255 / 10%);
+    border-top: 1px solid var(--transparency-light-10);
 }
 
 
 .card {
-    background-color: rgba(0, 0, 0, .45);
+    background-color: var(--transparency-dark-45);
     box-shadow: 0 0 10px 1px #000000;
     color: var(--text);
 }
 .card-header {
-    border-bottom: 1px solid rgb(255 255 255 / 10%);
+    border-bottom: 1px solid var(--transparency-light-10);
 }
 
 .settings-card:hover,
@@ -380,8 +381,8 @@ hr {
 
 .alert-secondary {
     color: var(--text);
-    background-color: rgba(255, 255, 255, .15);
+    background-color: var(--transparency-light-15);
-    border-color: rgba(255, 255, 255, .15);
+    border-color: var(--transparency-light-15);
 }
 
 /* Series page */
@@ -391,7 +392,7 @@ hr {
 }
 
 .progress {
-    background-color: rgb(255 255 255 / 20%);
+    background-color: var(--transparency-light-20);
 }
 
 .progress-bar.bg-primary {
@@ -421,17 +422,17 @@ hr {
 
 .popover {
     background-color: #1f1f1f;
-    border: 1px solid rgba(255, 255, 255, .2);
+    border: 1px solid var(--transparency-light-20);
 }
 
 .bs-popover-auto[x-placement^=top]>.arrow:after,
 .bs-popover-top>.arrow:after {
-    border-top-color: rgba(255, 255, 255, .5);
+    border-top-color: var(--transparency-light-50);
 }
 
 .popover-header {
     background-color: #1f1f1f;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    border-bottom: 1px solid var(--transparency-light-10);
 
 }
 
@@ -504,7 +505,7 @@ hr {
 }
 
 .close:hover {
-    var(--text) !important;
+    color: var(--text-hover) !important;
     text-decoration: none;
 }
 
@@ -638,7 +639,7 @@ hr {
 }
 
 .custom-control-input:focus~.custom-control-label:before {
-    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, .07);
+    box-shadow: 0 0 0 0.2rem var(--transparency-light-10);
 }
 
 .custom-control-input:checked~.custom-control-label:before {
@@ -721,11 +722,11 @@ input {
 .dropdown-item:focus,
 .dropdown-item:hover {
     color: var(--text-hover);
-    background-color: hsla(0, 0%, 100%, .08);
+    background-color: var(--transparency-dark-10);
 }
 
 .custom-selector .selector__control {
-    background-color: rgba(0, 0, 0, 0.25);
+    background: var(--transparency-dark-25);
     border-color: rgba(0, 0, 0, 0) !important;
     color: var(--text-hover);
 }
@@ -741,7 +742,7 @@ input {
 }
 
 .custom-selector .selector__control--is-focused {
-    border-color: rgba(255, 255, 255, .2) !important;
+    border-color: var(--transparency-light-20) !important;
 }
 
 .selector__menu {
@@ -757,7 +758,7 @@ input {
 }
 
 .custom-selector .selector__option--is-selected:active {
-    background-color: rgba(255, 255, 255, .07) !important;
+    background-color: var(--transparency-light-10) !important;
 }
 
 .custom-selector .selector__option--is-focused {
@@ -801,7 +802,7 @@ input {
 }
 
 .recharts-rectangle.recharts-tooltip-cursor {
-    fill: rgba(255, 255, 255, .15) !important;
+    fill: var(--transparency-light-15) !important;
 }
 
 text {
@@ -833,7 +834,7 @@ line {
 
 .toast-header {
     color: var(--text-hover);
-    background-color: hsla(0, 0%, 0%, .35);
+    background: var(--transparency-dark-35);
     border-bottom: 1px solid rgba(0, 0, 0, .05);
 }
 

css/base/bazarr/blackberry-abyss.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");

css/base/bazarr/blackberry-amethyst.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");

css/base/bazarr/blackberry-carol.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");

css/base/bazarr/blackberry-dreamscape.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");

css/base/bazarr/blackberry-flamingo.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");

css/base/bazarr/blackberry-hearth.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");

css/base/bazarr/blackberry-martian.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");

css/base/bazarr/blackberry-pumpkin.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");

css/base/bazarr/blackberry-royal.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");

css/base/bazarr/blackberry-shadow.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");

css/base/bazarr/blackberry-solar.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");

css/base/bazarr/blackberry-vanta.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");

css/base/bazarr/dark.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");

css/base/bazarr/dracula.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");

css/base/bazarr/hotline-old.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");

css/base/bazarr/hotline.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");

css/base/bazarr/hotpink.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");

css/base/bazarr/mind.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");

css/base/bazarr/nord.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");

css/base/bazarr/onedark.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");

css/base/bazarr/organizr.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");

css/base/bazarr/overseerr.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");

css/base/bazarr/pine-shadow.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");

css/base/bazarr/plex.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/theme-options/plex.css?sha=65782532a56088d9879502d79abcbd3876444fe5");

css/base/bazarr/power.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");

css/base/bazarr/reality.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");

css/base/bazarr/soul.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");

css/base/bazarr/space-gray.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");

css/base/bazarr/space.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");

css/base/bazarr/time.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");

css/base/bazarr/trueblack.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/base/bazarr/bazarr-base.css?sha=34dfa18f843750331be6eb4c941a78cf1ec67d80");
 @import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");

css/base/bitwarden/aquamarine.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");

css/base/bitwarden/bitwarden-base.css

@@ -10,6 +10,9 @@
 /*		   		        Made by @gilbN					 */
 /* 			      https://github.com/gilbN/theme.park			 */
 
+@import url("/css/defaults/placeholders.css");
+@import url("/css/defaults/transparent.css");
+
 * {
     outline: none;
 }
@@ -91,7 +94,7 @@ html[class*="theme_"] .navbar .nav-item>.nav-link {
 
 .table-hover tbody tr:hover {
     color: var(--text-hover);
-    background-color: rgba(255, 255, 255, .08);
+    background-color: var(--transparency-light-10);
 }
 
 h1,
@@ -116,7 +119,7 @@ html[class*="theme_"] .card-header,
 
 /* NAVBAR */
 .navbar {
-    background-color: rgb(0 0 0 / 25%) !important;
+    background: var(--transparency-dark-25) !important;
 }
 
 .navbar-dark .navbar-nav .show>.nav-link,
@@ -129,12 +132,12 @@ html[class*="theme_"] .card-header,
 /* CARDS */
 
 html[class*="theme_"] .card-header {
-    background-color: rgb(0 0 0 / 45%);
+    background-color: var(--transparency-dark-45);
     color: var(--text-hover);
 }
 
 .card {
-    background-color: rgba(255, 255, 255, 0.07) !important;
+    background-color: var(--transparency-dark-10) !important;
     border-color: rgba(255, 255, 255, 0.1) !important;
     color: var(--text) !important;
 }
@@ -156,7 +159,7 @@ app-vault-groupings .card li.active>div>.fa {
 
 body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator>div.card.card-password.bg-light.my-4,
 body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator>div.card.card-password.bg-light.my-4>div {
-    background-color: rgb(0 0 0 / 15%) !important;
+    background-color: var(--transparency-dark-15) !important;
 }
 
 html[class*="theme_"] .password-number {
@@ -277,19 +280,19 @@ html[class*="theme_"] .form-control-file {
 html[class*="theme_"] .form-control:focus {
     box-shadow: none;
     border-color: transparent;
-    background: rgb(253 253 253 / 15%);
+    background: var(--transparency-light-15);
 }
 
 html[class*="theme_"] .form-control {
     color: var(--text);
-    background-color: rgb(0 0 0 / 0.25);
+    background: var(--transparency-dark-25);
     border: 1px solid transparent;
 
 }
 
 html[class*="theme_"] .form-control:disabled,
 .form-control[readonly] {
-    background-color: rgb(255 255 255 / 25%);
+    background-color: var(--transparency-light-25);
     opacity: 1;
 }
 
@@ -330,13 +333,13 @@ html[class*="theme_"] .dropdown-item:hover,
 html[class*="theme_"] .dropdown-item:focus {
     color: var(--text-hover);
     text-decoration: none;
-    background-color: rgb(255 255 255 / 0.08);
+    background-color: var(--transparency-light-10);
 }
 
 a.text-danger:hover,
 a.text-danger:focus {
     color: #dd4b39 !important;
-    background-color: rgb(255 255 255 / 0.08) !important;
+    background-color: var(--transparency-light-10) !important;
 }
 
 .dropdown-menu .text-danger {
@@ -371,24 +374,24 @@ html[class*="theme_"] .footer {
 html[class*="theme_"] .list-group-item.active {
     border-color: rgba(255, 255, 255, 0.15);
     color: rgb(var(--accent-color));
-    background-color: rgb(255 255 255 / 10%);
+    background: var(--transparency-light-10);
     border-left: 3px solid rgb(var(--accent-color));
 }
 
 html[class*="theme_"] .callout {
-    background-color: rgb(255 255 255 / 15%);
+    background: var(--transparency-light-15);
     border: 1px solid rgba(255, 255, 255, 0.1);
     color: var(--text);
 }
 
 html[class*="theme_"] .list-group-item {
-    background-color: rgb(0 0 0 / 35%);
+    background: var(--transparency-dark-35);
     border: 1px solid rgb(255 255 255 / 8%);
     color: var(--text);
 }
 
 html[class*="theme_"] .progress {
-    background-color: rgba(0, 0, 0, 0.25);
+    background: var(--transparency-dark-25);
 }
 
 /* BUTTONS */
@@ -528,7 +531,7 @@ html[class*="theme_"] .org-nav .nav-tabs a.active {
 }
 
 html[class*="theme_"] .nav-tabs .nav-link.active {
-    background: rgba(0, 0, 0, 0.25);
+    background: var(--transparency-dark-25);
     border-color: rgba(255, 255, 255, 0.15);
 }
 
@@ -556,7 +559,7 @@ html[class*="theme_"] .org-nav .nav-tabs a:not(.active) {
 .nav-tabs .nav-link.active,
 .nav-tabs .nav-item.show .nav-link {
     color: var(--text);
-    background-color: rgb(255 255 255 / 25%);
+    background-color: var(--transparency-light-25);
     border-color: transparent;
 }
 
@@ -579,42 +582,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 {
@@ -641,11 +608,11 @@ input:focus:-ms-input-placeholder {
 
 /* Cards */
 .bg-secondary {
-    background-color: rgb(255 255 255 / 10%) !important;
+    background: var(--transparency-light-10) !important;
 }
 
 .bg-white {
-    background-color: rgba(255, 255, 255, 0.1) !important;
+    background: var(--transparency-light-10) !important;
 }
 
 html[class*="theme_"] .groupings .card .card-body a {
@@ -665,7 +632,7 @@ html[class*="theme_"] .groupings .card .card-body a {
     color: var(--text);
     pointer-events: none;
     cursor: auto;
-    background-color: rgb(0 0 0 / 10%);
+    background: var(--transparency-dark-10);
     border-color: rgb(0 0 0 / 10%);
 }
 

css/base/bitwarden/blackberry-abyss.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");

css/base/bitwarden/blackberry-amethyst.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");

css/base/bitwarden/blackberry-carol.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");

css/base/bitwarden/blackberry-dreamscape.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");

css/base/bitwarden/blackberry-flamingo.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");

css/base/bitwarden/blackberry-hearth.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");

css/base/bitwarden/blackberry-martian.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");

css/base/bitwarden/blackberry-pumpkin.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");

css/base/bitwarden/blackberry-royal.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");

css/base/bitwarden/blackberry-shadow.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");

css/base/bitwarden/blackberry-solar.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");

css/base/bitwarden/blackberry-vanta.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");

css/base/bitwarden/dark.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");

css/base/bitwarden/dracula.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");

css/base/bitwarden/hotline-old.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");

css/base/bitwarden/hotline.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");

css/base/bitwarden/hotpink.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");

css/base/bitwarden/mind.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");

css/base/bitwarden/nord.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");

css/base/bitwarden/onedark.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");

css/base/bitwarden/organizr.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");

css/base/bitwarden/overseerr.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");

css/base/bitwarden/pine-shadow.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");

css/base/bitwarden/plex.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/theme-options/plex.css?sha=65782532a56088d9879502d79abcbd3876444fe5");

css/base/bitwarden/power.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");

css/base/bitwarden/reality.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");

css/base/bitwarden/soul.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");

css/base/bitwarden/space-gray.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");

css/base/bitwarden/space.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");

css/base/bitwarden/time.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");

css/base/bitwarden/trueblack.css

@@ -1,2 +1,2 @@
-@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=3a923b679b3a7b2bc35ac82cdad9a0f1fd08388e");
 @import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");

css/base/calibreweb/aquamarine.css

@@ -1,2 +1,2 @@
-@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=cf8f95b2466d327a7013d8d666263a3549cc11de");
 @import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");