test

CSS/addons/README.md

@@ -1,8 +1,8 @@
 # CSS Addons
 
-## [Organizr](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/)
+## [Organizr](https://assets.deathbybandaid.net/theme.park/CSS//addons/organizr/)
 
-## [Radarr](https://github.com/gilbN/theme.park/tree/master/CSS/addons/radarr)
+## [Radarr](https://assets.deathbybandaid.net/theme.park/CSS//addons/radarr)
 
-## [Sonarr](https://github.com/gilbN/theme.park/tree/master/CSS/addons/sonarr)
+## [Sonarr](https://assets.deathbybandaid.net/theme.park/CSS//addons/sonarr)
 

CSS/addons/bazarr/bazarr-4k-logo.css

@@ -0,0 +1,35 @@
+/* Desktop */
+@media (min-width: 752px) {
+    .header-icon.px-3.m-0.d-none.d-md-block img  {
+        display: none !important;
+    }
+    .header-icon.px-3.m-0.d-none.d-md-block:before {
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS//addons/bazarr/bazarr4k.png");
+        display: inline-block;
+        width: 32px; 
+        height: 32px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+    }    
+} 
+
+/* Mobile */
+@media (max-width: 767px) {
+   .sidebar-title.d-flex.align-items-center.d-md-none.container img  {
+        display: none !important;
+    }   
+   .sidebar-title.d-flex.align-items-center.d-md-none.container:before {
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS//addons/bazarr/bazarr4k.png");
+        display: inline-block;
+        width: 32px; 
+        height: 32px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+    } 
+}

CSS/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css

@@ -0,0 +1,35 @@
+/* Desktop */
+@media (min-width: 752px) {
+    .header-icon.px-3.m-0.d-none.d-md-block img  {
+        display: none !important;
+    }
+    .header-icon.px-3.m-0.d-none.d-md-block:before {
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
+        display: inline-block;
+        width: 32px; 
+        height: 32px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+    }    
+} 
+
+/* Mobile */
+@media (max-width: 767px) {
+   .sidebar-title.d-flex.align-items-center.d-md-none.container img  {
+        display: none !important;
+    }   
+   .sidebar-title.d-flex.align-items-center.d-md-none.container:before {
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
+        display: inline-block;
+        width: 32px; 
+        height: 32px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+    } 
+}

CSS/addons/bazarr/bazarr-darker/bazarr-darker.css

@@ -0,0 +1,65 @@
+:root {
+    --main-bg-color: #313544;
+
+    --modal-bg-color: #252833;
+    --modal-header-color: #252833;
+    --modal-footer-color: #252833;
+
+    --drop-down-menu-bg: #252833;
+
+    --button-color: #911f93;
+    --button-color-hover: #721873;
+    --button-text: #eee;
+    --button-text-hover: #fff;
+
+    --accent-color: 145, 31, 147;
+    --accent-color-hover: rgb(var(--accent-color), .8);
+    --link-color: #b828bb;
+    --link-color-hover: #911f93;
+    --label-text-color: #eee;
+
+    --text: #ccc;
+    --text-hover: #fff;
+    --text-muted: #999;
+
+    /*Specials*/
+    --arr-queue-color: #6c757d;
+    --side-menu-active: #252833;
+    --side-menu-color: #3a3f51;
+    --side-menu-link-color: #fff;
+    --scroller-hover: #606060;
+    --scroller: #707070;
+    --border-color: #606060;
+    --label-color: #911f93;
+    --label-info: #5d9cec;
+    --header-color: #911f93;
+}
+
+/* HEADER */
+.header-container .bg-primary {
+    background-color: var(--header-color) !important;
+}
+
+/* SIDE MENU */
+.sidebar-container {
+    background-color: var(--side-menu-color) !important;
+    color: white !important;
+}
+
+.sidebar-container .sidebar-button {
+    color: var(--side-menu-link-color) !important;
+}
+
+.sidebar-container .sidebar-button {
+    background-color: var(--side-menu-color) !important;
+}
+.sidebar-container .sidebar-button.sb-active, .sidebar-container .sidebar-button.sb-active:hover {
+    color: var(--side-menu-link-color) !important;
+    background-color: var(--side-menu-active) !important;
+}
+
+
+.sidebar-container .sidebar-button:hover {
+    background-color: var(--side-menu-active) !important;
+    color: var(--side-menu-link-color) !important;
+}

CSS/addons/lidarr/lidarr-darker/lidarr-darker.css

