diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
new file mode 100644
index 00000000..8c99c7f8
--- /dev/null
+++ b/.github/FUNDING.yml
@@ -0,0 +1,3 @@
+# These are supported funding model platforms
+
+github: GilbN
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
new file mode 100644
index 00000000..5e6f2c7a
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -0,0 +1,47 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**Theme Install Method** (Don't skip)
+- Docker run / Compose Config
+- Webserver subfilter Config
+- Stylus Config
+
+**Application Info** (Don't skip)
+- Version / Branch / Container Tag
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+
+**Desktop (If applicable) (please complete the following information):**
+ - OS: [e.g. iOS]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 22]
+
+**Smartphone (If applicable) (please complete the following information):**
+ - Device: [e.g. iPhone6]
+ - OS: [e.g. iOS8.1]
+ - Browser [e.g. stock browser, safari]
+ - Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.
diff --git a/CNAME b/CNAME
new file mode 100644
index 00000000..03038c86
--- /dev/null
+++ b/CNAME
@@ -0,0 +1 @@
+theme-park.dev
\ No newline at end of file
diff --git a/CSS/addons/README.md b/CSS/addons/README.md
deleted file mode 100644
index 6b0b317d..00000000
--- a/CSS/addons/README.md
+++ /dev/null
@@ -1,8 +0,0 @@
-# CSS Addons
-
-## [Organizr](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/)
-
-## [Radarr](https://github.com/gilbN/theme.park/tree/master/CSS/addons/radarr)
-
-## [Sonarr](https://github.com/gilbN/theme.park/tree/master/CSS/addons/sonarr)
-
diff --git a/CSS/addons/bazarr/bazarr-4k-logo.css b/CSS/addons/bazarr/bazarr-4k-logo.css
new file mode 100644
index 00000000..340b35af
--- /dev/null
+++ b/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://theme-park.dev/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-backgroun-.dev
+ }
+}
+
+/* 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/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;
+ }
+}
\ No newline at end of file
diff --git a/CSS/addons/bazarr/bazarr4k.png b/CSS/addons/bazarr/bazarr4k.png
new file mode 100644
index 00000000..7c6c7924
Binary files /dev/null and b/CSS/addons/bazarr/bazarr4k.png differ
diff --git a/CSS/addons/organizr/README.md b/CSS/addons/organizr/README.md
deleted file mode 100644
index ec0c7286..00000000
--- a/CSS/addons/organizr/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Organizr Addons
-
-## [Glass](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/glass)
diff --git a/CSS/addons/organizr/glass/README.md b/CSS/addons/organizr/glass/README.md
deleted file mode 100644
index 9c429d01..00000000
--- a/CSS/addons/organizr/glass/README.md
+++ /dev/null
@@ -1,112 +0,0 @@
-# Organizr - Glass addon
-
-## 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)
-
-
-
-***
-### `Tip!`
- If you're on Docker use the `php-fpm` tag to speed up load times, like so: `organizrtools/organizr-v2:php-fpm`
-
-***
-
-### 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.`
-
-
-## Full
-
-1. Set the Organizr theme to either Aquamarine, Hotline or Space Gray
-
-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";
-:root {
- --main-bg-color: url(https://gilbn.github.io/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;
- --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);
-}
-```
-
-On mobile the background is replaced with `--mobile-bg-color`. Find a background you like here https://cssgradient.io/gradient-backgrounds/ or just set it to a regualar color e.g. `#1f1f1f`
-
-Here are the other theme colors if you want to use that instead:
-
-
-
-`--mobile-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;`
-
-
-
-` --mobile-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;`
-
-
-
-`--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;`
-
-
-
-`--mobile-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;`
-
-
-
-`--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;`
-
-### Replace the variables if you have a dark background.
-
-* Light blur colors for dark backgrounds.
-
-```css
- --div-background-color-10: rgba(255, 255, 255, 0.10);
- --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
-```css
- --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);
-```
-
-## Login - Lockscreen only
-
-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";
-```
-
-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";
-:root {
- --div-background-color-10: rgba(255, 255, 255, 0.10);
- --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);
-}
-```
-
-# Screenshots
-
-
-
-
-
diff --git a/CSS/addons/organizr/glass/glass-base.css b/CSS/addons/organizr/glass/glass-base.css
index 4487122f..4486f7a4 100644
--- a/CSS/addons/organizr/glass/glass-base.css
+++ b/CSS/addons/organizr/glass/glass-base.css
@@ -2,7 +2,7 @@
/* Import the glass-base.css and root variables in the Custom Theme CSS box like below */
/*
-@import "https://gilbn.github.io/theme.park/CSS/addons/organizr/glass-base.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;
@@ -41,67 +41,83 @@
.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 {
+
+.btn-info.btn-outline {
color: #eee !important;
}
- .btn-info.btn-outline:hover {
+
+.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;
+ 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;
+ border-radius: 0 0 15px 15px;
}
-.panel-blue .panel-heading, .panel-info .panel-heading {
+
+.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;
+ border-radius: 15px 15px 0 0;
}
+
.sttabs nav {
background: var(--div-background-color-25);
- border-radius: 15px 15px 0 0;
+ border-radius: 15px 15px 0 0;
}
-#settings-main-system-settings-anchor > .sttabs nav ul li{
- border-radius: 15px;
+
+#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);
@@ -109,23 +125,26 @@
}
.user-bg {
- border-top-left-radius: 15px;
+ border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
-#internal-Settings .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover {
+#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;
-}
+ .navbar-static-top {
+ background: var(--main-bg) !important;
+ }
}
+
/* Dropdown */
.dropdown-menu {
background: var(--div-background-color-25);
@@ -133,17 +152,21 @@
backdrop-filter: blur(10px);
}
+
.open>.dropdown-menu {
display: block;
- border-radius: 15px;
+ border-radius: 15px;
}
+
.navbar-top-links .dropdown-user {
border-radius: 15px;
}
-#plexRecent .recent-filter {
- background: var(--div-background-color-25) !important;
- 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;
@@ -152,43 +175,51 @@
box-shadow: none;
}
+
.sidebar-head {
background: transparent !important;
}
/*Calendar */
- .fc-toolbar {
+.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-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-left-radius: 15px;
border-top-right-radius: 15px;
}
- .fc-row, .fc-unthemed {
- border-bottom-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%;
@@ -201,7 +232,8 @@
/* notify - popup */
-.iziToast.update-notify.iziToast-layout2, .iziToast.success-notify.iziToast-layout2 {
+.iziToast.update-notify.iziToast-layout2,
+.iziToast.success-notify.iziToast-layout2 {
border: none;
background: var(--div-background-color-25) !important;
border-bottom: transparent;
@@ -209,6 +241,7 @@
backdrop-filter: blur(10px);
}
+
.iziToast.warning-notify.iziToast-layout2 {
background: var(--div-background-color-25);
border: 1px solid transparent;
@@ -217,39 +250,49 @@
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;
+ border-bottom-right-radius: 15px !important;
+ border-bottom-left-radius: 15px !important;
}
+
.white-popup-block {
- background: var(--div-background-color-25) !important;
+ 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 {
+
+.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 {
@@ -257,47 +300,58 @@
backdrop-filter: blur(10px);
background: var(--div-background-color-15);
padding: 10px;
- border-radius: 15px;
+ border-radius: 15px;
}
-#homepageOrderdownloader .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover {
+
+#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 {
+.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;
+ border-radius: 15px;
}
-.active-tab-Homepage .white-popup .panel-body, .white-popup>.col-md-6>.white-box:nth-child(2) {
+
+.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;
+ 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 {
+
+#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 {
+
+.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;
+ border-top-right-radius: 15px;
+ border-top-left-radius: 15px;
}
@@ -305,7 +359,18 @@
background: var(--div-background-color-25);
}
-#plexRecent, #homepageOrderplexplaylist, #homepageOrdercalendar, #homepageOrderembyrecent, #ombi-requests, #homepageOrderdeluge, #homepageOrdernzbget, #homepageOrdertransmission, #homepageOrderrTorrent, #homepageOrderjdownloader, #homepageOrdersabnzbd,#homepageOrderqBittorrent {
+#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);
@@ -313,9 +378,11 @@
border-radius: 15px;
}
+
.bg-info {
background-color: transparent !important;
}
+
/* Health checks */
.card-body {
background: var(--div-background-color-25) !important;
@@ -323,6 +390,7 @@
backdrop-filter: blur(10px);
}
+
.bg-inverse .healthPosition {
background: var(--div-background-color-25) !important;
-webkit-backdrop-filter: saturate(180%) blur(30px);
@@ -335,10 +403,11 @@
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;
+ border-bottom-right-radius: 15px;
+ border-bottom-left-radius: 15px;
}
+
.unifiCards .panel-heading {
background: var(--div-background-color-35) !important;
color: #fff !important;
@@ -346,62 +415,83 @@
text-align: inherit !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
- border-top-left-radius: 15px;
+ border-top-left-radius: 15px;
border-top-right-radius: 15px;
- border-bottom: 0px;
+ border-bottom: 0px;
}
-.unifiCards .panel-warning .panel-heading, .unifiCards .panel-success .panel-heading {
- border-top-left-radius: 15px;
+.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;
+ 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);
- }
-/* 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;
- }
+ 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;
+ border-radius: 15px;
}
-#new-invite-area .white-popup .panel-body,#new-invite-area .white-popup>.col-md-6>.white-box:nth-child(2) {
+
+#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-right-radius: 15px;
border-bottom-left-radius: 15px;
}
-.white-popup .panel-body, .white-popup>.col-md-6>.white-box:nth-child(2) {
+
+.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-right-radius: 15px;
border-bottom-left-radius: 15px;
}
@@ -409,218 +499,251 @@
.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;
+ 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;
+
+#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 {
+.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;
+ border-color: transparent;
}
+
.modal-body {
- border-bottom-left-radius: 15px;
- border-bottom-right-radius: 15px;
+ border-bottom-left-radius: 15px;
+ border-bottom-right-radius: 15px;
}
+
.modal-header {
- border-top-left-radius: 15px;
+ 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;
+ #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);
+ .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 {
+.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 {
+}
+
+@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;
- }
+.login-register {
- .slideInRight {
- -webkit-animation-name: none;
- animation-name: none;
- }
+ height: 100%;
+ position: fixed;
+}
- .login-register .login-box .white-box .bg-org {
- background-color: transparent !important;
- }
+.slideInRight {
+ -webkit-animation-name: none;
+ animation-name: none;
+}
- /*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 {
+.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 {
+}
+
+/* #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;
+#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 {
+}
+
+/*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;
- }
+}
+
+/* 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;
+ 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;
+ backdrop-filter: saturate(180%) blur(30px) !important;
opacity: 1 !important;
}
@@ -630,22 +753,28 @@
content: "\F3D7";
color: black;
}
+
.mdi-receipt:before {
content: "\F449";
- color: black;
+ color: black;
}
-.debugModal .modal-body{
+
+.debugModal .modal-body {
border-bottom-left-radius: 0px !important;
- border-bottom-right-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;
+ border-bottom-right-radius: 15px !important;
}
-#debugPreInfo .slimScrollDiv, #debugResults .slimScrollDiv {
- background: var(--div-background-color-15);
+
+#debugPreInfo .slimScrollDiv,
+#debugResults .slimScrollDiv {
+ background: var(--div-background-color-15);
}
+
/* Swal popup */
.swal-overlay--show-modal .swal-modal {
-webkit-backdrop-filter: blur(10px);
@@ -653,58 +782,77 @@
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) {
-#page-wrapper {
- background: var(--mobile-bg-color) !important;
- background-size: cover;
- background-repeat: no-repeat;
- width: 100%;
- height: 100%;
-}
-#side-menu {
- -webkit-backdrop-filter: blur(10px) !important;
- backdrop-filter: blur(10px) !important;
-}
-.navbar-header {
- background: var(--div-background-color-25) !important;
- -webkit-backdrop-filter: blur(10px) !important;
- backdrop-filter: blur(10px) !important;
-}
-.navbar-default {
- background: var(--mobile-bg-color);
- border-color: #e7e7e7;
-}
+ * {
+ -webkit-backdrop-filter: none !important;
+ backdrop-filter: none !important;
+ }
-#internal-Settings {
- -webkit-backdrop-filter: blur(10px) !important;
- backdrop-filter: blur(10px) !important;
- 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;
-}
-}
+ #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/screenshots/homepage.jpg b/CSS/addons/organizr/glass/screenshots/homepage.jpg
deleted file mode 100644
index 57a3eef1..00000000
Binary files a/CSS/addons/organizr/glass/screenshots/homepage.jpg and /dev/null differ
diff --git a/CSS/addons/organizr/glass/screenshots/lockscreen.png b/CSS/addons/organizr/glass/screenshots/lockscreen.png
deleted file mode 100644
index 57aa3e04..00000000
Binary files a/CSS/addons/organizr/glass/screenshots/lockscreen.png and /dev/null differ
diff --git a/CSS/addons/organizr/glass/screenshots/login.png b/CSS/addons/organizr/glass/screenshots/login.png
deleted file mode 100644
index 97d420a3..00000000
Binary files a/CSS/addons/organizr/glass/screenshots/login.png and /dev/null differ
diff --git a/CSS/addons/organizr/glass/screenshots/settings.jpg b/CSS/addons/organizr/glass/screenshots/settings.jpg
deleted file mode 100644
index 4e1b9a5d..00000000
Binary files a/CSS/addons/organizr/glass/screenshots/settings.jpg and /dev/null differ
diff --git a/CSS/addons/radarr/README.md b/CSS/addons/radarr/README.md
deleted file mode 100644
index 7b7b81ec..00000000
--- a/CSS/addons/radarr/README.md
+++ /dev/null
@@ -1,54 +0,0 @@
-# Radarr 4K logo
-
-Add a 4K logo to your Radarr css.
-
-### Desktop
-
-
-
-### Mobile
-
-
-
-
-## Setup
-
-#### Nginx
-Examples of how to add it:
-
-```nginx
-proxy_set_header Accept-Encoding "";
-sub_filter
-''
-'
-
-';
-sub_filter_once on;
-```
-
-#### Apache
-
-```nginx
-AddOutputFilterByType SUBSTITUTE text/html
- Substitute 's| '
-';|'
-```
-
-#### Caddy
-
-```nginx
-filter rule {
- content_type text/html.*
- search_pattern
- replacement ""
-}
-```
-
-#### Stylus
-
-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";
-```
\ No newline at end of file
diff --git a/CSS/addons/radarr/desktop.png b/CSS/addons/radarr/desktop.png
deleted file mode 100644
index 1566b06c..00000000
Binary files a/CSS/addons/radarr/desktop.png and /dev/null differ
diff --git a/CSS/addons/radarr/mobile.png b/CSS/addons/radarr/mobile.png
deleted file mode 100644
index 42ea84ed..00000000
Binary files a/CSS/addons/radarr/mobile.png and /dev/null differ
diff --git a/CSS/addons/radarr/radarr-4k-logo.css b/CSS/addons/radarr/radarr-4k-logo.css
index c5416af8..598f8a02 100644
--- a/CSS/addons/radarr/radarr-4k-logo.css
+++ b/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://theme-park.dev/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://theme-park.dev/CSS/addons/radarr/radarr4k.png");
display: inline-block;
width: 32px;
height: 32px;
@@ -43,7 +43,7 @@
display: none !important;
}
.PageHeader-logoContainer-3bOb3:before {
- background-image: url("https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr4k-v3.png");
+ background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr4k-v3.png");
display: inline-block;
width: 148px;
height: 48px;
@@ -60,7 +60,7 @@
display: none !important;
}
.PageHeader-logoContainer-3bOb3:before {
- background-image: url("https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-v3-mobile.png");
+ background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-v3-mobile.png");
display: inline-block;
width: 32px;
height: 32px;
diff --git a/CSS/addons/radarr/v3-desktop.png b/CSS/addons/radarr/v3-desktop.png
deleted file mode 100644
index c399f4c7..00000000
Binary files a/CSS/addons/radarr/v3-desktop.png and /dev/null differ
diff --git a/CSS/addons/radarr/v3-mobile.png b/CSS/addons/radarr/v3-mobile.png
deleted file mode 100644
index 7826b843..00000000
Binary files a/CSS/addons/radarr/v3-mobile.png and /dev/null differ
diff --git a/CSS/addons/sonarr/README.md b/CSS/addons/sonarr/README.md
deleted file mode 100644
index 31bd7ba1..00000000
--- a/CSS/addons/sonarr/README.md
+++ /dev/null
@@ -1,54 +0,0 @@
-# Sonarr 4K logo
-
-Add a 4K logo to your Sonarr css.
-
-### Desktop
-
-
-
-### Mobile
-
-
-
-
-## Setup
-
-#### Nginx
-Examples of how to add it:
-
-```nginx
-proxy_set_header Accept-Encoding "";
-sub_filter
-''
-'
-
-';
-sub_filter_once on;
-```
-
-#### Apache
-
-```nginx
-AddOutputFilterByType SUBSTITUTE text/html
- Substitute 's| '
-';|'
-```
-
-#### Caddy
-
-```nginx
-filter rule {
- content_type text/html.*
- search_pattern
- replacement ""
-}
-```
-
-#### Stylus
-
-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";
-```
\ No newline at end of file
diff --git a/CSS/addons/sonarr/desktop.png b/CSS/addons/sonarr/desktop.png
deleted file mode 100644
index 04d93245..00000000
Binary files a/CSS/addons/sonarr/desktop.png and /dev/null differ
diff --git a/CSS/addons/sonarr/mobile.png b/CSS/addons/sonarr/mobile.png
deleted file mode 100644
index 71f421c2..00000000
Binary files a/CSS/addons/sonarr/mobile.png and /dev/null differ
diff --git a/CSS/addons/sonarr/sonarr-4k-logo.css b/CSS/addons/sonarr/sonarr-4k-logo.css
index 529de94b..d2daa75a 100644
--- a/CSS/addons/sonarr/sonarr-4k-logo.css
+++ b/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://theme-park.dev/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://theme-park.dev/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://theme-park.dev/CSS/addons/sonarr/sonarr-4k.png");
display: inline-block;
width: 32px;
height: 32px;
@@ -65,7 +65,7 @@
display: none !important;
}
.PageHeader\/logoContainer\/3bOb3:before {
- background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
+ background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k.png");
display: inline-block;
width: 32px;
height: 32px;
@@ -82,7 +82,7 @@
display: none !important;
}
.PageHeader\/logoContainer\/3bOb3:before {
- background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
+ background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k.png");
display: inline-block;
width: 32px;
height: 32px;
diff --git a/CSS/addons/sonarr/v3-desktop.png b/CSS/addons/sonarr/v3-desktop.png
deleted file mode 100644
index 7fc13a56..00000000
Binary files a/CSS/addons/sonarr/v3-desktop.png and /dev/null differ
diff --git a/CSS/addons/sonarr/v3-mobile.png b/CSS/addons/sonarr/v3-mobile.png
deleted file mode 100644
index 080ae0e1..00000000
Binary files a/CSS/addons/sonarr/v3-mobile.png and /dev/null differ
diff --git a/CSS/addons/unraid/login-page/alien/alien _wallpaper.css b/CSS/addons/unraid/login-page/alien/alien_base.css
similarity index 81%
rename from CSS/addons/unraid/login-page/alien/alien _wallpaper.css
rename to CSS/addons/unraid/login-page/alien/alien_base.css
index bf6fe011..da099aa8 100644
--- a/CSS/addons/unraid/login-page/alien/alien _wallpaper.css
+++ b/CSS/addons/unraid/login-page/alien/alien_base.css
@@ -1,25 +1,7 @@
@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: radial-gradient(ellipse at center,#0f7 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed;
- --logo: url(https://gilbn.github.io/unraid_themes/alien/logo/nostromo3.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;
+
/* Replace the variables if you have a dark background */
/* Light colors for dark backgrounds */
@@ -38,19 +20,14 @@
https://www.cssmatic.com/noise-texture
https://codepen.io/somethingformed/pen/raWJXV
-
- */
- /*
- #!/bin/bash
- sed -i -e '\@