diff --git a/CSS/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css b/CSS/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css
new file mode 100644
index 00000000..81c8e54d
--- /dev/null
+++ b/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://theme-park.dev/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://theme-park.dev/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;
+ }
+}
diff --git a/CSS/addons/bazarr/bazarr-4k-logo/bazarr4k.png b/CSS/addons/bazarr/bazarr-4k-logo/bazarr4k.png
new file mode 100644
index 00000000..7c6c7924
Binary files /dev/null and b/CSS/addons/bazarr/bazarr-4k-logo/bazarr4k.png differ
diff --git a/CSS/addons/bazarr/bazarr-darker/bazarr-darker.css b/CSS/addons/bazarr/bazarr-darker/bazarr-darker.css
new file mode 100644
index 00000000..29ece53b
--- /dev/null
+++ b/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;
+}
\ No newline at end of file
diff --git a/CSS/addons/lidarr/lidarr-darker/lidarr-darker.css b/CSS/addons/lidarr/lidarr-darker/lidarr-darker.css
new file mode 100644
index 00000000..fc479d22
--- /dev/null
+++ b/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;
+}
\ No newline at end of file
diff --git a/CSS/addons/organizr/glass/example.jpg b/CSS/addons/organizr/glass/example.jpg
new file mode 100644
index 00000000..f938bc5d
Binary files /dev/null and b/CSS/addons/organizr/glass/example.jpg differ
diff --git a/CSS/addons/organizr/glass/glass-base.css b/CSS/addons/organizr/glass/glass-base.css
new file mode 100644
index 00000000..056e0c4e
--- /dev/null
+++ b/CSS/addons/organizr/glass/glass-base.css
@@ -0,0 +1,861 @@
+/* Set the Organizr theme to either Aquamarine or Hotline */
+/* Import the glass-base.css and root variables in the Custom Theme CSS box like below */
+/*
+@import "https://theme-park.dev/CSS/themes/organizr/organizr-base-old.css"
+@import "https://theme-park.dev/CSS/addons/organizr/glass-base.css";
+:root {
+ --main-bg-color: url(https://domain.com/your/hosted/wallpaper.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;
+ --custom-buttons-color: radial-gradient(ellipse at center, #3F51B5 0%, #009688 100%) center center/cover no-repeat fixed;
+ --hompage-item-hover: radial-gradient(ellipse at center, rgba(0, 150, 136, 0.33) 0%, #b53f3f73 100%) center center/cover no-repeat fixed;
+ --notification-box-line: #000;
+
+ --div-background-color-10: rgba(0, 0, 0, 0.15);
+ --div-background-color-15: rgba(0, 0, 0, 0.25);
+ --div-background-color-25: rgba(0, 0, 0, 0.35);
+ --div-background-color-35: rgba(0, 0, 0, 0.45);
+}
+
+*/
+
+/* 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);
+*/
+/* Dark blur colors for bright backgrounds */
+/*
+ --div-background-color-10: rgba(0, 0, 0, 0.15);
+ --div-background-color-15: rgba(0, 0, 0, 0.25);
+ --div-background-color-25: rgba(0, 0, 0, 0.35);
+ --div-background-color-35: rgba(0, 0, 0, 0.45);
+
+*/
+
+/*Settings */
+
+.feeds li>div i {
+ color: black !important;
+}
+
+.row-in i {
+ font-size: 24px;
+ color: black;
+}
+
+.profile-social-icons a {
+ color: #eee;
+}
+
+.btn-info.btn-outline {
+ color: #eee !important;
+}
+
+.btn-info.btn-outline:hover {
+ background: var(--div-background-color-15);
+ color: #fff;
+}
+
+.content-wrap {
+ background: var(--div-background-color-15) !important;
+ border-radius: 0 0 15px 15px;
+}
+
+.content-wrap section.content-current {
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ background: rgba(0, 0, 0, 0);
+ border-radius: 0 0 15px 15px;
+}
+
+.panel-blue .panel-heading,
+.panel-info .panel-heading {
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ background: transparent;
+
+}
+
+.panel .table {
+ background: transparent !important;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+
+}
+
+.sttabs nav ul {
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ border-radius: 15px 15px 0 0;
+
+}
+
+.sttabs nav {
+ background: var(--div-background-color-25);
+ border-radius: 15px 15px 0 0;
+}
+
+#settings-main-system-settings-anchor>.sttabs nav ul li {
+ border-radius: 15px;
+}
+
+.tab-content>.active {
+ background: transparent;
+}
+
+.bg-title {
+ background: var(--div-background-color-10);
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+
+}
+
+.white-box {
+ background: transparent;
+}
+
+.white-popup-block {
+ background: var(--div-background-color-10) !important;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+}
+
+.user-bg {
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+}
+
+#internal-Settings .nav-tabs>li.active>a,
+.nav-tabs>li.active>a:hover {
+ padding-top: 10px;
+}
+
+/* Nav bar
+.navbar-header {
+ background: transparent !important;
+}
+*/
+@media (min-width: 768px) {
+ .navbar-static-top {
+ background: var(--main-bg) !important;
+ }
+}
+
+/* Dropdown */
+.dropdown-menu {
+ background: var(--div-background-color-25);
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+
+}
+
+.open>.dropdown-menu {
+ display: block;
+ border-radius: 15px;
+}
+
+.navbar-top-links .dropdown-user {
+ border-radius: 15px;
+}
+
+#plexRecent .recent-filter {
+ background: var(--div-background-color-25) !important;
+ border-radius: 15px;
+}
+
+/* Side bar */
+.sidebar {
+ background: var(--div-background-color-15) !important;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ box-shadow: none;
+
+}
+
+.sidebar-head {
+ background: transparent !important;
+}
+
+/*Calendar */
+.fc-toolbar {
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ background: var(--div-background-color-15) !important;
+
+}
+
+.fc-view {
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ background: var(--div-background-color-15) !important;
+ border-bottom-right-radius: 15px;
+ border-bottom-left-radius: 15px;
+}
+
+.fc-popover {
+ background: var(--div-background-color-25);
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+
+}
+
+#homepageOrdercalendar .fc-toolbar {
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+
+}
+
+.fc-row,
+.fc-unthemed {
+ border-bottom-right-radius: 15px;
+ border-bottom-left-radius: 15px;
+}
+
+/* Calendar mobile*/
+.fc th.fc-widget-header {
+ padding-left: 5px;
+}
+
+/*Error page */
+.error-body {
+ padding-top: 15%;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ height: -webkit-fill-available;
+ margin-top: -10%;
+
+}
+
+
+/* notify - popup */
+.iziToast.update-notify.iziToast-layout2,
+.iziToast.success-notify.iziToast-layout2 {
+ border: none;
+ background: var(--div-background-color-25) !important;
+ border-bottom: transparent;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+
+}
+
+.iziToast.warning-notify.iziToast-layout2 {
+ background: var(--div-background-color-25);
+ border: 1px solid transparent;
+ border-bottom: transparent;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+
+}
+
+.iziToast:after {
+ background: transparent !important;
+}
+
+.mfp-container {
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+
+}
+
+.mfp-zoom-out.mfp-ready.mfp-bg {
+ opacity: 1 !important;
+ background: var(--main-bg-color) !important;
+}
+
+.mfp-wrap {
+ background: var(--main-bg-color);
+}
+
+.main-email-panel .panel-body {
+ background: var(--div-background-color-25) !important;
+ border-bottom-right-radius: 15px !important;
+ border-bottom-left-radius: 15px !important;
+}
+
+.white-popup-block {
+ background: var(--div-background-color-25) !important;
+}
+
+.white-popup .panel-footer {
+ background: var(--div-background-color-25);
+ border-top: 1px solid #fff;
+ border-bottom-right-radius: 15px;
+ border-bottom-left-radius: 15px;
+}
+
+.panel>.table-responsive:last-child>.table:last-child,
+.panel>.table:last-child {
+ border-bottom-right-radius: 15px;
+ border-bottom-left-radius: 15px;
+}
+
+/* Homepage downloader */
+
+#homepageOrderdownloader {
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ background: var(--div-background-color-15);
+ padding: 10px;
+ border-radius: 15px;
+
+}
+
+#homepageOrderdownloader .nav-tabs>li.active>a,
+.nav-tabs>li.active>a:hover {
+ padding-top: 14px;
+}
+
+#homepageOrderdownloader .nav-tabs>li>a {
+ padding-top: 14px;
+}
+
+/* Homepage card */
+.nowPlayingItem>.white-box>.el-card-item {
+ background: var(--div-background-color-15) !important;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ border-radius: 15px;
+
+}
+
+.active-tab-Homepage .white-popup .panel-body,
+.white-popup>.col-md-6>.white-box:nth-child(2) {
+ background: var(--div-background-color-25) !important;
+ border-bottom-right-radius: 15px;
+ border-bottom-left-radius: 15px;
+}
+
+#plexStreams .el-element-overlay .el-card-item .el-overlay-1 img,
+#plexStreams .el-element-overlay:hover .el-card-item:hover .el-overlay-1:hover img:hover {
+ border-top-right-radius: 15px;
+ border-top-left-radius: 15px;
+}
+
+.el-element-overlay .el-card-item .el-overlay-1 {
+ border-top-right-radius: 15px;
+ border-top-left-radius: 15px;
+}
+
+.el-element-overlay .el-card-item .el-overlay {
+ border-top-right-radius: 15px;
+ border-top-left-radius: 15px;
+}
+
+.white-popup .panel-heading,
+.white-popup>.col-md-6>.white-box:first-child {
+ background: var(--div-background-color-25) !important;
+ border-top-right-radius: 15px;
+ border-top-left-radius: 15px;
+}
+
+
+.label-info {
+ background: var(--div-background-color-25);
+}
+
+#plexRecent,
+#homepageOrderplexplaylist,
+#homepageOrdercalendar,
+#homepageOrderembyrecent,
+#ombi-requests,
+#homepageOrderdeluge,
+#homepageOrdernzbget,
+#homepageOrdertransmission,
+#homepageOrderrTorrent,
+#homepageOrderjdownloader,
+#homepageOrdersabnzbd,
+#homepageOrderqBittorrent {
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ background: var(--div-background-color-15);
+ margin: 5px;
+ border-radius: 15px;
+
+}
+
+.bg-info {
+ background-color: transparent !important;
+}
+
+/* Health checks */
+.card-body {
+ background: var(--div-background-color-25) !important;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+
+}
+
+.bg-inverse .healthPosition {
+ background: var(--div-background-color-25) !important;
+ -webkit-backdrop-filter: saturate(180%) blur(30px);
+ backdrop-filter: saturate(180%) blur(30px);
+
+}
+
+/* Unifi cards */
+.unifiCards .panel-wrapper.collapse.in {
+ background: var(--div-background-color-15);
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ border-bottom-right-radius: 15px;
+ border-bottom-left-radius: 15px;
+
+}
+
+.unifiCards .panel-heading {
+ background: var(--div-background-color-35) !important;
+ color: #fff !important;
+ border-color: transparent !important;
+ text-align: inherit !important;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ border-bottom: 0px;
+}
+
+.unifiCards .panel-warning .panel-heading,
+.unifiCards .panel-success .panel-heading {
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ border-bottom-right-radius: 0px;
+ border-bottom-left-radius: 0px;
+}
+
+#allUnifi .unifiCards .panel .panel-warning {
+ border-radius: 15px !important;
+
+}
+
+.unifiCards .ti-close:before {
+ content: "\f111";
+ font-family: FontAwesome;
+ font-size: 20px;
+ color: rgba(255, 69, 58, 1);
+}
+
+.unifiCards .ti-minus:before {
+ content: "\f111";
+ font-family: FontAwesome;
+ font-size: 20px;
+ color: rgba(255, 204, 0, 1);
+}
+
+.unifiCards .ti-plus:before {
+ content: "\f111";
+ font-family: FontAwesome;
+ font-size: 20px;
+ color: rgba(40, 205, 65, 1);
+}
+
+/* Weather boxes */
+#homepageOrderWeatherAndAir .col-lg-2 .white-box,
+#homepageOrderWeatherAndAir>div:nth-child(1)>div.col-lg-4.col-sm-12.col-xs-12>div,
+#homepageOrderWeatherAndAir>div:nth-child(2)>div.col-lg-4.col-sm-12.col-xs-12>div {
+ background: var(--div-background-color-25) !important;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px)
+}
+
+/* Custom HTML */
+#homepageOrdercustomhtmlTwo,
+#homepageOrdercustomhtml {
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ background: var(--div-background-color-15);
+ border-radius: 15px;
+ padding-left: 10px;
+ padding-right: 10px;
+ margin-bottom: 5px;
+}
+
+/* Invite */
+#invite-area .bg-org {
+ background: var(--div-background-color-15) !important;
+ border-radius: 15px;
+}
+
+#new-invite-area .white-popup .panel-body,
+#new-invite-area .white-popup>.col-md-6>.white-box:nth-child(2) {
+ background: var(--div-background-color-15) !important;
+ border-bottom-right-radius: 15px;
+ border-bottom-left-radius: 15px;
+}
+
+.white-popup .panel-body,
+.white-popup>.col-md-6>.white-box:nth-child(2) {
+ background: var(--div-background-color-15) !important;
+ border-bottom-right-radius: 15px;
+ border-bottom-left-radius: 15px;
+ -webkit-backdrop-filter: blur(10px) !important;
+ backdrop-filter: blur(10px) !important;
+}
+
+/* Email users */
+.email-div .panel-body {
+ border-radius: 0px !important;
+}
+
+/* Speedtest popup */
+
+#speedtest-area .white-popup .panel-footer {
+ background: var(--div-background-color-25) !important;
+ border-bottom-right-radius: 15px;
+ border-bottom-left-radius: 15px;
+}
+
+#speedtest-area .white-popup .panel-body,
+#speedtest-area .white-popup>.col-md-6>.white-box:nth-child(2) {
+ border-bottom-right-radius: 0px !important;
+ border-bottom-left-radius: 0px !important;
+}
+
+/* Modal */
+.modal-content,
+.modal-header,
+.modal-footer,
+.modal-body {
+ background: var(--div-background-color-10) !important;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ border-color: transparent;
+}
+
+.modal-body {
+ border-bottom-left-radius: 15px;
+ border-bottom-right-radius: 15px;
+}
+
+.modal-header {
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+}
+
+.modal-open .modal {
+ background: var(--main-bg-color);
+}
+
+.modal-content {
+ border-radius: 15px;
+ box-shadow: none;
+}
+
+/* loginpage sidemenu */
+@media (max-width: 480px) {
+ #wrapper .login-register>.login-box>.white-box {
+ background: transparent !important;
+ margin-top: auto !important;
+ width: 100% !important;
+ -webkit-backdrop-filter: blur(0px) !important;
+ backdrop-filter: blur(0px) !important;
+
+
+ }
+}
+
+@media (max-width: 480px) {
+ .login-box.login-sidebar {
+ background: var(--div-background-color-15) !important;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+
+ }
+}
+
+/* logo */
+.white-box .visible-xs {
+ display: block !important;
+}
+
+.loginLogo {
+ border: 0;
+ margin-top: -60%;
+ transform: translateY(-10%);
+}
+
+@media (max-width: 480px) {
+ .loginLogo {
+ margin-top: -10% !important;
+ }
+}
+
+.blockUI {
+ opacity: 1 !important;
+ background-color: transparent !important;
+}
+
+.blockMsg {
+ background: rgba(0, 0, 0, 0.9) !important;
+ border: none !important;
+}
+
+.login-register>.login-box>.white-box {
+ background: var(--div-background-color-25) !important;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ border-radius: 15px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+
+.login-register {
+
+ height: 100%;
+ position: fixed;
+}
+
+.slideInRight {
+ -webkit-animation-name: none;
+ animation-name: none;
+}
+
+.login-register .login-box .white-box .bg-org {
+ background-color: transparent !important;
+}
+
+/*2FA login button*/
+.panel-wrapper .panel-body>.btn-warning,
+.btn-warning.disabled {
+ background: var(--div-background-color-15) !important;
+ border: 1px solid #ffc36d00 !important;
+}
+
+/*2FA animation header*/
+.panel-warning .panel-heading,
+.panel-yellow .panel-heading {
+ color: #fff;
+ border-radius: 3px;
+ background-color: rgba(0, 0, 0, 0.3);
+ border-color: #00000000;
+}
+
+/*oAuth Successful*/
+.panel-green .panel-heading,
+.panel-success .panel-heading {
+ color: #53e69d;
+ text-align: center;
+ text-transform: uppercase;
+ border-radius: 3px;
+ background-color: transparent;
+ border-color: transparent;
+}
+
+/*Login sidebar*/
+.login-box.login-sidebar,
+#login-panels .panel-body,
+#login-panels .panel {
+ background: transparent;
+}
+
+#login-panels .form-control,
+#login-panels .btn {
+ background: rgba(255, 255, 255, 0.35);
+ color: white;
+ border-radius: 25px;
+ border: none;
+}
+
+/* #login-panels {
+ height: 44px;
+ }*/
+#login-panles .btn-info.disabled.focus .btn-info.disabled:focus .btn-info.disabled:hover .btn-info.focus .btn-info:focus .btn-info:hover .btn:hover {
+ background: rgba(255, 255, 255, 0.65);
+ border: none;
+
+}
+
+/*Center login Box*/
+.login-sidebar {
+ position: relative;
+ right: initial;
+}
+
+#lockScreen .white-box {
+ width: 400px;
+ height: 345px;
+}
+
+.login-sidebar .white-box {
+ width: 100%;
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+}
+
+#lockScreen .white-box {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ background: var(--div-background-color-25);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ border-radius: 15px;
+}
+
+.form-control::placeholder {
+ color: white;
+}
+
+#login-username-Input,
+#login-password-Input {
+ text-align: center;
+}
+
+.panel .panel-heading .panel-title,
+label,
+span,
+.fa-lock:before {
+ color: #ffffff;
+}
+
+/* Lock screen */
+#lockScreen .form-material .form-control,
+.form-material .form-control:focus {
+ background: rgba(255, 255, 255, 0.35);
+ border-radius: 25px;
+ padding: inherit;
+ text-align: center;
+}
+
+#lockScreen .btn-info {
+ background: rgba(255, 255, 255, 0.35);
+ border-radius: 25px;
+}
+
+/* Extra */
+.cbutton {
+ background-color: var(--div-background-color-25) !important;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ border-radius: 15px !important;
+ border: none !important;
+ padding: 4px !important;
+
+}
+
+.cbutton:hover {
+ background: var(--div-background-color-25) !important;
+ -webkit-backdrop-filter: saturate(180%) blur(30px) !important;
+ backdrop-filter: saturate(180%) blur(30px) !important;
+ opacity: 1 !important;
+
+}
+
+/* Debug modal */
+.mdi-package-variant-closed:before {
+ content: "\F3D7";
+ color: black;
+}
+
+.mdi-receipt:before {
+ content: "\F449";
+ color: black;
+}
+
+.debugModal .modal-body {
+ border-bottom-left-radius: 0px !important;
+ border-bottom-right-radius: 0px !important;
+}
+
+.debugModal .modal-footer {
+ background: var(--div-background-color-10) !important;
+ border-bottom-left-radius: 15px !important;
+ border-bottom-right-radius: 15px !important;
+}
+
+#debugPreInfo .slimScrollDiv,
+#debugResults .slimScrollDiv {
+ background: var(--div-background-color-15);
+}
+
+/* Swal popup */
+.swal-overlay--show-modal .swal-modal {
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ background: var(--div-background-color-25);
+ border-radius: 15px;
+}
+
+.swal-title {
+ color: white;
+}
+
+.swal-overlay--show-modal {
+ background: var(--main-bg-color);
+}
+
+/* Mobile*/
+@media (max-width: 480px) {
+ * {
+ -webkit-backdrop-filter: none !important;
+ backdrop-filter: none !important;
+ }
+
+ #page-wrapper {
+ background: var(--mobile-bg-color) !important;
+ background-size: cover;
+ background-repeat: no-repeat;
+ width: 100%;
+ height: 100%;
+ }
+
+ #side-menu {
+ background: var(--mobile-bg-color) !important;
+ }
+
+ .navbar-header {
+ background: var(--div-background-color-25) !important;
+ }
+
+ .navbar-default,
+ .show-sidebar .sidebar .sidebar-head {
+ background: var(--mobile-bg-color) !important;
+ }
+
+ .dropdown-menu {
+ background: var(--mobile-bg-color) !important;
+ }
+
+ #internal-Settings {
+ background: var(--mobile-bg-color) !important;
+ }
+
+ .mfp-zoom-out.mfp-ready.mfp-bg {
+ opacity: 1 !important;
+ background: var(--mobile-bg-color) !important;
+ }
+
+ .mfp-wrap {
+ background: var(--mobile-bg-color) !important;
+ }
+
+ .modal-open .modal {
+ background: var(--mobile-bg-color) !important;
+ }
+
+ #page-wrapper {
+ background: var(--mobile-bg-color) !important;
+ }
+
+ #internal-Settings,
+ #preloader,
+ .preloader,
+ .active-tab-Settings,
+ .error-page {
+ background: var(--mobile-bg-color) !important;
+ }
+
+ html {
+ background: var(--mobile-bg-color) !important;
+ }
+}
\ No newline at end of file
diff --git a/CSS/addons/organizr/glass/glass-login.css b/CSS/addons/organizr/glass/glass-login.css
new file mode 100644
index 00000000..02003837
--- /dev/null
+++ b/CSS/addons/organizr/glass/glass-login.css
@@ -0,0 +1,192 @@
+:root {
+ --div-background-color-10: rgba(0, 0, 0, 0.15);
+ --div-background-color-15: rgba(0, 0, 0, 0.25);
+ --div-background-color-25: rgba(0, 0, 0, 0.35);
+ --div-background-color-35: rgba(0, 0, 0, 0.45);
+}
+
+/* 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);
+*/
+/* Dark blur colors for bright backgrounds */
+/*
+ --div-background-color-10: rgba(0, 0, 0, 0.15);
+ --div-background-color-15: rgba(0, 0, 0, 0.25);
+ --div-background-color-25: rgba(0, 0, 0, 0.35);
+ --div-background-color-35: rgba(0, 0, 0, 0.45);
+
+*/
+
+/* loginpage sidemenu */
+@media (max-width: 480px) {
+ #wrapper .login-register > .login-box > .white-box {
+ background: transparent !important;
+ margin-top: auto !important;
+ width: 100% !important;
+ -webkit-backdrop-filter: blur(0px) !important;
+ backdrop-filter: blur(0px) !important;
+
+
+ }
+ }
+
+@media (max-width: 480px) {
+ .login-box.login-sidebar {
+ background: var(--div-background-color-15) !important;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+
+}
+}
+
+/* logo */
+ .white-box .visible-xs {
+ display: block!important;
+ }
+ .loginLogo {
+ border: 0;
+ margin-top: -60%;
+ transform: translateY(-10%);
+ }
+ @media (max-width: 480px) {
+ .loginLogo {
+ margin-top: -10% !important;
+ }
+ }
+ .blockUI {
+ opacity: 1 !important;
+ background-color: transparent !important;
+ }
+ .blockMsg {
+ background: rgba(0, 0, 0, 0.9) !important;
+ border: none !important;
+ }
+
+ .login-register > .login-box > .white-box {
+ background: var(--div-background-color-25) !important;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ border-radius: 15px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ }
+
+
+ .login-register {
+
+ height: 100%;
+ position: fixed;
+ }
+
+ .slideInRight {
+ -webkit-animation-name: none;
+ animation-name: none;
+ }
+
+ .login-register .login-box .white-box .bg-org {
+ background-color: transparent !important;
+ }
+
+ /*2FA login button*/
+ .panel-wrapper .panel-body > .btn-warning, .btn-warning.disabled {
+ background: var(--div-background-color-15) !important;
+ border: 1px solid #ffc36d00 !important;
+ }
+
+ /*2FA animation header*/
+ .panel-warning .panel-heading, .panel-yellow .panel-heading {
+ color: #fff;
+ border-radius: 3px;
+ background-color: rgba(0, 0, 0, 0.3);
+ border-color: #00000000;
+ }
+
+ /*oAuth Successful*/
+ .panel-green .panel-heading, .panel-success .panel-heading {
+ color: #53e69d;
+ text-align: center;
+ text-transform: uppercase;
+ border-radius: 3px;
+ background-color: transparent;
+ border-color: transparent;
+ }
+
+ /*Login sidebar*/
+ .login-box.login-sidebar,
+ #login-panels .panel-body,
+ #login-panels .panel {
+ background: transparent;
+ }
+
+ #login-panels .form-control , #login-panels .btn {
+ background: rgba(255, 255, 255, 0.35);
+ color: white;
+ border-radius: 25px;
+ border: none;
+ }
+ /* #login-panels {
+ height: 44px;
+ }*/
+ #login-panles .btn-info.disabled.focus .btn-info.disabled:focus .btn-info.disabled:hover .btn-info.focus .btn-info:focus .btn-info:hover .btn:hover {
+ background: rgba(255,255, 255, 0.65);
+ border:none;
+
+ }
+ /*Center login Box*/
+ .login-sidebar {
+ position: relative;
+ right: initial;
+ }
+
+ #lockScreen .white-box {
+ width: 400px;
+ height: 345px;
+ }
+ .login-sidebar .white-box {
+ width: 100%;
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ }
+
+ #lockScreen .white-box {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ background: var(--div-background-color-25);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ border-radius: 15px;
+ }
+ .form-control::placeholder {
+ color: white;
+ }
+ #login-username-Input, #login-password-Input {
+ text-align: center;
+ }
+ .panel .panel-heading .panel-title, label, span, .fa-lock:before {
+ color: #ffffff;
+ }
+ /* Lock screen */
+ #lockScreen .form-material .form-control, .form-material .form-control:focus {
+ background: rgba(255, 255, 255, 0.35);
+ border-radius: 25px;
+ padding: inherit;
+ text-align: center;
+ }
+ #lockScreen .btn-info {
+ background: rgba(255, 255, 255, 0.35);
+ border-radius: 25px;
+ border: 1px solid transparent;
+ }
+ #lockScreen .btn-info:hover {
+ border: 1px solid transparent;
+ }
+
diff --git a/CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.css b/CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.css
new file mode 100644
index 00000000..b14fcec4
--- /dev/null
+++ b/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://github.com/gilbN/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;
+}
\ No newline at end of file
diff --git a/CSS/addons/plex/plex-alt-logo/SeekPng.com_your-logo-here-png_2467553.png b/CSS/addons/plex/plex-alt-logo/SeekPng.com_your-logo-here-png_2467553.png
new file mode 100644
index 00000000..818067b5
Binary files /dev/null and b/CSS/addons/plex/plex-alt-logo/SeekPng.com_your-logo-here-png_2467553.png differ
diff --git a/CSS/addons/plex/plex-alt-logo/plex-alt-logo.css b/CSS/addons/plex/plex-alt-logo/plex-alt-logo.css
new file mode 100644
index 00000000..3e9bc7c7
--- /dev/null
+++ b/CSS/addons/plex/plex-alt-logo/plex-alt-logo.css
@@ -0,0 +1,8 @@
+[class*="NavBar-plexLogo-"] {
+ background-image: url("https://theme-park.dev/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;
+}
\ No newline at end of file
diff --git a/CSS/addons/prowlarr/prowlarr-darker/prowlarr-darker.css b/CSS/addons/prowlarr/prowlarr-darker/prowlarr-darker.css
new file mode 100644
index 00000000..5b36960c
--- /dev/null
+++ b/CSS/addons/prowlarr/prowlarr-darker/prowlarr-darker.css
@@ -0,0 +1,119 @@
+: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;
+}
+
+/* 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;
+}
\ No newline at end of file
diff --git a/CSS/addons/radarr/radarr-4k-logo/radarr-4k-logo.css b/CSS/addons/radarr/radarr-4k-logo/radarr-4k-logo.css
new file mode 100644
index 00000000..bedc13f3
--- /dev/null
+++ b/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://theme-park.dev/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://theme-park.dev/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://theme-park.dev/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://theme-park.dev/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://theme-park.dev/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;
+
+}
diff --git a/CSS/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png b/CSS/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png
new file mode 100644
index 00000000..65dee236
Binary files /dev/null and b/CSS/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png differ
diff --git a/CSS/addons/radarr/radarr-4k-logo/radarr4k-v3.png b/CSS/addons/radarr/radarr-4k-logo/radarr4k-v3.png
new file mode 100644
index 00000000..ee888e27
Binary files /dev/null and b/CSS/addons/radarr/radarr-4k-logo/radarr4k-v3.png differ
diff --git a/CSS/addons/radarr/radarr-4k-logo/radarr4k.png b/CSS/addons/radarr/radarr-4k-logo/radarr4k.png
new file mode 100644
index 00000000..469c3675
Binary files /dev/null and b/CSS/addons/radarr/radarr-4k-logo/radarr4k.png differ
diff --git a/CSS/addons/radarr/radarr-darker/radarr-darker.css b/CSS/addons/radarr/radarr-darker/radarr-darker.css
new file mode 100644
index 00000000..31743298
--- /dev/null
+++ b/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;
+}
\ No newline at end of file
diff --git a/CSS/addons/readarr/readarr-alt-logo/readarr-alt-logo.css b/CSS/addons/readarr/readarr-alt-logo/readarr-alt-logo.css
new file mode 100644
index 00000000..ca630185
--- /dev/null
+++ b/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://theme-park.dev/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://theme-park.dev/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://theme-park.dev/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;
+
+}
diff --git a/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png b/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png
new file mode 100644
index 00000000..2d8459b8
Binary files /dev/null and b/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png differ
diff --git a/CSS/addons/readarr/readarr-alt-logo/readme.md b/CSS/addons/readarr/readarr-alt-logo/readme.md
new file mode 100644
index 00000000..5fd9901a
--- /dev/null
+++ b/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
\ No newline at end of file
diff --git a/CSS/addons/readarr/readarr-darker/readarr-darker.css b/CSS/addons/readarr/readarr-darker/readarr-darker.css
new file mode 100644
index 00000000..415a258c
--- /dev/null
+++ b/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;
+}
\ No newline at end of file
diff --git a/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css b/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css
new file mode 100644
index 00000000..0f0f47f1
--- /dev/null
+++ b/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://theme-park.dev/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://theme-park.dev/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://theme-park.dev/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;
+
+}
diff --git a/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k.png b/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k.png
new file mode 100644
index 00000000..a42e2fa5
Binary files /dev/null and b/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k.png differ
diff --git a/CSS/addons/sonarr/sonarr-darker/sonarr-darker.css b/CSS/addons/sonarr/sonarr-darker/sonarr-darker.css
new file mode 100644
index 00000000..b1eb1ff0
--- /dev/null
+++ b/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;
+}
\ No newline at end of file
diff --git a/CSS/addons/unraid/login-page/alien/alien_base.css b/CSS/addons/unraid/login-page/alien/alien_base.css
new file mode 100644
index 00000000..7e310e22
--- /dev/null
+++ b/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;
+}
diff --git a/CSS/addons/unraid/login-page/alien/custom.css b/CSS/addons/unraid/login-page/alien/custom.css
new file mode 100644
index 00000000..c1118533
--- /dev/null
+++ b/CSS/addons/unraid/login-page/alien/custom.css
@@ -0,0 +1,22 @@
+@import url("https://theme-park.dev/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://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed;
+ --logo: url(https://theme-park.dev/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;
+}
\ No newline at end of file
diff --git a/CSS/addons/unraid/login-page/alien/hallway.css b/CSS/addons/unraid/login-page/alien/hallway.css
new file mode 100644
index 00000000..a0724cde
--- /dev/null
+++ b/CSS/addons/unraid/login-page/alien/hallway.css
@@ -0,0 +1,22 @@
+@import url("https://theme-park.dev/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://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway.jpg) center center/cover no-repeat fixed;
+ --logo: url(https://theme-park.dev/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;
+}
\ No newline at end of file
diff --git a/CSS/addons/unraid/login-page/alien/hallway2.css b/CSS/addons/unraid/login-page/alien/hallway2.css
new file mode 100644
index 00000000..38ec4a1a
--- /dev/null
+++ b/CSS/addons/unraid/login-page/alien/hallway2.css
@@ -0,0 +1,22 @@
+@import url("https://theme-park.dev/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://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed;
+ --logo: url(https://theme-park.dev/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;
+}
\ No newline at end of file
diff --git a/CSS/addons/unraid/login-page/alien/hallway3.css b/CSS/addons/unraid/login-page/alien/hallway3.css
new file mode 100644
index 00000000..85719c35
--- /dev/null
+++ b/CSS/addons/unraid/login-page/alien/hallway3.css
@@ -0,0 +1,22 @@
+@import url("https://theme-park.dev/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://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway3.jpg) center center/cover no-repeat fixed;
+ --logo: url(https://theme-park.dev/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;
+}
\ No newline at end of file
diff --git a/CSS/addons/unraid/login-page/alien/hallway4.css b/CSS/addons/unraid/login-page/alien/hallway4.css
new file mode 100644
index 00000000..f747496c
--- /dev/null
+++ b/CSS/addons/unraid/login-page/alien/hallway4.css
@@ -0,0 +1,22 @@
+@import url("https://theme-park.dev/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://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway4.jpg) center center/cover no-repeat fixed;
+ --logo: url(https://theme-park.dev/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;
+}
\ No newline at end of file
diff --git a/CSS/addons/unraid/login-page/alien/isolation.css b/CSS/addons/unraid/login-page/alien/isolation.css
new file mode 100644
index 00000000..04170095
--- /dev/null
+++ b/CSS/addons/unraid/login-page/alien/isolation.css
@@ -0,0 +1,22 @@
+@import url("https://theme-park.dev/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://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/isolation.png) center center/cover no-repeat fixed;
+ --logo: url(https://theme-park.dev/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;
+}
\ No newline at end of file
diff --git a/CSS/addons/unraid/login-page/alien/isolation_video.css b/CSS/addons/unraid/login-page/alien/isolation_video.css
new file mode 100644
index 00000000..7f1f89ab
--- /dev/null
+++ b/CSS/addons/unraid/login-page/alien/isolation_video.css
@@ -0,0 +1,21 @@
+@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css");
+:root {
+ --main-bg: transparent;
+ --logo: url(https://theme-park.dev/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;
+}
\ No newline at end of file
diff --git a/CSS/addons/unraid/login-page/alien/js/isolation.js b/CSS/addons/unraid/login-page/alien/js/isolation.js
new file mode 100644
index 00000000..da27eb77
--- /dev/null
+++ b/CSS/addons/unraid/login-page/alien/js/isolation.js
@@ -0,0 +1,6 @@
+// Adds a video background
+
+let video = `
+
+`
+document.body.innerHTML += video
\ No newline at end of file
diff --git a/CSS/addons/unraid/login-page/alien/logo/uscss_3nostromo.png b/CSS/addons/unraid/login-page/alien/logo/uscss_3nostromo.png
new file mode 100644
index 00000000..3c46abd3
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/uscss_3nostromo.png differ
diff --git a/CSS/addons/unraid/login-page/alien/logo/uscss_nostromo.jpg b/CSS/addons/unraid/login-page/alien/logo/uscss_nostromo.jpg
new file mode 100644
index 00000000..1276c6ca
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/uscss_nostromo.jpg differ
diff --git a/CSS/addons/unraid/login-page/alien/logo/uscss_nostromo2.jpg b/CSS/addons/unraid/login-page/alien/logo/uscss_nostromo2.jpg
new file mode 100644
index 00000000..df67f8fd
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/uscss_nostromo2.jpg differ
diff --git a/CSS/addons/unraid/login-page/alien/logo/weyland-yutani-logo-by-synthetic-dreamer1.png b/CSS/addons/unraid/login-page/alien/logo/weyland-yutani-logo-by-synthetic-dreamer1.png
new file mode 100644
index 00000000..64690ca1
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/weyland-yutani-logo-by-synthetic-dreamer1.png differ
diff --git a/CSS/addons/unraid/login-page/alien/logo/wings.png b/CSS/addons/unraid/login-page/alien/logo/wings.png
new file mode 100644
index 00000000..1e395a98
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/wings.png differ
diff --git a/CSS/addons/unraid/login-page/alien/logo/wings_blue.png b/CSS/addons/unraid/login-page/alien/logo/wings_blue.png
new file mode 100644
index 00000000..bffe6515
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/wings_blue.png differ
diff --git a/CSS/addons/unraid/login-page/alien/logo/wings_green.png b/CSS/addons/unraid/login-page/alien/logo/wings_green.png
new file mode 100644
index 00000000..7409ca3e
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/wings_green.png differ
diff --git a/CSS/addons/unraid/login-page/alien/logo/wings_green2.png b/CSS/addons/unraid/login-page/alien/logo/wings_green2.png
new file mode 100644
index 00000000..eecdd1b2
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/wings_green2.png differ
diff --git a/CSS/addons/unraid/login-page/alien/logo/wings_red.png b/CSS/addons/unraid/login-page/alien/logo/wings_red.png
new file mode 100644
index 00000000..14374321
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/wings_red.png differ
diff --git a/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png b/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png
new file mode 100644
index 00000000..d1169c63
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png differ
diff --git a/CSS/addons/unraid/login-page/alien/logo/wings_yellow.png b/CSS/addons/unraid/login-page/alien/logo/wings_yellow.png
new file mode 100644
index 00000000..fbc2d777
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/logo/wings_yellow.png differ
diff --git a/CSS/addons/unraid/login-page/alien/nightmare.css b/CSS/addons/unraid/login-page/alien/nightmare.css
new file mode 100644
index 00000000..a75b65ca
--- /dev/null
+++ b/CSS/addons/unraid/login-page/alien/nightmare.css
@@ -0,0 +1,22 @@
+@import url("https://theme-park.dev/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://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/nightmare.png) center center/cover no-repeat fixed;
+ --logo: url(https://theme-park.dev/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;
+}
\ No newline at end of file
diff --git a/CSS/addons/unraid/login-page/alien/scanner.css b/CSS/addons/unraid/login-page/alien/scanner.css
new file mode 100644
index 00000000..73f97cb8
--- /dev/null
+++ b/CSS/addons/unraid/login-page/alien/scanner.css
@@ -0,0 +1,22 @@
+@import url("https://theme-park.dev/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://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/scanner.jpg) center center/cover no-repeat fixed;
+ --logo: url(https://theme-park.dev/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;
+}
\ No newline at end of file
diff --git a/CSS/addons/unraid/login-page/alien/video/isolation.mp4 b/CSS/addons/unraid/login-page/alien/video/isolation.mp4
new file mode 100644
index 00000000..e2d719ba
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/video/isolation.mp4 differ
diff --git a/CSS/addons/unraid/login-page/alien/wallpaper/hallway.jpg b/CSS/addons/unraid/login-page/alien/wallpaper/hallway.jpg
new file mode 100644
index 00000000..b14ed287
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/wallpaper/hallway.jpg differ
diff --git a/CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg b/CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg
new file mode 100644
index 00000000..11f46c93
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg differ
diff --git a/CSS/addons/unraid/login-page/alien/wallpaper/hallway3.jpg b/CSS/addons/unraid/login-page/alien/wallpaper/hallway3.jpg
new file mode 100644
index 00000000..71309461
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/wallpaper/hallway3.jpg differ
diff --git a/CSS/addons/unraid/login-page/alien/wallpaper/hallway4.jpg b/CSS/addons/unraid/login-page/alien/wallpaper/hallway4.jpg
new file mode 100644
index 00000000..26e8cbf3
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/wallpaper/hallway4.jpg differ
diff --git a/CSS/addons/unraid/login-page/alien/wallpaper/isolation.png b/CSS/addons/unraid/login-page/alien/wallpaper/isolation.png
new file mode 100644
index 00000000..bc8235c7
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/wallpaper/isolation.png differ
diff --git a/CSS/addons/unraid/login-page/alien/wallpaper/nightmare.png b/CSS/addons/unraid/login-page/alien/wallpaper/nightmare.png
new file mode 100644
index 00000000..74235069
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/wallpaper/nightmare.png differ
diff --git a/CSS/addons/unraid/login-page/alien/wallpaper/noise.png b/CSS/addons/unraid/login-page/alien/wallpaper/noise.png
new file mode 100644
index 00000000..302cf49d
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/wallpaper/noise.png differ
diff --git a/CSS/addons/unraid/login-page/alien/wallpaper/ripley.jpg b/CSS/addons/unraid/login-page/alien/wallpaper/ripley.jpg
new file mode 100644
index 00000000..ff0cc01c
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/wallpaper/ripley.jpg differ
diff --git a/CSS/addons/unraid/login-page/alien/wallpaper/scanner.jpg b/CSS/addons/unraid/login-page/alien/wallpaper/scanner.jpg
new file mode 100644
index 00000000..f86fa7a0
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/wallpaper/scanner.jpg differ
diff --git a/CSS/addons/unraid/login-page/alien/wallpaper/xeno.jpg b/CSS/addons/unraid/login-page/alien/wallpaper/xeno.jpg
new file mode 100644
index 00000000..8b9797d6
Binary files /dev/null and b/CSS/addons/unraid/login-page/alien/wallpaper/xeno.jpg differ
diff --git a/CSS/addons/unraid/login-page/custom_login.sh b/CSS/addons/unraid/login-page/custom_login.sh
new file mode 100644
index 00000000..7d32d7f2
--- /dev/null
+++ b/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 "\@