@@ -0,0 +1,117 @@
+:root {
+    --main-bg-color: #454545;
+
+    --modal-bg-color: #353535;
+    --modal-header-color: #353535;
+    --modal-footer-color: #353535;
+
+    --drop-down-menu-bg: #4d8069;
+
+    --button-color: #5899eb;
+    --button-color-hover: #4b91ea;
+    --button-text: #eee;
+    --button-text-hover: #fff;
+
+    --accent-color: 0, 166, 91;
+    --accent-color-hover: rgb(0, 166, 91, .8);
+    --link-color: rgb(0, 166, 91);
+    --link-color-hover: rgb(0, 166, 91, .8);
+    --label-text-color: #eee;
+
+    --text: #ccc;
+    --text-hover: #fff;
+    --text-muted: #999;
+
+    /*Specials*/
+    --arr-queue-color: #00a65b;
+    --side-menu-active: #252525;
+    --scroller-hover: #606060;
+    --scroller: #707070;
+    --border-color: #606060;
+    --label-color: #1d563d;
+    --label-info: #5d9cec;
+    --header-color: #00a65b;
+    --side-menu-color: #353535;
+}
+
+/* HEADER */
+
+[class*="PageHeader-header-"] {
+    background-color: var(--header-color);
+    color: #fff;
+}
+
+[class*="PageToolbar-toolbar-"] {
+    background-color: #1d563d;
+    color: #e1e2e3;
+}
+
+/* SIDE MENU */
+
+[class*="PageSidebar-sidebar-"] {
+    background-color: #353535;
+    color: #fff;
+}
+
+[class*=PageSidebarItem-link-]:focus {
+    color: rgb(var(--accent-color)) !important;
+}
+
+[class*=PageSidebarItem-isActiveLink-] {
+    color: var(--link-color) !important;
+}
+
+[class*=PageSidebarItem-isActiveParentLink-] {
+    background-color: var(--side-menu-active);
+}
+
+/* SCROLLER */
+
+[class*=OverlayScroller-thumb-]:hover {
+    background-color: var(--scroller-hover) !important;
+}
+
+[class*="OverlayScroller-thumb-"],
+[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
+    background-color: var(--scroller) !important;
+}
+
+/* MODALS */
+
+[class*=ModalHeader-modalHeader-],
+[class*=FieldSet-legend-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+[class*=ModalFooter-modalFooter-] {
+    border-top: 1px solid var(--border-color);
+}
+
+/* LABLES */
+
+[class*="Label-default-"] {
+    border-color: var(--label-color);
+    background-color: var(--label-color);
+    color: white;
+}
+
+[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
+    border-color: var(--label-info);
+    background-color: var(--label-info);
+    color: #fff;
+}
+
+/* SETTINGS */
+
+[class*=Settings-link-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+/* SEARCH DROP DOWN */
+
+[class*=ArtistSearchInput-containerOpen-] [class*=ArtistSearchInput-artistContainer-] {
+    border: 1px solid var(--main-bg-color);
+    background-color: var(--main-bg-color);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+    color: #e1e2e3;
+}

CSS/addons/organizr/README.md

@@ -1,3 +1,3 @@
 # Organizr Addons
 
-## [Glass](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/glass)
+## [Glass](https://assets.deathbybandaid.net/theme.park/CSS//addons/organizr/glass)

CSS/addons/organizr/glass/README.md

@@ -2,18 +2,18 @@
 
 ## Installation
 
-* [Full](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/glass#Full)
-* [Login - Lockscreen only](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/glass#login---lockscreen-only)
+* [Full](https://assets.deathbybandaid.net/theme.park/CSS//addons/organizr/glass#Full)
+* [Login - Lockscreen only](https://assets.deathbybandaid.net/theme.park/CSS//addons/organizr/glass#login---lockscreen-only)
 
 
 
 ***
-### `Tip!` 
- If you're on Docker use the `php-fpm` tag to speed up load times, like so: `organizrtools/organizr-v2:php-fpm` 
+### `Tip!`
+ If you're on Docker use the `php-fpm` tag to speed up load times, like so: `organizrtools/organizr-v2:php-fpm`
 
 ***
 
-### NOTE 
+### NOTE
 **Firefox:** `From version 70: this feature is behind the layout.css.backdrop-filter.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.`
 
 
@@ -23,11 +23,11 @@
 
 2. Import the `glass-base.css` and root variables in the Custom Theme CSS box like below.
   Replace `--main-bg-color` with a wallpaper you have uploaded to Organizr
- 
+
 ```css
-@import "https://gilbn.github.io/theme.park/CSS/addons/organizr/glass/glass-base.css"; 
+@import "https://assets.deathbybandaid.net/theme.park/CSS//addons/organizr/glass/glass-base.css";
 :root {
-    --main-bg-color: url(https://gilbn.github.io/theme.park/CSS/addons/organizr/glass/example.jpg) center center/cover no-repeat fixed;
+    --main-bg-color: url(https://assets.deathbybandaid.net/theme.park/CSS//addons/organizr/glass/example.jpg) center center/cover no-repeat fixed;
     --mobile-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
 
     --link-color: #fff;
@@ -46,25 +46,25 @@ On mobile the background is replaced with `--mobile-bg-color`. Find a background
 
 Here are the other theme colors if you want to use that instead:
 
-<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/aquamarine_banner.png" width="600px" />
+<img src="https://assets.deathbybandaid.net/theme.park/Screenshots/aquamarine_banner.png" width="600px" />
 
 `--mobile-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;`
 
-<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/hotline_banner.png" width="600px" />
+<img src="https://assets.deathbybandaid.net/theme.park/Screenshots/hotline_banner.png" width="600px" />
 
 ` --mobile-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;`
 
-<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/spacegray_banner.png" width="600px" />
+<img src="https://assets.deathbybandaid.net/theme.park/Screenshots/spacegray_banner.png" width="600px" />
 
 `--mobile-bg-color: radial-gradient( ellipse at center,  rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;`
 
-<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/dark_banner.png" width="600px" />
+<img src="https://assets.deathbybandaid.net/theme.park/Screenshots/dark_banner.png" width="600px" />
 
 `--mobile-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;`
 
-<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/plex_banner.png" width="600px" />
+<img src="https://assets.deathbybandaid.net/theme.park/Screenshots/plex_banner.png" width="600px" />
 
-`--mobile-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;`
+`--mobile-bg-color: url("https://assets.deathbybandaid.net/theme.park/Resources/blur-noise.png"), url("https://assets.deathbybandaid.net/theme.park/Resources/preset-light2.png") center center/cover no-repeat fixed;`
 
 ### Replace the variables if you have a dark background.
 
@@ -90,12 +90,12 @@ Here are the other theme colors if you want to use that instead:
 If you just want the login and lockscreen css, just add this in custom CSS:
 
 ```css
-@import "https://gilbn.github.io/theme.park/CSS/addons/organizr/glass/glass-login.css"; 
+@import "https://assets.deathbybandaid.net/theme.park/CSS//addons/organizr/glass/glass-login.css";
 ```
 
 You can change the blur background color by adding the variables above. The default is dark.
 ```css
-@import "https://gilbn.github.io/theme.park/CSS/addons/organizr/glass/glass-login.css";
+@import "https://assets.deathbybandaid.net/theme.park/CSS//addons/organizr/glass/glass-login.css";
 :root {
     --div-background-color-10: rgba(255, 255, 255, 0.10);
     --div-background-color-15: rgba(255, 255, 255, 0.15);
@@ -106,7 +106,7 @@ You can change the blur background color by adding the variables above. The defa
 
 # Screenshots
 
-![](https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/organizr/glass/screenshots/login.png)
-![](https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/organizr/glass/screenshots/lockscreen.png)
-![](https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/organizr/glass/screenshots/homepage.jpg)
-![](https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/organizr/glass/screenshots/settings.jpg)
+![](https://assets.deathbybandaid.net/theme.park/CSS//addons/organizr/glass/screenshots/login.png)
+![](https://assets.deathbybandaid.net/theme.park/CSS//addons/organizr/glass/screenshots/lockscreen.png)
+![](https://assets.deathbybandaid.net/theme.park/CSS//addons/organizr/glass/screenshots/homepage.jpg)
+![](https://assets.deathbybandaid.net/theme.park/CSS//addons/organizr/glass/screenshots/settings.jpg)

CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.css

@@ -0,0 +1,111 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://assets.deathbybandaid.net/theme.park			 */
+
+/* PLEX OVERSEERR SIDE MENU */
+
+/* APP VARS*/
+:root {
+    --sidebar-color: #1f2937;
+    --menu-item: #111827;
+    --menu-item-hover: #374151;
+}
+
+/* EXTRA CSS */
+[class*="SourceSidebar-openSidebar-"][class*="SourceSidebar-sidebar-"],
+[class*="SourceSidebar-sidebar-"] {
+    background: var(--sidebar-color) !important;
+    padding-top: 10px;
+}
+
+[class*="SourceSidebarLink-isSelected-"]:before {
+    background-color: transparent !important;
+}
+
+[class*="NavBar-container-"] {
+    background: rgb(0 0 0 / 0%) !important;
+}
+
+[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isSelected-"] {
+    background: var(--menu-item);
+    box-shadow: inset 4px 0 0 0 transparent !important;
+    border-radius: 5px;
+    margin-bottom: 5px;
+
+}
+
+[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-iconContainer-"],
+[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-title-"] {
+    color: white;
+}
+
+[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-button-"]:hover,
+[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isActive-"] {
+    background: var(--menu-item-hover);
+    border-radius: 5px;
+}
+
+[class*="SourceSidebarLink-button-"] {
+    margin-bottom: 5px;
+}
+
+[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] {
+    background: var(--sidebar-color) !important;
+}
+
+[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarLink-isSelected-"] {
+    background: var(--menu-item) !important;
+}
+
+[class*="SourceSidebarContent-expandedSidebarContent-"],
+[class*="AllSourcesSidebarContent-container-"] {
+    padding: 10px;
+}
+
+[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="AllSourcesSidebarContent-container-"] {
+    padding: 0px;
+}
+
+[class*="SourceSidebarContent-expandedSidebarContent-"] div {
+    border-radius: 5px;
+}
+
+[class*="SourceSidebarContent-expandedSidebarContent-"] div:hover:not([data-qa-id="sidebarMore"] div) {
+    background-color: var(--menu-item-hover);
+}
+
+[class*="SourceSidebar-collapsedSidebar-"] [class*="SourceSidebar-sidebar-"] {
+    border-radius: 0px !important;
+}
+
+[class*="SourceSidebarContent-expandedSidebarContent-"] [class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"] {
+    box-shadow: none !important;
+    border-radius: 5px;
+}
+
+[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarItem-button-"][class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarItem-isSelected-"][class*="SourceSidebarLink-isSelected-"] {
+    box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important;
+    border-radius: 0px;
+}
+
+[class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover {
+    box-shadow: none !important;
+    background: var(--menu-item-hover) !important;
+}
+
+[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover {
+    box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important;
+}
+
+[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-iconContainer-"],
+[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-title-"] {
+    color: white;
+}

CSS/addons/plex/plex-alt-logo/plex-alt-logo.css

@@ -0,0 +1,8 @@
+[class*="NavBar-plexLogo-"] {
+    background-image: url("https://assets.deathbybandaid.net/theme.park/CSS/addons/plex/plex-alt-logo/SeekPng.com_your-logo-here-png_2467553.png");
+    background-position: 50%;
+    background-repeat: no-repeat;
+    background-size: contain;
+    margin: 0 10px;
+    width: 45px;
+}

CSS/addons/prowlarr/prowlarr-darker/prowlarr-darker.css

@@ -0,0 +1,133 @@
+:root {
+    --main-bg-color: #454545;
+
+    --modal-bg-color: #454545;
+    --modal-header-color: #454545;
+    --modal-footer-color: #454545;
+
+    --drop-down-menu-bg: #606060;
+
+    --button-color: #5899eb;
+    --button-color-hover: #4b91ea;
+    --button-text: #eee;
+    --button-text-hover: #fff;
+
+    --accent-color: 230, 96, 0;
+    --accent-color-hover: rgb(var(--accent-color),.8);
+    --link-color: rgb(230, 96, 0);
+    --link-color-hover: rgb(230, 96, 0, .8);
+    --label-text-color: #eee;
+
+    --text: #ccc;
+    --text-hover: #fff;
+    --text-muted: #999;
+
+    /*Specials*/
+    --arr-queue-color: #5d9cec;
+    --side-menu-active: #333333;
+    --scroller-hover: #606060;
+    --scroller: #707070;
+    --border-color: #606060;
+    --label-color: #707070;
+    --label-info: #5d9cec;
+    --header-color: #e66000;
+    --side-menu-color: #595959;
+    --side-menu-link-color: #e66000;
+}
+
+/* HEADER */
+
+[class*="PageHeader-header-"] {
+    background-color: var(--header-color);
+    color: #fff;
+}
+
+[class*="PageToolbar-toolbar-"] {
+    background-color: #707070;
+    color: var(--text);
+}
+
+/* SIDE MENU */
+
+[class*="PageSidebar-sidebar-"] {
+    background-color: var(--side-menu-color);
+    color: #fff;
+}
+
+[class*=PageSidebarItem-link-]:focus {
+    color: rgb(var(--accent-color)) !important;
+}
+
+[class*=PageSidebarItem-isActiveLink-] {
+    color: var(--side-menu-link-color) !important;
+}
+
+[class*=PageSidebarItem-isActiveParentLink-] {
+    background-color: var(--side-menu-active);
+}
+
+/* SCROLLER */
+
+[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
+[class*=OverlayScroller-thumb-]:hover {
+    background-color: var(--scroller-hover) !important;
+}
+
+[class*="OverlayScroller-thumb-"],
+[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
+    background-color: var(--scroller) !important;
+}
+
+/* MODALS */
+
+[class*=ModalHeader-modalHeader-],
+[class*=FieldSet-legend-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+[class*=ModalFooter-modalFooter-] {
+    border-top: 1px solid var(--border-color);
+}
+
+/* LABLES */
+
+[class*="Label-default-"] {
+    border-color: var(--label-color);
+    background-color: var(--label-color);
+    color: white;
+}
+
+[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
+    border-color: var(--label-info);
+    background-color: var(--label-info);
+    color: #fff;
+}
+
+[class*="Label-disabled-"][class*="Label-outline-"] {
+    color: #000;
+}
+
+[class*="Label-outline-"] {
+    background-color: #989898;
+}
+
+[class*="Label-success-"] {
+    color: #000;
+}
+
+/* SETTINGS */
+
+[class*=Settings-link-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+/* SEARCH DROP DOWN */
+
+[class*=IndexerSearchInput-containerOpen-] [class*=IndexerSearchInput-movieContainer-] {
+    border: 1px solid var(--drop-down-menu-bg);
+    background-color: var(--drop-down-menu-bg);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+    color: #e1e2e3;
+}
+
+/* BUTTONS */

CSS/addons/radarr/README.md

@@ -20,8 +20,8 @@ Examples of how to add it:
 proxy_set_header Accept-Encoding "";
 sub_filter
 '</head>'
-'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/radarr/THEME.css">
-<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css">
+'<link rel="stylesheet" type="text/css" href="https://assets.deathbybandaid.net/theme.park/CSS//themes/radarr/THEME.css">
+<link rel="stylesheet" type="text/css" href="https://assets.deathbybandaid.net/theme.park/CSS//addons/radarr/radarr-4k-logo.css">
 </head>';
 sub_filter_once on;
 ```
@@ -30,7 +30,7 @@ sub_filter_once on;
 
 ```nginx
 AddOutputFilterByType SUBSTITUTE text/html
-   Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/radarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css">
+   Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://assets.deathbybandaid.net/theme.park/CSS//themes/radarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://assets.deathbybandaid.net/theme.park/CSS//addons/radarr/radarr-4k-logo.css">
 </head>';|'
 ```
 
@@ -40,7 +40,7 @@ AddOutputFilterByType SUBSTITUTE text/html
 filter rule {
     content_type text/html.*
     search_pattern </head>
-    replacement "<link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css'></head>"
+    replacement "<link rel='stylesheet' type='text/css' href='https://assets.deathbybandaid.net/theme.park/CSS//themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://assets.deathbybandaid.net/theme.park/CSS//addons/radarr/radarr-4k-logo.css'></head>"
 }
 ```
 
@@ -49,6 +49,6 @@ filter rule {
 Just add another import line.
 
 ```css
-@import "https://gilbn.github.io/theme.park/CSS/themes/radarr/THEME.css";
-@import "https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css";
+@import "https://assets.deathbybandaid.net/theme.park/CSS//themes/radarr/THEME.css";
+@import "https://assets.deathbybandaid.net/theme.park/CSS//addons/radarr/radarr-4k-logo.css";
 ```

CSS/addons/radarr/radarr-4k-logo.css

@@ -4,7 +4,7 @@
         display:none !important; 
         }
     .navbar > .container-fluid .navbar-brand:before {
-        background-image: url("https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr4k.png");
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS//addons/radarr/radarr4k.png");
         display: inline-block;
         width: 128px; 
         height: 128px;
@@ -24,7 +24,7 @@
         display: inline !important;
         }     
     .navbar > .container-fluid .navbar-brand:before {
-        background-image: url("https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr4k.png");
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS//addons/radarr/radarr4k.png");
         display: inline-block;
         width: 32px; 
         height: 32px;
@@ -39,11 +39,11 @@
 
 /* Radarr V3*/
 @media (min-width: 752px) {
-    .PageHeader-logoFull-2z6pD  {
+    [class*="PageHeader-logoFull-"]  {
         display: none !important;
     }
-    .PageHeader-logoContainer-3bOb3:before {
-        background-image: url("https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr4k-v3.png");
+    [class*="PageHeader-logoContainer-"]:before {
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS//addons/radarr/radarr4k-v3.png");
         display: inline-block;
         width: 148px; 
         height: 48px;
@@ -56,11 +56,11 @@
 } 
 
 @media (max-width: 767px) {
-    .PageHeader-logo-2y8vm  {
+    [class*="PageHeader-logo-"]  {
         display: none !important;
-    }   
-    .PageHeader-logoContainer-3bOb3:before {
-        background-image: url("https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-v3-mobile.png");
+    }
+    [class*="PageHeader-logoContainer-"]{
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS//addons/radarr/radarr-v3-mobile.png");
         display: inline-block;
         width: 32px; 
         height: 32px;
@@ -69,5 +69,28 @@
         -webkit-background-size:  cover;
         -moz-background-size:  cover;
         -o-background-size: cover;
+        margin-left: 20px;
+        margin-right: 8px;
+        flex: 0 0 32px;
     } 
 }
+
+[class*="LoadingPage-logoFull-"] {
+    display: none !important;
+}
+
+[class*="LoadingPage-page-"]:before {
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS//addons/radarr/radarr4k-v3.png");
+        display: inline-block;
+        width: 148px; 
+        height: 48px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+        margin-top: 50px;
+        margin-right: auto;
+        margin-left: auto;
+
+}

CSS/addons/radarr/radarr-4k-logo/radarr-4k-logo.css

@@ -0,0 +1,96 @@
+/* Desktop */
+@media (min-width: 752px) {
+    .navbar-brand>img {
+        display:none !important; 
+        }
+    .navbar > .container-fluid .navbar-brand:before {
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS/addons/radarr/radarr-4k-logo/radarr4k.png");
+        display: inline-block;
+        width: 128px; 
+        height: 128px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+        }
+    }
+    /* Mobile */
+    @media (max-width: 767px) {
+    .navbar-brand  .visible-xs img {
+        display: none !important;
+        } 
+    .navbar-brand .visible-xs  {
+        display: inline !important;
+        }     
+    .navbar > .container-fluid .navbar-brand:before {
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS/addons/radarr/radarr-4k-logo/radarr4k.png");
+        display: inline-block;
+        width: 32px; 
+        height: 32px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+        margin-bottom: -12px;
+        }
+    }
+
+/* Radarr V3*/
+@media (min-width: 752px) {
+    [class*="PageHeader-logoFull-"]  {
+        display: none !important;
+    }
+    [class*="PageHeader-logoContainer-"]:before {
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
+        display: inline-block;
+        width: 148px; 
+        height: 48px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+    }    
+} 
+
+@media (max-width: 767px) {
+    [class*="PageHeader-logo-"]  {
+        display: none !important;
+    }
+    [class*="PageHeader-logoContainer-"]{
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png");
+        display: inline-block;
+        width: 32px; 
+        height: 32px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+        margin-left: 20px;
+        margin-right: 8px;
+        flex: 0 0 32px;
+    } 
+}
+
+[class*="LoadingPage-logoFull-"] {
+    display: none !important;
+}
+
+[class*="LoadingPage-page-"]:before {
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
+        display: inline-block;
+        width: 148px; 
+        height: 48px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+        margin-top: 50px;
+        margin-right: auto;
+        margin-left: auto;
+
+}

CSS/addons/radarr/radarr-darker/radarr-darker.css

@@ -0,0 +1,124 @@
+:root {
+    --main-bg-color: #454545;
+
+    --modal-bg-color: #595959;
+    --modal-header-color: #595959;
+    --modal-footer-color: #595959;
+
+    --drop-down-menu-bg: #606060;
+
+    --button-color: #5899eb;
+    --button-color-hover: #4b91ea;
+    --button-text: #eee;
+    --button-text-hover: #fff;
+
+    --accent-color: 255, 194, 48;
+    --accent-color-hover: rgb(255, 194, 48, .8);
+    --link-color: rgb(255, 194, 48);
+    --link-color-hover: rgb(255, 194, 48, .8);
+    --label-text-color: #eee;
+
+    --text: #ccc;
+    --text-hover: #fff;
+    --text-muted: #999;
+
+    /*Specials*/
+    --arr-queue-color: #5d9cec;
+    --side-menu-active: #333333;
+    --scroller-hover: #606060;
+    --scroller: #707070;
+    --border-color: #606060;
+    --label-color: #707070;
+    --label-info: #5d9cec;
+    --header-color: #464b51;
+    --side-menu-color: #595959;
+}
+
+/* HEADER */
+
+[class*="PageHeader-header-"] {
+    background-color: var(--header-color);
+    color: #fff;
+}
+
+[class*="PageToolbar-toolbar-"] {
+    background-color: #707070;
+    color: var(--text);
+}
+
+/* SIDE MENU */
+
+[class*="PageSidebar-sidebar-"] {
+    background-color: var(--side-menu-color);
+    color: #fff;
+}
+
+[class*=PageSidebarItem-link-]:focus {
+    color: rgb(var(--accent-color)) !important;
+}
+
+[class*=PageSidebarItem-isActiveLink-] {
+    color: var(--link-color) !important;
+}
+
+[class*=PageSidebarItem-isActiveParentLink-] {
+    background-color: var(--side-menu-active);
+}
+
+/* SCROLLER */
+[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
+[class*=OverlayScroller-thumb-]:hover {
+    background-color: var(--scroller-hover) !important;
+}
+
+[class*="OverlayScroller-thumb-"],
+[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
+    background-color: var(--scroller) !important;
+}
+
+/* MODALS */
+
+[class*=ModalHeader-modalHeader-],
+[class*=FieldSet-legend-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+[class*=ModalFooter-modalFooter-] {
+    border-top: 1px solid var(--border-color);
+}
+
+/* LABLES */
+
+[class*="Label-default-"] {
+    border-color: var(--label-color);
+    background-color: var(--label-color);
+    color: white;
+}
+
+[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
+    border-color: var(--label-info);
+    background-color: var(--label-info);
+    color: #fff;
+}
+
+/* SETTINGS */
+
+[class*=Settings-link-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+/* SEARCH DROP DOWN */
+
+[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
+    border: 1px solid var(--drop-down-menu-bg);
+    background-color: var(--drop-down-menu-bg);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+    color: #e1e2e3;
+}
+
+/* SERIES PAGE */
+
+[class*="MovieIndexPoster-controls-"] {
+    background-color: var(--label-color) !important;
+    color: #fff !important;
+}

CSS/addons/readarr/readarr-alt-logo/readarr-alt-logo.css

@@ -0,0 +1,53 @@
+@media (min-width: 752px) {
+    [class*="PageHeader-logo-"]  {
+        display: none !important;
+    }
+    [class*="PageHeader-logoContainer-"]:before {
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png");
+        display: inline-block;
+        width: 34px; 
+        height: 34px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+    }    
+} 
+
+@media (max-width: 767px) {
+    [class*="PageHeader-logo-"]   {
+        display: none !important;
+    }   
+    [class*="PageHeader-logoContainer-"]:before {
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png");
+        display: inline-block;
+        width: 34px; 
+        height: 34px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+    } 
+}
+
+[class*="LoadingPage-logoFull-"] {
+    display: none !important;
+}
+
+[class*="LoadingPage-page-"]:before {
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png");
+        display: inline-block;
+        width: 48px; 
+        height: 48px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+        margin-top: 50px;
+        margin-right: auto;
+        margin-left: auto;
+
+}

CSS/addons/readarr/readarr-alt-logo/readme.md

@@ -0,0 +1,3 @@
+Headphone Icon svg made by monkik from www.flaticon.com
+
+https://www.flaticon.com/free-icon/music_2503487?term=headset&related_id=2503487

CSS/addons/readarr/readarr-darker/readarr-darker.css

@@ -0,0 +1,126 @@
+:root {
+    --main-bg-color: #4a4a4b;
+
+    --modal-bg-color: #353535;
+    --modal-header-color: #353535;
+    --modal-footer-color: #353535;
+
+    --drop-down-menu-bg: #66001a;
+
+    --button-color: #5899eb;
+    --button-color-hover: #4b91ea;
+    --button-text: #eee;
+    --button-text-hover: #fff;
+
+    --accent-color: 202, 48, 45;
+    --accent-color-hover: rgb(var(--accent-color), .8);
+    --link-color: rgb(93, 156, 236);
+    --link-color-hover: rgb(93, 156, 236, .8);
+    --label-text-color: #eee;
+
+    --text: #ccc;
+    --text-hover: #fff;
+    --text-muted: #999;
+
+    /*Specials*/
+    --arr-queue-color: #1d563d;
+    --side-menu-active: #252525;
+    --scroller-hover: #606060;
+    --scroller: #707070;
+    --border-color: #606060;
+    --label-color: #810020;
+    --label-info: #5d9cec;
+    --header-color: #a41726;
+    --side-menu-color: #353535;
+    --side-menu-link-color: #ca302d;
+}
+
+/* HEADER */
+
+[class*="PageHeader-header-"] {
+    background-color: var(--header-color);
+    color: #fff;
+}
+
+[class*="PageToolbar-toolbar-"] {
+    background-color: #810020;
+    color: #e1e2e3;
+}
+
+/* SIDE MENU */
+
+[class*="PageSidebar-sidebar-"] {
+    background-color: #353535;
+    color: #fff;
+}
+
+[class*=PageSidebarItem-link-]:focus {
+    color: rgb(var(--accent-color)) !important;
+}
+
+[class*=PageSidebarItem-isActiveLink-] {
+    color: var(--side-menu-link-color) !important;
+}
+
+[class*=PageSidebarItem-isActiveParentLink-] {
+    background-color: var(--side-menu-active);
+}
+
+/* SCROLLER */
+[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
+[class*=OverlayScroller-thumb-]:hover {
+    background-color: var(--scroller-hover) !important;
+}
+
+[class*="OverlayScroller-thumb-"],
+[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
+    background-color: var(--scroller) !important;
+}
+
+/* MODALS */
+[class*=ModalHeader-modalHeader-],
+[class*=FieldSet-legend-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+[class*=ModalFooter-modalFooter-] {
+    border-top: 1px solid var(--border-color);
+}
+
+/* LABLES */
+[class*="Label-default-"] {
+    border-color: var(--label-color);
+    background-color: var(--label-color);
+    color: white;
+}
+
+[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
+    border-color: var(--label-info);
+    background-color: var(--label-info);
+    color: #fff;
+}
+.Label-default-xecWd {
+    border-color: #810020;
+    background-color: #810020;
+}
+
+/* SETTINGS */
+
+[class*=Settings-link-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+/* SEARCH DROP DOWN */
+[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
+    border: 1px solid var(--drop-down-menu-bg);
+    background-color: var(--drop-down-menu-bg);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+    color: #e1e2e3;
+}
+
+/* AUTHOR PAGE */
+
+[class*="AuthorDetailsHeader-headerContent-"], [class*="BookDetailsHeader-headerContent-"] {
+    color: #fff;
+    background: #4a4a4b;
+}

CSS/addons/sonarr/README.md

@@ -20,8 +20,8 @@ Examples of how to add it:
 proxy_set_header Accept-Encoding "";
 sub_filter
 '</head>'
-'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/sonarr/THEME.css">
-<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css">
+'<link rel="stylesheet" type="text/css" href="https://assets.deathbybandaid.net/theme.park/CSS//themes/sonarr/THEME.css">
+<link rel="stylesheet" type="text/css" href="https://assets.deathbybandaid.net/theme.park/CSS//addons/sonarr/sonarr-4k-logo.css">
 </head>';
 sub_filter_once on;
 ```
@@ -30,7 +30,7 @@ sub_filter_once on;
 
 ```nginx
 AddOutputFilterByType SUBSTITUTE text/html
-   Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/sonarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css">
+   Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://assets.deathbybandaid.net/theme.park/CSS//themes/sonarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://assets.deathbybandaid.net/theme.park/CSS//addons/sonarr/sonarr-4k-logo.css">
 </head>';|'
 ```
 
@@ -40,7 +40,7 @@ AddOutputFilterByType SUBSTITUTE text/html
 filter rule {
     content_type text/html.*
     search_pattern </head>
-    replacement "<link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css'></head>"
+    replacement "<link rel='stylesheet' type='text/css' href='https://assets.deathbybandaid.net/theme.park/CSS//themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://assets.deathbybandaid.net/theme.park/CSS//addons/sonarr/sonarr-4k-logo.css'></head>"
 }
 ```
 
@@ -49,6 +49,6 @@ filter rule {
 Just add another import line.
 
 ```css
-@import "https://gilbn.github.io/theme.park/CSS/themes/sonarr/THEME.css";
-@import "https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css";
+@import "https://assets.deathbybandaid.net/theme.park/CSS//themes/sonarr/THEME.css";
+@import "https://assets.deathbybandaid.net/theme.park/CSS//addons/sonarr/sonarr-4k-logo.css";
 ```

CSS/addons/sonarr/sonarr-4k-logo.css

@@ -4,7 +4,7 @@
         display:none !important; 
         }
     .navbar > .container-fluid .navbar-brand:before {
-        background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS//addons/sonarr/sonarr-4k.png");
         display: inline-block;
         width: 128px; 
         height: 128px;
@@ -25,7 +25,7 @@
         display: inline !important;
         }     
     .navbar > .container-fluid .navbar-brand:before {
-        background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS//addons/sonarr/sonarr-4k.png");
         display: inline-block;
         width: 64px; 
         height: 64px;
@@ -46,7 +46,7 @@
         display: inline !important;
         }     
     .navbar > .container-fluid .navbar-brand:before {
-        background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS//addons/sonarr/sonarr-4k.png");
         display: inline-block;
         width: 32px; 
         height: 32px;
@@ -61,11 +61,11 @@
 
 /* Sonarr V3*/
 @media (min-width: 752px) {
-    .PageHeader\/logo\/2y8vm  {
+    [class*="PageHeader\/logo\/"]  {
         display: none !important;
     }
-    .PageHeader\/logoContainer\/3bOb3:before {
-        background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
+    [class*="PageHeader\/logoContainer\/"]:before {
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS//addons/sonarr/sonarr-4k.png");
         display: inline-block;
         width: 32px; 
         height: 32px;
@@ -78,11 +78,11 @@
 } 
 
 @media (max-width: 767px) {
-    .PageHeader\/logo\/2y8vm   {
+    [class*="PageHeader\/logo\/"]   {
         display: none !important;
     }   
-    .PageHeader\/logoContainer\/3bOb3:before {
-        background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
+    [class*="PageHeader\/logoContainer\/"]:before {
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS//addons/sonarr/sonarr-4k.png");
         display: inline-block;
         width: 32px; 
         height: 32px;
@@ -92,4 +92,24 @@
         -moz-background-size:  cover;
         -o-background-size: cover;
     } 
+}
+
+[class*="LoadingPage\/logoFull\/"] {
+    display: none !important;
+}
+
+[class*="LoadingPage\/page\/"]:before {
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS//addons/sonarr/sonarr-4k.png");
+        display: inline-block;
+        width: 48px; 
+        height: 48px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+        margin-top: 50px;
+        margin-right: auto;
+        margin-left: auto;
+
 }

CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css

@@ -0,0 +1,53 @@
+@media (min-width: 752px) {
+    [class*="PageHeader-logo-"]  {
+        display: none !important;
+    }
+    [class*="PageHeader-logoContainer-"]:before {
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
+        display: inline-block;
+        width: 32px; 
+        height: 32px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+    }    
+} 
+
+@media (max-width: 767px) {
+    [class*="PageHeader-logo-"]   {
+        display: none !important;
+    }   
+    [class*="PageHeader-logoContainer-"]:before {
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
+        display: inline-block;
+        width: 32px; 
+        height: 32px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+    } 
+}
+
+[class*="LoadingPage-logoFull-"] {
+    display: none !important;
+}
+
+[class*="LoadingPage-page-"]:before {
+        background-image: url("https://assets.deathbybandaid.net/theme.park/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
+        display: inline-block;
+        width: 48px; 
+        height: 48px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+        margin-top: 50px;
+        margin-right: auto;
+        margin-left: auto;
+
+}

CSS/addons/sonarr/sonarr-darker/sonarr-darker.css

@@ -0,0 +1,125 @@
+:root {
+    --main-bg-color: #4f566f;
+
+    --modal-bg-color: #3a3f51;
+    --modal-header-color: #3a3f51;
+    --modal-footer-color: #3a3f51;
+
+    --drop-down-menu-bg: #3a3f51;
+
+    --button-color: #5899eb;
+    --button-color-hover: #3483e7;
+    --button-text: #eee;
+    --button-text-hover: #fff;
+
+    --accent-color: 53, 197, 244;
+    --accent-color-hover: rgb(33, 147, 181);
+    --link-color: #35c5f4;
+    --link-color-hover: rgb(53, 197, 244, .8);
+    --label-text-color: #4f566f;
+
+    --text: #ccc;
+    --text-hover: #fff;
+    --text-muted: #999;
+
+    /*Specials*/
+    --arr-queue-color: #35c5f4;
+    --side-menu-active: #252833;
+    --scroller-hover: #656d8c;
+    --scroller: #9ea4b9;
+    --border-color: #4f566f;
+    --label-color: #4f566f;
+    --label-info: #5d9cec;
+    --header-color: #2193b5;
+    --side-menu-color: #3a3f51;
+}
+
+/* HEADER */
+
+[class*="PageHeader-header-"] {
+    background-color: var(--header-color);
+    color: #fff;
+}
+
+/* SIDE MENU */
+
+[class*="PageSidebar-sidebar-"] {
+    background-color: var(--side-menu-color);
+    color: #fff;
+}
+
+[class*=PageSidebarItem-link-]:focus {
+    color: rgb(var(--accent-color)) !important;
+}
+
+[class*=PageSidebarItem-isActiveLink-] {
+    color: var(--link-color) !important;
+}
+
+[class*=PageSidebarItem-isActiveParentLink-] {
+    background-color: var(--side-menu-active);
+}
+
+/* SCROLLER */
+[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
+[class*=OverlayScroller-thumb-]:hover {
+    background-color: var(--scroller-hover) !important;
+}
+
+[class*="OverlayScroller-thumb-"],
+[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
+    background-color: var(--scroller) !important;
+}
+
+/* MODALS */
+[class*=ModalHeader-modalHeader-],
+[class*=FieldSet-legend-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+[class*=ModalFooter-modalFooter-] {
+    border-top: 1px solid var(--border-color);
+}
+
+/* LABLES */
+[class*=Label-default-] {
+    border-color: var(--label-color);
+    background-color: var(--label-color);
+    color: white;
+}
+
+[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
+    border-color: var(--label-info);
+    background-color: var(--label-info);
+    color: white;
+}
+
+/* SETTINGS */
+
+[class*=Settings-link-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+/* SEARCH DROP DOWN */
+[class*="SeriesSearchInput-containerOpen-"] [class*="SeriesSearchInput-seriesContainer-"] {
+    border: 1px solid var(--drop-down-menu-bg);
+    background-color: var(--drop-down-menu-bg);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+    color: #e1e2e3;
+}
+
+/* SERIES PAGE */
+[class*="SeriesIndexPoster-controls-"] {
+    background-color: var(--label-color) !important;
+    color: #fff !important;
+}
+
+[class*="SeriesIndexPoster-posterContainer-"]>span>button {
+    background-color: transparent;
+    color: white !important;
+}
+
+[class*="SeriesIndexPoster-action-"]:hover,
+[class*=SeriesIndexPoster-action-] .fa-search:hover {
+    color: #ccc !important;
+}

CSS/addons/unraid/login-page/alien/alien_base.css

@@ -0,0 +1,245 @@
+@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
+@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap";
+@import "https://fonts.googleapis.com/css?family=VT323";
+
+
+    /* Replace the variables if you have a dark background  */
+    /* Light colors for dark backgrounds */
+    /*
+        --div-background-color-10: rgba(255, 255, 255, 0.1);
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
+        --div-background-color-25: rgba(255, 255, 255, 0.25);
+        --div-background-color-35: rgba(255, 255, 255, 0.35);
+    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+
+    https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES
+    https://brennan.io/2017/06/14/alien-computer-card/
+    https://www.cssmatic.com/noise-texture
+
+    https://codepen.io/somethingformed/pen/raWJXV
+    radial-gradient(ellipse at center,#0f7 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
+    */
+
+* {
+    outline: none;
+}
+
+@media only screen and (max-width: 500px) {
+    #login {
+        -webkit-backdrop-filter: blur(0px);
+        backdrop-filter: blur(0px);
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        height: 100%;
+        width: 100%;
+        border-radius: none !important;
+    }
+    .background-wrap,#video-bg-elem  {display: none;}
+    
+    #login {
+        -webkit-box-shadow: inset 0px 0px 0px 2px #F000 !important;
+        box-shadow: inset 0px 0px 0px 2px #F000 !important;
+    }
+}
+
+html {
+    background: var(--main-bg) !important;
+}
+
+body {
+    background: var(--main-bg) !important;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+}
+@media only screen and (max-width: 768px) {
+    #login {
+        min-width: 300px;
+    }
+}
+/*FOR VIDEO BACKGROUND*/
+.background-wrap {
+    position: fixed;
+    z-index: -1000;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    top: 0;
+    left: 0;
+}
+#video-bg-elem {
+    position: absolute;
+    top: 0;
+    left: 0;
+    min-height: 100%;
+    min-width: 100%;
+}
+/*TEXT COLOR*/
+#login h1,
+#login h2,
+#login .error {
+    color: var(--text-color) !important;
+    text-shadow: var(--text-shadow) var(--text-color);
+    font-size: 20px;
+}
+#login a {
+    color: var(--link-color);
+    text-shadow: var(--text-shadow) var(--text-color);
+}
+#login a:hover {
+    color: var(--link-color-hover);
+    text-shadow: var(--text-shadow) var(--text-color);
+}
+#login input {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-color);
+}
+#login ::placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-color);
+}
+#login ::-webkit-input-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-color);
+}
+#login ::-moz-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-color);
+}
+#login :-ms-input-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-color);
+}
+#login :-moz-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-color);
+}
+#login input:focus::-webkit-input-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+#login input:focus:-moz-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+#login input:focus::-moz-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+#login input:focus:-ms-input-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+
+/*TEXT FONT*/
+#login h1,
+#login h2,
+#login a,
+#login .button,
+#login .error {
+    font-family: var(--text-font);
+    -webkit-font-smoothing: none;
+    line-height: 1.2;
+}
+
+/* CASE COLOR */
+#login [class^='case-'],
+#login [class*=' case-'] {
+    font-family: cases!important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    color: var(--case-color);
+    text-shadow: var(--text-shadow) var(--text-color);
+}
+/*INPUT FORMS*/
+#login [type=text],
+#login [type=password] {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 2px solid transparent;
+    text-transform: uppercase;
+    border-radius: 5px;
+}
+#login [type=text]:active,
+#login [type=text]:focus,
+#login [type=password]:active,
+#login [type=password]:focus {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 2px solid transparent;
+    text-transform: uppercase;
+
+}
+
+
+/*BUTTON*/
+#login .button {
+    color: var(--button-text-color);
+    text-shadow: var(--text-shadow) var(--text-color);
+    background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
+    background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
+}
+#login .button:hover {
+    color: var(--button-text-color-hover);
+    text-shadow: var(--text-shadow) var(--button-color-hover);
+    box-shadow: var(--box-shadow) var(--button-color-hover);
+    background-color: var(--button-color-hover);
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2-hover)), to(var(--button-color-hover)));
+    background: linear-gradient(90deg, var(--button-color2-hover) 0, var(--button-color-hover));
+}
+
+
+#login {
+    background: var(--div-background-color-15) !important;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    padding-top: 1rem;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%) !;
+    -ms-transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
+    margin: 0 !important;
+    text-transform: uppercase;
+    min-width: 300px;
+}
+
+#login .angle:after {
+    display: none;
+}
+#login .wordmark {
+    display: none;
+}
+
+#login .logo {
+    background: var(--logo);
+    background-size: contain;
+    padding: 2rem;
+    border-radius: 0;
+    margin: 0rem 1rem 0rem 1rem;
+}
+#login .error {
+    animation-name: shake;
+    animation-duration: .8s;
+}
+/*LOGIN BOX SHADOW*/
+.shadow {
+    -webkit-box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
+    box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
+}

CSS/addons/unraid/login-page/alien/custom.css

@@ -0,0 +1,22 @@
+@import url("https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/alien_base.css");
+:root {
+    --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
+    url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed;
+    --logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromogreen2.png) center no-repeat;
+    --text-color: #37f592;
+    --input-color: #37f592;
+    --link-color: #37f592;
+    --link-color-hover: #68ffff;
+    --case-color: #37f592;
+    --button-text-color: #37f592;
+    --button-text-color-hover: #000;
+    --button-color: #37f592;
+    --button-color2: #0C833D;
+    --button-color-hover: #68ffff;
+    --button-color2-hover: #68ffff;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --text-shadow: 0 0 8px;
+    --box-shadow: 0 0 15px;
+}

CSS/addons/unraid/login-page/alien/hallway.css

@@ -0,0 +1,22 @@
+@import url("https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/alien_base.css");
+:root {
+    --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
+    url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/wallpaper/hallway.jpg) center center/cover no-repeat fixed;
+    --logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
+    --text-color: #37f592;
+    --input-color: #37f592;
+    --link-color: #37f592;
+    --link-color-hover: #68ffff;
+    --case-color: #37f592;
+    --button-text-color: #37f592;
+    --button-text-color-hover: #000;
+    --button-color: #37f592;
+    --button-color2: #0C833D;
+    --button-color-hover: #68ffff;
+    --button-color2-hover: #68ffff;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --text-shadow: 0 0 8px;
+    --box-shadow: 0 0 15px;
+}

CSS/addons/unraid/login-page/alien/hallway2.css

@@ -0,0 +1,22 @@
+@import url("https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/alien_base.css");
+:root {
+    --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
+    url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed;
+    --logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
+    --text-color: #37f592;
+    --input-color: #37f592;
+    --link-color: #37f592;
+    --link-color-hover: #68ffff;
+    --case-color: #37f592;
+    --button-text-color: #37f592;
+    --button-text-color-hover: #000;
+    --button-color: #37f592;
+    --button-color2: #0C833D;
+    --button-color-hover: #68ffff;
+    --button-color2-hover: #68ffff;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --text-shadow: 0 0 8px;
+    --box-shadow: 0 0 15px;
+}

CSS/addons/unraid/login-page/alien/hallway3.css

@@ -0,0 +1,22 @@
+@import url("https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/alien_base.css");
+:root {
+    --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
+    url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/wallpaper/hallway3.jpg) center center/cover no-repeat fixed;
+    --logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
+    --text-color: #37f592;
+    --input-color: #37f592;
+    --link-color: #37f592;
+    --link-color-hover: #68ffff;
+    --case-color: #37f592;
+    --button-text-color: #37f592;
+    --button-text-color-hover: #000;
+    --button-color: #37f592;
+    --button-color2: #0C833D;
+    --button-color-hover: #68ffff;
+    --button-color2-hover: #68ffff;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --text-shadow: 0 0 8px;
+    --box-shadow: 0 0 15px;
+}

CSS/addons/unraid/login-page/alien/hallway4.css

@@ -0,0 +1,22 @@
+@import url("https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/alien_base.css");
+:root {
+    --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
+    url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/wallpaper/hallway4.jpg) center center/cover no-repeat fixed;
+    --logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
+    --text-color: #37f592;
+    --input-color: #37f592;
+    --link-color: #37f592;
+    --link-color-hover: #68ffff;
+    --case-color: #37f592;
+    --button-text-color: #37f592;
+    --button-text-color-hover: #000;
+    --button-color: #37f592;
+    --button-color2: #0C833D;
+    --button-color-hover: #68ffff;
+    --button-color2-hover: #68ffff;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --text-shadow: 0 0 8px;
+    --box-shadow: 0 0 15px;
+}

CSS/addons/unraid/login-page/alien/isolation.css

@@ -0,0 +1,22 @@
+@import url("https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/alien_base.css");
+:root {
+    --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
+    url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/wallpaper/isolation.png) center center/cover no-repeat fixed;
+    --logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
+    --text-color: #37f592;
+    --input-color: #37f592;
+    --link-color: #37f592;
+    --link-color-hover: #68ffff;
+    --case-color: #37f592;
+    --button-text-color: #37f592;
+    --button-text-color-hover: #000;
+    --button-color: #37f592;
+    --button-color2: #0C833D;
+    --button-color-hover: #68ffff;
+    --button-color2-hover: #68ffff;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --text-shadow: 0 0 8px;
+    --box-shadow: 0 0 15px;
+}

CSS/addons/unraid/login-page/alien/isolation_video.css

@@ -0,0 +1,21 @@
+@import url("https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/alien_base.css");
+:root {
+    --main-bg: transparent;
+    --logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
+    --text-color: #37f592;
+    --input-color: #37f592;
+    --link-color: #37f592;
+    --link-color-hover: #68ffff;
+    --case-color: #37f592;
+    --button-text-color: #37f592;
+    --button-text-color-hover: #000;
+    --button-color: #37f592;
+    --button-color2: #0C833D;
+    --button-color-hover: #68ffff;
+    --button-color2-hover: #68ffff;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --text-shadow: 0 0 8px;
+    --box-shadow: 0 0 15px;
+}

CSS/addons/unraid/login-page/alien/js/isolation.js

@@ -0,0 +1,6 @@
+// Adds a video background
+
+let video = `
+<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/assets.deathbybandaid.net\/theme.park\/ https:\/\/assets.deathbybandaid.net\/theme.park\/CSS\/addons\/unraid\/login-page\/alien\/video\/isolation.mp4" type="video\/mp4">Video not supported</video></div>
+`
+document.body.innerHTML += video

CSS/addons/unraid/login-page/alien/nightmare.css

@@ -0,0 +1,22 @@
+@import url("https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/alien_base.css");
+:root {
+    --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
+    url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/wallpaper/nightmare.png) center center/cover no-repeat fixed;
+    --logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_red.png) center no-repeat;
+    --text-color: #e22828;
+    --input-color: #e22828;
+    --link-color: #e22828;
+    --link-color-hover: #f07777;
+    --case-color: #e22828;
+    --button-text-color: #e22828;
+    --button-text-color-hover: #000;
+    --button-color: #e22828;
+    --button-color2: #e22828;
+    --button-color-hover: #db3232;
+    --button-color2-hover: #db3232;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --div-background-color-15: rgba(0, 0, 0, 0.55);
+    --text-shadow: 0 0 8px;
+    --box-shadow: 0 0 15px;
+}

CSS/addons/unraid/login-page/alien/retro-terminal/amber.css

@@ -3,12 +3,12 @@
 /*--body-after: #ffb52a33; /* This is the background that creates the crt lines, background uses a transparency of 20% */
 /*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
 
-@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
+@import url(https://assets.deathbybandaid.net/theme.park/CSS//addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
 :root {
 --main-bg-color:black;
 --body-before:#ffb52a1a;
 --body-after: #ffb52a33;
---logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromoyellow.png) center no-repeat;
+--logo: url(https://assets.deathbybandaid.net/theme.park/CSS//addons/unraid/login-page/alien/logo/nostromoyellow.png) center no-repeat;
 --text-color: #ffb52a;
 --input-color: #ffb52a;
 --link-color: #ffb52a;

CSS/addons/unraid/login-page/alien/retro-terminal/blue.css

@@ -3,12 +3,12 @@
 /*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */
 /*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
 
-@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
+@import url(https://assets.deathbybandaid.net/theme.park/CSS//addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
 :root {
 --main-bg-color:black;
 --body-before:#70d7f61a;
 --body-after: #70d7f633;
---logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromoblue.png) center no-repeat;
+--logo: url(https://assets.deathbybandaid.net/theme.park/CSS//addons/unraid/login-page/alien/logo/nostromoblue.png) center no-repeat;
 --text-color: #70d7f6;
 --input-color: #70d7f6;
 --link-color: #70d7f6;

CSS/addons/unraid/login-page/alien/retro-terminal/green.css

@@ -3,12 +3,12 @@
 /* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% */
 /* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
 
-@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
+@import url(https://assets.deathbybandaid.net/theme.park/CSS//addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
 :root {
 --main-bg-color:black;
 --body-before:#00ff771a;
 --body-after: #00ff7733;
---logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromogreen.png) center no-repeat;
+--logo: url(https://assets.deathbybandaid.net/theme.park/CSS//addons/unraid/login-page/alien/logo/nostromogreen.png) center no-repeat;
 --text-color: #37f592;
 --input-color: #37f592;
 --link-color: #37f592;

CSS/addons/unraid/login-page/alien/retro-terminal/red.css

@@ -3,12 +3,12 @@
 /*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */
 /*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
 
-@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
+@import url(https://assets.deathbybandaid.net/theme.park/CSS//addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
 :root {
 --main-bg-color: black;
 --body-before: #ff00001a;
 --body-after: #ff000033;
---logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromored.png) center no-repeat;
+--logo: url(https://assets.deathbybandaid.net/theme.park/CSS//addons/unraid/login-page/alien/logo/nostromored.png) center no-repeat;
 --text-color: #e22828;
 --input-color: #e22828;
 --link-color: #e22828;

CSS/addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css

@@ -20,7 +20,7 @@
     https://www.transparenttextures.com/patterns/gplay.png
     https://www.transparenttextures.com/patterns/simple-horizontal-light.png
     https://www.colourlovers.com/palette/3428762/Fallout?widths=1
-    
+
     https://codepen.io/meduzen/pen/zxbwRV
     https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES
     https://brennan.io/2017/06/14/alien-computer-card/
@@ -45,8 +45,8 @@ cp -p /usr/local/emhttp/login.php /usr/local/emhttp/login.php.backup
 
 #!/bin/bash \
 theme=green \
-sed -i -e '\@<style>@i\    <link rel="stylesheet" href="https:\/\/gilbn.github.io\/theme.park\/CSS\/addons\/unraid\/login-page\/alien\/retro-terminal\/"$theme".css">' /usr/local/emhttp/login.php 
-sed -i -e '\@</body>@i\    <script type="text/javascript" src="https:\/\/gilbn.github.io\/theme.park\/CSS\/addons\/unraid\/login-page\/alien\/retro-terminal\/js\/custom_text_header.js"></script>' /usr/local/emhttp/login.php
+sed -i -e '\@<style>@i\    <link rel="stylesheet" href="https:\/\/assets.deathbybandaid.net\/theme.park\/ https:\/\/assets.deathbybandaid.net\/theme.park\/CSS\/addons\/unraid\/login-page\/alien\/retro-terminal\/"$theme".css">' /usr/local/emhttp/login.php
+sed -i -e '\@</body>@i\    <script type="text/javascript" src="https:\/\/assets.deathbybandaid.net\/theme.park\/ https:\/\/assets.deathbybandaid.net\/theme.park\/CSS\/addons\/unraid\/login-page\/alien\/retro-terminal\/js\/custom_text_header.js"></script>' /usr/local/emhttp/login.php
 
 RESTORE
 cp /usr/local/emhttp/login.php.backup /usr/local/emhttp/login.php
@@ -250,7 +250,7 @@ h1 {
     background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
     background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
     background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
-    
+
 }
 #login .button:hover {
     color: var(--button-text-color-hover);
@@ -339,7 +339,7 @@ logo.angle {
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
   }
-  
+
   @keyframes blink {
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
@@ -367,18 +367,18 @@ logo.angle {
 
 /*
 
-                     __                             ___       __  
+                     __                             ___       __
    ____  ____  _____/ /__________  ____ ___  ____  / (_)___  / /__
   / __ \/ __ \/ ___/ __/ ___/ __ \/ __ `__ \/ __ \/ / / __ \/ //_/
- / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,<   
-/_/ /_/\____/____/\__/_/   \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|  
-                                                                 
+ / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,<
+/_/ /_/\____/____/\__/_/   \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|
+
 */
 /*
-<div class="custom-text-header"> <pre>                     __                             ___       __  
+<div class="custom-text-header"> <pre>                     __                             ___       __
    ____  ____  _____/ /__________  ____ ___  ____  / (_)___  / /__
   / __ \/ __ \/ ___/ __/ ___/ __ \/ __ '__ \/ __ \/ / / __ \/ //_/
- / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,&lt;   
-/_/ /_/\____/____/\__/_/   \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|  
+ / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,&lt;
+/_/ /_/\____/____/\__/_/   \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|
                                                                  </pre> </div>
 */

CSS/addons/unraid/login-page/alien/retro-terminal/temp.css

@@ -3,12 +3,12 @@
 /*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */
 /*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
 
-@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
+@import url(https://assets.deathbybandaid.net/theme.park/CSS//addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
 :root {
 --main-bg-color:black;
 --body-before:#70d7f61a;
 --body-after: #70d7f633;
---logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromo3.png) center no-repeat;
+--logo: url(https://assets.deathbybandaid.net/theme.park/CSS//addons/unraid/login-page/alien/logo/nostromo3.png) center no-repeat;
 --text-color: #ffffff;
 --input-color: #ffffff;
 --link-color: #ffffff;

CSS/addons/unraid/login-page/alien/retro-terminal/white.css

@@ -3,12 +3,12 @@
 /*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */
 /*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
 
-@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
+@import url(https://assets.deathbybandaid.net/theme.park/CSS//addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
 :root {
 --main-bg-color:black;
 --body-before:#70d7f61a;
 --body-after: #70d7f633;
---logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromo3.png) center no-repeat;
+--logo: url(https://assets.deathbybandaid.net/theme.park/CSS//addons/unraid/login-page/alien/logo/nostromo3.png) center no-repeat;
 --text-color: #ffffff;
 --input-color: #ffffff;
 --link-color: #ffffff;

CSS/addons/unraid/login-page/alien/scanner.css

@@ -0,0 +1,22 @@
+@import url("https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/alien_base.css");
+:root {
+    --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
+    url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/wallpaper/scanner.jpg) center center/cover no-repeat fixed;
+    --logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromogreen2.png) center no-repeat;
+    --text-color: #37f592;
+    --input-color: #37f592;
+    --link-color: #37f592;
+    --link-color-hover: #68ffff;
+    --case-color: #37f592;
+    --button-text-color: #37f592;
+    --button-text-color-hover: #000;
+    --button-color: #37f592;
+    --button-color2: #0C833D;
+    --button-color-hover: #68ffff;
+    --button-color2-hover: #68ffff;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --text-shadow: 0 0 8px;
+    --box-shadow: 0 0 15px;
+}

CSS/addons/unraid/login-page/custom_login.sh

@@ -0,0 +1,67 @@
+#!/bin/bash
+TYPE="retro-terminal"
+THEME="green.css"
+DOMAIN="theme-park.dev" #if you update the domain after the script has been run, You must disable and re enable JS or the whole theme.  
+ADD_JS="true"
+JS="custom_text_header.js"
+DISABLE_THEME="false"
+
+echo -e "Variables set:\\n\
+THEME         = ${THEME}\\n\
+DOMAIN        = ${DOMAIN}\\n\
+ADD_JS        = ${ADD_JS}\\n\
+JS            = ${JS}\\n\
+DISABLE_THEME = ${DISABLE_THEME}\\n"
+
+# Restore login.php
+if [ ${DISABLE_THEME} = "true" ]; then
+  echo "Restoring backup of login.php" 
+  cp -p /usr/local/emhttp/login.php.backup /usr/local/emhttp/login.php
+  exit 0
+fi
+
+# Backup login page if needed.
+if [ ! -f /usr/local/emhttp/login.php.backup ]; then
+  echo "Creating backup of login.php" 
+  cp -p /usr/local/emhttp/login.php /usr/local/emhttp/login.php.backup
+fi
+
+# Use correct domain style
+case ${DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    DOMAIN="${DOMAIN}\/theme.park"
+    ;;
+esac
+
+# Adding stylesheets
+if ! grep -q ${DOMAIN} /usr/local/emhttp/login.php; then
+  echo "Adding stylesheet"
+  sed -i -e "\@<style>@i\    <link rel='stylesheet' href='https://${DOMAIN}/css/addons/unraid/login-page/${TYPE}/${THEME}'>" /usr/local/emhttp/login.php
+  echo 'Stylesheet set to' ${THEME}
+fi
+
+# Adding/Removing javascript
+if [ ${ADD_JS} = "true" ]; then
+  if ! grep -q ${JS} /usr/local/emhttp/login.php; then
+    if grep -q "<script type='text/javascript' src='https://${DOMAIN}/css/addons/unraid/login-page/" /usr/local/emhttp/login.php; then
+      echo "Replacing Javascript"
+      sed -i "/<script type='text\/javascript' src='https:\/\/${DOMAIN}\/css\/addons\/unraid\/login-page/c <script type='text/javascript' src='https://${DOMAIN}/css/addons/unraid/login-page/${TYPE}/js/${JS}'></script>" /usr/local/emhttp/login.php
+    else
+      echo "Adding javascript"
+      sed -i -e "\@</body>@i\    <script type='text/javascript' src='https://${DOMAIN}/css/addons/unraid/login-page/${TYPE}/js/${JS}'></script>" /usr/local/emhttp/login.php
+    fi
+  fi
+else
+  if grep -q ${JS} /usr/local/emhttp/login.php; then
+    echo "Removing javascript.."
+    sed -i "/<script type='text\/javascript' src='https:\/\/${DOMAIN}\/css\/addons\/unraid\/login-page/d" /usr/local/emhttp/login.php
+  fi
+fi
+
+# Changing stylesheet
+if ! grep -q ${TYPE}"/"${THEME} /usr/local/emhttp/login.php; then
+  echo "Changing existing custom stylesheet.." 
+  sed -i "/<link rel='stylesheet' href='https:\/\/${DOMAIN}\/css\/addons\/unraid\/login-page/c <link rel='stylesheet' href='https://${DOMAIN}/css/addons/unraid/login-page/${TYPE}/${THEME}'>" /usr/local/emhttp/login.php
+  echo 'Stylesheet set to' ${THEME}
+fi

CSS/addons/unraid/login-page/fallout/custom.css

@@ -0,0 +1,218 @@
+@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
+@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap";
+@import "https://fonts.googleapis.com/css?family=VT323";
+:root {
+    --main-bg-color: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png), url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/6Ua3u8.jpg) center center/cover no-repeat fixed;
+    --logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/logo/vault.png) center no-repeat;
+    --text-color: #14F074;
+    --input-color: #14F074;
+    --link-color: #14F074;
+    --link-color-hover: #0C833D;
+    --case-color: #14F074;
+    --button-text-color: #14F074;
+    --button-text-color-hover: #FFFFFF;
+    --button-color: #14F074;
+    --button-color2: #0C833D;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
+
+    /* Replace the variables if you have a dark background  */
+    /* Light colors for dark backgrounds */
+    /*
+        --div-background-color-10: rgba(255, 255, 255, 0.1);
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
+        --div-background-color-25: rgba(255, 255, 255, 0.25);
+        --div-background-color-35: rgba(255, 255, 255, 0.35);
+    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    */
+}
+
+@media (max-width: 500px) {
+    #login {
+        -webkit-backdrop-filter: blur(0px);
+        backdrop-filter: blur(0px);
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        height: 100%;
+        width: 100%;
+        border-radius: none !important;
+    }
+    .background-wrap,#video-bg-elem  {display: none;}
+}
+
+html {
+    background: var(--main-bg-color) !important;
+}
+body {
+    background: var(--main-bg-color) !important;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+}
+@media only screen and (max-width: 768px) {
+    #login {
+        min-width: 300px;
+    }
+}
+/*FOR VIDEO BACKGROUND*/
+.background-wrap {
+    position: fixed;
+    z-index: -1000;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    top: 0;
+    left: 0;
+}
+#video-bg-elem {
+    position: absolute;
+    top: 0;
+    left: 0;
+    min-height: 100%;
+    min-width: 100%;
+}
+/*TEXT COLOR*/
+#login h1,
+#login h2,
+#login .error {
+    color: var(--text-color) !important;
+}
+#login a {
+    color: var(--link-color);
+}
+#login a:hover {
+    color: var(--link-color-hover);
+}
+#login input {
+    color: var(--input-color);
+}
+#login ::placeholder {
+    color: var(--input-color);
+}
+#login ::-webkit-input-placeholder {
+    color: var(--input-color);
+}
+#login ::-moz-placeholder {
+    color: var(--input-color);
+}
+#login :-ms-input-placeholder {
+    color: var(--input-color);
+}
+#login :-moz-placeholder {
+    color: var(--input-color);
+}
+#login input:focus::-webkit-input-placeholder {
+    color: transparent !important;
+}
+#login input:focus:-moz-placeholder {
+    color: transparent !important;
+}
+#login input:focus::-moz-placeholder {
+    color: transparent !important;
+}
+#login input:focus:-ms-input-placeholder {
+    color: transparent !important;
+}
+
+/*TEXT FONT*/
+#login h1,
+#login h2,
+#login a,
+#login .button,
+#login .error {
+    font-family: var(--text-font);
+}
+
+/* CASE COLOR */
+#login [class^='case-'],
+#login [class*=' case-'] {
+    font-family: cases!important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    color: var(--case-color);
+}
+/*INPUT FORMS*/
+#login [type=text],
+#login [type=password] {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 2px solid transparent;
+    text-transform: uppercase;
+    border-radius: 5px;
+}
+#login [type=text]:active,
+#login [type=text]:focus,
+#login [type=password]:active,
+#login [type=password]:focus {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 2px solid transparent;
+    text-transform: uppercase;
+
+}
+
+
+/*BUTTON*/
+#login .button {
+    color: var(--button-text-color);
+    background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
+    background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
+}
+#login .button:hover {
+    color: var(--button-text-color-hover);
+    background-color: var(--button-color);
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color)));
+    background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color));
+}
+
+
+#login {
+    background: var(--div-background-color-15) !important;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    padding-top: 1rem;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%) !;
+    -ms-transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
+    margin: 0 !important;
+    text-transform: uppercase;
+    min-width: 300px;
+}
+
+#login .angle:after {
+    display: none;
+}
+#login .wordmark {
+    display: none;
+}
+
+#login .logo {
+    background: var(--logo);
+    background-size: contain;
+    padding: 2rem;
+    border-radius: 0;
+    margin: 0rem 1rem 0rem 1rem;
+}
+#login .error {
+    animation-name: shake;
+    animation-duration: .8s;
+}

CSS/addons/unraid/login-page/fallout/dirty_terminal.css

@@ -0,0 +1,28 @@
+@import url("https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/fallout_base.css");
+:root {
+    --main-bg-color: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),
+    url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;
+    --logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
+    --text-color: #14F074;
+    --input-color: #14F074;
+    --link-color: #14F074;
+    --link-color-hover: #0C833D;
+    --case-color: #14F074;
+    --button-text-color: #14F074;
+    --button-text-color-hover: #FFFFFF;
+    --button-color: #14F074;
+    --button-color2: #0C833D;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
+
+    /* Replace the variables if you have a dark background  */
+    /* Light colors for dark backgrounds */
+    /*
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
+    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    */
+}

CSS/addons/unraid/login-page/fallout/dirty_terminal2.css

@@ -0,0 +1,28 @@
+@import url("https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/fallout_base.css");
+:root {
+    --main-bg-color: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),
+    url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;
+    --logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
+    --text-color: #14F074;
+    --input-color: #14F074;
+    --link-color: #14F074;
+    --link-color-hover: #0C833D;
+    --case-color: #14F074;
+    --button-text-color: #14F074;
+    --button-text-color-hover: #FFFFFF;
+    --button-color: #14F074;
+    --button-color2: #0C833D;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
+
+    /* Replace the variables if you have a dark background  */
+    /* Light colors for dark backgrounds */
+    /*
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
+    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    */
+}

CSS/addons/unraid/login-page/fallout/fallout.css

@@ -2,8 +2,8 @@
 @import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap";
 @import "https://fonts.googleapis.com/css?family=VT323";
 :root {
-    --main-bg-color: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png), url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/6Ua3u8.jpg) center center/cover no-repeat fixed;
-    --logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/fallout/logo/vault.png) center no-repeat;
+    --main-bg-color: url(https://assets.deathbybandaid.net/theme.park/CSS//addons/unraid/login-page/fallout/wallpaper/rocky-wall.png), url(https://assets.deathbybandaid.net/theme.park/CSS//addons/unraid/login-page/fallout/wallpaper/6Ua3u8.jpg) center center/cover no-repeat fixed;
+    --logo: url(https://assets.deathbybandaid.net/theme.park/CSS//addons/unraid/login-page/fallout/logo/vault.png) center no-repeat;
     --text-color: #14F074;
     --input-color: #14F074;
     --link-color: #14F074;

CSS/addons/unraid/login-page/fallout/fallout_base.css

@@ -0,0 +1,195 @@
+@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
+@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap";
+@import "https://fonts.googleapis.com/css?family=VT323";
+
+
+* {
+    outline: none;
+}
+
+@media (max-width: 500px) {
+    #login {
+        -webkit-backdrop-filter: blur(0px);
+        backdrop-filter: blur(0px);
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        height: 100%;
+        width: 100%;
+        border-radius: none !important;
+    }
+    .background-wrap,#video-bg-elem  {display: none;}
+}
+
+html {
+    background: var(--main-bg-color) !important;
+}
+body {
+    background: var(--main-bg-color) !important;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+}
+@media only screen and (max-width: 768px) {
+    #login {
+        min-width: 300px;
+    }
+}
+/*FOR VIDEO BACKGROUND*/
+.background-wrap {
+    position: fixed;
+    z-index: -1000;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    top: 0;
+    left: 0;
+}
+#video-bg-elem {
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 1;
+}
+/*TEXT COLOR*/
+#login h1,
+#login h2,
+#login .error {
+    color: var(--text-color) !important;
+}
+#login a {
+    color: var(--link-color);
+}
+#login a:hover {
+    color: var(--link-color-hover);
+}
+#login input {
+    color: var(--input-color);
+}
+#login ::placeholder {
+    color: var(--input-color);
+}
+#login ::-webkit-input-placeholder {
+    color: var(--input-color);
+}
+#login ::-moz-placeholder {
+    color: var(--input-color);
+}
+#login :-ms-input-placeholder {
+    color: var(--input-color);
+}
+#login :-moz-placeholder {
+    color: var(--input-color);
+}
+#login input:focus::-webkit-input-placeholder {
+    color: transparent !important;
+}
+#login input:focus:-moz-placeholder {
+    color: transparent !important;
+}
+#login input:focus::-moz-placeholder {
+    color: transparent !important;
+}
+#login input:focus:-ms-input-placeholder {
+    color: transparent !important;
+}
+
+/*TEXT FONT*/
+#login h1,
+#login h2,
+#login a,
+#login .button,
+#login .error {
+    font-family: var(--text-font);
+}
+
+/* CASE COLOR */
+#login [class^='case-'],
+#login [class*=' case-'] {
+    font-family: cases!important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    color: var(--case-color);
+}
+/*INPUT FORMS*/
+#login [type=text],
+#login [type=password] {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 2px solid transparent;
+    text-transform: uppercase;
+    border-radius: 5px;
+}
+#login [type=text]:active,
+#login [type=text]:focus,
+#login [type=password]:active,
+#login [type=password]:focus {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 2px solid transparent;
+    text-transform: uppercase;
+
+}
+
+
+/*BUTTON*/
+#login .button {
+    color: var(--button-text-color);
+    background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
+    background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
+}
+#login .button:hover {
+    color: var(--button-text-color-hover);
+    background-color: var(--button-color);
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color)));
+    background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color));
+}
+
+
+#login {
+    background: var(--div-background-color-15) !important;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    padding-top: 1rem;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%) !;
+    -ms-transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
+    margin: 0 !important;
+    text-transform: uppercase;
+    min-width: 300px;
+}
+
+#login .angle:after {
+    display: none;
+}
+#login .wordmark {
+    display: none;
+}
+
+#login .logo {
+    background: var(--logo);
+    background-size: contain;
+    padding: 2rem;
+    border-radius: 0;
+    margin: 0rem 1rem 0rem 1rem;
+}
+#login .error {
+    animation-name: shake;
+    animation-duration: .8s;
+}

CSS/addons/unraid/login-page/fallout/fallout_video.css

@@ -0,0 +1,35 @@
+@import url("https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/fallout_base.css");
+:root {
+    --main-bg-color: transparent;
+    --logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
+    --text-color: #14F074;
+    --input-color: #14F074;
+    --link-color: #14F074;
+    --link-color-hover: #0C833D;
+    --case-color: #14F074;
+    --button-text-color: #14F074;
+    --button-text-color-hover: #FFFFFF;
+    --button-color: #14F074;
+    --button-color2: #0C833D;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;
+    --div-background-color-15: #0ea85118;
+
+    /* Replace the variables if you have a dark background  */
+    /* Light colors for dark backgrounds */
+    /*
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
+    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    */
+}
+@media (max-width: 500px) {
+    body {
+        background: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed !important;
+    }
+    :root {
+        --div-background-color-15: transparent; 
+    }
+}

CSS/addons/unraid/login-page/fallout/js/please_stand_by.js

@@ -0,0 +1,7 @@
+// Adds a video background
+// Source: https://www.youtube.com/watch?v=ehvduomE0AU
+
+let video = `
+<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/assets.deathbybandaid.net\/theme.park\/ https:\/\/assets.deathbybandaid.net\/theme.park\/CSS\/addons\/unraid\/login-page\/fallout\/video\/please_stand_by.mp4" type="video\/mp4">Video not supported</video></div>
+`
+document.body.innerHTML += video

CSS/addons/unraid/login-page/fallout/js/vault-tec-crt.js

@@ -0,0 +1,7 @@
+// Adds a video background
+// Source: https://steamcommunity.com/sharedfiles/filedetails/?id=920035918
+
+let video = `
+<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/assets.deathbybandaid.net\/theme.park\/ https:\/\/assets.deathbybandaid.net\/theme.park\/CSS\/addons\/unraid\/login-page\/fallout\/video\/VaultTecCRTLoop.mp4" type="video\/mp4">Video not supported</video></div>
+`
+document.body.innerHTML += video;

CSS/addons/unraid/login-page/fallout/js/vault-tec-crt_no-scanline.js

@@ -0,0 +1,7 @@
+// Adds a video background
+// Source: https://www.youtube.com/watch?v=ehvduomE0AU
+
+let video = `
+<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/assets.deathbybandaid.net\/theme.park\/ https:\/\/assets.deathbybandaid.net\/theme.park\/CSS\/addons\/unraid\/login-page\/fallout\/video\/VaultTecCRTLoopNoScanline.mp4" type="video\/mp4">Video not supported</video></div>
+`
+document.body.innerHTML += video

CSS/addons/unraid/login-page/fallout/terminal.css

@@ -0,0 +1,27 @@
+@import url("https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/fallout_base.css");
+:root {
+    --main-bg-color: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;
+    --logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
+    --text-color: #14F074;
+    --input-color: #14F074;
+    --link-color: #14F074;
+    --link-color-hover: #0C833D;
+    --case-color: #14F074;
+    --button-text-color: #14F074;
+    --button-text-color-hover: #FFFFFF;
+    --button-color: #14F074;
+    --button-color2: #0C833D;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
+
+    /* Replace the variables if you have a dark background  */
+    /* Light colors for dark backgrounds */
+    /*
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
+    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    */
+}

CSS/addons/unraid/login-page/fallout/terminal2.css

@@ -0,0 +1,27 @@
+@import url("https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/fallout_base.css");
+:root {
+    --main-bg-color: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;
+    --logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
+    --text-color: #14F074;
+    --input-color: #14F074;
+    --link-color: #14F074;
+    --link-color-hover: #0C833D;
+    --case-color: #14F074;
+    --button-text-color: #14F074;
+    --button-text-color-hover: #FFFFFF;
+    --button-color: #14F074;
+    --button-color2: #0C833D;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
+
+    /* Replace the variables if you have a dark background  */
+    /* Light colors for dark backgrounds */
+    /*
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
+    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    */
+}

CSS/addons/unraid/login-page/retro-terminal/amber.css

@@ -0,0 +1,33 @@
+/*_____________________AMBER_THEME______________________*/
+/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+
+@import url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
+:root {
+--main-bg-color:black;
+--body-before:#ffb52a1a;
+--body-after: #ffb52a33;
+--body-animation: flicker;
+--logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_yellow.png) center no-repeat;
+--text-color: #ffb52a;
+--input-color: #ffb52a;
+--link-color: #ffb52a;
+--link-color-hover: #ff6868;
+--case-color: #ffb52a;
+--button-text-color: #ffb52a;
+--button-text-color-hover: #000;
+--button-color: #ffb52a;
+--button-color-hover: #ff6868;
+--selection-color: #ff6868;
+--custom-text-header:#ffb52a;
+--custom-text-header-shadow:#ffb52a;
+--custom-text-header-animation: textflicker;
+--input-font: 'Share Tech Mono', monospace;
+--text-font: 'Share Tech Mono', monospace;
+--loginbox-background-color: transparent;
+--text-shadow: 0 0 8px;
+--text-shadow-color: #ffb52a;
+--box-shadow: 0 0 15px;
+}

CSS/addons/unraid/login-page/retro-terminal/blue.css

@@ -0,0 +1,33 @@
+/*_____________________BLUE_THEME______________________*/
+/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+
+@import url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
+:root {
+--main-bg-color:black;
+--body-before:#70d7f61a;
+--body-after: #70d7f633;
+--body-animation: flicker;
+--logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_blue.png) center no-repeat;
+--text-color: #70d7f6;
+--input-color: #70d7f6;
+--link-color: #70d7f6;
+--link-color-hover: #8f2809;
+--case-color: #70d7f6;
+--button-text-color: #70d7f6;
+--button-text-color-hover: #000;
+--button-color: #70d7f6;
+--button-color-hover: #8f2809;
+--selection-color: #8f2809;
+--custom-text-header:#70d7f6;
+--custom-text-header-shadow:#70d7f6;
+--custom-text-header-animation: textflicker;
+--input-font: 'Share Tech Mono', monospace;
+--text-font: 'Share Tech Mono', monospace;
+--loginbox-background-color: transparent;
+--text-shadow: 0 0 8px;
+--text-shadow-color: #70d7f6;
+--box-shadow: 0 0 15px;
+}

CSS/addons/unraid/login-page/retro-terminal/custom.css

@@ -0,0 +1,33 @@
+/*_____________________CUSTOM_THEME______________________*/
+/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+
+@import url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
+:root {
+--main-bg-color:black;
+--body-before:#70d7f61a;
+--body-after: #70d7f633;
+--body-animation: flicker;
+--logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png) center no-repeat;
+--text-color: #ffffff;
+--input-color: #ffffff;
+--link-color: #ffffff;
+--link-color-hover: #8f2809;
+--case-color: #ffffff;
+--button-text-color: #ffffff;
+--button-text-color-hover: #000;
+--button-color: #ffffff;
+--button-color-hover: #af0606;
+--selection-color: #8f2809;
+--custom-text-header:#ffffff;
+--custom-text-header-shadow:#ffffff;
+--custom-text-header-animation: textflicker;
+--input-font: 'Share Tech Mono', monospace;
+--text-font: 'Share Tech Mono', monospace;
+--loginbox-background-color: transparent;
+--text-shadow: 0 0 8px;
+--text-shadow-color: #ffffff;
+--box-shadow: 0 0 15px;
+}

CSS/addons/unraid/login-page/retro-terminal/green.css

@@ -0,0 +1,33 @@
+/*_____________________GREEN_THEME______________________*/
+/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+
+@import url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
+:root {
+--main-bg-color:black;
+--body-before:#00ff771a;
+--body-after: #00ff7733;
+--body-animation: flicker;
+--logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
+--text-color: #37f592;
+--input-color: #37f592;
+--link-color: #37f592;
+--link-color-hover: #68ffff;
+--case-color: #37f592;
+--button-text-color: #37f592;
+--button-text-color-hover: #000;
+--button-color: #37f592;
+--button-color-hover: #68ffff;
+--selection-color: #68ffff;
+--custom-text-header:#37f592;
+--custom-text-header-shadow:#37f592;
+--custom-text-header-animation: textflicker;
+--input-font: 'Share Tech Mono', monospace;
+--text-font: 'Share Tech Mono', monospace;
+--loginbox-background-color: transparent;
+--text-shadow: 0 0 8px;
+--text-shadow-color: #37f592;
+--box-shadow: 0 0 15px;
+}

CSS/addons/unraid/login-page/retro-terminal/js/custom_text_header.js

@@ -0,0 +1,16 @@
+
+ //Custom Text Header //
+ // ACSII slant font
+
+// Needs to be inside <section id="login" class="shadow">
+// YOU MUST ESCAPE ANY SINGLE BACKSLASHES LIKE SO: \\
+
+let custom_text_header = `
+<div class="custom-text-header"> <pre>                     __                             ___       __  
+   ____  ____  _____/ /__________  ____ ___  ____  / (_)___  / /__
+  / __ \\/ __ \\/ ___/ __/ ___/ __ \\/ __ '__ \\/ __ \\/ / / __ \\/ //_/
+ / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,&lt;   
+/_/ /_/\\____/____/\\__/_/   \\____/_/ /_/ /_/\\____/_/_/_/ /_/_/|_|  
+                                                                 </pre> </div>
+`;
+document.getElementById("login").innerHTML += custom_text_header

CSS/addons/unraid/login-page/retro-terminal/red.css

@@ -0,0 +1,33 @@
+/*_____________________RED_THEME______________________*/
+/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+
+@import url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
+:root {
+--main-bg-color: black;
+--body-before: #ff00001a;
+--body-after: #ff000033;
+--body-animation: flicker;
+--logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_red.png) center no-repeat;
+--text-color: #e22828;
+--input-color: #e22828;
+--link-color: #e22828;
+--link-color-hover: #ffffff;
+--case-color: #e22828;
+--button-text-color: #e22828;
+--button-text-color-hover: #000;
+--button-color: #e22828;
+--button-color-hover: #ffffff;
+--selection-color: #ffffff;
+--custom-text-header: #e22828;
+--custom-text-header-shadow: #e22828;
+--custom-text-header-animation: textflicker;
+--input-font: 'Share Tech Mono', monospace;
+--text-font: 'Share Tech Mono', monospace;
+--loginbox-background-color: transparent;
+--text-shadow: 0 0 8px;
+--text-shadow-color: #e22828;
+--box-shadow: 0 0 15px;
+}

CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css

@@ -0,0 +1,362 @@
+@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
+@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap";
+@import "https://fonts.googleapis.com/css?family=VT323";
+
+/*___FONTS___*/
+/* 'VT323', 'Share Tech Mono' */
+    /* Replace the variables if you have a dark background  */
+    /* Light colors for dark backgrounds */
+    /*
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
+
+    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    
+    https://codepen.io/meduzen/pen/zxbwRV
+    https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES
+    https://brennan.io/2017/06/14/alien-computer-card/
+    https://www.cssmatic.com/noise-texture
+
+    https://codepen.io/somethingformed/pen/raWJXV
+
+
+    ============ SOURCES =============
+    https://github.com/brenns10/alien-console
+    https://github.com/Swordfish90/cool-retro-term
+    https://github.com/andersevenrud/retro-css-shell-demo CRT INTERLACE
+    https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES
+    https://codepen.io/patrickhlauke/pen/YaoBop TEXT FLIKER
+
+    */
+
+
+* {
+    outline: none;
+}
+
+@media (max-width: 500px) {
+    #login {
+        -webkit-backdrop-filter: blur(0px);
+        backdrop-filter: blur(0px);
+        position: absolute;
+        padding-top: 0rem !important;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        height: 100%;
+        width: 100%;
+        border-radius: none !important;
+    }
+    .background-wrap,#video-bg-elem,.custom-text-header  {display: none;}
+    #login {
+        border:none !important;
+    }
+}
+
+html {background: var(--main-bg-color) !important;}
+body {background: var(--main-bg-color) !important;}
+/* CRT SCREEN FLICKER*/
+body::before {
+    content: "";
+    background: radial-gradient(ellipse at center,var(--body-before) 0,rgb(0, 0, 0) 100%) !important;
+    background-repeat: repeat-y !important;
+    background-size: 100% 4px !important;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+    animation: var(--body-animation) 0.01s infinite;
+    pointer-events: none;
+}
+/* CRT BACKGROUND WITH LINES*/
+body::after {
+    content: "";
+    background: radial-gradient(ellipse at center,var(--body-after) 0,rgba(0, 0, 0, 0.6) 80%) center center/cover no-repeat fixed, linear-gradient(#0000 0%,#0000 0%) !important;
+    background-repeat: repeat-y !important;
+    background-size: 100% 4px !important;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+    pointer-events: none;
+}
+
+@keyframes flicker {0% {opacity: 0.37633;}5% {opacity: 0.70002;}10% {opacity: 0.64427;}15% {opacity: 0.35591;}20% {opacity: 0.34054;}25% {opacity: 0.54917;}30% {opacity: 0.41056;}35% {opacity: 0.67637;}40% {opacity: 0.23681;}45% {opacity: 0.64945;}50% {opacity: 0.67522;}55% {opacity: 0.56049;}60% {opacity: 0.06113;}65% {opacity: 0.95766;}70% {opacity: 0.77945;}75% {opacity: 0.33817;}80% {opacity: 0.19735;}85% {opacity: 0.84337;}90% {opacity: 0.82867;}95% {opacity: 0.65512;}100% {opacity: 0.15179;}}
+
+@media only screen and (max-width: 768px) {
+    #login {
+        min-width: 300px;
+    }
+}
+/*FOR VIDEO BACKGROUND*/
+.background-wrap {
+    position: fixed;
+    z-index: -1000;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    top: 0;
+    left: 0;
+}
+#video-bg-elem {
+    position: absolute;
+    top: 0;
+    left: 0;
+    min-height: 100%;
+    min-width: 100%;
+}
+/*TEXT COLOR*/
+#login h1,
+#login h2,
+#login .error {
+    color: var(--text-color) !important;
+    text-shadow: var(--text-shadow) var(--text-shadow-color);
+}
+#login a {
+    color: var(--link-color);
+    text-shadow: var(--text-shadow) var(--text-shadow-color);
+}
+#login a:hover {
+    color: var(--link-color-hover);
+    text-shadow: var(--text-shadow) var(--text-shadow-color);
+}
+#login input {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-shadow-color);
+}
+#login ::placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-shadow-color);
+}
+#login ::-webkit-input-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-shadow-color);
+}
+#login ::-moz-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-shadow-color);
+}
+#login :-ms-input-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-shadow-color);
+}
+#login :-moz-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-shadow-color);
+}
+#login input:focus::-webkit-input-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+#login input:focus:-moz-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+#login input:focus::-moz-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+#login input:focus:-ms-input-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+
+/*TEXT FONT*/
+#login h1,
+#login h2,
+#login a,
+#login .button,
+#login .error {
+    font-family: var(--text-font);
+    -webkit-font-smoothing: none;
+    line-height: 1.2;
+}
+h1 {
+    font-size: 3em;
+    margin: 0;
+}
+
+/* CASE COLOR */
+#login [class^='case-'],
+#login [class*=' case-'] {
+    font-family: cases!important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    color: var(--case-color);
+    text-shadow: var(--text-shadow) var(--text-shadow-color);
+}
+/*INPUT FORMS*/
+#login [type=text],
+#login [type=password] {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 2px solid transparent;
+    text-transform: uppercase;
+    border-radius: 0px;
+    border: 3px solid var(--text-color);
+    color: var(--text-color);
+}
+#login [type=text]:active,
+#login [type=text]:focus,
+#login [type=password]:active,
+#login [type=password]:focus {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    text-transform: uppercase;
+}
+
+
+
+/*BUTTON*/
+#login .button {
+    color: var(--button-text-color);
+    text-shadow: var(--text-shadow) var(--text-shadow-color);
+    background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
+    background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
+    
+}
+#login .button:hover {
+    color: var(--button-text-color-hover);
+    text-shadow: var(--text-shadow) var(--button-color-hover);
+    box-shadow: var(--box-shadow) var(--button-color-hover);
+    background-color: var(--button-color-hover);
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color-hover)), to(var(--button-color-hover)));
+    background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover));
+}
+
+/*LOGIN ID*/
+#login {
+    background: var(--loginbox-background-color) !important;
+    padding-top: 1rem;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
+    margin: 0 !important;
+    text-transform: uppercase;
+    min-width: 300px;
+    border-radius: 0px !important;
+    border: 3px dashed var(--text-color);
+}
+#login .angle::after {
+    display:none;
+}
+#login .wordmark svg {
+    display: none;
+}
+#login .logo {
+    background: var(--logo);
+    background-size: contain;
+    padding: 2rem;
+    border-radius: 0;
+    margin: 0rem 1rem 0rem 1rem;
+}
+logo.angle {
+    -webkit-box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
+    box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
+    border-radius: 0px !important;
+}
+#login .error {
+    animation-name: shake;
+    animation-duration: .7s;
+}
+
+/*CUSTOM HEADER*/
+.custom-text-header {
+    white-space: pre;
+    letter-spacing: 2px;
+    font-family: var(--text-font);
+    -webkit-font-smoothing: none;
+    font-weight: 900;
+    line-height: 1.5;
+    color: var(--custom-text-header) !important;
+    text-shadow: 0 0 20px var(--custom-text-header-shadow);
+    position: absolute;
+    left: 50%;
+    top: -15%;
+    transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
+    animation-duration: 0.01s;
+    animation-name: var(--custom-text-header-animation);
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+    font-weight: 900;
+}
+.custom-text-header:after {
+    content: "";
+    position: absolute;
+    top: 135px;
+    right: -15px;
+    background-color: var(--custom-text-header);
+    vertical-align: top;
+    width: 20px;
+    height: 2px;
+    -webkit-animation: blink 1s step-end infinite;
+    animation: blink 1s step-end infinite;
+}
+@-webkit-keyframes blink {
+    0% { opacity: 1.0; }
+    50% { opacity: 0.0; }
+    100% { opacity: 1.0; }
+  }
+  
+  @keyframes blink {
+    0% { opacity: 1.0; }
+    50% { opacity: 0.0; }
+    100% { opacity: 1.0; }
+  }
+
+  @keyframes textflicker {
+    from {
+      text-shadow: 1px 0 0 #ea36af, -2px 0 0 #75fa69;
+      border: 10px 0 0 #ea36af, -2px 0 0 #75fa69;
+    }
+    to {
+      text-shadow: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69;
+      border: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69;
+    }
+  }
+
+  ::selection {
+    background: var(--selection-color); /* WebKit/Blink Browsers */
+  }
+  ::-moz-selection {
+    background: var(--selection-color); /* Gecko Browsers */
+  }
+
+
+/*
+
+                     __                             ___       __  
+   ____  ____  _____/ /__________  ____ ___  ____  / (_)___  / /__
+  / __ \/ __ \/ ___/ __/ ___/ __ \/ __ `__ \/ __ \/ / / __ \/ //_/
+ / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,<   
+/_/ /_/\____/____/\__/_/   \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|  
+                                                                 
+*/
+/*
+<div class="custom-text-header"> <pre>                     __                             ___       __  
+   ____  ____  _____/ /__________  ____ ___  ____  / (_)___  / /__
+  / __ \/ __ \/ ___/ __/ ___/ __ \/ __ '__ \/ __ \/ / / __ \/ //_/
+ / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,&lt;   
+/_/ /_/\____/____/\__/_/   \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|  
+                                                                 </pre> </div>
+*/

CSS/addons/unraid/login-page/retro-terminal/white.css

@@ -0,0 +1,33 @@
+/*_____________________WHITE_THEME______________________*/
+/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+
+@import url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
+:root {
+--main-bg-color:black;
+--body-before:#70d7f61a;
+--body-after: #70d7f633;
+--body-animation: flicker;
+--logo: url(https://assets.deathbybandaid.net/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png) center no-repeat;
+--text-color: #ffffff;
+--input-color: #ffffff;
+--link-color: #ffffff;
+--link-color-hover: #af0606;
+--case-color: #ffffff;
+--button-text-color: #ffffff;
+--button-text-color-hover: #000;
+--button-color: #ffffff;
+--button-color-hover: #af0606;
+--selection-color: #8f2809;
+--custom-text-header:#ffffff;
+--custom-text-header-shadow:#ffffff;
+--custom-text-header-animation: textflicker;
+--input-font: 'Share Tech Mono', monospace;
+--text-font: 'Share Tech Mono', monospace;
+--loginbox-background-color: transparent;
+--text-shadow: 0 0 8px;
+--text-shadow-color: #000000;
+--box-shadow: 0 0 15px;
+}

CSS/base/adguard/adguard-base.css

@@ -0,0 +1,677 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://assets.deathbybandaid.net/theme.park			 */
+
+@import url("https://assets.deathbybandaid.net/theme.park/CSS/defaults/placeholders.css");
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text) !important;
+}
+
+/* Scrollbar */
+@media only screen and (min-width: 768px) {
+    html {
+        height: 100%;
+        width: 100%;
+    }
+
+    body {
+        overflow-y: auto;
+        height: 100%;
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+body *::-webkit-scrollbar-thumb {
+    background: hsla(0, 0%, 100%, .2);
+}
+
+body *:hover::-webkit-scrollbar-thumb {
+    background: hsla(0, 0%, 100%, 0.4);
+}
+
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .2);
+    background-clip: padding-box;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .5);
+    background-clip: padding-box;
+}
+
+/* TEXT */
+
+a {
+    color: var(--link-color)
+}
+
+a:hover {
+    color: var(--link-color-hover);
+}
+
+a:-webkit-any-link:focus {
+    outline: none;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+    color: var(--text-hover)
+}
+
+/* LOGIN PAGE */
+
+.login .login__form .text-center .h-6 {
+    filter: invert(1);
+}
+
+.login__form .card {
+    background: rgba(0, 0, 0, 0.08);
+    border: 1px solid rgb(0 0 0 / 0.08);
+}
+
+.login .btn-success:hover {
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+.login .btn-link {
+    color: var(--button-text);
+}
+
+.login .btn-link:hover {
+    color: var(--button-text-hover);
+}
+
+.form__message--error {
+    color: #F44336;
+}
+
+/* HEADER */
+.header {
+    background: transparent;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
+}
+
+.header-brand-img {
+    filter: invert(1);
+}
+
+.header .btn-outline-secondary {
+    color: var(--button-text);
+    background: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.header .btn-outline-secondary:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+}
+
+.nav-tabs .nav-link.active {
+    border-color: rgb(var(--accent-color));
+    color: rgb(var(--accent-color));
+    background: transparent;
+}
+
+.header .nav-tabs .nav-link.active:hover {
+    border-color: var(--accent-color-hover) !important;
+    color: var(--accent-color-hover) !important;
+}
+
+.header a:not([href]):not([tabindex]) {
+    color: var(--text);
+    text-decoration: none;
+}
+
+.header .nav-tabs {
+    color: var(--text);
+}
+
+.header .nav-tabs .nav-link:hover:not(.disabled) {
+    border-color: var(--text-hover);
+    color: var(--text-hover);
+}
+
+/* FOOTER */
+.footer {
+    background: rgba(0, 0, 0, 0.08);
+    border-top: 1px solid rgba(255, 255, 255, 0.03);
+    color: var(--text);
+}
+
+.footer a:not(.btn) {
+    color: var(--link-color);
+}
+
+.footer a:not(.btn):hover {
+    color: var(--link-color-hover);
+}
+
+.footer .btn-outline-primary {
+    color: var(--button-color);
+    background-color: transparent;
+    background-image: none;
+    border-color: var(--button-color);
+}
+
+.footer .btn-outline-primary:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+/* MAIN PAGE */
+.header__row .mobile-menu {
+    background-color: transparent;
+}
+
+/* BUTTONS */
+.container .btn-outline-primary {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    background-image: none;
+    border-color: var(--button-color);
+}
+
+.container .btn-outline-primary:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.tooltip-container {
+    background: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+.tooltip-custom__container .button-action--arrow-option:not(:disabled):hover {
+    cursor: pointer;
+    background: rgb(0 0 0 / 0.15);
+    overflow: hidden;
+}
+
+.toast--success {
+    background-color: rgba(90, 173, 99, 0.75);
+}
+
+/* CARDS*/
+.card {
+    background-color: rgb(0 0 0 / 8%);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    color: var(--text);
+}
+
+.card-header .card-title {
+    color: rgb(var(--accent-color));
+}
+
+.tooltip-custom__container {
+    background: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+.tooltip-custom__content-link {
+    color: var(--link-color);
+}
+
+.card-wrap,
+.card-title-stats {
+    color: inherit;
+}
+
+.card-title-stats a {
+    text-decoration: underline;
+}
+
+.card-title-stats a:hover {
+    text-decoration: underline;
+    color: var(--accent-color-hover);
+}
+
+.card .icon--lightgray {
+    color: var(--text);
+}
+
+.card .logs__text {
+    color: var(--text);
+}
+
+.card .button__action {
+    background-color: transparent;
+}
+
+.card .btn-outline-danger {
+    color: #F44336;
+    background-color: transparent;
+    background-image: none;
+    border-color: #F44336;
+}
+
+.btn-outline-danger:hover {
+    color: #fff;
+    background-color: #F44336;
+    border-color: #F44336;
+}
+
+.btn-icon--green,
+.icon--green {
+    color: var(--button-color);
+}
+
+/* DROPDOWNS */
+.dropdown-menu {
+    color: var(--text);
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    background-clip: padding-box;
+    border: 1px solid rgba(0, 40, 100, 0.12);
+    border-radius: 3px;
+}
+
+.dropdown-item {
+    color: var(--text);
+}
+
+.dropdown-item:hover,
+.dropdown-item:focus {
+    color: var(--text-hover);
+    text-decoration: none;
+    background-color: rgb(255 255 255 / 0.08);
+}
+
+.select__menu {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .5);
+}
+
+.select__option:hover {
+    background: rgba(255, 255, 255, .08) !important;
+}
+
+.select__option {
+    background: rgba(0, 0, 0, 0) !important;
+    border-bottom: solid rgba(255, 255, 255, .1) 1px;
+}
+
+.select__multi-value__remove {
+    color: black;
+}
+
+.basic-multi-select .select__control--is-focused,
+.basic-multi-select .select__control--is-focused:hover {
+    border-color: transparent !important;
+}
+
+/* INSTALL */
+.setup__container {
+    background-color: rgb(0 0 0 / 8%);
+}
+
+.setup__progress-wrap {
+    background-color: rgb(0 0 0 / 50%);
+}
+
+.setup__logo {
+    filter: invert(1);
+}
+
+/* SETTINGS */
+.checkbox__label-subtitle,
+.form__desc,
+.page-subtitle,
+.card-title small,
+.card-subtitle {
+    color: var(--text-hover);
+}
+
+.dropdown-item.active,
+.dropdown-item:active {
+    background-color: rgb(0 0 0 / 25%);
+}
+
+.service__icon {
+    color: #eee;
+}
+
+/* LOGS */
+.logs__table {
+    background-color: rgb(0 0 0 / 8%);
+}
+
+.logs__text,
+.logs__row .list-unstyled li,
+.detailed-info,
+.icon--lightgray,
+.icon--gray,
+.loading__text {
+    color: var(--text)
+}
+
+.logs__no-data {
+    color: var(--text);
+    background-color: transparent;
+}
+
+.logs__row--white {
+    background-color: transparent;
+}
+
+.rt-tr-group.red,
+.logs__row--red,
+.rt-tr-group.logs__row--red {
+    background-color: rgb(244 67 54 / 30%) !important;
+}
+
+.rt-tr-group.blue,
+.rt-tr-group.logs__row--blue,
+.logs__row--blue {
+    background-color: rgb(54 146 244 / 30%) !important;
+}
+
+.ReactTable .rt-noData {
+    background: transparent;
+    color: var(--text-muted);
+}
+
+.ReactTable .-pagination .-btn {
+    color: var(--text);
+    background: var(--button-color);
+}
+
+.ReactTable .-pagination .-btn:not([disabled]):hover {
+    background: var(--button-color-hover);
+    color: var(--text-hover);
+}
+
+.ReactTable .-loading,
+.ReactTable .-loading>div {
+    background: rgba(255, 255, 255, 0.5);
+}
+
+.ReactTable .rt-thead .rt-th,
+.ReactTable .rt-thead .rt-td,
+.logs__cell--header__container {
+    color: var(--text-hover);
+}
+
+.ReactTable .rt-tbody .rt-tr-group {
+    border-bottom: solid 1px rgb(255 255 255 / 20%);
+}
+
+.ReactTable .rt-thead.-header {
+    background: rgb(0 0 0 / 25%);
+}
+
+.ReactTable .rt-thead .rt-th.-sort-asc, .ReactTable .rt-thead .rt-td.-sort-asc {
+    -webkit-box-shadow: inset 0 3px 0 0 rgb(var(--accent-color), 0.60);
+    box-shadow: inset 0 3px 0 0 rgb(var(--accent-color), 0.60);
+}
+
+.ReactTable .rt-thead .rt-th.-sort-desc, .ReactTable .rt-thead .rt-td.-sort-desc {
+    -webkit-box-shadow: inset 0 -3px 0 0 rgb(var(--accent-color), 0.60);
+    box-shadow: inset 0 -3px 0 0 rgb(var(--accent-color), 0.60);
+}
+
+.table th,
+.text-wrap table th,
+.table td,
+.text-wrap table td {
+    padding: 0.75rem;
+    vertical-align: top;
+    border-top: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.loading:before {
+    background-color: transparent;
+}
+
+.custom-select:focus {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+/* FORMS */
+.form-control {
+    color: var(--text);
+    background: rgba(255, 255, 255, 0.1);
+    border: 1px solid rgba(255, 255, 255, .1)
+}
+
+.form-control--transparent {
+    color: var(--text-hover);
+}
+
+.form-control--search {
+    outline: none;
+}
+
+.form-control:focus {
+    border-color: transparent;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    background: rgba(255, 255, 255, 0.2);
+    color: var(--text-hover);
+}
+
+.form-control:disabled, .form-control[readonly] {
+    background-color: #555;
+    opacity: 1;
+    cursor: not-allowed;
+}
+
+.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-size: 8px 10px;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+
+}
+
+.custom-select:focus {
+    color: var(--text-hover);
+    background: #1f1f1f 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.2);
+
+}
+
+select.form-control.select:focus,
+select:focus {
+    color: var(--text-hover);
+    background: #1f1f1f !important;
+}
+
+.icon--selected {
+    background-color: rgb(0 0 0 / 15%);
+    border: solid 1px transparent;
+}
+
+.tab__control,
+.tab__control--active {
+    color: var(--text);
+}
+
+/* BUTTONS */
+.btn-outline-secondary {
+    color: #c9c9c9;
+    border-color: #c9c9c9;
+}
+
+.btn-success,
+.btn-success.disabled,
+.btn-success:disabled {
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+    color: var(--button-text);
+}
+
+.btn-success:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-success:focus,
+.btn-success.focus {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.btn-secondary {
+    color: var(--button-text);
+    background-color: rgb(255 255 255 / 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);
+}
+
+.btn-secondary:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: transparent;
+}
+
+.checkbox__input:checked+.checkbox__label:before {
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4zIDkuMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0xMS44IDAuNUw1LjMgOC41IDAuNSA0LjIiLz48L3N2Zz4=);
+    background-color: rgb(var(--accent-color));
+
+}
+
+.custom-radio .custom-control-input:checked~.custom-control-label::before,
+.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
+    background-color: rgb(var(--accent-color));
+}
+
+.custom-control-input:focus~.custom-control-label::before,
+.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
+    -webkit-box-shadow: 0 0 0 1px rgb(var(--accent-color)), 0 0 0 2px rgb(var(--accent-color), .25);
+    box-shadow: 0 0 0 1px rgb(var(--accent-color)), 0 0 0 2px rgb(var(--accent-color), .25);
+}
+
+/* MODALS */
+.modal-content {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.ReactModal__Overlay--after-open {
+    background-color: rgb(0 0 0 / 0.7) !important;
+}
+
+/* MOBILE */
+@media (max-width: 767px) {
+    .mobile-menu {
+        background: #1b1b1b !important;
+    }
+
+    .dropdown-menu {
+        background: #1f1f1f !important;
+    }
+
+    .ReactModal__Content {
+        background: var(--modal-bg-color) !important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+        border: 1px solid transparent !important;
+    }
+}
+
+@media (max-width: 991px) {
+    .mobile-menu {
+        background: #1b1b1b !important;
+    }
+
+    .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/bazarr/bazarr-base.css

@@ -0,0 +1,834 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://assets.deathbybandaid.net/theme.park			 */
+
+@import url("https://assets.deathbybandaid.net/theme.park/CSS/defaults/placeholders.css");
+
+* {
+    outline: none;
+}
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+/* scroller */
+::-webkit-scrollbar-corner {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+    background: #1f1f1f;
+}
+
+::-webkit-scrollbar-thumb {
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    background-color: rgba(255, 255, 255, 0.35) !important;
+}
+
+a,
+.page-link {
+    color: var(--link-color);
+}
+
+a:hover {
+    color: var(--link-color-hover);
+}
+
+/* Pagination */
+.page-item.active .page-link {
+    z-index: 3;
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.page-link {
+    background-color: rgba(255, 255, 255, .07);
+    border: 1px solid rgba(255, 255, 255, .1);
+}
+
+.page-link:hover {
+    color: var(--link-color-hover);
+    text-decoration: none;
+    background-color: rgba(0, 0, 0, .15);
+    border: 1px solid rgba(255, 255, 255, .1);
+}
+
+.page-item.disabled .page-link {
+    color: var(--link-color);
+    background-color: rgba(255, 255, 255, .07);
+    border: 1px solid rgba(255, 255, 255, .1);
+}
+
+.page-link:focus {
+    z-index: 3;
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem rgb(var(--accent-color) / 25%);
+}
+
+/* TEXT */
+.text-muted {
+    color: var(--text-muted) !important;
+}
+
+.table {
+    color: var(--text);
+}
+
+.table thead th {
+    color: var(--text-hover);
+}
+
+.table-striped tbody tr:nth-of-type(odd) {
+    background-color: rgb(0 0 0 / 15%);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.custom-control-label,
+label,
+.modal-header {
+    color: var(--text-hover);
+}
+
+/* Form Stuff */
+
+.header-container input[type=text] {
+    padding: 0;
+    transition: none;
+    color: #fff;
+    border-radius: 0;
+    border: none;
+    border-bottom: 1px solid rgba(255, 255, 255, .3) !important;
+    background-color: transparent;
+}
+
+.header-container input[type=text]:focus {
+    box-shadow: none;
+    color: #fff;
+    background-color: transparent !important;
+    border-color: rgb(var(--accent-color)) !important;
+}
+
+.form-control {
+    color: #FFF;
+    background-color: rgba(255, 255, 255, 0.08);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.form-control:focus {
+    background-color: rgba(255, 255, 255, 0.25) !important;
+    border-color: rgba(255, 255, 255, 0.25) !important;
+    outline: 0;
+    box-shadow: none;
+    color: #fff;
+}
+
+.form-control:disabled,
+.form-control[readonly] {
+    background-color: rgb(255 255 255 / 15%);
+    opacity: .7;
+    color: #fff;
+    border: 1px solid rgb(255 255 255 / 15%);
+}
+
+:root .form-control:focus {
+    box-shadow: none !important;
+    border-color: transparent !important;
+}
+
+.form-group i {
+    color: #ffffff;
+}
+
+.bootstrap-tagsinput {
+    color: #eee;
+    background-color: rgba(0, 0, 0, .25) !important;
+    border: 1px solid transparent !important;
+
+}
+
+.bootstrap-tagsinput.focus {
+    background-color: #fff !important;
+    border-color: transparent;
+    outline: 0;
+    box-shadow: none;
+    color: black;
+}
+
+.input-group-text {
+    color: var(--text);
+    background-color: rgb(0 0 0 / 25%);
+    border: 1px solid transparent;
+}
+
+.custom-chip-input .main-input {
+    background: transparent;
+    color: var(--text);
+}
+
+.custom-chip-input:focus-within {
+    border-color: rgb(255 255 255 / 10%);
+}
+
+.custom-chip-input .custom-chip {
+    color: var(--button-text);
+    background-color: var(--button-color);
+}
+
+.custom-selector .selector__control .selector__multi-value,
+.selector__multi-value__label {
+    background: var(--button-color);
+    color: var(--button-text);
+}
+
+/* SIDEBAR */
+.sidebar-container {
+    background-color: rgba(0, 0, 0, .25);
+}
+
+.sidebar-container .sidebar-button {
+    color: var(--text) !important;
+    background: transparent
+}
+
+.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;
+}
+
+.sidebar-container .sidebar-button:hover {
+    background-color: transparent !important;
+    color: rgb(var(--accent-color)) !important;
+}
+
+.content-header.bg-dark .btn-dark:hover {
+    color: rgb(var(--accent-color));
+}
+
+.sidebar-container .sidebar-button.sb-active,
+.sidebar-container .sidebar-button.sb-active:hover {
+    background-color: rgba(0, 0, 0, 0.15) !important;
+    color: rgb(var(--accent-color)) !important;
+}
+
+.content-header.bg-dark>button {
+    color: var(--text);
+}
+
+.content-header.bg-dark>button:hover {
+    color: var(--text-hover);
+}
+
+.content-header.bg-dark .btn-dark {
+    color: var(--text);
+}
+
+.btn-dark.disabled:hover,
+.btn-dark:disabled:hover {
+    color: var(--text) !important;
+}
+
+
+.sidebar-container .sidebar-collapse-box.active:before,
+.sidebar-container .sidebar-button.sb-active:before {
+    background-color: rgb(var(--accent-color));
+}
+
+@media (max-width: 767.98px) {
+
+    .sidebar-container.open,
+    .sidebar-container {
+        background: var(--modal-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+.sidebar-container .badge-secondary {
+    color: var(--label-text-color);
+    background-color: var(--arr-queue-color);
+}
+
+/* TOP NAV BAR */
+.header-container .bg-primary {
+    background-color: rgba(0, 0, 0, .35) !important;
+}
+
+.header-container .btn-primary {
+    color: var(--button-text);
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.header-container .btn-primary.focus,
+.header-container .btn-primary:focus,
+.header-container .btn-primary:hover {
+    color: var(--button-text-hover);
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.header-container .btn-primary:not(:disabled):not(.disabled).active,
+.header-container .btn-primary:not(:disabled):not(.disabled):active,
+.header-container .show>.btn-primary.dropdown-toggle {
+    color: var(--button-text-hover);
+    background-color: transparent;
+    border-color: transparent;
+}
+
+/* PAGES */
+.content-header.bg-dark {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -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);
+
+}
+
+/* LOGIN */
+.bg-light {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+}
+
+.auth-card {
+    border: 1px solid transparent;
+}
+
+.auth-card .card-footer {
+    background-color: transparent;
+    border-top: 1px solid rgba(255, 255, 255, .1);
+}
+
+hr {
+    border-top: 1px solid rgb(255 255 255 / 10%);
+}
+
+
+.card {
+    background-color: rgba(0, 0, 0, .45);
+    box-shadow: 0 0 10px 1px #000000;
+    color: var(--text);
+}
+
+.settings-card:hover,
+.settings-card:focus {
+    border-color: transparent;
+    color: var(--text-hover);
+}
+
+.alert-secondary {
+    color: var(--text);
+    background-color: rgba(255, 255, 255, .15);
+    border-color: rgba(255, 255, 255, .15);
+}
+
+/* Series page */
+.progress-bar {
+    background-color: var(--accent-color);
+}
+
+.progress {
+    background-color: rgb(255 255 255 / 20%);
+}
+
+.progress-bar.bg-primary {
+    background: rgb(var(--accent-color)) !important;
+    color: var(--label-text-color) !important;
+}
+
+.progress-bar.bg-warning {
+    color: #212529;
+    background-color: rgba(255, 193, 7, .8) !important;
+}
+
+.badge-warning {
+    color: #212529;
+    background-color: rgba(255, 193, 7, .8);
+}
+
+.badge-primary {
+    color: var(--label-text-color);
+    background-color: rgb(var(--accent-color));
+}
+
+.text-truncate.badge.badge-secondary {
+    color: var(--label-text-color);
+    background-color: rgb(var(--accent-color));
+}
+
+.popover {
+    background-color: #1f1f1f;
+    border: 1px solid rgba(255, 255, 255, .2);
+}
+
+.bs-popover-auto[x-placement^=top]>.arrow:after,
+.bs-popover-top>.arrow:after {
+    border-top-color: rgba(255, 255, 255, .5);
+}
+
+.popover-header {
+    background-color: #1f1f1f;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+
+}
+
+.popover-body {
+    color: var(--text)
+}
+
+.spinner-border {
+    color: rgb(var(--accent-color));
+}
+
+/* Modal */
+
+.modal-content {
+    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
+    border-radius: 3px;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.modal-header {
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-bottom: 1px solid var(--accent-color);
+
+}
+
+.modal-footer {
+    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-top: 1px solid var(--accent-color);
+}
+
+.modal-content .badge-secondary {
+    color: #fff;
+    background-color: var(--accent-color);
+    padding: 5px;
+}
+
+.modal-content button:focus {
+    outline: none !important;
+}
+
+.close {
+    float: right;
+    font-size: 1.5rem;
+    font-weight: 700;
+    line-height: 1;
+    color: #eee;
+    text-shadow: 0 1px 0 #eee;
+    opacity: .5;
+}
+
+.close:hover {
+    color: #fff !important;
+    text-decoration: none;
+}
+
+/* BUTTONS */
+
+.btn-primary,
+.btn-outline-secondary {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-primary.focus,
+.btn-primary:focus,
+.btn-primary:hover,
+.btn-outline-secondary:hover,
+.btn-outline-secondary.focus,
+.btn-outline-secondary:focus {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.show>.btn-primary.dropdown-toggle:focus,
+.btn-primary.focus,
+.btn-primary:focus {
+    box-shadow: 0 0 0 0.2rem rgba(var(--accent-color), .5);
+}
+
+.btn-primary.disabled,
+.btn-primary:disabled {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-dark.disabled,
+.btn-dark:disabled {
+    color: var(--text-muted);
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.btn-dark.disabled:hover,
+.btn-dark:disabled:hover {
+    color: var(--text-muted);
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.btn-dark {
+    color: var(--button-text);
+    background-color: transparent;
+    /* rgba(var(--accent-color),.5)*/
+    border-color: transparent;
+}
+
+.btn-dark.focus,
+.btn-dark:focus,
+.btn-dark:hover {
+    color: var(--button-text-hover);
+    background-color: transparent;
+    /* rgba(var(--accent-color),.8) */
+    border-color: transparent;
+}
+
+.btn-dark.focus,
+.btn-dark:focus {
+    box-shadow: 0 0 0 0.2rem transparent;
+}
+
+.btn-dark:not(:disabled):not(.disabled).active,
+.btn-dark:not(:disabled):not(.disabled):active,
+.show>.btn-dark.dropdown-toggle {
+    color: var(--button-text-hover);
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.btn-dark:not(:disabled):not(.disabled).active:focus,
+.btn-dark:not(:disabled):not(.disabled):active:focus,
+.show>.btn-dark.dropdown-toggle:focus {
+    box-shadow: 0 0 0 0.2rem transparent;
+}
+
+.btn-light {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-light.focus,
+.btn-light:focus,
+.btn-light:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-light.disabled,
+.btn-light:disabled {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-light:not(:disabled):not(.disabled).active,
+.btn-light:not(:disabled):not(.disabled):active,
+.show>.btn-light.dropdown-toggle,
+.btn-light.focus,
+.btn-light:focus {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-light:not(:disabled):not(.disabled).active:focus,
+.btn-light:not(:disabled):not(.disabled):active:focus,
+.show>.btn-light.dropdown-toggle:focus {
+    box-shadow: 0 0 0 0.2rem transparent;
+}
+
+.custom-control-input:focus~.custom-control-label:before {
+    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, .07);
+}
+
+.custom-control-input:checked~.custom-control-label:before {
+    border-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+}
+
+.custom-control-input:focus~.custom-control-label:before {
+    box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .25)
+}
+
+.custom-control-input:focus:not(:checked)~.custom-control-label:before {
+    border-color: var(--accent-color);
+}
+
+.custom-control-input:not(:disabled):active~.custom-control-label:before {
+    color: #fff;
+    background-color: rgb(var(--accent-color));
+    border-color: rgb(var(--accent-color));
+}
+
+.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
+    border-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+}
+
+.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
+    background-color: rgba(var(--accent-color), .5)
+}
+
+.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
+    background-color: rgba(var(--accent-color), .5)
+}
+
+.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
+    background-color: rgba(var(--accent-color), .5)
+}
+
+.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
+    background-color: rgba(var(--accent-color), .5)
+}
+
+.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
+}
+
+input {
+    color: var(--text-hover) !important;
+}
+
+.custom-select:focus {
+    border-color: rgb(var(--accent-color));
+    outline: 0;
+    box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .25)
+}
+
+.custom-file-input:focus~.custom-file-label {
+    border-color: rgb(var(--accent-color));
+    box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .25)
+}
+
+/* DROPDOWN MENU */
+.dropdown-menu,
+.dropdown-header {
+    color: var(--text);
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.dropdown-item {
+    color: var(--text);
+}
+
+.dropdown-item:focus,
+.dropdown-item:hover {
+    color: var(--text-hover);
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+.custom-selector .selector__control {
+    background-color: rgba(0, 0, 0, 0.25);
+    border-color: rgba(0, 0, 0, 0) !important;
+    color: #fff;
+}
+
+[class$="-singleValue"],
+[class$="-placeholder"],
+[class$="-indicatorContainer"] {
+    color: var(--text) !important;
+}
+
+[class$="-indicatorContainer"]:hover {
+    color: var(--text-hover);
+}
+
+.custom-selector .selector__control--is-focused {
+    border-color: rgba(255, 255, 255, .2) !important;
+}
+
+.selector__menu {
+    background: var(--drop-down-menu-bg) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text)
+}
+
+.custom-selector .selector__option--is-selected:active {
+    background-color: rgba(255, 255, 255, .07) !important;
+}
+
+.custom-selector .selector__option--is-focused {
+    background-color: rgba(var(--accent-color), .2);
+    color: #fff;
+}
+
+.custom-selector .selector__option--is-focused:active,
+.custom-selector .selector__option--is-focused:focus {
+    background-color: rgba(var(--accent-color), .2);
+    color: #fff;
+}
+
+.custom-selector .selector__option--is-selected {
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+.custom-selector .selector__option--is-selected:active {
+    background-color: rgb(var(--accent-color));
+}
+
+.custom-rc-slider .rc-slider-track {
+    background: var(--button-color);
+}
+
+.custom-rc-slider .rc-slider-handle {
+    border: 3px solid var(--button-color);
+}
+
+.custom-rc-slider .rc-slider-handle:hover,
+.custom-rc-slider .rc-slider-handle:active {
+    border-color: var(--button-color-hover);
+}
+
+
+/* RECHARTS */
+.recharts-default-tooltip {
+    background: #1f1f1f !important;
+    border: transparent !important;
+}
+
+.recharts-rectangle.recharts-tooltip-cursor {
+    fill: rgba(255, 255, 255, .15) !important;
+}
+
+text {
+    stroke: none;
+    fill: var(--text-hover);
+    text-anchor: end;
+}
+
+line {
+    stroke: var(--text);
+    fill: none;
+}
+
+
+/* TOASTS */
+.toast {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border: 1px solid rgba(0, 0, 0, .1);
+    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
+    color: var(--text)
+}
+
+.toast-header {
+    color: var(--text-hover);
+    background-color: hsla(0, 0%, 0%, .35);
+    border-bottom: 1px solid rgba(0, 0, 0, .05);
+}
+
+.alert-container .toast-container .toast .toast-body .progress .progress-bar {
+    text-shadow: -2px -2px 5px rgba(var(--accent-color), .35), 2px -2px 5px rgba(var(--accent-color), .35), -2px 2px 5px rgba(var(--accent-color), .35), 2px 2px 5px rgba(var(--accent-color), .35);
+    overflow: visible
+}
+
+.progress-bar-striped {
+    background-image: linear-gradient(45deg, rgba(var(--accent-color), .5) 25%, transparent 0, transparent 50%, rgba(var(--accent-color), .5) 0, rgba(var(--accent-color), .5) 75%, transparent 0, transparent);
+    background-size: 1rem 1rem
+}
+
+/* LOGS */
+/* Stack traceback */
+code.zmdi-language-python-alt {
+    color: var(--text);
+}

CSS/base/bitwarden/bitwarden-base.css

@@ -0,0 +1,502 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://assets.deathbybandaid.net/theme.park			 */
+
+* {
+    outline: none;
+}
+
+img.logo {
+    filter: invert(100);
+}
+
+body.layout_frontend,
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+/* LINKS */
+a,
+app-vault-groupings .card .card-body a,
+app-org-vault-groupings .card .card-body a,
+.groupings .card .card-body a {
+    color: var(--link-color);
+}
+
+a:hover,
+app-vault-groupings .card li.active>a:first-of-type,
+app-vault-groupings .card li.active>div a:first-of-type,
+app-org-vault-groupings .card li.active>a:first-of-type,
+app-org-vault-groupings .card li.active>div a:first-of-type,
+.groupings .card li.active>a:first-of-type,
+.groupings .card li.active>div a:first-of-type {
+    color: var(--link-color-hover) !important;
+}
+
+/* TEXT */
+.text-muted,
+.form-check-block .form-check-label>small,
+.modal-header small,
+.table,
+.text-body {
+    color: var(--text-muted) !important;
+}
+
+.table-hover tbody tr:hover {
+    color: var(--text-hover);
+    background-color: rgba(255, 255, 255, .08);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+label,
+label:not(.form-check-label):not(.btn),
+label.bold .card-header:first-child,
+.card-header,
+.modal-header {
+    color: var(--text-hover) !important;
+}
+
+/* NAVBAR */
+.navbar {
+    background-color: rgb(0 0 0 / 25%) !important;
+}
+
+.navbar-dark .navbar-nav .show>.nav-link,
+.navbar-dark .navbar-nav .active>.nav-link,
+.navbar-dark .navbar-nav .nav-link.show,
+.navbar-dark .navbar-nav .nav-link.active {
+    color: rgb(var(--accent-color));
+}
+
+/* CARDS */
+.card {
+    background-color: rgba(255, 255, 255, 0.07);
+}
+
+app-vault-groupings .card li.active>a:first-of-type,
+app-vault-groupings .card li.active>div a:first-of-type,
+app-vault-groupings .card li.active>div>.fa {
+    color: rgb(var(--accent-color));
+}
+
+body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator>div.card.card-password.bg-light.my-4 {
+    background-color: rgb(0 0 0 / 15%) !important;
+}
+
+.password-number {
+    color: rgb(var(--accent-color));
+}
+
+/* MODALS */
+.modal-content,
+.modal-footer {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.close,
+.close:hover {
+    color: #fff;
+}
+
+.close:focus {
+    outline: none;
+}
+
+.swal2-popup {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+    border: transparent;
+}
+
+.swal2-popup .swal2-title {
+    color: var(--text);
+}
+
+.swal2-popup .swal2-content {
+    color: var(--text);
+}
+
+.swal2-popup .swal2-actions {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.btn-primary,
+.swal2-popup .swal2-actions button.swal2-confirm {
+    color: #fff;
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-primary:hover,
+.swal2-popup .swal2-actions button.swal2-confirm:hover {
+    color: var(--text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+/* FORMS */
+.form-control:focus {
+    box-shadow: none;
+    border-color: transparent;
+}
+
+.form-control {
+    color: var(--text);
+    background-color: rgb(0 0 0 / 0.25);
+    border: 1px solid transparent;
+
+}
+
+.form-control:disabled,
+.form-control[readonly] {
+    background-color: rgb(255 255 255 / 25%);
+    opacity: 1;
+}
+
+/* DROPDOWN MENU */
+.dropdown-menu {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border: 1px solid transparent;
+    box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
+}
+
+.dropdown-item,
+.dropdown-item-text {
+    color: var(--text);
+}
+
+.dropdown-item:hover,
+.dropdown-item:focus {
+    color: var(--text-hover);
+    text-decoration: none;
+    background-color: rgb(255 255 255 / 0.08);
+}
+
+a.text-danger:hover,
+a.text-danger:focus {
+    color: #dd4b39 !important;
+    background-color: rgb(255 255 255 / 0.08) !important;
+}
+
+.dropdown-menu .text-danger {
+    font-weight: bold !important;
+    background: rgb(0 0 0 / 20%) !important;
+}
+
+/* SETTINGS */
+.list-group-item.active {
+    color: var(--text);
+    background-color: rgb(255 255 255 / 10%);
+    border-left: 3px solid rgb(var(--accent-color));
+}
+
+.callout {
+    background-color: rgb(255 255 255 / 15%);
+}
+
+.list-group-item {
+    background-color: rgb(0 0 0 / 25%);
+    border: 1px solid rgb(255 255 255 / 8%);
+}
+
+/* BUTTONS */
+.btn-link {
+    color: var(--button-color);
+    color: var(--button-text);
+}
+
+.btn-link:hover {
+    color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    transition: 0.15s;
+}
+
+.btn-primary {
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+    color: var(--button-text);
+}
+
+.btn-primary:hover,
+.btn-primary:not(:disabled):not(.disabled):active {
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    transition: 0.15s;
+}
+
+.btn-primary:focus,
+.swal2-popup .swal2-actions button.swal2-confirm:focus,
+.btn-primary.focus,
+.swal2-popup .swal2-actions button.focus.swal2-confirm,
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.swal2-popup .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled):active:focus,
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.swal2-popup .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled).active:focus,
+.show>.btn-primary.dropdown-toggle:focus,
+.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-confirm:focus {
+    box-shadow: none;
+}
+
+.btn[class*="btn-outline-"]:not(:hover),
+.swal2-popup .swal2-actions button[class*="btn-outline-"]:not(:hover),
+.swal2-popup .swal2-actions button.swal2-cancel {
+    border-color: var(--button-color);
+    background-color: var(--button-color);
+    color: var(--button-text);
+}
+
+.btn-outline-secondary:hover,
+.swal2-popup .swal2-actions button.swal2-cancel:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-outline-secondary:hover:not(:disabled),
+.swal2-popup .swal2-actions button.swal2-cancel:hover:not(:disabled) {
+    color: var(--button-text-hover);
+}
+
+.btn-outline-primary:hover {
+    color: var(--button-text-hover) !important;
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled):active,
+.btn-outline-primary:not(:disabled):not(.disabled).active,
+.show>.btn-outline-primary.dropdown-toggle {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
+.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+.show>.btn-outline-primary.dropdown-toggle:focus,
+.btn-outline-secondary:focus,
+.swal2-popup .swal2-actions button.swal2-cancel:focus,
+.btn-outline-secondary.focus,
+.swal2-popup .swal2-actions button.focus.swal2-cancel,
+.btn-outline-primary:focus,
+.btn-outline-primary.focus {
+    box-shadow: 0 0 0 0.2rem rgb(var(--accent-color), .5);
+}
+
+.btn-outline-secondary:not(:disabled):not(.disabled):active,
+.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled):active,
+.btn-outline-secondary:not(:disabled):not(.disabled).active,
+.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active,
+.show>.btn-outline-secondary.dropdown-toggle,
+.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
+.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled):active:focus,
+.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active:focus,
+.show>.btn-outline-secondary.dropdown-toggle:focus,
+.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel:focus {
+    box-shadow: none;
+}
+
+.btn-primary.disabled,
+.swal2-popup .swal2-actions button.disabled.swal2-confirm,
+.btn-primary:disabled,
+.swal2-popup .swal2-actions button.swal2-confirm:disabled {
+    color: var(--button-text-hover);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+    opacity: .8;
+}
+
+/* Org */
+.org-nav {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.org-nav .nav-tabs a {
+    color: var(--text);
+}
+
+.org-nav .nav-tabs a.active {
+    border-top: 3px solid rgb(var(--accent-color));
+}
+
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+    color: var(--text);
+    background-color: rgb(255 255 255 / 25%);
+    border-color: transparent;
+}
+
+app-vault-groupings .card .card-body a:hover.text-muted {
+    color: #fff !important;
+    opacity: 1 !important;
+}
+
+app-vault-groupings .card li.active>a:first-of-type,
+app-vault-groupings .card li.active>div a:first-of-type,
+app-org-vault-groupings .card li.active>a:first-of-type,
+app-org-vault-groupings .card li.active>div a:first-of-type {
+    font-weight: bold;
+    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 {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.bg-light .navbar {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/* Cards */
+.bg-secondary {
+    background-color: rgb(255 255 255 / 10%) !important;
+}
+
+.bg-white {
+    background-color: rgba(255, 255, 255, 0.1) !important;
+}
+
+/* Pagination */
+
+.page-item.active .page-link {
+    z-index: 3;
+    color: #fff;
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.page-item.disabled .page-link {
+    color: var(--text);
+    pointer-events: none;
+    cursor: auto;
+    background-color: rgb(0 0 0 / 10%);
+    border-color: rgb(0 0 0 / 10%);
+}
+
+.text-muted,
+.card-header small,
+.modal-header small {
+    color: var(--text-muted) !important;
+}

CSS/base/calibreweb/calibreweb-base.css

@@ -0,0 +1,337 @@
+ /*    dP   dP                                                                  dP        */
+ /*    88   88                                                                  88        */
+ /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+ /*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+ /*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+ /*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+ /*                                                  88                                   */
+ /*                                                  dP					 */
+
+ /*		   		        Made by @gilbN					 */
+ /*			      https://assets.deathbybandaid.net/theme.park			 */
+
+ /* "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*/
+ :root {
+    --color-background: var(--main-bg-color);
+    --color-primary: rgb(var(--accent-color));
+    --color-secondary: var(--button-color);
+    --color-secondary-hover: var(--button-color-hover);
+    --color-background-mobile: var(--main-bg-color);
+  }
+ *,
+ *:focus,
+ *:active,
+ .bootstrap-select .dropdown-toggle:focus,
+ .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
+     outline: none !important;
+ }
+
+ body:not(.read-frame) {
+     background: var(--main-bg-color) !important;
+     background-image: none;
+ }
+
+ .blur-wrapper:after {
+     background: var(--main-bg-color) !important;
+ }
+
+ body>.container-fluid {
+     background: var(--main-bg-color);
+ }
+
+ body.login:not(.read-frame),
+ body.shelfcreate,
+ body.shelfedit {
+     background: var(--main-bg-color) !important;
+ }
+
+ @media only screen and (max-width: 767px) {
+     .navbar-collapse.collapse {
+         background: var(--modal-bg-color) !important;
+     }
+ }
+
+ /* Book cover border */
+ .container-fluid .book .cover span img {
+     border: 1px solid transparent;
+ }
+
+ /* Buttons */
+ .btn-default a,
+ .btn-default a:hover {
+     color: var(--text);
+ }
+
+ /* TP */
+
+ /* TEXT */
+
+ .h1,
+ .h2,
+ .h3,
+ .h4,
+ .h5,
+ .h6,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ body.admin>div.container-fluid>div>div.col-sm-10>div.container-fluid>div.row:first-of-type>div.col>h2:before,
+ body.admin>div.container-fluid>div>div.col-sm-10>div.discover>h2:first-of-type:before,
+ body.edituser.admin>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover>h1:before,
+ body.newuser.admin>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover>h1:before,
+ .container-fluid .book .meta .author,
+ .container-fluid .book .meta .author>a:hover,
+ .well>h2,
+ body:not(.admin)>div.container-fluid>div>div.col-sm-10>div.discover:only-of-type>h2 {
+     color: var(--text-hover) !important;
+ }
+
+
+ body,
+ html,
+ p {
+     color: var(--text) !important;
+ }
+
+ .home-btn>a,
+ .plexBack>a,
+ .container-fluid .book .meta .author,
+ .container-fluid .book .meta .author>a {
+     color: var(--text);
+ }
+
+ .home-btn>a:hover,
+ body>div.navbar.navbar-default.navbar-static-top>div>div.home-btn>a:hover:before,
+ .plexBack:not(.noBack):hover>a,
+ .form-group>label,
+ label,
+ body.authorlist>div.container-fluid>div>div.col-sm-10>div.container:before,
+ body.catlist>div.container-fluid>div>div.col-sm-10>div.container:before,
+ body.langlist>div.container-fluid>div>div.col-sm-10>div.container:before,
+ body.me>div.container-fluid>div>div.col-sm-10>div.discover:before,
+ body.serieslist>div.container-fluid>div>div.col-sm-10>div.container:before {
+     color: var(--text-hover)
+ }
+
+ /* LINKS */
+ a,
+ body.admin,
+ body.admin td>a {
+     color: var(--link-color);
+ }
+
+ a:hover,
+ body.admin td>a:hover {
+     color: var(--link-color-hover);
+ }
+
+ .navigation .create-shelf a,
+ .meta>a>p {
+     color: var(--link-color) !important;
+ }
+
+ .navigation .create-shelf a:hover,
+ .author>a:hover,
+ .meta>a>p:hover {
+     color: var(--link-color-hover) !important;
+ }
+
+ /* tables */
+
+ th,
+ body.tasks>div.container-fluid>div>div.col-sm-10>div.discover>div.bootstrap-table>div.fixed-table-container>div.fixed-table-body>#table>thead>tr>th>.th-inner {
+     color: var(--text-hover) !important;
+ }
+
+
+ /* MODAL */
+ .modal-content {
+     background: var(--modal-bg-color);
+ }
+
+ #GeneralDeleteModal .bg-danger {
+     background: var(--modal-bg-color);
+ }
+
+ /* ICONS */
+ .glyphicon,
+ #add-to-shelf>span,
+ #btnGroupDrop1>span,
+ #readbtn>span,
+ #sendbtn>span,
+ .book-meta .btn-toolbar>.btn-group>.btn-group:nth-child(1)>a:first-of-type>span,
+ .book-meta .btn-toolbar>.btn-group>.btn-warning>span,
+ .btn-toolbar>.btn-group>#btnGroupDrop2>span,
+ .btn-toolbar>.btn-group>.btn-group>#btnGroupDrop2>span,
+ div[aria-label="Edit/Delete book"]>.btn>span {
+     color: var(--text);
+
+ }
+
+ #add-to-shelf:hover span,
+ #btnGroupDrop1:hover>span,
+ #readbtn:hover>span,
+ #sendbtn:hover>span,
+ .book-meta .btn-toolbar>.btn-group>.btn-group:nth-child(1)>a:first-of-type:hover>span,
+ .book-meta .btn-toolbar>.btn-group>.btn-warning:hover>span,
+ .btn-toolbar>.btn-group>#btnGroupDrop2:hover>span,
+ .btn-toolbar>.btn-group>.btn-group>#btnGroupDrop2:hover>span,
+ div[aria-label="Edit/Delete book"]>.btn>span:hover,
+ #btnGroupDrop1[aria-expanded=true]>span,
+ #shelf-actions>.btn-group.open>#add-to-shelf>span {
+     color: var(--text-hover);
+ }
+
+
+ /* DROPDOWN MENU */
+ .dropdown-menu {
+     background: var(--drop-down-menu-bg) !important;
+ }
+
+ .dropdown-menu>li>a {
+     color: var(--text);
+ }
+
+ .dropdown-menu>li>a:focus,
+ .dropdown-menu>li>a:hover {
+     color: var(--text-hover);
+     background: hsla(0, 0%, 100%, .08);
+ }
+
+ /* SIDEMENU */
+ .navigation li a:hover .glyphicon,
+ .navigation li a:hover {
+     color: rgb(var(--accent-color));
+ }
+
+ .navigation li a {
+     color: var(--text);
+ }
+
+ .navigation .nav-head {
+     color: var(--text-hover);
+ }
+
+ body>div.navbar.navbar-default.navbar-static-top>div>div.navbar-header>a:hover {
+     color: var(--accent-color-hover) !important;
+     -webkit-transition: color .2s;
+     -o-transition: color .2s;
+     transition: color .2s;
+     background-color: rgba(0, 0, 0, .55) !important;
+ }
+
+ /* NAVBAR */
+ .navbar-default .navbar-nav>li>a:focus .glyphicon,
+ .navbar-default .navbar-nav>li>a:hover .glyphicon {
+     color: var(--text-hover) !important;
+ }
+
+ /* BUTTONS */
+
+
+ .btn-primary,
+ .btn-primary>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf>span::before) {
+     color: var(--button-text);
+     background-color: var(--button-color);
+     border-color: var(--button-color);
+ }
+
+ .btn-primary:hover:not(#add-to-shelf),
+ .btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not(#add-to-shelf) {
+     border-color: var(--button-color-hover);
+ }
+
+ .btn-primary.active,
+ .btn-primary:active,
+ .btn-primary:focus,
+ .btn-primary:hover,
+ .open .dropdown-toggle.btn-primary,
+ .btn-primary:focus>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span),
+ .btn-primary:active>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span),
+ .btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span) {
+     background-color: var(--button-color-hover);
+ }
+
+ .btn-primary.active.focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary.active:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary.active:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary:active.focus:not(#edit_book):not(#add-to-shelf:not([data-original-title="Download :"])):not(#btnGroupDrop1),
+ .btn-primary:active:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary:active:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .open>.dropdown-toggle.btn-primary.focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .open>.dropdown-toggle.btn-primary:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .open>.dropdown-toggle.btn-primary:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary:active>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary:focus>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1) {
+     color: var(--button-text-hover);
+     background-color: var(--button-color-hover);
+     border-color: var(--button-color-hover);
+ }
+
+ .book-meta>.bookinfo .btn-info,
+ .book-meta>.bookinfo .btn-success {
+     background-color: rgb(var(--accent-color));
+     color: var(--label-text-color);
+     font-size: 13px;
+     display: inline-block;
+     border-radius: 4px;
+     vertical-align: middle;
+     font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif;
+     -webkit-transition: background-color .2s, color .2s;
+     -o-transition: background-color .2s, color .2s;
+     transition: background-color .2s, color .2s;
+     text-transform: uppercase;
+ }
+
+ .book-meta>.bookinfo .btn-info:hover,
+ .book-meta>.bookinfo .btn-success:hover {
+     color: var(--label-text-color);
+     text-decoration: none;
+     background: var(--accent-color-hover);
+ }
+
+ [data-target="#fileModal"] span {
+     color: var(--button-text);
+ }
+
+ [data-target="#fileModal"]:hover span {
+     color: var(--button-text-hover);
+ }
+
+ /* ALERT */
+
+ .alert {
+     background: var(--modal-bg-color);
+     color: var(--text-hover);
+ }
+
+ /* SERIES PAGE */
+ /* from caliBlur_overide.css */
+ .cover .badge {
+     color: var(--label-text-color);
+     background-color: rgb(var(--accent-color));
+     position: absolute;
+     top: 0;
+     left: 0;
+     border-radius: 0;
+     padding: 0 8px;
+     box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
+     line-height: 24px;
+ }
+ .cover {
+    box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
+  }
+  
+  .cover .read {
+    padding: 0 0;
+    line-height: 15px;
+  }
+  body.serieslist.grid-view div.container-fluid > div > div.col-sm-10::before {
+    display: none;
+  }

CSS/base/dozzle/dozzle-base.css

@@ -0,0 +1,277 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://assets.deathbybandaid.net/theme.park			 */
+
+:root {
+    --scheme-main-ter: var(--main-bg-color);
+    --text-strong-color: var(--button-text-hover);
+    --border-color: rgb(255 255 255 / 25%);
+    --logo-color: rgb(var(--accent-color));
+    --body-background-color: var(--main-bg-color);
+    --border-hover-color: rgb(var(--accent-color));
+}
+
+* {
+    outline: none;
+}
+
+html,
+body {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+section header,
+.menu-label {
+    color: var(--text-hover) !important;
+}
+
+
+/* Scrollbar */
+
+html.has-custom-scrollbars ::-webkit-scrollbar-thumb {
+    background-color: rgba(255, 255, 255, .25);
+    outline: 1px solid #0000;
+    border-radius: 4px;
+}
+
+html.has-custom-scrollbars ::-webkit-scrollbar-thumb:active,
+html.has-custom-scrollbars ::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(255, 255, 255, .45);
+
+}
+
+html.has-custom-scrollbars ::-webkit-scrollbar-track {
+    background: #1f1f1f;
+}
+
+html.has-custom-scrollbars ::-webkit-scrollbar-track:hover {
+    background: #1f1f1f;
+}
+
+html.has-custom-scrollbars section main {
+    scrollbar-color: #353535 transparent;
+    scrollbar-width: thin
+}
+
+/* Text important */
+p,
+.menu-list a {
+    color: var(--text) !important;
+
+}
+
+.panel-heading {
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color) !important;
+}
+
+.panel-block {
+    color: var(--text);
+}
+
+.panel-tabs a.is-active {
+    border-bottom-color: rgb(var(--accent-color));
+    color: rgb(var(--accent-color));
+}
+
+.panel-tabs a {
+    border-bottom: 1px solid var(--border-color);
+    color: var(--text);
+}
+
+.panel-tabs a:hover {
+    border-bottom: 1px solid var(--border-color);
+    color: var(--text-strong-color);
+}
+
+a.panel-block:hover,
+label.panel-block:hover {
+    background-color: rgba(255, 255, 255, .08);
+    color: var(--text-strong-color);
+}
+
+/* Side Menu*/
+.menu-list a:hover {
+    background-color: rgba(255, 255, 255, .08);
+    color: var(--text-hover) !important;
+}
+
+.menu-list a.is-active,
+.menu-list a.is-active:hover {
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color) !important;
+}
+
+.menu-list li:hover .column-icon:hover {
+    color: black !important;
+}
+
+li.exited a {
+    color: var(--text-muted) !important;
+}
+
+.select select,
+.textarea,
+.input,
+.dropdown-content {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-color: rgba(255, 255, 255, .1);
+    border-radius: 4px;
+    color: var(--text-strong-color);
+}
+
+.autocomplete .dropdown-item.is-hovered,
+a.dropdown-item:hover,
+button.dropdown-item:hover {
+    background: rgba(255, 255, 255, .25);
+    color: var(--text-strong-color);
+}
+
+.column-icon[data-v-35775614]:hover {
+    color: rgb(var(--accent-color));
+}
+
+.select select:focus,
+.textarea:focus,
+.input:focus,
+.select select.is-focused,
+.is-focused.textarea,
+.is-focused.input,
+.select select:active,
+.textarea:active,
+.input:active,
+.select select.is-active,
+.is-active.textarea,
+.is-active.input {
+    border-color: rgb(var(--accent-color));
+    box-shadow: 0 0 0 0.125em rgba(var(--accent-color), .25);
+}
+
+/* Settings buttons */
+.button {
+    background: var(--button-color);
+    color: var(--button-text);
+    border-color: var(--button-color);
+}
+
+section .is-scrollbar-notification button {
+    background: var(--button-color) !important;
+    color: var(--button-text) !important;
+    border-color: var(--button-color) !important;
+}
+
+.b-radio.radio.button.is-selected {
+    background-color: var(--button-color-hover);
+    border-color: transparent;
+    color: var(--text-strong-color);
+}
+
+.button:hover {
+    background: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover) !important;
+}
+
+.button:active,
+.button.is-active {
+    background: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+    color: var(--text-strong-color);
+}
+
+.is-settings-control {
+    background: var(--button-color);
+    color: var(--button-text);
+    border-color: transparent;
+}
+
+.is-settings-control:hover {
+    border-color: var(--button-color-hover) !important;
+    background: var(--button-color-hover) !important;
+    color: var(--button-text-hover) !important;
+}
+
+#hide-nav {
+    background: var(--button-color) !important;
+    color: var(--button-text) !important;
+}
+
+#hide-nav:hover {
+    border-color: var(--button-color-hover) !important;
+    background: var(--button-color-hover) !important;
+    color: var(--button-text-hover) !important;
+}
+
+code {
+    background: rgba(0, 0, 0, .35) !important;
+}
+
+.switch input[type=checkbox]:checked+.check {
+    background: var(--button-color);
+}
+
+.switch:hover input[type=checkbox]:checked+.check {
+    background: var(--button-color-hover);
+}
+
+.switch input[type=checkbox]:focus:checked+.check,
+.switch input[type=checkbox]:active:checked+.check {
+    box-shadow: 0 0 0.5em rgb(var(--accent-color), .8);
+}
+
+/* Events */
+
+.events {
+    background: rgba(0, 0, 0, .35);
+}
+
+.scroll-progress svg circle {
+    fill: rgba(255, 255, 255, .45) !important;
+    stroke: rgb(var(--accent-color)) !important;
+}
+
+.scroll-progress span {
+    color: var(--text-strong-color) !important;
+}
+
+.splitpanes--vertical>.splitpanes__splitter:hover {
+    background: rgb(var(--accent-color)) !important;
+}
+
+.events.medium {
+    background: rgba(0, 0, 0, .45);
+}
+
+.date {
+    color: rgb(var(--accent-color)) !important;
+    background: rgba(0, 0, 0, .25) !important;
+}

CSS/base/duplicacy/duplicacy-base.css

@@ -0,0 +1,686 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://assets.deathbybandaid.net/theme.park			 */
+
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+a:not(.timeline-content a) {
+    color: var(--link-color) !important;
+}
+
+a:hover:not(.timeline-content a) {
+    color: var(--link-color-hover) !important;
+}
+
+a.disabled-link {
+    color: var(--text-muted);
+}
+
+/* Scrollbar */
+@media only screen and (min-width: 768px) {
+    html {
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+    }
+
+    body {
+        overflow-y: auto;
+        height: 100%;
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .2);
+    background-clip: padding-box;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .5);
+    background-clip: padding-box;
+}
+
+/* TEXT */
+body,
+.category,
+.card .labels p,
+.card .stats,
+.vis-time-axis .vis-text,
+.footer .copyright,
+.navbar-default .navbar-brand,
+.sidebar .nav li>a,
+.off-canvas-sidebar .nav li>a {
+    color: var(--text) !important;
+}
+
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.card label,
+.card,
+.card .title {
+    color: var(--text-hover);
+}
+
+label {
+    color: var(--text) !important;
+}
+
+.main-panel {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.content .card {
+    box-shadow: none;
+}
+
+.text-danger {
+    color: #f05050;
+}
+
+.text-danger:hover {
+    color: #ec2626;
+}
+
+.text-primary {
+    color: rgb(var(--accent-color));
+}
+
+.text-primary:hover {
+    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;
+}
+
+.col-sm-6 .card,
+.col-md-12 .card {
+    background: transparent !important;
+}
+
+.card-container,
+.col-xs-4 .card,
+.col-xs-12 .card,
+.col-xs-8 .card {
+    background: rgb(0 0 0 / 8%) !important;
+}
+
+#schedule-0,
+#schedule-1,
+#schedule-2,
+#schedule-3,
+#schedule-4,
+#schedule-5,
+#schedule-6,
+#schedule-7,
+#schedule-8,
+#schedule-9,
+#schedule-10,
+#schedule-11,
+#schedule-12,
+#schedule-13,
+#schedule-14,
+#schedule-15,
+#schedule-16,
+#schedule-17,
+#schedule-18,
+#schedule-19,
+#schedule-20,
+[id*="#schedule-"] {
+    background-color: rgb(0 0 0 / 8%);
+}
+
+/* TIMELINE */
+.vis-timeline {
+    border: 1px solid rgb(255 255 255 / 20%);
+}
+
+/* CHARTS */
+.ct-label {
+    fill: var(--text);
+    color: var(--text);
+}
+
+.ct-grid {
+    stroke: var(--text);
+}
+
+.tab-content {
+    border-color: transparent !important;
+}
+
+.vis-labelset .vis-label .vis-inner {
+    color: var(--text);
+}
+
+/* STORAGE PAGE */
+.card .nav-tabs>li.active>a,
+.card .nav-tabs>li.active>a:focus,
+.card .nav-tabs>li.active>a:hover {
+    color: var(--text);
+    cursor: default;
+    background-color: rgba(0, 0, 0, .25);
+    border: 1px solid rgba(255, 255, 255, .25);
+    border-bottom-color: #eee;
+    border-radius: 6px 6px 0 0;
+}
+
+.card .nav>li>a:hover,
+.card .nav>li>a:focus {
+    background-color: rgba(255, 255, 255, .07);
+    border: 1px solid transparent;
+}
+
+/* NAVBAR */
+.navbar-default .navbar-toggle .icon-bar {
+    background-color: var(--text);
+}
+
+.navbar-default {
+    background-color: rgb(0 0 0 / 26%);
+    border-bottom: 1px solid rgb(255 255 255 / 25%);
+}
+
+/* SIDEBAR */
+.sidebar[data-background-color="black"]:after,
+.sidebar[data-background-color="black"]:before,
+.off-canvas-sidebar[data-background-color="black"]:after,
+.off-canvas-sidebar[data-background-color="black"]:before {
+    background: rgb(0 0 0 / 10%);
+}
+
+.sidebar[data-background-color="black"] .logo,
+.off-canvas-sidebar[data-background-color="black"] .logo {
+    border-bottom: 1px solid rgba(var(--accent-color));
+}
+
+.sidebar .nav li.active>a:before,
+.sidebar .nav li.active>a:after {
+    border-right: 17px solid rgb(var(--accent-color));
+}
+
+@media (min-width: 992px) {
+
+    .off-canvas-sidebar .nav li.active>a:before,
+    .off-canvas-sidebar .nav li.active>a:after {
+        border-right: 17px solid rgb(var(--accent-color));
+    }
+}
+
+.sidebar[data-active-color="success"] .nav li.active>a,
+.off-canvas-sidebar[data-active-color="success"] .nav li.active>a {
+    color: rgb(var(--accent-color)) !important;
+}
+
+.sidebar .nav li>a:hover {
+    color: var(--text-hover) !important;
+}
+
+.sidebar .sidebar-wrapper {
+    box-shadow: none;
+}
+
+/* MODAL */
+.modal-content {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border: 1px solid transparent;
+}
+
+.modal-header {
+    border-bottom: 1px solid rgb(var(--accent-color));
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.modal-footer {
+    border-top: 1px solid rgb(var(--accent-color));
+    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.modal-body .nav-tabs>li.active>a,
+.nav-tabs>li.active>a:focus,
+.nav-tabs>li.active>a:hover {
+    color: var(--text);
+    cursor: default;
+    background-color: rgba(0, 0, 0, .25);
+    border: 1px solid transparent;
+    border-bottom-color: transparent;
+}
+
+.modal-body .nav>li>a:hover,
+.nav>li>a:focus {
+    background-color: transparent;
+}
+
+.modal-body .nav-tabs>li.active>a:hover {
+    background-color: rgba(0, 0, 0, .25);
+    border: 1px solid transparent;
+}
+
+.modal-body .nav-tabs>li>a:hover {
+    border-color: #fff3 #fff3 #fff3;
+    color: var(--text-hover)
+}
+
+.modal-body .nav-tabs>li>a {
+    color: var(--text)
+}
+
+#modal_storage_info_tab_content {
+    border: none !important;
+}
+
+.modal-body .nav .open>a,
+.nav .open>a:focus,
+.nav .open>a:hover {
+    background-color: rgb(0 0 0 / 25%);
+    border-color: transparent;
+}
+
+/* DROPDOWN */
+.dropdown-menu {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.dropdown a {
+    color: var(--text) !important;
+}
+
+.dropdown a:hover {
+    color: var(--text-hover) !important;
+}
+
+/* FORMS */
+.form-control.border-input {
+    border: 1px solid transparent;
+}
+
+.form-control,
+textarea {
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text);
+}
+
+.form-control:focus {
+    background-color: rgb(0 0 0 / 50%);
+}
+
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+    background-color: rgba(0, 0, 0, .15);
+}
+
+#input_s3_provider:focus,
+#schedule_frequency:focus,
+#modal_restore_storage:focus,
+#modal_restore_id:focus,
+#modal_restore_revision:focus,
+#job_type:focus,
+#job_repository:focus,
+#backup_storage:focus,
+#administration_expiration:focus {
+    background: white;
+    color: black;
+}
+
+.form-check-label {
+    word-break: break-word;
+}
+
+/* BUTTONS */
+.btn {
+    color: var(--button-text);
+    border-width: 1px;
+    border-radius: 4px;
+}
+
+.main-panel .btn:hover,
+.main-panel .btn:focus {
+    background: transparent;
+}
+
+.timepicker-spinner .btn:hover,
+.timepicker-spinner .btn:focus {
+    background-color: rgba(255, 255, 255, .08);
+    color: var(--text-hover);
+    border: 1px solid transparent;
+}
+
+.timepicker-spinner .btn {
+    border: 1px solid transparent;
+}
+
+.timepicker-spinner .input-group-btn-vertical {
+    border-left: 1px solid transparent;
+}
+
+.btn-info.btn-fill {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border: var(--button-color);
+}
+
+.btn-info.btn-fill:hover,
+.btn-info.btn-fill:active,
+.btn-info.btn-fill.active,
+.btn-info.btn-fill:focus {
+    background: var(--button-color-hover);
+    border: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+.btn-primary {
+    border-color: var(--button-color);
+    background: var(--button-color);
+    color: var(--button-text);
+}
+
+.btn-primary:focus,
+.btn-primary:active:focus {
+    border-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+}
+
+.btn-primary:hover {
+    border-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+}
+
+.btn-primary.btn-fill {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-primary.btn-fill:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+
+}
+
+div>div>div.modal-footer>button.btn.btn-default.pull-left,
+.navbar .navbar-nav>li>a.btn-danger.btn-fill,
+.btn-danger.btn-fill {
+    border-color: #f05050;
+    background-color: #f05050;
+    color: #eee;
+}
+
+div>div>div.modal-footer>button.btn.btn-default.pull-left:hover,
+div>div>div.modal-footer>button.btn.btn-default.pull-left:focus,
+.navbar .navbar-nav>li>a.btn-danger.btn-fill:hover,
+.navbar .navbar-nav>li>a.btn-danger.btn-fill:focus,
+.btn-danger.btn-fill:hover,
+.btn-danger.btn-fill:focus {
+    border-color: #ec2626;
+    color: #fff;
+    background-color: #ec2626;
+}
+
+div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default {
+    border-color: #f05050;
+    background-color: #f05050;
+    color: #eee;
+}
+
+div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:hover,
+div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:focus {
+    border-color: #ec2626;
+    color: #fff;
+    background-color: #ec2626;
+}
+
+.close {
+    color: #fff
+}
+
+.navbar .navbar-nav>li>a.btn-success,
+.btn-success {
+    border-color: var(--button-color);
+    color: var(--button-color);
+}
+
+.navbar .navbar-nav>li>a.btn-success:hover,
+.navbar .navbar-nav>li>a.btn-success:focus,
+.navbar .navbar-nav>li>a.btn-success:active,
+.navbar .navbar-nav>li>a.btn-success.active,
+.open>.navbar .navbar-nav>li>a.btn-success.dropdown-toggle,
+.btn-success:hover,
+.btn-success:focus,
+.btn-success:active,
+.btn-success.active,
+.open>.btn-success.dropdown-toggle {
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-icon {
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+    border-color: rgb(var(--accent-color));
+}
+
+.btn-icon.active.focus,
+.btn-icon.active:focus,
+.btn-icon.active:hover,
+.btn-icon:active.focus,
+.btn-icon:active:focus,
+.btn-icon:active:hover,
+.btn-icon:hover,
+.btn-icon:focus,
+.btn-icon:active,
+.btn-icon.active,
+.open>.dropdown-toggle.btn-icon.focus,
+.open>.dropdown-toggle.btn-icon:focus,
+.open>.dropdown-toggle.btn-icon:hover {
+    background-color: var(--accent-color-hover) !important;
+    color: var(--label-text-color);
+    border-color: var(--accent-color-hover);
+}
+
+.radio-box input:checked~.radio-button {
+    background-color: var(--button-color);
+    color: var(--label-text-color);
+}
+
+/* TABLES */
+.table>tbody>tr.active>td,
+.table>tbody>tr.active>th,
+.table>tbody>tr>td.active,
+.table>tbody>tr>th.active,
+.table>tfoot>tr.active>td,
+.table>tfoot>tr.active>th,
+.table>tfoot>tr>td.active,
+.table>tfoot>tr>th.active,
+.table>thead>tr.active>td,
+.table>thead>tr.active>th,
+.table>thead>tr>td.active,
+.table>thead>tr>th.active,
+.row-clickable.active {
+    background-color: rgb(0 0 0 / 25%);
+    color: var(--text-hover);
+}
+
+.fixed-header th {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.table thead tr>th,
+.table thead tr>td,
+.table tbody tr>th,
+.table tbody tr>td,
+.table tfoot tr>th,
+.table tfoot tr>td {
+    border-top: 1px solid rgb(255 255 255 / 20%);
+}
+
+hr {
+    border-top: 1px solid rgb(var(--accent-color));
+}
+
+.list-group-item {
+    background-color: transparent;
+}
+
+.list-group-item.active,
+.list-group-item.active:focus,
+.list-group-item.active:hover {
+    background-color: rgb(var(--accent-color));
+    border-color: rgb(var(--accent-color));
+}
+
+/* PROGRESS BARS */
+.progress {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.progress-bar {
+    background-color: rgb(var(--accent-color));
+}
+
+.progress span {
+    color: var(--text-hover);
+}
+
+/* FOOTER */
+.main-panel>.footer {
+    background: rgb(0 0 0 / 0.25);
+}
+
+/* MOBILE */
+@media (max-width: 991px) {
+    .off-canvas-sidebar .sidebar-wrapper {
+        box-shadow: 0 0 10px 0px #000000;
+        background: var(--modal-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+
+    .off-canvas-sidebar .nav li.active>a:before,
+    .off-canvas-sidebar .nav>li.active>a:after {
+        border-left: 17px solid rgb(var(--accent-color));
+    }
+}

CSS/base/duplicati/duplicati-base.css

@@ -0,0 +1,350 @@
+@import url("https://assets.deathbybandaid.net/theme.park/CSS/defaults/placeholders.css");
+
+* {
+    outline: none !important;
+}
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text) !important;
+}
+
+body .container .header {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+body .container .footer {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.mainmenu {
+    background: initial;
+}
+
+.mainmenu ul li a {
+    background-color: initial !important;
+}
+
+.mainmenu ul li a.active {
+    background-color: initial !important;
+    color: var(--link-color-hover) !important;
+}
+
+body .container .header .action-icons>.pause,
+body .container .header .action-icons-small>.pause {
+    background: url(https://theme-park.dev/resources/duplicati/pause.png);
+}
+
+body .container .header .action-icons>.throttle,
+body .container .header .action-icons-small>.throttle {
+    background: url(https://theme-park.dev/resources/duplicati/throttle.png);
+}
+
+body .container .body .content div.add .steps .step.active span,
+body .container .body .content div.restore .steps .step.active span {
+    border: 4px var(--button-color) solid;
+    background: var(--button-color);
+    color: var(--button-text);
+}
+
+body .container .body .content div.add .steps-legend li.active,
+body .container .body .content div.restore .steps-legend li.active {
+    color: var(--link-color);
+}
+
+body .container .body .content div.add .steps .step span,
+body .container .body .content div.restore .steps .step span {
+    display: block;
+    border: 4px var(--button-color) solid;
+    background: var(--button-color);
+}
+
+body .container .body .content div.add .steps-legend li,
+body .container .body .content div.restore .steps-legend li {
+    color: var(--text-muted);
+}
+
+body .container .body .content div.add .steps .step,
+body .container .body .content div.restore .steps .step {
+    color: var(--button-text-hover);
+}
+
+a,
+a span:not(.tabs>li>a>span):not(.buttons>a>span),
+body .container .body a {
+    color: var(--link-color);
+}
+
+a:hover,
+a span:hover:not(.tabs>li>a>span):not(.buttons>a>span) {
+    color: var(--link-color-hover);
+}
+
+body .container .header a {
+    color: rgb(var(--accent-color))
+}
+
+body .container .header a:hover {
+    color: var(--accent-color-hover)
+}
+
+.taskmenu dt {
+    color: var(--text-hover) !important;
+}
+
+dt {
+    color: var(--text-hover) !important;
+}
+
+dd {
+    color: var(--text) !important;
+}
+
+.tasklist dd a,
+.tasklist dd p {
+    color: var(--link-color) !important;
+}
+
+.tasklist dd a:hover,
+.tasklist dd p:hover {
+    color: var(--link-color-hover) !important;
+}
+
+.action-icons {
+    color: var(--text-hover) !important;
+}
+
+.submit {
+    color: var(--button-text) !important;
+    background: var(--button-color) !important;
+}
+
+.submit:hover {
+    color: var(--button-text-hover) !important;
+    background: var(--button-color-hover) !important;
+}
+
+input,
+select,
+form.styled input,
+form.styled textarea,
+form.styled select,
+form.styled .input.select select {
+    color: var(--text);
+    border: none;
+    background: rgba(0, 0, 0, .25);
+}
+
+form.styled input:focus,
+form.styled textarea:focus {
+    color: var(--text-hover);
+    border: none;
+    background: rgba(0, 0, 0, .45);
+}
+
+select:focus,
+form.styled select:focus,
+form.styled .input.select select:focus {
+    background: #1f1f1f;
+    color: var(--text-hover);
+    border: none;
+
+}
+
+h1,
+h2 {
+    color: var(--text-hover);
+}
+
+body .container .header .state {
+    background: rgb(var(--accent-color), .1);
+    color: var(--text);
+    border-color: rgb(var(--accent-color));
+}
+
+/* DROP DOWN MENU */
+@media (max-width:1150px),
+(max-width:1150px) and (min-resolution:192dpi),
+(max-width:1150px) and (min-resolution:1.25dppx) {
+    body .container .body .mainmenu {
+        background: var(--drop-down-menu-bg) !important;
+    }
+
+}
+
+body .container .body .contextmenu {
+    display: none;
+    position: absolute;
+    background: var(--drop-down-menu-bg);
+    border: 1px rgba(255, 255, 255, 0.1) solid;
+    box-shadow: 0 4px 8px rgb(0 0 0 / 30%);
+    z-index: 200;
+    padding: 5px;
+}
+
+body .container .body .contextmenu li a:hover {
+    background: rgba(255, 255, 255, 0.25);
+    color: var(--text-hover);
+}
+
+body .container .body .mainmenu>ul>li>a.home {
+    background: url(https://theme-park.dev/resources/duplicati/home.png) no-repeat 8px 7px;
+}
+
+body .container .body .mainmenu>ul>li>a.add {
+    background: url(https://theme-park.dev/resources/duplicati/add.png) no-repeat 8px 7px;
+}
+
+body .container .body .mainmenu>ul>li>a.restore {
+    background: url(https://theme-park.dev/resources/duplicati/restore.png) no-repeat 8px 7px;
+}
+
+body .container .body .mainmenu>ul>li>a.settings {
+    background: url(https://theme-park.dev/resources/duplicati/settings.png) no-repeat 8px 7px;
+}
+
+body .container .body .mainmenu>ul>li>a.about {
+    background: url(https://theme-park.dev/resources/duplicati/about.png) no-repeat 8px 7px;
+}
+
+body .container .body .mainmenu>ul>li>a.logout {
+    background: url(https://theme-park.dev/resources/duplicati/logout.png) no-repeat 8px 7px;
+}
+
+#threedotmenu_add_destination>ul>li>a>span {
+    color: var(--text) !important;
+}
+
+
+/* MODAL */
+
+div.connection-lost div.title,
+div.modal-dialog div.title {
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    background: var(--modal-bg-color);
+    border-radius: 5px 5px 0 0;
+    padding: 10px 20px;
+    font-weight: bold;
+    color: var(--text);
+    text-align: center;
+}
+
+div.connection-lost div.content,
+div.modal-dialog div.content {
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    background: var(--modal-bg-color);
+    padding: 20px;
+}
+
+
+/* BUTTONS */
+
+#login-button {
+    cursor: pointer;
+}
+
+.button,
+form.styled .buttons input,
+form.styled .buttons a {
+    display: block;
+    background: var(--button-color);
+    color: var(--button-text) !important;
+    padding: 5px 15px;
+    float: right;
+    margin-left: 10px;
+    cursor: pointer;
+    width: auto;
+    border: none;
+    font-family: 'Clear Sans', sans-serif;
+    font-size: 16px;
+    font-weight: 300;
+    border-radius: 0;
+}
+
+.button:hover,
+form.styled .buttons input:hover,
+form.styled .buttons a:hover {
+    background: var(--button-color-hover);
+    color: var(--button-text-hover) !important;
+}
+
+ul.tabs>li.active>a {
+    background: var(--button-color-hover);
+    color: var(--button-text-hover) !important;
+}
+
+ul.tabs>li.active {
+    background-color: var(--button-color);
+    color: var(--button-text-hover);
+}
+
+
+ul.tabs>li {
+    display: inline;
+    margin-right: 10px;
+    border: 1px solid var(--button-color);
+    padding: 5px;
+}
+
+/* FOLDER TREE*/
+.tree-view li div.selected {
+    border-color: rgba(255, 255, 255, .1);
+    background-color: rgba(252, 252, 252, .25);
+}
+
+
+/* PROGRESS BAR */
+body .container .header .state .progress-bar {
+    background: rgba(var(--accent-color), 0.25);
+}
+
+/* LOGIN */
+#login h2 {
+    background: rgba(255, 255, 255, .15);
+    color: var(--text);
+}
+
+#login fieldset p {
+    color: var(--text-hover);
+}
+
+#login fieldset {
+    background-color: rgba(255, 255, 255, .15);
+}
+
+#login fieldset input[type="submit"] {
+    background: var(--button-color);
+    color: var(--button-text);
+}
+
+#login fieldset input[type="submit"]:hover {
+    background: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+#login fieldset input[type="email"],
+#login fieldset input[type="password"] {
+    background: rgba(0, 0, 0, .25);
+    color: var(--text);
+}

CSS/base/emby/emby-base.css

@@ -0,0 +1,747 @@
+:root {
+    --theme-primary-color: var(--accent-color);
+    --theme-text-color: var(--text);
+    --theme-text-color-opaque: var(--text-hover);
+    --theme-accent-text-color: var(--accent-color);
+    --theme-primary-color-lightened: var(--accent-color-hover);
+    --theme-icon-focus-background: rgba(var(--accent-color), 0.2);
+
+    --theme-background: var(--main-bg-color);
+    --header-blur-background: rgba(20,20,20,0.66);
+    --drawer-background: #2C2C2E;
+    --docked-drawer-background: rgba(0, 0, 0, 0.25);
+    --button-background: var(--button-color);
+    --card-background: rgba(0, 0, 0, 0.15);
+    --footer-background: var(--modal-footer-color);
+    --footer-blur-background: rgba(29,29,31,0.66);
+    
+    --header-background: var(--theme-background);
+    --theme-body-secondary-text-color: rgba(255, 255, 255, .6);
+    --line-background: rgba(255, 255, 255, .08);
+    --line-size: .08em;
+    --scrollbar-thumb-background: rgba(255,255,255,.3);
+}
+
+@media (pointer: fine) {
+    :not(.layout-tv):root {
+        --theme-background: var(--main-bg-color);
+        --header-blur-background: rgba(20,20,20,0.66);
+        --drawer-background: #2C2C2E;
+        --docked-drawer-background: rgba(0, 0, 0, 0.25);
+        --button-background: #1f1f1f;
+        --card-background: rgba(0, 0, 0, 0.15);
+        --footer-background: var(--modal-footer-color);
+        --footer-blur-background: rgba(29,29,31,0.66);
+    }
+}
+
+.layout-tv:root {
+    --theme-background: var(--main-bg-color);
+    --header-blur-background: rgba(20,20,20,0.66);
+    --drawer-background: #2C2C2E;
+    --docked-drawer-background: rgba(0, 0, 0, 0.25);
+    --button-background: #1f1f1f;
+    --card-background: rgba(0, 0, 0, 0.15);
+    --footer-background: var(--modal-footer-color);
+    --footer-blur-background: rgba(29,29,31,0.66);
+}
+
+/*TP CUSTOM */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.inputLabel,
+label {
+    color: var(--text-hover);
+}
+
+a:not(.emby-button),
+.cardText.cardTextCentered.cardText-first>button {
+    color: var(--link-color) !important;
+}
+
+a:hover:not(.emby-button),
+.cardText.cardTextCentered.cardText-first>button:hover {
+    color: var(--link-color-hover) !important;
+}
+
+/*TP END*/
+
+html {
+    color: var(--theme-text-color);
+    scrollbar-color: var(--scrollbar-thumb-background) transparent
+}
+
+.emby-collapsible-button {
+    border-color: var(--line-background) !important
+}
+
+.skinHeader-withBackground.skinHeader-withfulldrawer {
+    border-bottom: .08em solid var(--line-background)
+}
+
+.skinHeader-withBackground {
+    background: var(--header-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.appfooter,
+.formDialogFooter:not(.formDialogFooter-clear) {
+    background: var(--footer-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.formDialogHeader:not(.formDialogHeader-clear) {
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.dialog {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+    .skinHeader-withBackground {
+        background: var(--header-blur-background);
+        -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
+        backdrop-filter: saturate(1.8) blur(1.5em)
+    }
+
+    .appfooter-withbackdropfilter {
+        background: var(--footer-blur-background);
+        -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
+        backdrop-filter: saturate(1.8) blur(1.5em)
+    }
+}
+
+.skinHeader.semiTransparent {
+    -webkit-backdrop-filter: none !important;
+    backdrop-filter: none !important;
+    background-color: rgba(0, 0, 0, .3);
+    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));
+    background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
+    background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
+    background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+    border-bottom: 0;
+    color: rgba(255, 255, 255, .87)
+}
+
+.pageTitleWithDefaultLogo {
+    background-image: url(https://theme-park.dev/resources/emby/logowhite.png)
+}
+
+.backgroundContainer,
+html {
+    background: var(--theme-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.backgroundContainer.withBackdrop {
+    background-color: rgba(0, 0, 0, .83)
+}
+
+@media not all and (min-width: 50em) {
+    .itemBackgroundContainer.withBackdrop {
+        background: var(--theme-background);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+.paper-icon-button-light-tv:focus,
+.paper-icon-button-light:active {
+    color: rgb(var(--theme-primary-color));
+    background-color: var(--theme-icon-focus-background)
+}
+
+@media(hover: hover) and (pointer:fine) {
+    .paper-icon-button-light:focus {
+        color: rgb(var(--theme-primary-color));
+        background-color: var(--theme-icon-focus-background)
+    }
+}
+
+.detailButton-icon,
+.fab,
+.raised:not(.raised-mini) {
+    background: var(--button-color);
+    color: var(--button-text);
+}
+
+.detailButton-icon {
+    border-color: rgba(255, 255, 255, .3)
+}
+
+.emby-select-withcolor {
+    color: inherit;
+    background: rgba(0, 0, 0, 0.25);
+    border: var(--line-size) solid transparent
+}
+
+.toast {
+    background: var(--button-background);
+    color: var(--theme-text-color)
+}
+
+@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+
+    .detailButton-icon,
+    .emby-select-withcolor.detailTrackSelect,
+    .fab,
+    .raised:not(.nobackdropfilter) {
+        background: rgba(85, 85, 85, .3);
+        -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
+        backdrop-filter: saturate(1.8) blur(1.5em)
+    }
+
+    .dialog-blur,
+    .toast {
+        color: #fff;
+        background: rgba(56, 56, 56, .76);
+        -webkit-backdrop-filter: blur(2.5em) saturate(1.8);
+        backdrop-filter: blur(2.5em) saturate(1.8);
+        -webkit-box-shadow: none !important;
+        box-shadow: none !important
+    }
+
+    .toast-large {
+        color: rgba(255, 255, 255, .87)
+    }
+}
+
+.fab:focus,
+.raised:focus {
+    background: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+.button-submit:not(.emby-button-tv) {
+    background: var(--button-color);
+    color: var(--button-text)
+}
+
+.button-submit:not(.emby-button-tv):focus,
+.button-submit:not(.emby-button-tv):hover {
+    background: var(--button-color-hover);
+    color: var(--button-text-hover)
+}
+
+.emby-select-withcolor>option {
+    color: inherit;
+    background: var(--button-background)
+}
+
+.emby-select-withcolor:focus {
+    border-color: rgb(var(--theme-primary-color)) !important
+}
+
+.emby-select-tv-withcolor:focus {
+    background-color: rgb(var(--theme-primary-color)) !important;
+    color: #fff !important
+}
+
+.checkboxLabel {
+    color: inherit
+}
+
+.emby-checkbox-focusring:focus:before {
+    background-color: var(--theme-icon-focus-background)
+}
+
+.inputLabelFocused,
+.selectLabelFocused,
+.textareaLabelFocused {
+    color: rgb(var(--accent-color))
+}
+
+.button-link {
+    color: var(--link-color)
+}
+
+.button-flat-accent {
+    color: rgb(var(--accent-color))
+}
+
+.paperList,
+.visualCardBox {
+    background-color: var(--card-background)
+}
+
+.collapseContent {
+    border: var(--line-size) solid var(--line-background)
+}
+
+.fieldDescription,
+.listItemBodyText-secondary,
+.secondaryText {
+    color: var(--theme-body-secondary-text-color)
+}
+
+.cardText-secondary {
+    color: var(--text)
+}
+
+.cardText-first {
+    color: var(--theme-text-color-opaque)
+}
+
+.actionsheetDivider {
+    background: var(--line-background)
+}
+
+@media(hover: hover) and (pointer:fine) {
+    .actionSheetMenuItem:hover {
+        background-color: rgba(255, 255, 255, .2)
+    }
+}
+
+.selectionCommandsPanel {
+    background: rgb(var(--theme-primary-color));
+    color: var(--label-text-color);
+}
+
+.itemSelectionCount {
+    color: var(--label-text-color) !important;
+
+}
+
+.upNextDialog-countdownText {
+    color: rgb(var(--theme-primary-color))
+}
+
+.alphaPickerButton {
+    color: var(--theme-body-secondary-text-color);
+    background-color: transparent
+}
+
+.alphaPickerButton-selected {
+    color: var(--theme-text-color-opaque)
+}
+
+.alphaPickerButton-tv:focus {
+    background-color: rgb(var(--theme-primary-color));
+    color: #fff !important
+}
+
+.detailTableBodyRow-shaded:nth-child(even) {
+    background: #1c1c1c;
+    background: rgba(30, 30, 30, .9)
+}
+
+.listItem-border {
+    border-color: var(--line-background) !important
+}
+
+.listItem-focusscale:focus {
+    background: rgba(54, 54, 54, .8)
+}
+
+.progressring-spiner {
+    border-color: rgb(var(--theme-primary-color))
+}
+
+.mediaInfoText {
+    background: var(--button-background)
+}
+
+.starIcon {
+    color: #cb272a
+}
+
+.mediaInfoTimerIcon {
+    color: #cb272a
+}
+
+.emby-input,
+.emby-textarea {
+    color: inherit;
+    background: rgb(0 0 0 / 25%);
+    border: var(--line-size) solid rgba(255, 255, 255, 0.1)
+}
+
+.emby-input:focus,
+.emby-textarea:focus {
+    border-color: rgb(var(--theme-primary-color))
+}
+
+.emby-checkbox:checked+span:before {
+    border-color: currentColor
+}
+
+.emby-checkbox:checked+span:before {
+    border-color: rgb(var(--theme-primary-color)) !important;
+    background-color: rgb(var(--theme-primary-color)) !important;
+
+}
+
+.checkboxLabel::after {
+    color: var(--label-text-color);
+}
+
+.itemProgressBarForeground {
+    background-color: rgb(var(--theme-primary-color))
+}
+
+.itemProgressBarForeground-recording {
+    background-color: #cb272a
+}
+
+.countIndicator {
+    background: rgb(var(--theme-primary-color));
+    color: var(--label-text-color);
+}
+
+.playedIndicator {
+    background: rgb(var(--theme-primary-color))
+}
+
+.mainDrawer {
+    background: var(--drawer-background)
+}
+
+.drawer-docked {
+    background: var(--docked-drawer-background);
+    border-right: var(--line-size) solid var(--line-background)
+}
+
+@media(hover: hover) and (pointer:fine) {
+    .navMenuOption:hover {
+        background: #303030
+    }
+}
+
+.navMenuOption-selected {
+    background-color: var(--theme-icon-focus-background) !important;
+    color: rgb(var(--accent-color))
+}
+
+.emby-button-focusscale:focus,
+.emby-button-focusscale:focus .detailButton-icon {
+    background: rgb(var(--theme-primary-color));
+    color: #fff
+}
+
+.emby-tab-button {
+    color: var(--theme-body-secondary-text-color)
+}
+
+.emby-tab-button-active {
+    color: rgb(var(--accent-color))
+}
+
+.emby-tab-button-active.emby-button-tv {
+    color: var(--theme-text-color-opaque)
+}
+
+.emby-tab-button.emby-button-tv:focus {
+    color: rgb(var(--accent-color));
+    background: 0 0
+}
+
+.emby-button {
+    outline-color: rgb(var(--theme-primary-color))
+}
+
+.channelCell,
+.guide-headerTimeslots,
+.timeslotHeaders {
+    background: var(--theme-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+@media (pointer: coarse) {
+    .channelCell-mobilefocus {
+        background: var(--theme-background) !important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+.channelCell-mobilefocus:not(:focus-visible) {
+    background: var(--theme-background) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.channelCell-mobilefocus:not(:-moz-focusring) {
+    background: var(--theme-background) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.channelCell,
+.epgRow,
+.programCell {
+    border-color: rgba(255, 255, 255, .05)
+}
+
+.guide-currentTimeIndicatorDot {
+    border-right-color: var(--theme-icon-focus-background)
+}
+
+.guide-currentTimeIndicatorDot:after {
+    border-top-color: rgb(var(--theme-primary-color))
+}
+
+.firstChannelCell {
+    border-color: transparent
+}
+
+.programCell-sports {
+    background: #3949ab !important
+}
+
+.programCell-movie {
+    background: #5e35b1 !important
+}
+
+.programCell-kids {
+    background: #039be5 !important
+}
+
+.programCell-news {
+    background: #43a047 !important
+}
+
+.channelCell:focus,
+.programCell:focus {
+    background-color: rgb(var(--theme-primary-color));
+    color: #fff
+}
+
+.guide-programTextIcon {
+    color: #1e1e1e;
+    background: #555
+}
+
+.infoBanner {
+    background: var(--card-background);
+    padding: 1em;
+    -webkit-border-radius: .3em;
+    border-radius: .3em
+}
+
+.ratingbutton-icon-withrating {
+    color: #c33 !important
+}
+
+.downloadbutton-icon-on {
+    color: #4285f4
+}
+
+.downloadbutton-icon-complete {
+    color: #4285f4
+}
+
+.playstatebutton-icon-played {
+    color: #c33 !important
+}
+
+.repeatButton-active {
+    color: #4285f4
+}
+
+.card:focus .card-focuscontent {
+    border-color: rgb(var(--theme-primary-color))
+}
+
+.cardContent-button {
+    background-color: transparent
+}
+
+.cardContent-shadow {
+    background-color: var(--card-background)
+}
+
+.defaultCardBackground0 {
+    background-color: var(--card-background)
+}
+
+.defaultCardBackground1 {
+    background-color: #d2b019
+}
+
+.defaultCardBackground2 {
+    background-color: #338abb
+}
+
+.defaultCardBackground3 {
+    background-color: #6b689d
+}
+
+.defaultCardBackground4 {
+    background-color: #dd452b
+}
+
+.defaultCardBackground5 {
+    background-color: #5ccea9
+}
+
+.cardOverlayButtonIcon {
+    background-color: rgb(var(--theme-primary-color))
+}
+
+.cardScalable.cardPadder-portrait>div>button>i {
+    color: var(--label-text-color) !important;
+}
+
+::-webkit-scrollbar-track-piece {
+    background-color: transparent
+}
+
+::-webkit-scrollbar-thumb {
+    background: var(--scrollbar-thumb-background)
+}
+
+.emby-slider-background {
+    background: var(--scrollbar-thumb-background)
+}
+
+.emby-slider {
+    color: rgb(var(--theme-primary-color))
+}
+
+.emby-slider::-moz-range-track {
+    background: #444
+}
+
+.emby-slider::-moz-range-progress {
+    background: rgb(var(--theme-primary-color))
+}
+
+.emby-slider::-webkit-slider-thumb {
+    background: rgb(var(--theme-primary-color))
+}
+
+.emby-slider::-moz-range-thumb {
+    background: rgb(var(--theme-primary-color))
+}
+
+.emby-slider::-ms-thumb {
+    background: rgb(var(--theme-primary-color))
+}
+
+.emby-slider-background-lower {
+    background-color: rgb(var(--theme-primary-color))
+}
+
+.scrollbuttoncontainer {
+    color: #fff;
+    background: rgba(20, 20, 20, .5)
+}
+
+.recordingIcon-active {
+    color: #c33 !important
+}
+
+.drawerLogo {
+    background-image: url(https://theme-park.dev/resources/emby/logowhite.png);
+    border-bottom-color: var(--line-background)
+}
+
+.searchTabsContainer {
+    border-bottom: var(--line-size) solid var(--line-background)
+}
+
+.emby-search-tab-button.emby-tab-button-active {
+    background: rgb(var(--accent-color)) !important
+}
+
+.textActionButton.dragging {
+    background: var(--button-background) !important
+}
+
+.dragging-over.full-drop-target {
+    background: rgb(var(--theme-primary-color)) !important;
+    color: #fff !important
+}
+
+.dragging-over-top:before {
+    background: rgb(var(--accent-color))
+}
+
+.dragging-over-bottom:after {
+    background: rgb(var(--accent-color))
+}
+
+@media (hover: hover) and (pointer: fine) {
+    .navMenuOption:hover:not(.navMenuOption-selected) {
+        background: 0 !important;
+        color: var(--accent-color-hover);
+    }
+}
+
+.mainDrawer {
+    background: var(--header-blur-background);
+    -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
+    backdrop-filter: saturate(1.8) blur(1.5em);
+}
+
+.jstree-default .jstree-clicked {
+    background: rgb(var(--accent-color));
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+    color: var(--label-text-color) !important;
+}

CSS/base/filebrowser/filebrowser-base.css

@@ -0,0 +1,684 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://assets.deathbybandaid.net/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);
+}
+
+.message {
+    color: #FFF;
+}
+
+#login {
+    min-height: 100%;
+    height: auto;
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+body {
+
+    color: var(--text);
+    font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+th {
+    color: var(--text-hover) !important;
+}
+
+#login input[type=password],
+#login input[type=text] {
+    color: var(--text-hover) !important;
+    background-color: rgba(0, 0, 0, 0.15) !important;
+    border: none;
+}
+
+#loading {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+#loading .spinner * {
+    background-color: #FFF !important;
+}
+
+html {
+    min-height: 100%;
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+@media (max-width: 736px) {
+
+    nav,
+    nav.active {
+        background: var(--modal-bg-color) !important;
+    }
+
+    #dropdown.active {
+        background: var(--drop-down-menu-bg) !important;
+    }
+}
+
+nav {
+    background: rgba(0, 0, 0, .45);
+    height: 100%;
+    top: 64px;
+    width: 240px;
+}
+
+.overlay:not(nav) {
+    background-color: transparent;
+}
+
+nav .action {
+    color: var(--text);
+    font-size: 13px;
+    font-family: Open Sans Semibold, Helvetica Neue, Helvetica, Arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    padding-top: 0px;
+    padding-bottom: 0px;
+}
+
+nav .action:hover {
+    background-color: rgba(255, 255, 255, 0.05);
+    color: rgb(var(--accent-color));
+}
+
+nav>div {
+    border-top: none;
+}
+
+header {
+    background: rgba(0, 0, 0, 0.25);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-bottom: transparent;
+    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);
+}
+
+header>div:first-child {
+    height: 60px;
+}
+
+body {
+    padding-top: 60px;
+}
+
+.shell {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: rgb(var(--accent-color));
+}
+
+.shell__prompt i {
+    color: rgb(var(--accent-color));
+}
+
+.action {
+    color: #FFF;
+}
+
+#listing.list .item {
+    background-color: rgba(0, 0, 0, .15);
+    color: var(--text);
+    border: none;
+}
+
+#listing.list .item:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+    border: none;
+    transition: .4s;
+}
+
+#listing.list .item.header {
+    background-color: rgba(0, 0, 0, .45);
+    color: var(--text-hover);
+    border-bottom: none;
+    right: auto;
+}
+
+.material-icons,
+.prompt .file-list ul li:before {
+    color: rgb(var(--accent-color));
+}
+
+.action:hover {
+    background-color: rgba(var(--accent-color), .1);
+}
+
+.action .counter {
+    background: rgb(var(--accent-color));
+    color: var(--label-text-color);
+    border: 2px solid var(--label-text-color);
+}
+
+.share__box {
+    background: transparent;
+}
+
+.share__box__info {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.share__box__download {
+    background: rgb(var(--accent-color));
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+.share__box__element {
+    border-top: 1px solid rgb(255 255 255 / 10%);
+}
+
+svg {
+    fill: rgb(var(--accent-color)) !important;
+}
+
+#listing.list .item div:first-of-type i {
+    color: rgb(var(--accent-color));
+}
+
+#listing .item i {
+    color: rgb(var(--accent-color));
+}
+
+#listing.mosaic:hover .item:hover i:hover {
+    color: var(--accent-color-hover);
+}
+
+#listing .item[aria-selected=true] {
+    background-color: rgba(255, 255, 255, 0.2) !important;
+    color: var(--text-hover) !important;
+}
+
+#listing h2 {
+    color: var(--text-hover);
+}
+
+#listing #multiple-selection {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+#breadcrumbs span a {
+    color: var(--text-hover);
+}
+
+#breadcrumbs {
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+#listing .item {
+    background-color: rgba(0, 0, 0, .15);
+    color: var(--text);
+    border: none;
+}
+
+.input {
+    background: rgba(0, 0, 0, 0.25);
+    color: var(--text-hover);
+}
+
+select>option {
+    background: #1f1f1f;
+}
+
+#search #input {
+    background: #fff;
+    display: flex;
+    padding: 10px;
+}
+
+#search #result {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+}
+
+#search .boxes {
+    background-color: rgba(0, 0, 0, .15);
+    padding: 15px;
+}
+
+#search .boxes h3 {
+    color: var(--text-hover);
+}
+
+#search .boxes>div>div {
+    background-color: rgba(0, 0, 0, .10);
+}
+
+#search .boxes>div>div:hover {
+    background-color: rgba(255, 255, 255, .08);
+}
+
+#search.active #input {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    height: 60px;
+    color: black;
+}
+
+#search.active i,
+#search.active input {
+    color: var(--text-hover);
+}
+
+#search #result>div>:first-child {
+    margin-top: 10px;
+}
+
+.card {
+    background-color: rgba(0, 0, 0, .15);
+}
+
+.card h3 {
+    color: var(--text-hover);
+}
+
+.card#share ul li a {
+    color: rgb(var(--accent-color));
+}
+
+select {
+    color: var(--text-hover);
+}
+
+.card#share .input-group * {
+    border: none;
+    background: transparent;
+}
+
+input,
+textarea,
+select,
+button {
+    color: var(--text-hover);
+}
+
+.collapsible>label * {
+    color: var(--text-hover);
+}
+
+a,
+.link,
+.breadcrumbs span a,
+.breadcrumbs,
+.breadcrumbs span {
+    color: var(--link-color);
+}
+
+a:hover,
+.link:hover,
+.breadcrumbs span a:hover {
+    color: var(--link-color-hover);
+}
+
+table th {
+    color: var(--text-hover);
+}
+
+.card.floating {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+#search #input {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+#listing.mosaic .item {
+    box-shadow: none !important;
+}
+
+#listing.mosaic .item:hover {
+    box-shadow: none !important;
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+.dashboard p label {
+    color: var(--text-hover);
+}
+
+.dashboard #nav li.active {
+    border-color: rgb(var(--accent-color));
+}
+
+.dashboard #nav ul li.active {
+    border-color: rgb(var(--accent-color));
+    color: rgb(var(--accent-color));
+}
+
+.dashboard #nav ul li.active:before {
+    background: rgb(var(--accent-color));
+    opacity: .08;
+}
+
+.dashboard #nav ul li:hover {
+    background: rgb(var(--accent-color), .15);
+    color: rgb(var(--accent-color));
+}
+
+.dashboard #nav .wrapper {
+    border-bottom: 2px solid var(--accent-color-hover);
+}
+
+
+@media (min-width: 1024px) {
+    main {
+        margin-left: 270px;
+    }
+}
+
+@media (max-width: 1024px) {
+    nav {
+        width: 175px;
+    }
+}
+
+/* Buttons */
+.button:not(.button--flat.button--red) {
+    background: var(--button-color);
+    color: var(--button-text);
+}
+
+.button:hover:not(.button--flat.button--red),
+.button:active:not(.button--flat.button--red),
+.button:focus:not(.button--flat.button--red) {
+    background: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+button:hover:not(.action),
+input[type=submit]:hover {
+    color: var(--button-text-hover);
+}
+
+.button--flat {
+    margin-left: 5px;
+}
+
+.button--flat:hover {
+    background: var(--dark-red);
+    color: #FFF;
+    margin-left: 5px;
+}
+
+
+#editor-container {
+    background: var(--modal-bg-color);
+}
+
+/* ACE EDITOR */
+
+.ace-chrome .ace_gutter {
+    background: #282a36 !important;
+    color: rgb(144, 145, 148) !important;
+}
+
+.ace-chrome .ace_print-margin {
+    width: 1px;
+    background: #44475a
+}
+
+.ace-chrome {
+    background-color: #282a36;
+    color: #f8f8f2
+}
+
+.ace-chrome .ace_cursor {
+    color: #f8f8f0
+}
+
+.ace-chrome .ace_marker-layer .ace_selection {
+    background: #44475a
+}
+
+.ace-chrome.ace_multiselect .ace_selection.ace_start {
+    box-shadow: 0 0 3px 0px #282a36;
+    border-radius: 2px
+}
+
+.ace-chrome .ace_marker-layer .ace_step {
+    background: rgb(198, 219, 174)
+}
+
+.ace-chrome .ace_marker-layer .ace_bracket {
+    margin: -1px 0 0 -1px;
+    border: 1px solid #a29709
+}
+
+.ace-chrome .ace_marker-layer .ace_active-line {
+    background: #44475a
+}
+
+.ace-chrome .ace_gutter-active-line {
+    background-color: #44475a
+}
+
+.ace-chrome .ace_marker-layer .ace_selected-word {
+    box-shadow: 0px 0px 0px 1px #a29709;
+    border-radius: 3px;
+}
+
+.ace-chrome .ace_fold {
+    background-color: #50fa7b;
+    border-color: #f8f8f2
+}
+
+.ace-chrome .ace_keyword {
+    color: #ff79c6
+}
+
+.ace-chrome .ace_constant.ace_language {
+    color: #bd93f9
+}
+
+.ace-chrome .ace_constant.ace_numeric {
+    color: #bd93f9
+}
+
+.ace-chrome .ace_constant.ace_character {
+    color: #bd93f9
+}
+
+.ace-chrome .ace_constant.ace_character.ace_escape {
+    color: #ff79c6
+}
+
+.ace-chrome .ace_constant.ace_other {
+    color: #bd93f9
+}
+
+.ace-chrome .ace_support.ace_function {
+    color: #8be9fd
+}
+
+.ace-chrome .ace_support.ace_constant {
+    color: #6be5fd
+}
+
+.ace-chrome .ace_support.ace_class {
+    font-style: italic;
+    color: #66d9ef
+}
+
+.ace-chrome .ace_support.ace_type {
+    font-style: italic;
+    color: #66d9ef
+}
+
+.ace-chrome .ace_storage {
+    color: #ff79c6
+}
+
+.ace-chrome .ace_storage.ace_type {
+    font-style: italic;
+    color: #8be9fd
+}
+
+.ace-chrome .ace_invalid {
+    color: #F8F8F0;
+    background-color: #ff79c6
+}
+
+.ace-chrome .ace_invalid.ace_deprecated {
+    color: #F8F8F0;
+    background-color: #bd93f9
+}
+
+.ace-chrome .ace_string {
+    color: #f1fa8c
+}
+
+.ace-chrome .ace_comment {
+    color: #6272a4
+}
+
+.ace-chrome .ace_variable {
+    color: #50fa7b
+}
+
+.ace-chrome .ace_variable.ace_parameter {
+    font-style: italic;
+    color: #ffb86c
+}
+
+.ace-chrome .ace_entity.ace_other.ace_attribute-name {
+    color: #50fa7b
+}
+
+.ace-chrome .ace_entity.ace_name.ace_function {
+    color: #50fa7b
+}
+
+.ace-chrome .ace_entity.ace_name.ace_tag {
+    color: #ff79c6
+}
+
+.ace-chrome .ace_invisible {
+    color: #626680;
+}
+
+.ace-chrome .ace_indent-guide {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYHB3d/8PAAOIAdULw8qMAAAAAElFTkSuQmCC) right repeat-y
+}
+
+.credits {
+
+    color: var(--text-muted);
+}

CSS/base/flood/flood-base.css

@@ -0,0 +1,732 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://assets.deathbybandaid.net/theme.park			 */
+
+/* MOBILE */
+
+@media (max-width: 720px) {
+
+    .modal__body,
+    .modal__content__wrapper,
+    .modal__header,
+    body,
+    .dark .torrents,
+    .torrents,
+    .action-bar {
+        background: #1b1b1b !important;
+    }
+}
+
+
+body,
+.dark .torrents,
+.torrents {
+    color: var(--text);
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/* TEXT */
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+.inverse .h1,
+.inverse .h2,
+.inverse .h3,
+.inverse .h4,
+.inverse .h5,
+.inverse .h6,
+.inverse h1,
+.inverse h2,
+.inverse h3,
+.inverse h4,
+.inverse h5,
+.inverse h6 .dark .torrents__alert,
+.torrents__alert {
+    color: var(--text-hover);
+}
+
+/* AUTH PAGE */
+
+.application__view--auth-form {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+
+.panel--light {
+    background: rgba(0, 0, 0, .25);
+}
+
+.panel {
+    border: 1px solid transparent;
+    border-radius: 4px;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 1px 3px 1px rgba(0, 0, 0, .2);
+    overflow: hidden;
+}
+
+/* FORMS */
+
+.input,
+.inverse .input {
+    background: rgba(255, 255, 255, .05);
+    color: #fff;
+    border: 1px solid #0000;
+    box-shadow: 0 1px 1px rgba(210, 216, 222, 0), 0 1px 3px 1px rgba(210, 216, 222, 0);
+}
+
+.input:hover,
+.inverse .input:hover {
+    border: 1px solid rgba(255, 255, 255, .1);
+}
+
+.input:active,
+.input:focus,
+.inverse .input:active,
+.inverse .input:focus,
+.inverse .button--quaternary:active {
+    background-color: rgba(52, 156, 244, .05);
+    color: var(--text);
+    border-color: rgb(var(--accent-color));
+    box-shadow: 0 1px 1px rgb(var(--accent-color) / 15%), 0 1px 3px 1px rgb(var(--accent-color) / 20%), 0 0 0 1px rgb(var(--accent-color));
+}
+
+.button--quaternary,
+.inverse .button--quaternary {
+    background: rgba(255, 255, 255, .05);
+    border-color: transparent;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0), 0 1px 3px 1px rgba(0, 0, 0, 0);
+    color: var(--text);
+}
+
+.button--quaternary:focus-visible,
+.button--quaternary:hover,
+.inverse .button--quaternary:focus,
+.inverse .button--quaternary:hover {
+    border: 1px solid rgba(255, 255, 255, .1);
+    color: var(--text);
+}
+
+.button--quaternary:active,
+.button--quaternary:focus,
+.inverse .button--quaternary:active,
+.inverse .button--quaternary:focus {
+    border-color: rgb(var(--accent-color));
+    box-shadow: 0 1px 1px rgb(var(--accent-color) / 15%), 0 1px 3px 1px rgb(var(--accent-color) / 20%), 0 0 0 1px rgb(var(--accent-color));
+    color: var(--text-hover);
+}
+
+.context-menu__items .select__item:focus-visible,
+.context-menu__items .select__item:hover {
+    background: rgba(255, 255, 255, .15);
+}
+
+.inverse .form__element__addon {
+    border-color: rgb(255 255 255 / 10%);
+}
+
+.form__element__addon--is-interactive:focus .icon,
+.form__element__addon--is-interactive:hover .icon {
+    fill: rgb(var(--accent-color));
+    transition: all .125s;
+}
+
+.form__element:active~.form__element__addon .icon,
+.form__element:focus~.form__element__addon .icon {
+    fill: rgb(var(--accent-color));
+}
+
+.form__element__addon .icon {
+    fill: var(--text-hover);
+}
+
+.select__item--is-selected .icon {
+    fill: rgb(var(--accent-color));
+}
+
+.sortable-list__item {
+    background: rgb(255 255 255 / 10%);
+    border: 1px solid rgb(255 255 255 / 10%);
+
+}
+
+.css-1759iaw {
+    color: var(--text);
+}
+
+.css-q5wzhq:hover {
+    color: var(--text-hover);
+    background: rgba(255, 255, 255, .1);
+}
+
+.css-m5tpeq:hover {
+    color: var(--text-hover);
+    background: rgba(94, 114, 140, 0.1);
+}
+
+/* Cancel button */
+.button--tertiary {
+    background: rgb(255 255 255 / 20%);
+    border-color: #768a9b;
+    box-shadow: 0 1px 1px rgb(136 153 168 / 0%), 0 1px 3px 1px rgb(0 0 0 / 0%);
+    text-shadow: 0 1px 0 #00000000, 0 1px 2px rgb(0 0 0 / 0%);
+}
+
+.inverse .button--tertiary {
+    border-color: rgb(255 255 255 / 0%);
+}
+
+.inverse .button--tertiary:focus,
+.inverse .button--tertiary:hover {
+    background: rgba(255, 255, 255, .35);
+    border-color: #0000;
+    box-shadow: 0 1px 1px rgb(136 153 168 / 0%), 0 1px 3px 1px rgb(0 0 0 / 0%);
+    text-shadow: 0 1px 0 #00000000, 0 1px 2px rgb(0 0 0 / 0%);
+}
+
+.inverse .button--tertiary:active {
+    background: rgba(255, 255, 255, .35);
+    border-color: #0000;
+    box-shadow: 0 1px 1px rgb(136 153 168 / 0%), 0 1px 3px 1px rgb(0 0 0 / 0%);
+    text-shadow: 0 1px 0 #00000000, 0 1px 2px rgb(0 0 0 / 0%);
+}
+
+.inverse .button--tertiary:focus,
+.inverse .button--tertiary:hover {
+    background: rgba(255, 255, 255, .35);
+    border-color: #0000;
+    box-shadow: 0 1px 1px rgb(136 153 168 / 0%), 0 1px 3px 1px rgb(0 0 0 / 0%);
+    text-shadow: 0 1px 0 #00000000, 0 1px 2px rgb(0 0 0 / 0%);
+}
+
+/* DROPDOWN MENUS*/
+
+.context-menu__items,
+.menu {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-radius: 4px;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 1px 3px 1px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
+    color: var(--text);
+}
+
+.select__item--is-selected,
+.menu__item.is-selectable.is-selected,
+.dark .sidebar__icon-button:focus-visible,
+.dark .sidebar__icon-button:hover,
+.sidebar__icon-button:focus-visible,
+.sidebar__icon-button:hover,
+.dark .sidebar__icon-button:focus-visible .icon,
+.dark .sidebar__icon-button:hover .icon,
+.sidebar__icon-button:focus-visible .icon,
+.sidebar__icon-button:hover .icon {
+    color: rgb(var(--accent-color));
+    fill: rgb(var(--accent-color));
+}
+
+.menu__item.is-selectable:focus-within,
+.menu__item.is-selectable:hover {
+    background: rgba(255, 255, 255, .1);
+    color: var(--text-hover);
+}
+
+/* BUTTONS */
+.button--primary,
+.inverse .button--primary {
+    background: var(--button-color);
+    border-color: var(--button-color);
+    box-shadow: none;
+    text-shadow: none;
+    color: var(--button-text)
+}
+
+.inverse .button--primary:focus,
+.inverse .button--primary:hover {
+    background: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.button--primary:active {
+    background: var(--button-color-hover);
+    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;
+    color: #fff;
+    padding: 8px 12px;
+    transition: opacity .25s;
+}
+
+/* TORRENT PAGE */
+
+.dark .torrent--is-condensed.torrent--is-selected,
+.dark .torrent--is-condensed.torrent--is-selected+.torrent,
+.torrent--is-condensed.torrent--is-selected,
+.torrent--is-condensed.torrent--is-selected+.torrent {
+    border-color: rgba(var(--accent-color), .7);
+}
+
+.dark .torrent--is-selected:after,
+.dark .torrent--is-selected:hover:after,
+.torrent--is-selected:after,
+.torrent--is-selected:hover:after {
+    background: rgba(var(--accent-color), .7);
+}
+
+.dark .table__row--heading,
+.table__row--heading {
+    background: rgba(255, 255, 255, .15);
+    box-shadow: 0 1px 0 hsl(0deg 0% 100% / 12%);
+    color: var(--text-hover);
+}
+
+.dark .torrent__detail--name,
+.torrent__detail--name {
+    color: var(--text-hover);
+}
+
+.dark .torrent--is-condensed,
+.torrent--is-condensed {
+    border-top: 1px solid hsla(0, 0%, 100%, .12);
+}
+
+.dark .torrent__detail,
+.torrent__detail {
+    color: var(--text);
+}
+
+.torrent--is-downloading--actively .torrent__detail--downRate {
+    color: #39ce83;
+    font-weight: 500;
+}
+
+.dark .torrent--is-condensed.torrent--is-selected .torrent__detail,
+.torrent--is-condensed.torrent--is-selected .torrent__detail,
+.dark .torrent--is-condensed.torrent--is-selected.torrent--is-stopped .torrent__detail,
+.torrent--is-condensed.torrent--is-selected.torrent--is-stopped .torrent__detail {
+    color: var(--label-text-color);
+}
+
+.table__heading:focus-visible,
+.table__heading:hover,
+.dark .table__heading:focus-visible,
+.dark .table__heading:hover {
+    color: var(--text-hover);
+}
+
+.dark .table__heading--is-sorted,
+.table__heading--is-sorted {
+    color: var(--text-hover);
+}
+
+.dark .table__heading,
+.table__heading {
+    border-right: 1px solid hsla(0, 0%, 100%, .12);
+}
+
+.dark .table__heading__handle:after,
+.table__heading__handle:after {
+    background: hsla(0, 0%, 100%, .6);
+}
+
+.torrent--is-condensed:nth-child(0n+1),
+.dark .torrent--is-condensed,
+.torrent--is-condensed {
+    border-top: 1px solid hsla(0, 0%, 100%, .12);
+}
+
+.torrent-details__sub-heading__secondary,
+.dark .torrent-details__sub-heading__secondary {
+    color: var(--text);
+    display: flex;
+    font-size: .85rem;
+    flex: 1 0 auto;
+}
+
+.torrent-details__sub-heading__tertiary .icon,
+.dark .torrent-details__sub-heading__tertiary .icon {
+    fill: rgba(var(--accent-color), .5);
+    height: 12px;
+    margin-right: 3px;
+    margin-top: -3px;
+    vertical-align: middle;
+    width: 12px;
+}
+
+.torrent-details__table,
+.dark .torrent-details__table,
+.torrent-details__table__heading--tertiary,
+.dark .torrent-details__table__heading--tertiary,
+.torrent-details__detail__label,
+.dark .torrent-details__detail__label {
+    color: var(--text);
+}
+
+.torrent-details__section--file-tree .directory-tree__node {
+    color: var(--text) !important;
+}
+
+.torrent-details__section--file-tree .directory-tree__parent-directory,
+.dark .torrent-details__section--file-tree .directory-tree__parent-directory {
+    color: var(--text-hover);
+}
+
+.dark .torrent-details__table__heading--primary,
+.torrent-details__table__heading--primary,
+.dark .torrent-details__table__heading--secondary .torrent-details__table__heading--secondary,
+.dark .torrent-details__table__heading--tertiary,
+.torrent-details__table__heading--tertiary {
+    color: var(--text-hover);
+}
+
+.torrent-details__section .badge {
+    background: var(--button-color);
+    color: var(--button-text);
+}
+
+.torrent-details__action.is-active {
+    color: rgb(var(--accent-color));
+}
+
+.priority-meter--max-3.priority-meter--level-1:after {
+    background: rgb(var(--accent-color));
+}
+
+/* TOB NAVBAR */
+.action-bar {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-bottom: 1px solid rgba(255, 255, 255, .1);
+    color: var(--text);
+}
+
+.dark .action .icon,
+.action .icon {
+    fill: var(--text-hover);
+}
+
+.dark .action:focus-visible,
+.dark .action:hover,
+.action:focus-visible,
+.action:hover {
+    background: rgba(255, 255, 255, .1);
+    box-shadow: none;
+}
+
+.action:focus-visible .icon,
+.action:hover .icon,
+.dark .action:focus-visible .icon,
+.dark .action:hover .icon {
+    fill: rgb(var(--accent-color));
+}
+
+.dropdown__value,
+.dropdown.is-expanded .dropdown__header .dropdown__value {
+    color: rgb(var(--accent-color));
+}
+
+/* SIDE MENU */
+.dark .application__sidebar,
+.application__sidebar {
+    background: rgba(0, 0, 0, .25);
+    box-shadow: 1px 0 hsl(0deg 0% 100% / 12%);
+    color: var(--text);
+}
+
+.sidebar-filter__item--heading,
+.sidebar-filter__item--heading:focus-visible,
+.sidebar-filter__item--heading:hover {
+    color: var(--text-hover) !important;
+}
+
+.dark .sidebar-filter__item,
+.sidebar-filter__item {
+    color: var(--text);
+}
+
+.dark .sidebar-filter__item.is-active,
+.sidebar-filter__item.is-active {
+    color: rgb(var(--accent-color));
+}
+
+.dark .sidebar-filter__item.is-active .icon,
+.sidebar-filter__item.is-active .icon {
+    fill: rgb(var(--accent-color));
+}
+
+.dark .sidebar-filter__item.is-active .badge,
+.sidebar-filter__item.is-active .badge {
+    background: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+.dark .sidebar-filter__item .icon,
+.sidebar-filter__item .icon {
+    fill: rgb(var(--accent-color), .3);
+}
+
+.sidebar-filter .badge,
+.dark .sidebar-filter .badge {
+    background: rgb(var(--accent-color), .3);
+    color: var(--label-text-color);
+}
+
+.dark .sidebar-filter__item:focus-visible .icon,
+.dark .sidebar-filter__item:hover .icon,
+.sidebar-filter__item:focus-visible .icon,
+.sidebar-filter__item:hover .icon {
+    fill: rgb(var(--accent-color));
+}
+
+.dark .sidebar-filter__item:focus-visible,
+.dark .sidebar-filter__item:hover,
+.sidebar-filter__item:focus-visible,
+.sidebar-filter__item:hover {
+    color: var(--text-hover);
+}
+
+.search.is-in-use .textbox {
+    background: rgba(var(--accent-color), .25);
+    border-bottom: 1px solid rgba(var(--accent-color), .3);
+    border-top: 1px solid rgba(var(--accent-color), .3);
+    color: #eee;
+    padding-right: 45px;
+}
+
+.search.is-in-use .icon {
+    fill: rgb(var(--accent-color));
+    opacity: 1;
+}
+
+.search .textbox {
+    border: 1px solid rgba(var(--accent-color), .2);
+    background: rgba(var(--accent-color), .1);
+    color: var(--text);
+}
+
+.search .icon {
+    fill: white;
+}
+
+.dark .sidebar__diskusage .progress-bar__fill,
+.sidebar__diskusage .progress-bar__fill {
+    background: hsla(0, 0%, 100%, .38);
+}
+
+.dark .sidebar__diskusage .progress-bar__fill__wrapper,
+.sidebar__diskusage .progress-bar__fill__wrapper {
+    background: hsla(0, 0%, 100%, .12);
+}
+
+.torrent--is-selected.torrent--is-stopped .progress-bar__icon .icon {
+    color: #ffffff;
+}
+
+.torrent--is-selected.torrent--is-stopped .progress-bar__fill {
+    background: #ffffff;
+}
+
+.dark .sidebar__icon-button,
+.sidebar__icon-button {
+    color: var(--text);
+}
+
+.sidebar__icon-button .icon,
+.dark .sidebar__icon-button .icon {
+    fill: var(--text);
+}
+
+.diskusage__details-list__label {
+    color: rgb(var(--accent-color));
+}
+
+.tooltip__content {
+    background: #1b1b1b;
+    color: var(--text);
+}
+
+/* MODAL */
+.modal__body,
+.modal__content__wrapper,
+.modal__header {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text)
+}
+
+.modal--size-large {
+    width: 776px;
+}
+
+.modal--vertical.modal--tabs-in-header .modal__header {
+    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .1);
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.modal--vertical.modal--tabs-in-header .modal__header,
+.modal--vertical.modal--tabs-in-body .modal__tabs {
+    /* Modal side menu*/
+    background: rgb(0 0 0 / 45%) !important;
+    color: var(--text-hover);
+}
+
+.modal__tabs .modal__tab.is-active:after {
+    background: rgb(var(--accent-color));
+}
+
+.modal--vertical .modal__tabs .modal__tab:after {
+    width: 3px;
+}
+
+.modal__header {
+    color: var(--text-hover);
+    box-shadow: inset 0 -1px 0 rgb(255 255 255 / 10%);
+}
+
+.modal__tabs .modal__tab.is-active {
+    color: var(--text-hover);
+    background: rgb(255 255 255 / 15%);
+    border-radius: 3px 3px 0px 0px;
+}
+
+.modal__tabs {
+    color: var(--text);
+    font-size: .85rem;
+    font-weight: 500;
+    margin: 5px -5px 0;
+}
+
+.toggle-input__indicator__icon .icon {
+    fill: var(--button-text);
+    transition: all .25s;
+}
+
+.inverse .toggle-input__indicator {
+    background: var(--button-color);
+    border: 1px solid var(--button-color);
+    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 1px 3px 1px rgba(0, 0, 0, .2);
+}
+
+.inverse .toggle-input:hover .toggle-input__indicator {
+    border-color: var(--button-color-hover);
+    background: var(--button-color-hover)
+}
+
+.toggle-input:active,
+.toggle-input:focus {
+    color: var(--accent-color-hover);
+}
+
+.toggle-input:active .toggle-input__indicator .icon,
+.toggle-input:active .toggle-input__indicator__icon .icon,
+.toggle-input:focus .toggle-input__indicator .icon,
+.toggle-input:focus .toggle-input__indicator__icon .icon {
+    fill: var(--accent-color-hover);
+}
+
+.inverse .toggle-input:active .toggle-input__indicator,
+.inverse .toggle-input:focus .toggle-input__indicator,
+.toggle-input:active .toggle-input__indicator,
+.toggle-input:focus .toggle-input__indicator {
+    border-color: var(--accent-color-hover);
+    box-shadow: 0 1px 1px rgb(var(--accent-color) / 15%), 0 1px 3px 1px rgb(var(--accent-color) / 20%), 0 0 0 1px var(--accent-color-hover);
+    ;
+}
+
+.interactive-list {
+    background: rgb(255 255 255 / 10%);
+    border: 1px solid rgb(255 255 255 / 10%);
+    box-shadow: 0 1px 1px rgb(0 0 0 / 15%), 0 1px 3px 1px rgb(0 0 0 / 20%);
+    color: var(--text);
+}
+
+.dropzone__icon .icon--files {
+    fill: rgba(var(--accent-color), .5);
+    height: 64px;
+    transition: fill .25s;
+    width: 64px;
+}
+
+.dropzone__browse-button {
+    color: rgb(var(--accent-color));
+    text-decoration: underline;
+}
+
+.dropzone:hover {
+    border-color: rgb(0 0 0 / 25%);
+}
+
+.dropzone:hover .dropzone__icon .icon {
+    fill: var(--accent-color-hover);
+}

CSS/base/gaps/gaps-base.css

@@ -0,0 +1,395 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://assets.deathbybandaid.net/theme.park			 */
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+/* Scrollbar */
+@media only screen and (min-width: 768px) {
+    html {
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+    }
+
+    body {
+        overflow-y: auto;
+        height: 100%;
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .2);
+    background-clip: padding-box;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .5);
+    background-clip: padding-box;
+}
+
+a {
+    color: var(--link-color);
+
+}
+
+a:hover {
+    color: var(--link-color-hover);
+    text-decoration: underline;
+}
+
+.text-primary {
+    color: var(--text) !important;
+}
+
+.text-muted {
+    color: var(--text-muted) !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h4.text-primary,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+label {
+    color: var(--text-hover) !important;
+}
+
+.alert-heading {
+    color: white !important;
+}
+
+/* Header */
+.bg-primary {
+    background-color: transparent !important;
+    background: rgba(0, 0, 0, .25) !important;
+}
+
+.navbar .list-ul-active,
+.info-circle-active,
+.arrow-clockwise-active,
+.gear-active,
+.rss-active,
+.exclamation-triangle-active,
+.collection-fill-active,
+.activePage {
+    background-color: rgb(var(--accent-color));
+}
+
+.bg-primary .navbar-nav .active>.nav-link {
+    color: rgb(var(--accent-color)) !important;
+}
+
+.default {
+    background-color: var(--text);
+}
+
+.navbar-dark .navbar-nav .nav-link {
+    color: var(--text);
+}
+
+.navbar-dark .navbar-nav .nav-link:hover,
+.navbar-dark .navbar-nav .nav-link:focus {
+    color: var(--text-hover);
+}
+
+.navbar-dark .navbar-nav .nav-link:hover .default,
+.navbar-dark .navbar-nav .nav-link:focus .default {
+    background-color: var(--text-hover);
+}
+
+/* Tables */
+table.dataTable.stripe tbody tr.odd,
+table.dataTable.display tbody tr.odd,
+table.dataTable tbody tr {
+    background-color: rgba(0, 0, 0, .25);
+}
+
+table.dataTable.hover tbody tr:hover,
+table.dataTable.display tbody tr:hover {
+    background-color: rgba(0, 0, 0, .25);
+}
+
+table.dataTable thead th,
+table.dataTable thead td {
+    border-bottom: 1px solid #00000000;
+}
+
+table.dataTable.row-border tbody th,
+table.dataTable.row-border tbody td,
+table.dataTable.display tbody th,
+table.dataTable.display tbody td {
+    border-top: 1px solid rgb(255 255 255 / 10%);
+}
+
+/* Pagination */
+.dataTables_wrapper .dataTables_paginate .paginate_button.current,
+.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
+    color: var(--text) !important;
+    border: 1px solid transparent;
+    background: rgba(0, 0, 0, .25);
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
+.dataTables_wrapper .dataTables_paginate .paginate_button:active {
+    color: var(--text-hover) !important;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, .08);
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button:active {
+    outline: none;
+}
+
+/* Cards */
+.card {
+    background: transparent;
+    color: var(--text);
+    border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.card .text-muted {
+    color: var(--text) !important;
+}
+
+#movies .card img {
+    height: 200px !important;
+    width: auto !important;
+}
+
+.card-text .text-info {
+    color: rgb(var(--accent-color)) !important;
+}
+
+/* Buttons */
+.btn-primary,
+.btn-info {
+    color: var(--button-text);
+    background-color: var(--button-color) !important;
+    border-color: var(--button-color) !important;
+}
+
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.show>.btn-primary.dropdown-toggle:focus,
+.btn-info:focus,
+.btn-info.focus {
+    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--accent-color), .5);
+    box-shadow: 0 0 0 0.2rem rgb(var(--accent-color), .5);
+}
+
+.btn-primary:hover,
+.btn-info:hover {
+    background-color: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover) !important;
+}
+
+.btn-secondary {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-secondary:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.list-group-item {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.list-group-item.active {
+    color: var(--label-text-color);
+    background: rgb(var(--accent-color));
+    border-color: rgb(var(--accent-color));
+}
+
+.list-group-item.active:hover {
+    color: var(--label-text-color);
+    background: var(--accent-color-hover);
+    border-color: var(--accent-color-hover);
+}
+
+.list-group-item-action:hover,
+.list-group-item-action:focus {
+    color: var(--button-text-hover);
+    background: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+/* Settings */
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-link.active:hover,
+.nav-tabs .nav-link.active:focus,
+.nav-tabs .nav-item.open .nav-link:focus,
+.nav-pills .nav-link.active:focus,
+.nav-pills .nav-item.open .nav-link:focus,
+.nav-tabs .nav-item.show .nav-link {
+    color: rgb(var(--accent-color));
+    background-color: rgba(255, 255, 255, .1);
+    border-color: transparent;
+}
+
+.nav-tabs .nav-link,
+.nav-tabs .nav-item.open .nav-link,
+.nav-pills .nav-link,
+.nav-pills .nav-link.active,
+.nav-pills .nav-link.active:hover,
+.nav-pills .nav-item.open .nav-link {
+    color: var(--text);
+}
+
+.nav-tabs .nav-link:hover,
+.nav-tabs .nav-link:focus,
+.nav-tabs .nav-item.open .nav-link:hover,
+.nav-pills .nav-item.open .nav-link:hover {
+    background-color: rgba(0, 0, 0, .25);
+    border-color: transparent;
+    color: var(--text-hover);
+}
+
+.nav-tabs .nav-link.active:hover {
+    background-color: rgba(255, 255, 255, .1);
+}
+
+.badge-primary {
+    color: var(--label-text-color);
+    background-color: rgb(var(--accent-color));
+}
+
+#plexServers .card-header {
+    background-color: rgba(255, 255, 255, .1);
+    color: var(--text-hover)
+}
+
+#plexServers .border-secondary {
+    border-color: #0000 !important;
+}
+
+#plexServers .list-group-item {
+    background-color: rgba(0, 0, 0, .25);
+    border: none;
+}
+
+#plexServers .card-footer {
+    background-color: rgb(0 0 0 / 25%);
+}
+
+.dropdown-menu {
+    color: var(--text);
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border: 1px solid transparent;
+    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
+}
+
+.dropdown-item {
+    color: var(--text);
+}
+
+.dropdown-item:hover,
+.dropdown-item:focus {
+    color: var(--text-hover);
+    text-decoration: none;
+    background-color: rgba(255, 255, 255, .08);
+}
+
+/* Input */
+[type="search"] {
+    outline-offset: -2px;
+    -webkit-appearance: none;
+    outline: none;
+    border: none;
+    border-radius: 5px;
+}
+
+button,
+select {
+    text-transform: none;
+    outline: none;
+}
+
+/* Progress Bar */
+.progress-bar-striped {
+    background-image: linear-gradient(45deg, rgba(var(--accent-color)) 25%, transparent 25%, transparent 50%, rgba(var(--accent-color)) 50%, rgba(var(--accent-color)) 75%, transparent 75%, transparent);
+    background-size: .625rem .625rem;
+}
+
+.progress-bar {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    overflow: hidden;
+    color: #fff;
+    text-align: center;
+    white-space: nowrap;
+    background-color: rgb(var(--accent-color), .15);
+    -webkit-transition: width .6s ease;
+    transition: width .6s ease;
+}

CSS/base/gitea/chroma.css

@@ -0,0 +1,561 @@
+/*
+/*                                    dP                   oo 
+/*                                    88                   
+/* 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88  .dP  .d8888b. dP 
+/* 88'`88'`88 88'  `88 88'  `88 88'  `88 88888"   88'  `88 88 
+/* 88  88  88 88.  .88 88    88 88.  .88 88  `8b. 88.  .88 88 
+/* dP  dP  dP `88888P' dP    dP `88888P' dP   `YP `88888P8 dP 
+
+/* Source: https://gist.github.com/ntrrg/f70d4dc6ed8a739a36fe7c55f422c5f3 */
+:root {
+    /* Background */
+    --code-background: #1f1f1f;
+    --code-color: #f8f8f2;
+  
+    /* Error */
+    --code-err-background: #960050;
+    --code-err-color: #1e0010;
+  
+    /* LineHighlight */
+    --code-hl-background: #ffffcc;
+  
+    /* Keyword */
+    --code-k-color: #66d9ef;
+  
+    /* KeywordConstant */
+    --code-kc-color: #66d9ef;
+  
+    /* KeywordDeclaration */
+    --code-kd-color: #66d9ef;
+  
+    /* KeywordNamespace */
+    --code-kn-color: #f92672;
+  
+    /* KeywordPseudo */
+    --code-kp-color: #66d9ef;
+  
+    /* KeywordReserved */
+    --code-kr-color: #66d9ef;
+  
+    /* KeywordType */
+    --code-kt-color: #66d9ef;
+  
+    /* NameAttribute */
+    --code-na-color: #a6e22e;
+  
+    /* NameClass */
+    --code-nc-color: #a6e22e;
+  
+    /* NameConstant */
+    --code-no-color: #66d9ef;
+  
+    /* NameDecorator */
+    --code-nd-color: #a6e22e;
+  
+    /* NameException */
+    --code-ne-color: #a6e22e;
+  
+    /* NameFunction */
+    --code-nf-color: #a6e22e;
+  
+    /* NameOther */
+    --code-nx-color: #a6e22e;
+  
+    /* NameTag */
+    --code-nt-color: #f92672;
+  
+    /* Literal */
+    --code-l-color: #ae81ff;
+  
+    /* LiteralDate */
+    --code-ld-color: #e6db74;
+  
+    /* LiteralString */
+    --code-s-color: #e6db74;
+  
+    /* LiteralStringAffix */
+    --code-sa-color: #e6db74;
+  
+    /* LiteralStringBacktick */
+    --code-sb-color: #e6db74;
+  
+    /* LiteralStringChar */
+    --code-sc-color: #e6db74;
+  
+    /* LiteralStringDelimiter */
+    --code-dl-color: #e6db74;
+  
+    /* LiteralStringDoc */
+    --code-sd-color: #e6db74;
+  
+    /* LiteralStringDouble */
+    --code-s2-color: #e6db74;
+  
+    /* LiteralStringEscape */
+    --code-se-color: #ae81ff;
+  
+    /* LiteralStringHeredoc */
+    --code-sh-color: #e6db74;
+  
+    /* LiteralStringInterpol */
+    --code-si-color: #e6db74;
+  
+    /* LiteralStringOther */
+    --code-sx-color: #e6db74;
+  
+    /* LiteralStringRegex */
+    --code-sr-color: #e6db74;
+  
+    /* LiteralStringSingle */
+    --code-s1-color: #e6db74;
+  
+    /* LiteralStringSymbol */
+    --code-ss-color: #e6db74;
+  
+    /* LiteralNumber */
+    --code-m-color: #ae81ff;
+  
+    /* LiteralNumberBin */
+    --code-mb-color: #ae81ff;
+  
+    /* LiteralNumberFloat */
+    --code-mf-color: #ae81ff;
+  
+    /* LiteralNumberHex */
+    --code-mh-color: #ae81ff;
+  
+    /* LiteralNumberInteger */
+    --code-mi-color: #ae81ff;
+  
+    /* LiteralNumberIntegerLong */
+    --code-il-color: #ae81ff;
+  
+    /* LiteralNumberOct */
+    --code-mo-color: #ae81ff;
+  
+    /* Operator */
+    --code-o-color: #f92672;
+  
+    /* OperatorWord */
+    --code-ow-color: #f92672;
+  
+    /* Comment */
+    --code-c-color: #75715e;
+  
+    /* CommentHashbang */
+    --code-ch-color: #75715e;
+  
+    /* CommentMultiline */
+    --code-cm-color: #75715e;
+  
+    /* CommentSingle */
+    --code-c1-color: #75715e;
+  
+    /* CommentSpecial */
+    --code-cs-color: #75715e;
+  
+    /* CommentPreproc */
+    --code-cp-color: #75715e;
+  
+    /* CommentPreprocFile */
+    --code-cpf-color: #75715e;
+  
+    /* GenericDeleted */
+    --code-gd-color: #f92672;
+  
+    /* GenericInserted */
+    --code-gi-color: #a6e22e;
+  
+    /* GenericSubheading */
+    --code-gu-color: #75715e;
+}
+
+/* CHROMA */
+/* Table */
+.chroma .ui.table tbody tr {
+    border-color: #333640;
+    background: var(--code-background);
+}
+/* Background */
+.chroma,
+.markdown:not(code) .highlight pre,
+.markdown:not(code) pre {
+    background-color: var(--code-background);
+    color: var(--code-color);
+}
+
+/* Error */
+.chroma .err {
+    background-color: var(--code-err-background);
+    color: var(--code-err-color);
+}
+
+/* LineTableTD */
+.chroma .lntd {
+    border: 0;
+    margin: 0;
+    padding: 0;
+    vertical-align: top;
+}
+
+/* LineTable */
+.chroma .lntable {
+    width: auto;
+
+    border: 0;
+    border-spacing: 0;
+    display: block;
+    margin: 0;
+    overflow: auto;
+    padding: 0;
+}
+
+/* LineHighlight */
+.chroma .hl {
+    width: 100%;
+
+    background-color: var(--code-hl-background);
+    display: block;
+}
+
+/* LineNumbersTable */
+.chroma .lnt {
+    margin-right: 0.4em;
+    padding: 0 0.4em 0 0.4em;
+}
+
+/* LineNumbers */
+.chroma .ln {
+    margin-right: 0.4em;
+    padding: 0 0.4em 0 0.4em;
+}
+
+/* Keyword */
+.chroma .k {
+    color: var(--code-k-color);
+}
+
+/* KeywordConstant */
+.chroma .kc {
+    color: var(--code-kc-color);
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+    color: var(--code-kd-color);
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+    color: var(--code-kn-color);
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+    color: var(--code-kp-color);
+}
+
+/* KeywordReserved */
+.chroma .kr {
+    color: var(--code-kr-color);
+}
+
+/* KeywordType */
+.chroma .kt {
+    color: var(--code-kt-color);
+}
+
+/* Name */
+.chroma .n {
+    color: var(--code-n-color);
+}
+
+/* NameAttribute */
+.chroma .na {
+    color: var(--code-na-color);
+}
+
+/* NameBuiltin */
+.chroma .nb {
+    color: var(--code-nb-color);
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+    color: var(--code-bp-color);
+}
+
+/* NameClass */
+.chroma .nc {
+    color: var(--code-nc-color);
+}
+
+/* NameConstant */
+.chroma .no {
+    color: var(--code-no-color);
+}
+
+/* NameDecorator */
+.chroma .nd {
+    color: var(--code-nd-color);
+}
+
+/* NameEntity */
+.chroma .ni {
+    color: var(--code-ni-color);
+}
+
+/* NameException */
+.chroma .ne {
+    color: var(--code-ne-color);
+}
+
+/* NameFunction */
+.chroma .nf {
+    color: var(--code-nf-color);
+}
+
+/* NameFunctionMagic */
+.chroma .fm {
+    color: var(--code-fm-color);
+}
+
+/* NameLabel */
+.chroma .nl {
+    color: var(--code-nl-color);
+}
+
+/* NameNamespace */
+.chroma .nn {
+    color: var(--code-nn-color);
+}
+
+/* NameOther */
+.chroma .nx {
+    color: var(--code-nx-color);
+}
+
+/* NameProperty */
+.chroma .py {
+    color: var(--code-py-color);
+}
+
+/* NameTag */
+.chroma .nt {
+    color: var(--code-nt-color);
+}
+
+/* NameVariable */
+.chroma .nv {
+    color: var(--code-nv-color);
+}
+
+/* NameVariableClass */
+.chroma .vc {
+    color: var(--code-vc-color);
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+    color: var(--code-vg-color);
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+    color: var(--code-vi-color);
+}
+
+/* NameVariableMagic */
+.chroma .vm {
+    color: var(--code-vm-color);
+}
+
+/* Literal */
+.chroma .l {
+    color: var(--code-l-color);
+}
+
+/* LiteralDate */
+.chroma .ld {
+    color: var(--code-ld-color);
+}
+
+/* LiteralString */
+.chroma .s {
+    color: var(--code-s-color);
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+    color: var(--code-sa-color);
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+    color: var(--code-sb-color);
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+    color: var(--code-sc-color);
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+    color: var(--code-dl-color);
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+    color: var(--code-sd-color);
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+    color: var(--code-s2-color);
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+    color: var(--code-se-color);
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+    color: var(--code-sh-color);
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+    color: var(--code-si-color);
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+    color: var(--code-sx-color);
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+    color: var(--code-sr-color);
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+    color: var(--code-s1-color);
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+    color: var(--code-ss-color);
+}
+
+/* LiteralNumber */
+.chroma .m {
+    color: var(--code-m-color);
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+    color: var(--code-mb-color);
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+    color: var(--code-mf-color);
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+    color: var(--code-mh-color);
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+    color: var(--code-mi-color);
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+    color: var(--code-il-color);
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+    color: var(--code-mo-color);
+}
+
+/* Operator */
+.chroma .o {
+    color: var(--code-o-color);
+}
+
+/* OperatorWord */
+.chroma .ow {
+    color: var(--code-ow-color);
+}
+
+/* Punctuation */
+.chroma .p {
+    color: var(--code-p-color);
+}
+
+/* Comment */
+.chroma .c {
+    color: var(--code-c-color);
+}
+
+/* CommentHashbang */
+.chroma .ch {
+    color: var(--code-ch-color);
+}
+
+/* CommentMultiline */
+.chroma .cm {
+    color: var(--code-cm-color);
+}
+
+/* CommentSingle */
+.chroma .c1 {
+    color: var(--code-c1-color);
+}
+
+/* CommentSpecial */
+.chroma .cs {
+    color: var(--code-cs-color);
+}
+
+/* CommentPreproc */
+.chroma .cp {
+    color: var(--code-cp-color);
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+    color: var(--code-cpf-color);
+}
+
+/* GenericDeleted */
+.chroma .gd {
+    color: var(--code-gd-color);
+}
+
+/* GenericEmph */
+.chroma .ge {
+    font-style: italic;
+}
+
+/* GenericInserted */
+.chroma .gi {
+    color: var(--code-gi-color);
+}
+
+/* GenericStrong */
+.chroma .gs {
+    font-weight: bold;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+    color: var(--code-gu-color);
+}

CSS/base/gitea/monaco_vs_dark.css

@@ -0,0 +1,864 @@
+.codicon-add:before { content: '\ea60'; }
+.codicon-plus:before { content: '\ea60'; }
+.codicon-gist-new:before { content: '\ea60'; }
+.codicon-repo-create:before { content: '\ea60'; }
+.codicon-lightbulb:before { content: '\ea61'; }
+.codicon-light-bulb:before { content: '\ea61'; }
+.codicon-repo:before { content: '\ea62'; }
+.codicon-repo-delete:before { content: '\ea62'; }
+.codicon-gist-fork:before { content: '\ea63'; }
+.codicon-repo-forked:before { content: '\ea63'; }
+.codicon-git-pull-request:before { content: '\ea64'; }
+.codicon-git-pull-request-abandoned:before { content: '\ea64'; }
+.codicon-record-keys:before { content: '\ea65'; }
+.codicon-keyboard:before { content: '\ea65'; }
+.codicon-tag:before { content: '\ea66'; }
+.codicon-tag-add:before { content: '\ea66'; }
+.codicon-tag-remove:before { content: '\ea66'; }
+.codicon-person:before { content: '\ea67'; }
+.codicon-person-follow:before { content: '\ea67'; }
+.codicon-person-outline:before { content: '\ea67'; }
+.codicon-person-filled:before { content: '\ea67'; }
+.codicon-git-branch:before { content: '\ea68'; }
+.codicon-git-branch-create:before { content: '\ea68'; }
+.codicon-git-branch-delete:before { content: '\ea68'; }
+.codicon-source-control:before { content: '\ea68'; }
+.codicon-mirror:before { content: '\ea69'; }
+.codicon-mirror-public:before { content: '\ea69'; }
+.codicon-star:before { content: '\ea6a'; }
+.codicon-star-add:before { content: '\ea6a'; }
+.codicon-star-delete:before { content: '\ea6a'; }
+.codicon-star-empty:before { content: '\ea6a'; }
+.codicon-comment:before { content: '\ea6b'; }
+.codicon-comment-add:before { content: '\ea6b'; }
+.codicon-alert:before { content: '\ea6c'; }
+.codicon-warning:before { content: '\ea6c'; }
+.codicon-search:before { content: '\ea6d'; }
+.codicon-search-save:before { content: '\ea6d'; }
+.codicon-log-out:before { content: '\ea6e'; }
+.codicon-sign-out:before { content: '\ea6e'; }
+.codicon-log-in:before { content: '\ea6f'; }
+.codicon-sign-in:before { content: '\ea6f'; }
+.codicon-eye:before { content: '\ea70'; }
+.codicon-eye-unwatch:before { content: '\ea70'; }
+.codicon-eye-watch:before { content: '\ea70'; }
+.codicon-circle-filled:before { content: '\ea71'; }
+.codicon-primitive-dot:before { content: '\ea71'; }
+.codicon-close-dirty:before { content: '\ea71'; }
+.codicon-debug-breakpoint:before { content: '\ea71'; }
+.codicon-debug-breakpoint-disabled:before { content: '\ea71'; }
+.codicon-debug-hint:before { content: '\ea71'; }
+.codicon-primitive-square:before { content: '\ea72'; }
+.codicon-edit:before { content: '\ea73'; }
+.codicon-pencil:before { content: '\ea73'; }
+.codicon-info:before { content: '\ea74'; }
+.codicon-issue-opened:before { content: '\ea74'; }
+.codicon-gist-private:before { content: '\ea75'; }
+.codicon-git-fork-private:before { content: '\ea75'; }
+.codicon-lock:before { content: '\ea75'; }
+.codicon-mirror-private:before { content: '\ea75'; }
+.codicon-close:before { content: '\ea76'; }
+.codicon-remove-close:before { content: '\ea76'; }
+.codicon-x:before { content: '\ea76'; }
+.codicon-repo-sync:before { content: '\ea77'; }
+.codicon-sync:before { content: '\ea77'; }
+.codicon-clone:before { content: '\ea78'; }
+.codicon-desktop-download:before { content: '\ea78'; }
+.codicon-beaker:before { content: '\ea79'; }
+.codicon-microscope:before { content: '\ea79'; }
+.codicon-vm:before { content: '\ea7a'; }
+.codicon-device-desktop:before { content: '\ea7a'; }
+.codicon-file:before { content: '\ea7b'; }
+.codicon-file-text:before { content: '\ea7b'; }
+.codicon-more:before { content: '\ea7c'; }
+.codicon-ellipsis:before { content: '\ea7c'; }
+.codicon-kebab-horizontal:before { content: '\ea7c'; }
+.codicon-mail-reply:before { content: '\ea7d'; }
+.codicon-reply:before { content: '\ea7d'; }
+.codicon-organization:before { content: '\ea7e'; }
+.codicon-organization-filled:before { content: '\ea7e'; }
+.codicon-organization-outline:before { content: '\ea7e'; }
+.codicon-new-file:before { content: '\ea7f'; }
+.codicon-file-add:before { content: '\ea7f'; }
+.codicon-new-folder:before { content: '\ea80'; }
+.codicon-file-directory-create:before { content: '\ea80'; }
+.codicon-trash:before { content: '\ea81'; }
+.codicon-trashcan:before { content: '\ea81'; }
+.codicon-history:before { content: '\ea82'; }
+.codicon-clock:before { content: '\ea82'; }
+.codicon-folder:before { content: '\ea83'; }
+.codicon-file-directory:before { content: '\ea83'; }
+.codicon-symbol-folder:before { content: '\ea83'; }
+.codicon-logo-github:before { content: '\ea84'; }
+.codicon-mark-github:before { content: '\ea84'; }
+.codicon-github:before { content: '\ea84'; }
+.codicon-terminal:before { content: '\ea85'; }
+.codicon-console:before { content: '\ea85'; }
+.codicon-repl:before { content: '\ea85'; }
+.codicon-zap:before { content: '\ea86'; }
+.codicon-symbol-event:before { content: '\ea86'; }
+.codicon-error:before { content: '\ea87'; }
+.codicon-stop:before { content: '\ea87'; }
+.codicon-variable:before { content: '\ea88'; }
+.codicon-symbol-variable:before { content: '\ea88'; }
+.codicon-array:before { content: '\ea8a'; }
+.codicon-symbol-array:before { content: '\ea8a'; }
+.codicon-symbol-module:before { content: '\ea8b'; }
+.codicon-symbol-package:before { content: '\ea8b'; }
+.codicon-symbol-namespace:before { content: '\ea8b'; }
+.codicon-symbol-object:before { content: '\ea8b'; }
+.codicon-symbol-method:before { content: '\ea8c'; }
+.codicon-symbol-function:before { content: '\ea8c'; }
+.codicon-symbol-constructor:before { content: '\ea8c'; }
+.codicon-symbol-boolean:before { content: '\ea8f'; }
+.codicon-symbol-null:before { content: '\ea8f'; }
+.codicon-symbol-numeric:before { content: '\ea90'; }
+.codicon-symbol-number:before { content: '\ea90'; }
+.codicon-symbol-structure:before { content: '\ea91'; }
+.codicon-symbol-struct:before { content: '\ea91'; }
+.codicon-symbol-parameter:before { content: '\ea92'; }
+.codicon-symbol-type-parameter:before { content: '\ea92'; }
+.codicon-symbol-key:before { content: '\ea93'; }
+.codicon-symbol-text:before { content: '\ea93'; }
+.codicon-symbol-reference:before { content: '\ea94'; }
+.codicon-go-to-file:before { content: '\ea94'; }
+.codicon-symbol-enum:before { content: '\ea95'; }
+.codicon-symbol-value:before { content: '\ea95'; }
+.codicon-symbol-ruler:before { content: '\ea96'; }
+.codicon-symbol-unit:before { content: '\ea96'; }
+.codicon-activate-breakpoints:before { content: '\ea97'; }
+.codicon-archive:before { content: '\ea98'; }
+.codicon-arrow-both:before { content: '\ea99'; }
+.codicon-arrow-down:before { content: '\ea9a'; }
+.codicon-arrow-left:before { content: '\ea9b'; }
+.codicon-arrow-right:before { content: '\ea9c'; }
+.codicon-arrow-small-down:before { content: '\ea9d'; }
+.codicon-arrow-small-left:before { content: '\ea9e'; }
+.codicon-arrow-small-right:before { content: '\ea9f'; }
+.codicon-arrow-small-up:before { content: '\eaa0'; }
+.codicon-arrow-up:before { content: '\eaa1'; }
+.codicon-bell:before { content: '\eaa2'; }
+.codicon-bold:before { content: '\eaa3'; }
+.codicon-book:before { content: '\eaa4'; }
+.codicon-bookmark:before { content: '\eaa5'; }
+.codicon-debug-breakpoint-conditional-unverified:before { content: '\eaa6'; }
+.codicon-debug-breakpoint-conditional:before { content: '\eaa7'; }
+.codicon-debug-breakpoint-conditional-disabled:before { content: '\eaa7'; }
+.codicon-debug-breakpoint-data-unverified:before { content: '\eaa8'; }
+.codicon-debug-breakpoint-data:before { content: '\eaa9'; }
+.codicon-debug-breakpoint-data-disabled:before { content: '\eaa9'; }
+.codicon-debug-breakpoint-log-unverified:before { content: '\eaaa'; }
+.codicon-debug-breakpoint-log:before { content: '\eaab'; }
+.codicon-debug-breakpoint-log-disabled:before { content: '\eaab'; }
+.codicon-briefcase:before { content: '\eaac'; }
+.codicon-broadcast:before { content: '\eaad'; }
+.codicon-browser:before { content: '\eaae'; }
+.codicon-bug:before { content: '\eaaf'; }
+.codicon-calendar:before { content: '\eab0'; }
+.codicon-case-sensitive:before { content: '\eab1'; }
+.codicon-check:before { content: '\eab2'; }
+.codicon-checklist:before { content: '\eab3'; }
+.codicon-chevron-down:before { content: '\eab4'; }
+.codicon-drop-down-button:before { content: '\eab4'; }
+.codicon-chevron-left:before { content: '\eab5'; }
+.codicon-chevron-right:before { content: '\eab6'; }
+.codicon-chevron-up:before { content: '\eab7'; }
+.codicon-chrome-close:before { content: '\eab8'; }
+.codicon-chrome-maximize:before { content: '\eab9'; }
+.codicon-chrome-minimize:before { content: '\eaba'; }
+.codicon-chrome-restore:before { content: '\eabb'; }
+.codicon-circle-outline:before { content: '\eabc'; }
+.codicon-debug-breakpoint-unverified:before { content: '\eabc'; }
+.codicon-circle-slash:before { content: '\eabd'; }
+.codicon-circuit-board:before { content: '\eabe'; }
+.codicon-clear-all:before { content: '\eabf'; }
+.codicon-clippy:before { content: '\eac0'; }
+.codicon-close-all:before { content: '\eac1'; }
+.codicon-cloud-download:before { content: '\eac2'; }
+.codicon-cloud-upload:before { content: '\eac3'; }
+.codicon-code:before { content: '\eac4'; }
+.codicon-collapse-all:before { content: '\eac5'; }
+.codicon-color-mode:before { content: '\eac6'; }
+.codicon-comment-discussion:before { content: '\eac7'; }
+.codicon-compare-changes:before { content: '\eafd'; }
+.codicon-credit-card:before { content: '\eac9'; }
+.codicon-dash:before { content: '\eacc'; }
+.codicon-dashboard:before { content: '\eacd'; }
+.codicon-database:before { content: '\eace'; }
+.codicon-debug-continue:before { content: '\eacf'; }
+.codicon-debug-disconnect:before { content: '\ead0'; }
+.codicon-debug-pause:before { content: '\ead1'; }
+.codicon-debug-restart:before { content: '\ead2'; }
+.codicon-debug-start:before { content: '\ead3'; }
+.codicon-debug-step-into:before { content: '\ead4'; }
+.codicon-debug-step-out:before { content: '\ead5'; }
+.codicon-debug-step-over:before { content: '\ead6'; }
+.codicon-debug-stop:before { content: '\ead7'; }
+.codicon-debug:before { content: '\ead8'; }
+.codicon-device-camera-video:before { content: '\ead9'; }
+.codicon-device-camera:before { content: '\eada'; }
+.codicon-device-mobile:before { content: '\eadb'; }
+.codicon-diff-added:before { content: '\eadc'; }
+.codicon-diff-ignored:before { content: '\eadd'; }
+.codicon-diff-modified:before { content: '\eade'; }
+.codicon-diff-removed:before { content: '\eadf'; }
+.codicon-diff-renamed:before { content: '\eae0'; }
+.codicon-diff:before { content: '\eae1'; }
+.codicon-discard:before { content: '\eae2'; }
+.codicon-editor-layout:before { content: '\eae3'; }
+.codicon-empty-window:before { content: '\eae4'; }
+.codicon-exclude:before { content: '\eae5'; }
+.codicon-extensions:before { content: '\eae6'; }
+.codicon-eye-closed:before { content: '\eae7'; }
+.codicon-file-binary:before { content: '\eae8'; }
+.codicon-file-code:before { content: '\eae9'; }
+.codicon-file-media:before { content: '\eaea'; }
+.codicon-file-pdf:before { content: '\eaeb'; }
+.codicon-file-submodule:before { content: '\eaec'; }
+.codicon-file-symlink-directory:before { content: '\eaed'; }
+.codicon-file-symlink-file:before { content: '\eaee'; }
+.codicon-file-zip:before { content: '\eaef'; }
+.codicon-files:before { content: '\eaf0'; }
+.codicon-filter:before { content: '\eaf1'; }
+.codicon-flame:before { content: '\eaf2'; }
+.codicon-fold-down:before { content: '\eaf3'; }
+.codicon-fold-up:before { content: '\eaf4'; }
+.codicon-fold:before { content: '\eaf5'; }
+.codicon-folder-active:before { content: '\eaf6'; }
+.codicon-folder-opened:before { content: '\eaf7'; }
+.codicon-gear:before { content: '\eaf8'; }
+.codicon-gift:before { content: '\eaf9'; }
+.codicon-gist-secret:before { content: '\eafa'; }
+.codicon-gist:before { content: '\eafb'; }
+.codicon-git-commit:before { content: '\eafc'; }
+.codicon-git-compare:before { content: '\eafd'; }
+.codicon-git-merge:before { content: '\eafe'; }
+.codicon-github-action:before { content: '\eaff'; }
+.codicon-github-alt:before { content: '\eb00'; }
+.codicon-globe:before { content: '\eb01'; }
+.codicon-grabber:before { content: '\eb02'; }
+.codicon-graph:before { content: '\eb03'; }
+.codicon-gripper:before { content: '\eb04'; }
+.codicon-heart:before { content: '\eb05'; }
+.codicon-home:before { content: '\eb06'; }
+.codicon-horizontal-rule:before { content: '\eb07'; }
+.codicon-hubot:before { content: '\eb08'; }
+.codicon-inbox:before { content: '\eb09'; }
+.codicon-issue-closed:before { content: '\eba4'; }
+.codicon-issue-reopened:before { content: '\eb0b'; }
+.codicon-issues:before { content: '\eb0c'; }
+.codicon-italic:before { content: '\eb0d'; }
+.codicon-jersey:before { content: '\eb0e'; }
+.codicon-json:before { content: '\eb0f'; }
+.codicon-kebab-vertical:before { content: '\eb10'; }
+.codicon-key:before { content: '\eb11'; }
+.codicon-law:before { content: '\eb12'; }
+.codicon-lightbulb-autofix:before { content: '\eb13'; }
+.codicon-link-external:before { content: '\eb14'; }
+.codicon-link:before { content: '\eb15'; }
+.codicon-list-ordered:before { content: '\eb16'; }
+.codicon-list-unordered:before { content: '\eb17'; }
+.codicon-live-share:before { content: '\eb18'; }
+.codicon-loading:before { content: '\eb19'; }
+.codicon-location:before { content: '\eb1a'; }
+.codicon-mail-read:before { content: '\eb1b'; }
+.codicon-mail:before { content: '\eb1c'; }
+.codicon-markdown:before { content: '\eb1d'; }
+.codicon-megaphone:before { content: '\eb1e'; }
+.codicon-mention:before { content: '\eb1f'; }
+.codicon-milestone:before { content: '\eb20'; }
+.codicon-mortar-board:before { content: '\eb21'; }
+.codicon-move:before { content: '\eb22'; }
+.codicon-multiple-windows:before { content: '\eb23'; }
+.codicon-mute:before { content: '\eb24'; }
+.codicon-no-newline:before { content: '\eb25'; }
+.codicon-note:before { content: '\eb26'; }
+.codicon-octoface:before { content: '\eb27'; }
+.codicon-open-preview:before { content: '\eb28'; }
+.codicon-package:before { content: '\eb29'; }
+.codicon-paintcan:before { content: '\eb2a'; }
+.codicon-pin:before { content: '\eb2b'; }
+.codicon-play:before { content: '\eb2c'; }
+.codicon-run:before { content: '\eb2c'; }
+.codicon-plug:before { content: '\eb2d'; }
+.codicon-preserve-case:before { content: '\eb2e'; }
+.codicon-preview:before { content: '\eb2f'; }
+.codicon-project:before { content: '\eb30'; }
+.codicon-pulse:before { content: '\eb31'; }
+.codicon-question:before { content: '\eb32'; }
+.codicon-quote:before { content: '\eb33'; }
+.codicon-radio-tower:before { content: '\eb34'; }
+.codicon-reactions:before { content: '\eb35'; }
+.codicon-references:before { content: '\eb36'; }
+.codicon-refresh:before { content: '\eb37'; }
+.codicon-regex:before { content: '\eb38'; }
+.codicon-remote-explorer:before { content: '\eb39'; }
+.codicon-remote:before { content: '\eb3a'; }
+.codicon-remove:before { content: '\eb3b'; }
+.codicon-replace-all:before { content: '\eb3c'; }
+.codicon-replace:before { content: '\eb3d'; }
+.codicon-repo-clone:before { content: '\eb3e'; }
+.codicon-repo-force-push:before { content: '\eb3f'; }
+.codicon-repo-pull:before { content: '\eb40'; }
+.codicon-repo-push:before { content: '\eb41'; }
+.codicon-report:before { content: '\eb42'; }
+.codicon-request-changes:before { content: '\eb43'; }
+.codicon-rocket:before { content: '\eb44'; }
+.codicon-root-folder-opened:before { content: '\eb45'; }
+.codicon-root-folder:before { content: '\eb46'; }
+.codicon-rss:before { content: '\eb47'; }
+.codicon-ruby:before { content: '\eb48'; }
+.codicon-save-all:before { content: '\eb49'; }
+.codicon-save-as:before { content: '\eb4a'; }
+.codicon-save:before { content: '\eb4b'; }
+.codicon-screen-full:before { content: '\eb4c'; }
+.codicon-screen-normal:before { content: '\eb4d'; }
+.codicon-search-stop:before { content: '\eb4e'; }
+.codicon-server:before { content: '\eb50'; }
+.codicon-settings-gear:before { content: '\eb51'; }
+.codicon-settings:before { content: '\eb52'; }
+.codicon-shield:before { content: '\eb53'; }
+.codicon-smiley:before { content: '\eb54'; }
+.codicon-sort-precedence:before { content: '\eb55'; }
+.codicon-split-horizontal:before { content: '\eb56'; }
+.codicon-split-vertical:before { content: '\eb57'; }
+.codicon-squirrel:before { content: '\eb58'; }
+.codicon-star-full:before { content: '\eb59'; }
+.codicon-star-half:before { content: '\eb5a'; }
+.codicon-symbol-class:before { content: '\eb5b'; }
+.codicon-symbol-color:before { content: '\eb5c'; }
+.codicon-symbol-constant:before { content: '\eb5d'; }
+.codicon-symbol-enum-member:before { content: '\eb5e'; }
+.codicon-symbol-field:before { content: '\eb5f'; }
+.codicon-symbol-file:before { content: '\eb60'; }
+.codicon-symbol-interface:before { content: '\eb61'; }
+.codicon-symbol-keyword:before { content: '\eb62'; }
+.codicon-symbol-misc:before { content: '\eb63'; }
+.codicon-symbol-operator:before { content: '\eb64'; }
+.codicon-symbol-property:before { content: '\eb65'; }
+.codicon-wrench:before { content: '\eb65'; }
+.codicon-wrench-subaction:before { content: '\eb65'; }
+.codicon-symbol-snippet:before { content: '\eb66'; }
+.codicon-tasklist:before { content: '\eb67'; }
+.codicon-telescope:before { content: '\eb68'; }
+.codicon-text-size:before { content: '\eb69'; }
+.codicon-three-bars:before { content: '\eb6a'; }
+.codicon-thumbsdown:before { content: '\eb6b'; }
+.codicon-thumbsup:before { content: '\eb6c'; }
+.codicon-tools:before { content: '\eb6d'; }
+.codicon-triangle-down:before { content: '\eb6e'; }
+.codicon-triangle-left:before { content: '\eb6f'; }
+.codicon-triangle-right:before { content: '\eb70'; }
+.codicon-triangle-up:before { content: '\eb71'; }
+.codicon-twitter:before { content: '\eb72'; }
+.codicon-unfold:before { content: '\eb73'; }
+.codicon-unlock:before { content: '\eb74'; }
+.codicon-unmute:before { content: '\eb75'; }
+.codicon-unverified:before { content: '\eb76'; }
+.codicon-verified:before { content: '\eb77'; }
+.codicon-versions:before { content: '\eb78'; }
+.codicon-vm-active:before { content: '\eb79'; }
+.codicon-vm-outline:before { content: '\eb7a'; }
+.codicon-vm-running:before { content: '\eb7b'; }
+.codicon-watch:before { content: '\eb7c'; }
+.codicon-whitespace:before { content: '\eb7d'; }
+.codicon-whole-word:before { content: '\eb7e'; }
+.codicon-window:before { content: '\eb7f'; }
+.codicon-word-wrap:before { content: '\eb80'; }
+.codicon-zoom-in:before { content: '\eb81'; }
+.codicon-zoom-out:before { content: '\eb82'; }
+.codicon-list-filter:before { content: '\eb83'; }
+.codicon-list-flat:before { content: '\eb84'; }
+.codicon-list-selection:before { content: '\eb85'; }
+.codicon-selection:before { content: '\eb85'; }
+.codicon-list-tree:before { content: '\eb86'; }
+.codicon-debug-breakpoint-function-unverified:before { content: '\eb87'; }
+.codicon-debug-breakpoint-function:before { content: '\eb88'; }
+.codicon-debug-breakpoint-function-disabled:before { content: '\eb88'; }
+.codicon-debug-stackframe-active:before { content: '\eb89'; }
+.codicon-debug-stackframe-dot:before { content: '\eb8a'; }
+.codicon-debug-stackframe:before { content: '\eb8b'; }
+.codicon-debug-stackframe-focused:before { content: '\eb8b'; }
+.codicon-debug-breakpoint-unsupported:before { content: '\eb8c'; }
+.codicon-symbol-string:before { content: '\eb8d'; }
+.codicon-debug-reverse-continue:before { content: '\eb8e'; }
+.codicon-debug-step-back:before { content: '\eb8f'; }
+.codicon-debug-restart-frame:before { content: '\eb90'; }
+.codicon-call-incoming:before { content: '\eb92'; }
+.codicon-call-outgoing:before { content: '\eb93'; }
+.codicon-menu:before { content: '\eb94'; }
+.codicon-expand-all:before { content: '\eb95'; }
+.codicon-feedback:before { content: '\eb96'; }
+.codicon-group-by-ref-type:before { content: '\eb97'; }
+.codicon-ungroup-by-ref-type:before { content: '\eb98'; }
+.codicon-account:before { content: '\eb99'; }
+.codicon-bell-dot:before { content: '\eb9a'; }
+.codicon-debug-console:before { content: '\eb9b'; }
+.codicon-library:before { content: '\eb9c'; }
+.codicon-output:before { content: '\eb9d'; }
+.codicon-run-all:before { content: '\eb9e'; }
+.codicon-sync-ignored:before { content: '\eb9f'; }
+.codicon-pinned:before { content: '\eba0'; }
+.codicon-github-inverted:before { content: '\eba1'; }
+.codicon-debug-alt:before { content: '\eb91'; }
+.codicon-server-process:before { content: '\eba2'; }
+.codicon-server-environment:before { content: '\eba3'; }
+.codicon-pass:before { content: '\eba4'; }
+.codicon-stop-circle:before { content: '\eba5'; }
+.codicon-play-circle:before { content: '\eba6'; }
+.codicon-record:before { content: '\eba7'; }
+.codicon-debug-alt-small:before { content: '\eba8'; }
+.codicon-vm-connect:before { content: '\eba9'; }
+.codicon-cloud:before { content: '\ebaa'; }
+.codicon-merge:before { content: '\ebab'; }
+.codicon-export:before { content: '\ebac'; }
+.codicon-graph-left:before { content: '\ebad'; }
+.codicon-magnet:before { content: '\ebae'; }
+.codicon-notebook:before { content: '\ebaf'; }
+.codicon-redo:before { content: '\ebb0'; }
+.codicon-check-all:before { content: '\ebb1'; }
+.codicon-pinned-dirty:before { content: '\ebb2'; }
+.codicon-pass-filled:before { content: '\ebb3'; }
+.codicon-circle-large-filled:before { content: '\ebb4'; }
+.codicon-circle-large-outline:before { content: '\ebb5'; }
+.codicon-combine:before { content: '\ebb6'; }
+.codicon-gather:before { content: '\ebb6'; }
+.codicon-table:before { content: '\ebb7'; }
+.codicon-variable-group:before { content: '\ebb8'; }
+.codicon-type-hierarchy:before { content: '\ebb9'; }
+.codicon-type-hierarchy-sub:before { content: '\ebba'; }
+.codicon-type-hierarchy-super:before { content: '\ebbb'; }
+.codicon-git-pull-request-create:before { content: '\ebbc'; }
+.codicon-run-above:before { content: '\ebbd'; }
+.codicon-run-below:before { content: '\ebbe'; }
+.codicon-notebook-template:before { content: '\ebbf'; }
+.codicon-debug-rerun:before { content: '\ebc0'; }
+.codicon-workspace-trusted:before { content: '\ebc1'; }
+.codicon-workspace-untrusted:before { content: '\ebc2'; }
+.codicon-workspace-unspecified:before { content: '\ebc3'; }
+.codicon-terminal-cmd:before { content: '\ebc4'; }
+.codicon-terminal-debian:before { content: '\ebc5'; }
+.codicon-terminal-linux:before { content: '\ebc6'; }
+.codicon-terminal-powershell:before { content: '\ebc7'; }
+.codicon-terminal-tmux:before { content: '\ebc8'; }
+.codicon-terminal-ubuntu:before { content: '\ebc9'; }
+.codicon-terminal-bash:before { content: '\ebca'; }
+.codicon-arrow-swap:before { content: '\ebcb'; }
+.codicon-copy:before { content: '\ebcc'; }
+.codicon-person-add:before { content: '\ebcd'; }
+.codicon-filter-filled:before { content: '\ebce'; }
+.codicon-wand:before { content: '\ebcf'; }
+.codicon-debug-line-by-line:before { content: '\ebd0'; }
+.codicon-inspect:before { content: '\ebd1'; }
+.codicon-layers:before { content: '\ebd2'; }
+.codicon-layers-dot:before { content: '\ebd3'; }
+.codicon-layers-active:before { content: '\ebd4'; }
+.codicon-compass:before { content: '\ebd5'; }
+.codicon-compass-dot:before { content: '\ebd6'; }
+.codicon-compass-active:before { content: '\ebd7'; }
+.codicon-azure:before { content: '\ebd8'; }
+.codicon-issue-draft:before { content: '\ebd9'; }
+.codicon-git-pull-request-closed:before { content: '\ebda'; }
+.codicon-git-pull-request-draft:before { content: '\ebdb'; }
+.codicon-debug-all:before { content: '\ebdc'; }
+.codicon-debug-coverage:before { content: '\ebdd'; }
+.codicon-run-errors:before { content: '\ebde'; }
+.codicon-folder-library:before { content: '\ebdf'; }
+.codicon-debug-continue-small:before { content: '\ebe0'; }
+.codicon-beaker-stop:before { content: '\ebe1'; }
+.codicon-graph-line:before { content: '\ebe2'; }
+.codicon-graph-scatter:before { content: '\ebe3'; }
+.codicon-pie-chart:before { content: '\ebe4'; }
+.codicon-bracket:before { content: '\eb0f'; }
+.codicon-bracket-dot:before { content: '\ebe5'; }
+.codicon-bracket-error:before { content: '\ebe6'; }
+.codicon-lock-small:before { content: '\ebe7'; }
+.codicon-azure-devops:before { content: '\ebe8'; }
+.codicon-verified-filled:before { content: '\ebe9'; }
+.codicon-tree-item-expanded:before { content: '\eab4'; }
+.codicon-tree-filter-on-type-on:before { content: '\eb83'; }
+.codicon-tree-filter-on-type-off:before { content: '\eb85'; }
+.codicon-tree-filter-clear:before { content: '\ea76'; }
+.codicon-tree-item-loading:before { content: '\eb19'; }
+.codicon-scrollbar-button-left:before { content: '\eb6f'; }
+.codicon-scrollbar-button-right:before { content: '\eb70'; }
+.codicon-scrollbar-button-up:before { content: '\eb71'; }
+.codicon-scrollbar-button-down:before { content: '\eb6e'; }
+.codicon-menu-selection:before { content: '\eab2'; }
+.codicon-menu-submenu:before { content: '\eab6'; }
+.codicon-quick-input-back:before { content: '\ea9b'; }
+.codicon-widget-close:before { content: '\ea76'; }
+.codicon-diff-review-insert:before { content: '\ea60'; }
+.codicon-diff-review-remove:before { content: '\eb3b'; }
+.codicon-diff-review-close:before { content: '\ea76'; }
+.codicon-parameter-hints-next:before { content: '\eab4'; }
+.codicon-parameter-hints-previous:before { content: '\eab7'; }
+.codicon-suggest-more-info:before { content: '\eab6'; }
+.codicon-diff-insert:before { content: '\ea60'; }
+.codicon-diff-remove:before { content: '\eb3b'; }
+.codicon-find-selection:before { content: '\eb85'; }
+.codicon-find-collapsed:before { content: '\eab6'; }
+.codicon-find-expanded:before { content: '\eab4'; }
+.codicon-find-replace:before { content: '\eb3d'; }
+.codicon-find-replace-all:before { content: '\eb3c'; }
+.codicon-find-previous-match:before { content: '\eaa1'; }
+.codicon-find-next-match:before { content: '\ea9a'; }
+.codicon-folding-expanded:before { content: '\eab4'; }
+.codicon-folding-collapsed:before { content: '\eab6'; }
+.codicon-marker-navigation-next:before { content: '\ea9a'; }
+.codicon-marker-navigation-previous:before { content: '\eaa1'; }
+
+			.monaco-scrollable-element > .shadow.top {
+				box-shadow: #000000 0 6px 6px -6px inset;
+			}
+
+			.monaco-scrollable-element > .shadow.left {
+				box-shadow: #000000 6px 0 6px -6px inset;
+			}
+
+			.monaco-scrollable-element > .shadow.top.left {
+				box-shadow: #000000 6px 6px 6px -6px inset;
+			}
+		
+
+			.monaco-scrollable-element > .scrollbar > .slider {
+				background: rgba(121, 121, 121, 0.4);
+			}
+		
+
+			.monaco-scrollable-element > .scrollbar > .slider:hover {
+				background: rgba(100, 100, 100, 0.7);
+			}
+		
+
+			.monaco-scrollable-element > .scrollbar > .slider.active {
+				background: rgba(191, 191, 191, 0.4);
+			}
+
+.monaco-editor .view-overlays .current-line { background-color: rgba(255, 255, 255, .2); }
+.monaco-editor .margin-view-overlays .current-line-margin { background-color: rgba(255, 255, 255, .2); border: none; }		
+.monaco-editor .minimap-slider .minimap-slider-horizontal { background: rgba(121, 121, 121, 0.2); }
+.monaco-editor .minimap-slider:hover .minimap-slider-horizontal { background: rgba(100, 100, 100, 0.35); }
+.monaco-editor .minimap-slider.active .minimap-slider-horizontal { background: rgba(191, 191, 191, 0.2); }
+.monaco-editor .minimap-shadow-visible { box-shadow: #000000 -6px 0 6px -6px inset; }
+.monaco-editor .scroll-decoration { box-shadow: #000000 0 6px 6px -6px inset; }
+.monaco-editor .focused .selected-text { background-color: #264f78; }
+.monaco-editor .selected-text { background-color: #3a3d41; }
+.monaco-editor, .monaco-editor-background, .monaco-editor .inputarea.ime-input { background-color: #1e1e1e; }
+.monaco-editor, .monaco-editor .inputarea.ime-input { color: #d4d4d4; }
+.monaco-editor .margin { background-color: #1e1e1e; }
+.monaco-editor .rangeHighlight { background-color: rgba(255, 255, 255, 0.04); }
+.monaco-editor .symbolHighlight { background-color: rgba(234, 92, 0, 0.33); }
+.monaco-editor .mtkw { color: rgba(227, 228, 226, 0.16) !important; }
+.monaco-editor .mtkz { color: rgba(227, 228, 226, 0.16) !important; }
+.monaco-editor .view-overlays .current-line { border: 2px solid #282828; }
+.monaco-editor .margin-view-overlays .current-line-margin { border: 2px solid #282828; }
+.monaco-editor .line-numbers { color: #858585; }
+.monaco-editor .line-numbers.active-line-number { color: #c6c6c6; }
+.monaco-editor .view-ruler { box-shadow: 1px 0 0 0 #5a5a5a inset; }
+.monaco-editor .cursors-layer .cursor { background-color: #aeafad; border-color: #aeafad; color: #515052; }
+.monaco-editor .unexpected-closing-bracket { color: rgba(255, 18, 18, 0.8); }
+.monaco-editor .bracket-highlighting-0 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-1 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-2 { color: #179fff; }
+.monaco-editor .bracket-highlighting-3 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-4 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-5 { color: #179fff; }
+.monaco-editor .bracket-highlighting-6 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-7 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-8 { color: #179fff; }
+.monaco-editor .bracket-highlighting-9 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-10 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-11 { color: #179fff; }
+.monaco-editor .bracket-highlighting-12 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-13 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-14 { color: #179fff; }
+.monaco-editor .bracket-highlighting-15 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-16 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-17 { color: #179fff; }
+.monaco-editor .bracket-highlighting-18 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-19 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-20 { color: #179fff; }
+.monaco-editor .bracket-highlighting-21 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-22 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-23 { color: #179fff; }
+.monaco-editor .bracket-highlighting-24 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-25 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-26 { color: #179fff; }
+.monaco-editor .bracket-highlighting-27 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-28 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-29 { color: #179fff; }
+.codicon.codicon-symbol-array { color: #cccccc; }
+.codicon.codicon-symbol-boolean { color: #cccccc; }
+.codicon.codicon-symbol-class { color: #ee9d28; }
+.codicon.codicon-symbol-method { color: #b180d7; }
+.codicon.codicon-symbol-color { color: #cccccc; }
+.codicon.codicon-symbol-constant { color: #cccccc; }
+.codicon.codicon-symbol-constructor { color: #b180d7; }
+
+			.codicon.codicon-symbol-value,.codicon.codicon-symbol-enum { color: #ee9d28; }
+.codicon.codicon-symbol-enum-member { color: #75beff; }
+.codicon.codicon-symbol-event { color: #ee9d28; }
+.codicon.codicon-symbol-field { color: #75beff; }
+.codicon.codicon-symbol-file { color: #cccccc; }
+.codicon.codicon-symbol-folder { color: #cccccc; }
+.codicon.codicon-symbol-function { color: #b180d7; }
+.codicon.codicon-symbol-interface { color: #75beff; }
+.codicon.codicon-symbol-key { color: #cccccc; }
+.codicon.codicon-symbol-keyword { color: #cccccc; }
+.codicon.codicon-symbol-module { color: #cccccc; }
+.codicon.codicon-symbol-namespace { color: #cccccc; }
+.codicon.codicon-symbol-null { color: #cccccc; }
+.codicon.codicon-symbol-number { color: #cccccc; }
+.codicon.codicon-symbol-object { color: #cccccc; }
+.codicon.codicon-symbol-operator { color: #cccccc; }
+.codicon.codicon-symbol-package { color: #cccccc; }
+.codicon.codicon-symbol-property { color: #cccccc; }
+.codicon.codicon-symbol-reference { color: #cccccc; }
+.codicon.codicon-symbol-snippet { color: #cccccc; }
+.codicon.codicon-symbol-string { color: #cccccc; }
+.codicon.codicon-symbol-struct { color: #cccccc; }
+.codicon.codicon-symbol-text { color: #cccccc; }
+.codicon.codicon-symbol-type-parameter { color: #cccccc; }
+.codicon.codicon-symbol-unit { color: #cccccc; }
+.codicon.codicon-symbol-variable { color: #75beff; }
+.monaco-editor .monaco-editor-overlaymessage .anchor.below { border-top-color: #007acc; }
+.monaco-editor .monaco-editor-overlaymessage .anchor.top { border-bottom-color: #007acc; }
+.monaco-editor .monaco-editor-overlaymessage .message { border: 1px solid #007acc; }
+.monaco-editor .monaco-editor-overlaymessage .message { background-color: #063b49; }
+.monaco-editor .accessibilityHelpWidget { background-color: #252526; }
+.monaco-editor .accessibilityHelpWidget { color: #cccccc; }
+.monaco-editor .accessibilityHelpWidget { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.36); }
+.monaco-editor .tokens-inspect-widget { border: 1px solid #454545; }
+.monaco-editor .tokens-inspect-widget .tokens-inspect-separator { background-color: #454545; }
+.monaco-editor .tokens-inspect-widget { background-color: #252526; }
+.monaco-editor .tokens-inspect-widget { color: #cccccc; }
+
+			.monaco-editor .zone-widget .codicon.codicon-error,
+			.markers-panel .marker-icon.codicon.codicon-error,
+			.text-search-provider-messages .providerMessage .codicon.codicon-error,
+			.extensions-viewlet > .extensions .codicon.codicon-error {
+				color: #f14c4c;
+			}
+		
+
+			.monaco-editor .zone-widget .codicon.codicon-warning,
+			.markers-panel .marker-icon.codicon.codicon-warning,
+			.extensions-viewlet > .extensions .codicon.codicon-warning,
+			.extension-editor .codicon.codicon-warning,
+			.text-search-provider-messages .providerMessage .codicon.codicon-warning,
+			.preferences-editor .codicon.codicon-warning {
+				color: #cca700;
+			}
+		
+
+			.monaco-editor .zone-widget .codicon.codicon-info,
+			.markers-panel .marker-icon.codicon.codicon-info,
+			.extensions-viewlet > .extensions .codicon.codicon-info,
+			.text-search-provider-messages .providerMessage .codicon.codicon-info,
+			.extension-editor .codicon.codicon-info {
+				color: #3794ff;
+			}
+		
+.monaco-diff-editor .diff-review-line-number { color: #858585; }
+.monaco-diff-editor .diff-review-shadow { box-shadow: #000000 0 -6px 6px -6px inset; }
+.monaco-editor .parameter-hints-widget { border: 1px solid #454545; }
+.monaco-editor .parameter-hints-widget.multiple .body { border-left: 1px solid rgba(69, 69, 69, 0.5); }
+.monaco-editor .parameter-hints-widget .signature.has-docs { border-bottom: 1px solid rgba(69, 69, 69, 0.5); }
+.monaco-editor .parameter-hints-widget { background-color: #252526; }
+.monaco-editor .parameter-hints-widget a { color: #3794ff; }
+.monaco-editor .parameter-hints-widget a:hover { color: #3794ff; }
+.monaco-editor .parameter-hints-widget { color: #cccccc; }
+.monaco-editor .parameter-hints-widget code { background-color: rgba(10, 10, 10, 0.4); }
+.monaco-editor .parameter-hints-widget .parameter.active { color: #18a3ff}
+.monaco-editor .lines-content .core-guide-indent { box-shadow: 1px 0 0 0 #404040 inset; }
+.monaco-editor .lines-content .core-guide-indent-active { box-shadow: 1px 0 0 0 #707070 inset; }
+.monaco-editor .bracket-indent-guide.lvl-0 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-1 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-2 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .bracket-indent-guide.lvl-3 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-4 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-5 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .bracket-indent-guide.lvl-6 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-7 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-8 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .bracket-indent-guide.lvl-9 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-10 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-11 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .bracket-indent-guide.lvl-12 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-13 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-14 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .bracket-indent-guide.lvl-15 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-16 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-17 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .bracket-indent-guide.lvl-18 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-19 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-20 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .bracket-indent-guide.lvl-21 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-22 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-23 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .bracket-indent-guide.lvl-24 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-25 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-26 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .bracket-indent-guide.lvl-27 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-28 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-29 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .vertical { box-shadow: 1px 0 0 0 var(--guide-color) inset; }
+.monaco-editor .horizontal-top { border-top: 1px solid var(--guide-color); }
+.monaco-editor .horizontal-bottom { border-bottom: 1px solid var(--guide-color); }
+.monaco-editor .vertical.indent-active { box-shadow: 1px 0 0 0 var(--guide-color-active) inset; }
+.monaco-editor .horizontal-top.indent-active { border-top: 1px solid var(--guide-color-active); }
+.monaco-editor .horizontal-bottom.indent-active { border-bottom: 1px solid var(--guide-color-active); }
+.monaco-editor .squiggly-error { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%23f14c4c'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left; }
+.monaco-editor .squiggly-warning { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%23cca700'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left; }
+.monaco-editor .squiggly-info { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%233794ff'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left; }
+.monaco-editor .squiggly-hint { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%223%22%20width%3D%2212%22%3E%3Cg%20fill%3D%22rgba(238%2C%20238%2C%20238%2C%200.7)%22%3E%3Ccircle%20cx%3D%221%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat bottom left; }
+.monaco-editor.showUnused .squiggly-inline-unnecessary { opacity: 0.667; }
+.monaco-editor.showDeprecated .squiggly-inline-deprecated { text-decoration: line-through; text-decoration-color: #d4d4d4}
+.monaco-editor .line-insert, .monaco-editor .char-insert { background-color: rgba(155, 185, 85, 0.2); }
+.monaco-diff-editor .line-insert, .monaco-diff-editor .char-insert { background-color: rgba(155, 185, 85, 0.2); }
+.monaco-editor .inline-added-margin-view-zone { background-color: rgba(155, 185, 85, 0.2); }
+.monaco-editor .line-delete, .monaco-editor .char-delete { background-color: rgba(255, 0, 0, 0.2); }
+.monaco-diff-editor .line-delete, .monaco-diff-editor .char-delete { background-color: rgba(255, 0, 0, 0.2); }
+.monaco-editor .inline-deleted-margin-view-zone { background-color: rgba(255, 0, 0, 0.2); }
+.monaco-diff-editor.side-by-side .editor.modified { box-shadow: -6px 0 5px -5px #000000; }
+
+			.monaco-diff-editor .diffViewport {
+				background: rgba(121, 121, 121, 0.4);
+			}
+		
+
+			.monaco-diff-editor .diffViewport:hover {
+				background: rgba(100, 100, 100, 0.7);
+			}
+		
+
+			.monaco-diff-editor .diffViewport:active {
+				background: rgba(191, 191, 191, 0.4);
+			}
+		
+
+	.monaco-editor .diagonal-fill {
+		background-image: linear-gradient(
+			-45deg,
+			rgba(204, 204, 204, 0.2) 12.5%,
+			#0000 12.5%, #0000 50%,
+			rgba(204, 204, 204, 0.2) 50%, rgba(204, 204, 204, 0.2) 62.5%,
+			#0000 62.5%, #0000 100%
+		);
+		background-size: 8px 8px;
+	}
+	
+.monaco-editor .bracket-match { background-color: rgba(0, 100, 0, 0.1); }
+.monaco-editor .bracket-match { border: 1px solid #888888; }
+
+		.monaco-editor .contentWidgets .codicon.codicon-light-bulb {
+			color: #ffcc00;
+			background-color: rgba(30, 30, 30, 0.7);
+		}
+
+		.monaco-editor .contentWidgets .codicon.codicon-lightbulb-autofix {
+			color: #75beff;
+			background-color: rgba(30, 30, 30, 0.7);
+		}
+.monaco-editor .codelens-decoration { color: #999999; }
+.monaco-editor .codelens-decoration .codicon { color: #999999; }
+.monaco-editor .codelens-decoration > a:hover { color: #4e94ce !important; }
+.monaco-editor .codelens-decoration > a:hover .codicon { color: #4e94ce !important; }
+.monaco-editor .findOptionsWidget { background-color: #252526; }
+.monaco-editor .findOptionsWidget { color: #cccccc; }
+.monaco-editor .findOptionsWidget { box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.36); }
+.monaco-editor .findMatch { background-color: rgba(234, 92, 0, 0.33); }
+.monaco-editor .currentFindMatch { background-color: #515c6a; }
+.monaco-editor .findScope { background-color: rgba(58, 61, 65, 0.4); }
+.monaco-editor .find-widget { background-color: #252526; }
+.monaco-editor .find-widget { box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.36); }
+.monaco-editor .find-widget { color: #cccccc; }
+.monaco-editor .find-widget.no-results .matchesCount { color: #f48771; }
+.monaco-editor .find-widget .monaco-sash { background-color: #454545; }
+
+		.monaco-editor .find-widget .button:not(.disabled):hover,
+		.monaco-editor .find-widget .codicon-find-selection:hover {
+			background-color: rgba(90, 93, 94, 0.31) !important;
+		}
+	
+.monaco-editor .find-widget .monaco-inputbox.synthetic-focus { outline-color: #007fd4; }
+.monaco-editor .folded-background { background-color: rgba(38, 79, 120, 0.3); }
+
+		.monaco-editor .cldr.codicon.codicon-folding-expanded,
+		.monaco-editor .cldr.codicon.codicon-folding-collapsed {
+			color: #c5c5c5 !important;
+		}
+		
+.monaco-editor.vs .valueSetReplacement { outline: solid 2px #888888; }
+.monaco-editor .ghost-text-decoration { opacity: 0.337 !important; color: #ffffff !important; }
+.monaco-editor .ghost-text-decoration-preview { color: rgba(255, 255, 255, 0.34) !important; }
+.monaco-editor .suggest-preview-text .ghost-text { opacity: 0.337 !important; color: #ffffff !important; }
+.monaco-editor .linked-editing-decoration { background: rgba(255, 0, 0, 0.3); border-left-color: rgba(255, 0, 0, 0.3); }
+.monaco-editor .detected-link-active { color: #4e94ce !important; }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-highlighted-label .highlight { color: #18a3ff; }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .monaco-highlighted-label .highlight { color: #18a3ff; }
+.monaco-editor .suggest-widget, .monaco-editor .suggest-details { color: #d4d4d4; }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused { color: #ffffff; }
+.monaco-editor .suggest-details a { color: #3794ff; }
+.monaco-editor .suggest-details a:hover { color: #3794ff; }
+.monaco-editor .suggest-details code { background-color: rgba(10, 10, 10, 0.4); }
+.monaco-editor .focused .selectionHighlight { background-color: rgba(173, 214, 255, 0.15); }
+.monaco-editor .selectionHighlight { background-color: rgba(173, 214, 255, 0.07); }
+.monaco-editor .wordHighlight { background-color: rgba(87, 87, 87, 0.72); }
+.monaco-editor .wordHighlightStrong { background-color: rgba(0, 73, 114, 0.72); }
+.monaco-editor .marker-widget a.code-link span { color: #3794ff; }
+.monaco-editor .marker-widget a.code-link span:hover { color: #3794ff; }
+.monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight { background-color: rgba(234, 92, 0, 0.3); }
+.monaco-editor .reference-zone-widget .preview .reference-decoration { background-color: rgba(255, 143, 0, 0.6); }
+.monaco-editor .reference-zone-widget .ref-tree { background-color: #252526; }
+.monaco-editor .reference-zone-widget .ref-tree { color: #bbbbbb; }
+.monaco-editor .reference-zone-widget .ref-tree .reference-file { color: #ffffff; }
+.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) { background-color: rgba(51, 153, 255, 0.2); }
+.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) { color: #ffffff !important; }
+.monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background,.monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input {	background-color: #001f33;}
+.monaco-editor .reference-zone-widget .preview .monaco-editor .margin {	background-color: #001f33;}
+.monaco-editor .goto-definition-link { color: #4e94ce !important; }
+.monaco-hover .hover-contents a.code-link span { color: #3794ff; }
+.monaco-hover .hover-contents a.code-link span:hover { color: #3794ff; }
+.monaco-editor .snippet-placeholder { background-color: rgba(124, 124, 124, 0.3); outline-color: transparent; }
+.monaco-editor .finish-snippet-placeholder { background-color: transparent; outline-color: #525252; }
+.monaco-editor .hoverHighlight { background-color: rgba(38, 79, 120, 0.25); }
+.monaco-editor .monaco-hover { background-color: #252526; }
+.monaco-editor .monaco-hover { border: 1px solid #454545; }
+.monaco-editor .monaco-hover .hover-row:not(:first-child):not(:empty) { border-top: 1px solid rgba(69, 69, 69, 0.5); }
+.monaco-editor .monaco-hover hr { border-top: 1px solid rgba(69, 69, 69, 0.5); }
+.monaco-editor .monaco-hover hr { border-bottom: 0px solid rgba(69, 69, 69, 0.5); }
+.monaco-editor .monaco-hover a { color: #3794ff; }
+.monaco-editor .monaco-hover a:hover { color: #3794ff; }
+.monaco-editor .monaco-hover { color: #cccccc; }
+.monaco-editor .monaco-hover .hover-row .actions { background-color: #2c2c2d; }
+.monaco-editor .monaco-hover code { background-color: rgba(10, 10, 10, 0.4); }
+
+.mtk1 { color: #d4d4d4; }
+.mtk2 { color: #1e1e1e; }
+.mtk3 { color: #cc6666; }
+.mtk4 { color: #9cdcfe; }
+.mtk5 { color: #ce9178; }
+.mtk6 { color: #b5cea8; }
+.mtk7 { color: #608b4e; }
+.mtk8 { color: #569cd6; }
+.mtk9 { color: #dcdcdc; }
+.mtk10 { color: #808080; }
+.mtk11 { color: #f44747; }
+.mtk12 { color: #c586c0; }
+.mtk13 { color: #a79873; }
+.mtk14 { color: #dd6a6f; }
+.mtk15 { color: #5bb498; }
+.mtk16 { color: #909090; }
+.mtk17 { color: #778899; }
+.mtk18 { color: #ff00ff; }
+.mtk19 { color: #b46695; }
+.mtk20 { color: #ff0000; }
+.mtk21 { color: #4f76ac; }
+.mtk22 { color: #3dc9b0; }
+.mtk23 { color: #74b0df; }
+.mtk24 { color: #4864aa; }
+.mtki { font-style: italic; }
+.mtkb { font-weight: bold; }
+.mtku { text-decoration: underline; text-underline-position: under; }