.

3 years ago · 903da57472
518 changed files with 66693 additions and 66693 deletions
--- a/.github/CONTRIBUTING.md
+++ b/.github/CONTRIBUTING.md
@ -1,29 +1,29 @@
-# Contributing to theme.park
+# Contributing to theme.park
-
+
- If you want to discuss changes, you can also bring it up in our Discord server
+- If you want to discuss changes, you can also bring it up in our Discord server
-
+
-## New theme option
+## New theme option
-
+
- The current variables in use can be found in any of the CSS files in `/CSS/variables/`
+- The current variables in use can be found in any of the CSS files in `/CSS/variables/`
-
+
- New community contributed theme options will be placed in the `Community Themes` category on our docs page.
+- New community contributed theme options will be placed in the `Community Themes` category on our docs page.
-
+
- Community themes are not officially supported but as long as they follow the same variable structure as the other theme options it should look fine on all applications.
+- Community themes are not officially supported but as long as they follow the same variable structure as the other theme options it should look fine on all applications.
-
+
- When contributing a new option, you must have example screeenshots of the theme being used. Preferrably at least 10 with the same image size. See examples on our [docs page](https://docs.theme-park.dev/community-themes/).
+- When contributing a new option, you must have example screeenshots of the theme being used. Preferrably at least 10 with the same image size. See examples on our [docs page](https://docs.theme-park.dev/community-themes/).
-
+
-### Specials
+### Specials
-
+
-Remember to also to change the variables in the the `Specials` section even if you dont use the application the variable refers to.
+Remember to also to change the variables in the the `Specials` section even if you dont use the application the variable refers to.
-
+
- `--arr-queue-color` Please refrain from using an orange/yellowish color on the variable as its confusing from a UX standpoint as the "arrs" use that color range when something is wrong in the queue.
+- `--arr-queue-color` Please refrain from using an orange/yellowish color on the variable as its confusing from a UX standpoint as the "arrs" use that color range when something is wrong in the queue.
-
+
-## New application theme
+## New application theme
-
+
- When creating a new theme for an application please test multiple theme options to make sure it looks good on all options not just your favorite.
+- When creating a new theme for an application please test multiple theme options to make sure it looks good on all options not just your favorite.
-
+
- The PR must contain a screenshot of all the different theme options. Optionally you can also include screenshots with the community theme options.
+- The PR must contain a screenshot of all the different theme options. Optionally you can also include screenshots with the community theme options.
-
+
-## Bug fixes
+## Bug fixes
-
+
- When submitting bugfixes please show a before and after screenshot of the fix, and a description of what the fix does.
+- When submitting bugfixes please show a before and after screenshot of the fix, and a description of what the fix does.
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@ -1,3 +1,3 @@
-# These are supported funding model platforms
+# These are supported funding model platforms
-
+
-github: GilbN
+github: GilbN
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@ -1,49 +1,49 @@
---
+---
-name: Bug report
+name: Bug report
-about: Create a report to help us improve
+about: Create a report to help us improve
-title: ''
+title: ''
-labels: 'bug'
+labels: 'bug'
-assignees: ''
+assignees: ''
-
+
---
+---
-
+
-**Describe the bug**
+**Describe the bug**
-A clear and concise description of what the bug is.
+A clear and concise description of what the bug is.
-
+
-**Theme Install Method** (Don't skip)
+**Theme Install Method** (Don't skip)
- Docker run / Compose Config
+- Docker run / Compose Config
- Webserver subfilter Config
+- Webserver subfilter Config
- Stylus Config
+- Stylus Config
-
+
-**Application Info** (Don't skip)
+**Application Info** (Don't skip)
- Version
+- Version
- Branch
+- Branch
- Container
+- Container
-
+
-**To Reproduce**
+**To Reproduce**
-Steps to reproduce the behavior:
+Steps to reproduce the behavior:
-1. Go to '...'
+1. Go to '...'
-2. Click on '....'
+2. Click on '....'
-3. Scroll down to '....'
+3. Scroll down to '....'
-4. See error
+4. See error
-
+
-**Expected behavior**
+**Expected behavior**
-A clear and concise description of what you expected to happen.
+A clear and concise description of what you expected to happen.
-
+
-**Screenshots**
+**Screenshots**
-If applicable, add screenshots to help explain your problem.
+If applicable, add screenshots to help explain your problem.
-
+
-
+
-**Desktop (If applicable) (please complete the following information):**
+**Desktop (If applicable) (please complete the following information):**
- - OS: [e.g. iOS]
+ - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
+ - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
+ - Version [e.g. 22]
-
+
-**Smartphone (If applicable) (please complete the following information):**
+**Smartphone (If applicable) (please complete the following information):**
- - Device: [e.g. iPhone6]
+ - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
+ - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
+ - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
+ - Version [e.g. 22]
-
+
-**Additional context**
+**Additional context**
-Add any other context about the problem here.
+Add any other context about the problem here.
--- a/.github/pull_request_template.md
+++ b/.github/pull_request_template.md
@ -1,35 +1,35 @@
-<!--- Provide a general summary of your changes in the Title above -->
+<!--- Provide a general summary of your changes in the Title above -->
-
+
-[themeparkurl]: https://theme-park.dev
+[themeparkurl]: https://theme-park.dev
-[![theme-park.dev](https://github.com/GilbN/theme.park/blob/master/banners/tp_banner.png)][themeparkurl]
+[![theme-park.dev](https://github.com/GilbN/theme.park/blob/master/banners/tp_banner.png)][themeparkurl]
-
+
-
+
-<!--- Before submitting a pull request please check the following -->
+<!--- Before submitting a pull request please check the following -->
-
+
-<!---  If this is a fix for a typo (in code, documentation, or the README) please file an issue and let us sort it out. We do not need a PR  -->
+<!---  If this is a fix for a typo (in code, documentation, or the README) please file an issue and let us sort it out. We do not need a PR  -->
-<!---  Ask yourself if this modification is something the whole userbase will benefit from, if this is a specific change for corner case functionality/styling please look at making an addon instead. https://docs.theme-park.dev/themes/addons/sonarr/ -->
+<!---  Ask yourself if this modification is something the whole userbase will benefit from, if this is a specific change for corner case functionality/styling please look at making an addon instead. https://docs.theme-park.dev/themes/addons/sonarr/ -->
-<!---  That if the PR is addressing an existing issue include, closes #<issue number> , in the body of the PR commit message   -->
+<!---  That if the PR is addressing an existing issue include, closes #<issue number> , in the body of the PR commit message   -->
-<!---  You have included links to any files / patches etc your PR may be using in the body of the PR commit message -->
+<!---  You have included links to any files / patches etc your PR may be using in the body of the PR commit message -->
-
+
------------------------------
+------------------------------
-
+
- - [ ] I have read the [contributing](https://github.com/GilbN/theme.park/blob/master/.github/CONTRIBUTING.md) guideline and understand that I have made the correct modifications
+ - [ ] I have read the [contributing](https://github.com/GilbN/theme.park/blob/master/.github/CONTRIBUTING.md) guideline and understand that I have made the correct modifications
-
+
------------------------------
+------------------------------
-
+
-<!--- We welcome all PR’s though this doesn’t guarantee it will be accepted. -->
+<!--- We welcome all PR’s though this doesn’t guarantee it will be accepted. -->
-
+
-## Description:
+## Description:
-<!--- Describe your changes in detail -->
+<!--- Describe your changes in detail -->
-<!--- Add before and after screenshots of your changes -->
+<!--- Add before and after screenshots of your changes -->
-
+
-## Benefits of this PR and context:
+## Benefits of this PR and context:
-<!--- Please explain why we should accept this PR. If this fixes an outstanding bug, please reference the issue # -->
+<!--- Please explain why we should accept this PR. If this fixes an outstanding bug, please reference the issue # -->
-
+
-## How Has This Been Tested?
+## How Has This Been Tested?
-<!--- Please describe in detail how you tested your changes. -->
+<!--- Please describe in detail how you tested your changes. -->
-<!--- Include details of your testing environment, and the tests you ran to -->
+<!--- Include details of your testing environment, and the tests you ran to -->
-<!--- see how your change affects other areas of the code, etc. -->
+<!--- see how your change affects other areas of the code, etc. -->
-
+
-## Source / References:
+## Source / References:
 <!--- Please include any forum posts/github links relevant to the PR -->
--- a/.github/workflows/auto-build.yml
+++ b/.github/workflows/auto-build.yml
@ -1,71 +1,71 @@
-name: autobuildallthemods
+name: autobuildallthemods
-on:
+on:
-  push:
+  push:
-    branches: 
+    branches: 
-      - master
+      - master
-    paths:
+    paths:
-    - 'docker-mods/**'
+    - 'docker-mods/**'
-jobs:
+jobs:
-  push_to_ghcr_io:
+  push_to_ghcr_io:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-latest
-    steps:
+    steps:
-      - name: checkout
+      - name: checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v2
-        with:
+        with:
-          fetch-depth: 0
+          fetch-depth: 0
-      - name: get changed files
+      - name: get changed files
-        id: getfile
+        id: getfile
-        run: |
+        run: |
-          echo "::set-output name=files::$(git diff-tree --no-commit-id --name-only -r ${{ github.sha }}| xargs)"
+          echo "::set-output name=files::$(git diff-tree --no-commit-id --name-only -r ${{ github.sha }}| xargs)"
-      - name: Login to GitHub Container Registry
+      - name: Login to GitHub Container Registry
-        uses: docker/login-action@v1
+        uses: docker/login-action@v1
-        with:
+        with:
-          registry: ghcr.io
+          registry: ghcr.io
-          username: ${{ github.repository_owner }}
+          username: ${{ github.repository_owner }}
-          password: ${{ secrets.GH_PAT }}
+          password: ${{ secrets.GH_PAT }}
-      - name: find correct directory then build&push
+      - name: find correct directory then build&push
-        run: |
+        run: |
-          for i in ${{ steps.getfile.outputs.files }}
+          for i in ${{ steps.getfile.outputs.files }}
-            do
+            do
-              directory="$( echo $i | cut -d'/' -f2 -s )"
+              directory="$( echo $i | cut -d'/' -f2 -s )"
-              if [ -z "$directory" ]; then
+              if [ -z "$directory" ]; then
-                continue # Skip root dir
+                continue # Skip root dir
-              elif [ "$i" == *.md ]; then
+              elif [ "$i" == *.md ]; then
-                continue # Skip markdown files
+                continue # Skip markdown files
-              elif [ "$i" == *.yml ]; then
+              elif [ "$i" == *.yml ]; then
-                continue # Skip YAML files
+                continue # Skip YAML files
-              fi
+              fi
-              docker build docker-mods/$directory --tag ghcr.io/gilbn/theme.park:$directory
+              docker build docker-mods/$directory --tag ghcr.io/gilbn/theme.park:$directory
-              docker push ghcr.io/gilbn/theme.park:$directory
+              docker push ghcr.io/gilbn/theme.park:$directory
-            done
+            done
-  push_to_dockerhub:
+  push_to_dockerhub:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-latest
-    steps:
+    steps:
-      - name: checkout
+      - name: checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v2
-        with:
+        with:
-          fetch-depth: 0
+          fetch-depth: 0
-      - name: get changed files
+      - name: get changed files
-        id: getfile
+        id: getfile
-        run: |
+        run: |
-          echo "::set-output name=files::$(git diff-tree --no-commit-id --name-only -r ${{ github.sha }}| xargs)"
+          echo "::set-output name=files::$(git diff-tree --no-commit-id --name-only -r ${{ github.sha }}| xargs)"
-      - name: Login to Docker Hub
+      - name: Login to Docker Hub
-        uses: docker/login-action@v1
+        uses: docker/login-action@v1
-        with:
+        with:
-          username: ${{ secrets.DH_USER }}
+          username: ${{ secrets.DH_USER }}
-          password: ${{ secrets.DOCKERHUB_TOKEN }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
-      - name: find correct directory then build&push
+      - name: find correct directory then build&push
-        run: |
+        run: |
-          for i in ${{ steps.getfile.outputs.files }}
+          for i in ${{ steps.getfile.outputs.files }}
-            do
+            do
-              directory="$( echo $i | cut -d'/' -f2 -s )"
+              directory="$( echo $i | cut -d'/' -f2 -s )"
-              if [ -z "$directory" ]; then
+              if [ -z "$directory" ]; then
-                continue # Skip root dir
+                continue # Skip root dir
-              elif [ "$i" == *.md ]; then
+              elif [ "$i" == *.md ]; then
-                continue # Skip markdown files
+                continue # Skip markdown files
-              elif [ "$i" == *.yml ]; then
+              elif [ "$i" == *.yml ]; then
-                continue # Skip YAML files
+                continue # Skip YAML files
-              fi
+              fi
-              docker build docker-mods/$directory --tag gilbn/theme.park:$directory
+              docker build docker-mods/$directory --tag gilbn/theme.park:$directory
-              docker push gilbn/theme.park:$directory
+              docker push gilbn/theme.park:$directory
            done
--- a/.github/workflows/minify-and-deploy.yml
+++ b/.github/workflows/minify-and-deploy.yml
@ -1,63 +1,63 @@
-name: Minify CSS and deploy to live branch
+name: Minify CSS and deploy to live branch
-on:
+on:
-  push:
+  push:
-    branches:
+    branches:
-      - master
+      - master
-    paths-ignore:
+    paths-ignore:
-        - 'docker-mods/**'
+        - 'docker-mods/**'
-        - '.github/**'
+        - '.github/**'
-        - '.vscode/**'
+        - '.vscode/**'
-jobs:
+jobs:
-  deploy:
+  deploy:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-latest
-    steps:
+    steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v2
-        with:
+        with:
-          fetch-depth: 0
+          fetch-depth: 0
-      - name: Wrong domain check
+      - name: Wrong domain check
-        run: |
+        run: |
-          echo "$(git diff-tree --no-commit-id --name-only -r ${{ github.sha }})"
+          echo "$(git diff-tree --no-commit-id --name-only -r ${{ github.sha }})"
-          if git grep -q -E ${{ secrets.DOMAIN }} -- *.css; then
+          if git grep -q -E ${{ secrets.DOMAIN }} -- *.css; then
-            echo "Game over man!"
+            echo "Game over man!"
-            exit 1
+            exit 1
-          fi
+          fi
-      - name: Set up Python ${{ matrix.python-version }}
+      - name: Set up Python ${{ matrix.python-version }}
-        uses: actions/setup-python@v2
+        uses: actions/setup-python@v2
-      - name: create themes.json
+      - name: create themes.json
-        run: |
+        run: |
-          python themes.py
+          python themes.py
-          git config user.name github-actions
+          git config user.name github-actions
-          git config user.email github-actions@github.com
+          git config user.email github-actions@github.com
-          git add .
+          git add .
-          git commit -m "themes.json" || echo "Ignore commit failure, proceed"
+          git commit -m "themes.json" || echo "Ignore commit failure, proceed"
-          git push || echo "Ignore push failure, proceed"
+          git push || echo "Ignore push failure, proceed"
-      - name: Minify CSS
+      - name: Minify CSS
-        run: |
+        run: |
-          sudo npm install -g minify
+          sudo npm install -g minify
-          sudo apt-get update
+          sudo apt-get update
-          sudo apt-get -y install moreutils
+          sudo apt-get -y install moreutils
-
+
-          minify_file(){
+          minify_file(){
-              directory=$1
+              directory=$1
-              basename=$(basename $directory);
+              basename=$(basename $directory);
-              extension="${basename##*.}"
+              extension="${basename##*.}"
-              output="${directory%/*}/"
+              output="${directory%/*}/"
-              filename="${basename%.*}"
+              filename="${basename%.*}"
-              output_path="${output}${filename}.${extension}"
+              output_path="${output}${filename}.${extension}"
-              minify ${directory} | sponge ${output_path}
+              minify ${directory} | sponge ${output_path}
-              echo "Minified ${directory} > ${output_path}"
+              echo "Minified ${directory} > ${output_path}"
-          }
+          }
-          
+          
-            find ./CSS -type f -iname *base.css | while read fname
+            find ./CSS -type f -iname *base.css | while read fname
-                do
+                do
-                    if [[ "$fname" != *"min."* ]]; then
+                    if [[ "$fname" != *"min."* ]]; then
-                        minify_file $fname
+                        minify_file $fname
-                    fi
+                    fi
-                done
+                done
-      - name: Deploy
+      - name: Deploy
-        uses: peaceiris/actions-gh-pages@v3
+        uses: peaceiris/actions-gh-pages@v3
-        if: ${{ github.ref == 'refs/heads/master' }}
+        if: ${{ github.ref == 'refs/heads/master' }}
-        with:
+        with:
-          publish_dir: ./
+          publish_dir: ./
-          publish_branch: live
+          publish_branch: live
          github_token: ${{ secrets.GITHUB_TOKEN }}
--- a/.nojekyll
+++ b/.nojekyll
@ -1 +1 @@
-
+
--- a/CSS/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css
+++ b/CSS/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css
@ -1,35 +1,35 @@
-/* Desktop */
+/* Desktop */
-@media (min-width: 752px) {
+@media (min-width: 752px) {
-    .header-icon.px-3.m-0.d-none.d-md-block img  {
+    .header-icon.px-3.m-0.d-none.d-md-block img  {
-        display: none !important;
+        display: none !important;
-    }
+    }
-    .header-icon.px-3.m-0.d-none.d-md-block:before {
+    .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");
+        background-image: url("https://theme-park.dev/CSS/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
-        display: inline-block;
+        display: inline-block;
-        width: 32px; 
+        width: 32px; 
-        height: 32px;
+        height: 32px;
-        content:"";
+        content:"";
-        background-size:  cover;
+        background-size:  cover;
-        -webkit-background-size:  cover;
+        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
+        -moz-background-size:  cover;
-        -o-background-size: cover;
+        -o-background-size: cover;
-    }    
+    }    
-} 
+} 
-
+
-/* Mobile */
+/* Mobile */
-@media (max-width: 767px) {
+@media (max-width: 767px) {
-   .sidebar-title.d-flex.align-items-center.d-md-none.container img  {
+   .sidebar-title.d-flex.align-items-center.d-md-none.container img  {
-        display: none !important;
+        display: none !important;
-    }   
+    }   
-   .sidebar-title.d-flex.align-items-center.d-md-none.container:before {
+   .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");
+        background-image: url("https://theme-park.dev/CSS/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
-        display: inline-block;
+        display: inline-block;
-        width: 32px; 
+        width: 32px; 
-        height: 32px;
+        height: 32px;
-        content:"";
+        content:"";
-        background-size:  cover;
+        background-size:  cover;
-        -webkit-background-size:  cover;
+        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
+        -moz-background-size:  cover;
-        -o-background-size: cover;
+        -o-background-size: cover;
-    } 
+    } 
-}
+}
--- a/CSS/addons/bazarr/bazarr-darker/bazarr-darker.css
+++ b/CSS/addons/bazarr/bazarr-darker/bazarr-darker.css
@ -1,65 +1,65 @@
-:root {
+:root {
-    --main-bg-color: #313544;
+    --main-bg-color: #313544;
-
+
-    --modal-bg-color: #252833;
+    --modal-bg-color: #252833;
-    --modal-header-color: #252833;
+    --modal-header-color: #252833;
-    --modal-footer-color: #252833;
+    --modal-footer-color: #252833;
-
+
-    --drop-down-menu-bg: #252833;
+    --drop-down-menu-bg: #252833;
-
+
-    --button-color: #911f93;
+    --button-color: #911f93;
-    --button-color-hover: #721873;
+    --button-color-hover: #721873;
-    --button-text: #eee;
+    --button-text: #eee;
-    --button-text-hover: #fff;
+    --button-text-hover: #fff;
-
+
-    --accent-color: 145, 31, 147;
+    --accent-color: 145, 31, 147;
-    --accent-color-hover: rgb(var(--accent-color), .8);
+    --accent-color-hover: rgb(var(--accent-color), .8);
-    --link-color: #b828bb;
+    --link-color: #b828bb;
-    --link-color-hover: #911f93;
+    --link-color-hover: #911f93;
-    --label-text-color: #eee;
+    --label-text-color: #eee;
-
+
-    --text: #ccc;
+    --text: #ccc;
-    --text-hover: #fff;
+    --text-hover: #fff;
-    --text-muted: #999;
+    --text-muted: #999;
-
+
-    /*Specials*/
+    /*Specials*/
-    --arr-queue-color: #6c757d;
+    --arr-queue-color: #6c757d;
-    --side-menu-active: #252833;
+    --side-menu-active: #252833;
-    --side-menu-color: #3a3f51;
+    --side-menu-color: #3a3f51;
-    --side-menu-link-color: #fff;
+    --side-menu-link-color: #fff;
-    --scroller-hover: #606060;
+    --scroller-hover: #606060;
-    --scroller: #707070;
+    --scroller: #707070;
-    --border-color: #606060;
+    --border-color: #606060;
-    --label-color: #911f93;
+    --label-color: #911f93;
-    --label-info: #5d9cec;
+    --label-info: #5d9cec;
-    --header-color: #911f93;
+    --header-color: #911f93;
-}
+}
-
+
-/* HEADER */
+/* HEADER */
-.header-container .bg-primary {
+.header-container .bg-primary {
-    background-color: var(--header-color) !important;
+    background-color: var(--header-color) !important;
-}
+}
-
+
-/* SIDE MENU */
+/* SIDE MENU */
-.sidebar-container {
+.sidebar-container {
-    background-color: var(--side-menu-color) !important;
+    background-color: var(--side-menu-color) !important;
-    color: white !important;
+    color: white !important;
-}
+}
-
+
-.sidebar-container .sidebar-button {
+.sidebar-container .sidebar-button {
-    color: var(--side-menu-link-color) !important;
+    color: var(--side-menu-link-color) !important;
-}
+}
-
+
-.sidebar-container .sidebar-button {
+.sidebar-container .sidebar-button {
-    background-color: var(--side-menu-color) !important;
+    background-color: var(--side-menu-color) !important;
-}
+}
-.sidebar-container .sidebar-button.sb-active, .sidebar-container .sidebar-button.sb-active:hover {
+.sidebar-container .sidebar-button.sb-active, .sidebar-container .sidebar-button.sb-active:hover {
-    color: var(--side-menu-link-color) !important;
+    color: var(--side-menu-link-color) !important;
-    background-color: var(--side-menu-active) !important;
+    background-color: var(--side-menu-active) !important;
-}
+}
-
+
-
+
-.sidebar-container .sidebar-button:hover {
+.sidebar-container .sidebar-button:hover {
-    background-color: var(--side-menu-active) !important;
+    background-color: var(--side-menu-active) !important;
-    color: var(--side-menu-link-color) !important;
+    color: var(--side-menu-link-color) !important;
 }
--- a/CSS/addons/lidarr/lidarr-darker/lidarr-darker.css
+++ b/CSS/addons/lidarr/lidarr-darker/lidarr-darker.css
@ -1,117 +1,117 @@
-:root {
+:root {
-    --main-bg-color: #454545;
+    --main-bg-color: #454545;
-
+
-    --modal-bg-color: #353535;
+    --modal-bg-color: #353535;
-    --modal-header-color: #353535;
+    --modal-header-color: #353535;
-    --modal-footer-color: #353535;
+    --modal-footer-color: #353535;
-
+
-    --drop-down-menu-bg: #4d8069;
+    --drop-down-menu-bg: #4d8069;
-
+
-    --button-color: #5899eb;
+    --button-color: #5899eb;
-    --button-color-hover: #4b91ea;
+    --button-color-hover: #4b91ea;
-    --button-text: #eee;
+    --button-text: #eee;
-    --button-text-hover: #fff;
+    --button-text-hover: #fff;
-
+
-    --accent-color: 0, 166, 91;
+    --accent-color: 0, 166, 91;
-    --accent-color-hover: rgb(0, 166, 91, .8);
+    --accent-color-hover: rgb(0, 166, 91, .8);
-    --link-color: rgb(0, 166, 91);
+    --link-color: rgb(0, 166, 91);
-    --link-color-hover: rgb(0, 166, 91, .8);
+    --link-color-hover: rgb(0, 166, 91, .8);
-    --label-text-color: #eee;
+    --label-text-color: #eee;
-
+
-    --text: #ccc;
+    --text: #ccc;
-    --text-hover: #fff;
+    --text-hover: #fff;
-    --text-muted: #999;
+    --text-muted: #999;
-
+
-    /*Specials*/
+    /*Specials*/
-    --arr-queue-color: #00a65b;
+    --arr-queue-color: #00a65b;
-    --side-menu-active: #252525;
+    --side-menu-active: #252525;
-    --scroller-hover: #606060;
+    --scroller-hover: #606060;
-    --scroller: #707070;
+    --scroller: #707070;
-    --border-color: #606060;
+    --border-color: #606060;
-    --label-color: #1d563d;
+    --label-color: #1d563d;
-    --label-info: #5d9cec;
+    --label-info: #5d9cec;
-    --header-color: #00a65b;
+    --header-color: #00a65b;
-    --side-menu-color: #353535;
+    --side-menu-color: #353535;
-}
+}
-
+
-/* HEADER */
+/* HEADER */
-
+
-[class*="PageHeader-header-"] {
+[class*="PageHeader-header-"] {
-    background-color: var(--header-color);
+    background-color: var(--header-color);
-    color: #fff;
+    color: #fff;
-}
+}
-
+
-[class*="PageToolbar-toolbar-"] {
+[class*="PageToolbar-toolbar-"] {
-    background-color: #1d563d;
+    background-color: #1d563d;
-    color: #e1e2e3;
+    color: #e1e2e3;
-}
+}
-
+
-/* SIDE MENU */
+/* SIDE MENU */
-
+
-[class*="PageSidebar-sidebar-"] {
+[class*="PageSidebar-sidebar-"] {
-    background-color: #353535;
+    background-color: #353535;
-    color: #fff;
+    color: #fff;
-}
+}
-
+
-[class*=PageSidebarItem-link-]:focus {
+[class*=PageSidebarItem-link-]:focus {
-    color: rgb(var(--accent-color)) !important;
+    color: rgb(var(--accent-color)) !important;
-}
+}
-
+
-[class*=PageSidebarItem-isActiveLink-] {
+[class*=PageSidebarItem-isActiveLink-] {
-    color: var(--link-color) !important;
+    color: var(--link-color) !important;
-}
+}
-
+
-[class*=PageSidebarItem-isActiveParentLink-] {
+[class*=PageSidebarItem-isActiveParentLink-] {
-    background-color: var(--side-menu-active);
+    background-color: var(--side-menu-active);
-}
+}
-
+
-/* SCROLLER */
+/* SCROLLER */
-
+
-[class*=OverlayScroller-thumb-]:hover {
+[class*=OverlayScroller-thumb-]:hover {
-    background-color: var(--scroller-hover) !important;
+    background-color: var(--scroller-hover) !important;
-}
+}
-
+
-[class*="OverlayScroller-thumb-"],
+[class*="OverlayScroller-thumb-"],
-[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
+[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
-    background-color: var(--scroller) !important;
+    background-color: var(--scroller) !important;
-}
+}
-
+
-/* MODALS */
+/* MODALS */
-
+
-[class*=ModalHeader-modalHeader-],
+[class*=ModalHeader-modalHeader-],
-[class*=FieldSet-legend-] {
+[class*=FieldSet-legend-] {
-    border-bottom: 1px solid var(--border-color);
+    border-bottom: 1px solid var(--border-color);
-}
+}
-
+
-[class*=ModalFooter-modalFooter-] {
+[class*=ModalFooter-modalFooter-] {
-    border-top: 1px solid var(--border-color);
+    border-top: 1px solid var(--border-color);
-}
+}
-
+
-/* LABLES */
+/* LABLES */
-
+
-[class*="Label-default-"] {
+[class*="Label-default-"] {
-    border-color: var(--label-color);
+    border-color: var(--label-color);
-    background-color: var(--label-color);
+    background-color: var(--label-color);
-    color: white;
+    color: white;
-}
+}
-
+
-[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
+[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
-    border-color: var(--label-info);
+    border-color: var(--label-info);
-    background-color: var(--label-info);
+    background-color: var(--label-info);
-    color: #fff;
+    color: #fff;
-}
+}
-
+
-/* SETTINGS */
+/* SETTINGS */
-
+
-[class*=Settings-link-] {
+[class*=Settings-link-] {
-    border-bottom: 1px solid var(--border-color);
+    border-bottom: 1px solid var(--border-color);
-}
+}
-
+
-/* SEARCH DROP DOWN */
+/* SEARCH DROP DOWN */
-
+
-[class*=ArtistSearchInput-containerOpen-] [class*=ArtistSearchInput-artistContainer-] {
+[class*=ArtistSearchInput-containerOpen-] [class*=ArtistSearchInput-artistContainer-] {
-    border: 1px solid var(--main-bg-color);
+    border: 1px solid var(--main-bg-color);
-    background-color: var(--main-bg-color);
+    background-color: var(--main-bg-color);
-    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
-    color: #e1e2e3;
+    color: #e1e2e3;
 }
--- a/CSS/addons/organizr/glass/glass-base.css
+++ b/CSS/addons/organizr/glass/glass-base.css
--- a/CSS/addons/organizr/glass/glass-login.css
+++ b/CSS/addons/organizr/glass/glass-login.css
@ -1,192 +1,192 @@
-:root {
+:root {
-    --div-background-color-10: rgba(0, 0, 0, 0.15);
+    --div-background-color-10: rgba(0, 0, 0, 0.15);
-    --div-background-color-15: rgba(0, 0, 0, 0.25);
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
-    --div-background-color-25: rgba(0, 0, 0, 0.35);
+    --div-background-color-25: rgba(0, 0, 0, 0.35);
-    --div-background-color-35: rgba(0, 0, 0, 0.45);
+    --div-background-color-35: rgba(0, 0, 0, 0.45);
-}
+}
-
+
-/* Replace the variables if you have a dark background  */
+/* Replace the variables if you have a dark background  */
-/* Light colors for dark backgrounds */
+/* Light colors for dark backgrounds */
-/*
+/*
-    --div-background-color-10: rgba(255, 255, 255, 0.1);
+    --div-background-color-10: rgba(255, 255, 255, 0.1);
-    --div-background-color-15: rgba(255, 255, 255, 0.15);
+    --div-background-color-15: rgba(255, 255, 255, 0.15);
-    --div-background-color-25: rgba(255, 255, 255, 0.25);
+    --div-background-color-25: rgba(255, 255, 255, 0.25);
-    --div-background-color-35: rgba(255, 255, 255, 0.35);
+    --div-background-color-35: rgba(255, 255, 255, 0.35);
-*/
+*/
-/* Dark blur colors for bright backgrounds */
+/* Dark blur colors for bright backgrounds */
-/*
+/*
-    --div-background-color-10: rgba(0, 0, 0, 0.15);
+    --div-background-color-10: rgba(0, 0, 0, 0.15);
-    --div-background-color-15: rgba(0, 0, 0, 0.25);
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
-    --div-background-color-25: rgba(0, 0, 0, 0.35);
+    --div-background-color-25: rgba(0, 0, 0, 0.35);
-    --div-background-color-35: rgba(0, 0, 0, 0.45);
+    --div-background-color-35: rgba(0, 0, 0, 0.45);
-	
+	
-*/
+*/
-
+
-/* loginpage sidemenu */
+/* loginpage sidemenu */
-@media (max-width: 480px) {
+@media (max-width: 480px) {
-   #wrapper .login-register > .login-box > .white-box {
+   #wrapper .login-register > .login-box > .white-box {
-     background: transparent !important;
+     background: transparent !important;
-     margin-top: auto !important;
+     margin-top: auto !important;
-     width: 100% !important;
+     width: 100% !important;
-    -webkit-backdrop-filter: blur(0px) !important;
+    -webkit-backdrop-filter: blur(0px) !important;
-    backdrop-filter: blur(0px) !important;
+    backdrop-filter: blur(0px) !important;
-
+
-
+
-   }
+   }
-   }
+   }
-
+
-@media (max-width: 480px) {
+@media (max-width: 480px) {
-   .login-box.login-sidebar {
+   .login-box.login-sidebar {
-    background: var(--div-background-color-15) !important;
+    background: var(--div-background-color-15) !important;
-    -webkit-backdrop-filter:  blur(10px);
+    -webkit-backdrop-filter:  blur(10px);
-    backdrop-filter:  blur(10px);
+    backdrop-filter:  blur(10px);
-
+
-}
+}
-}
+}
-
+
-/* logo */
+/* logo */
-	.white-box .visible-xs {
+	.white-box .visible-xs {
-		display: block!important;
+		display: block!important;
-	}
+	}
-	.loginLogo {
+	.loginLogo {
-    border: 0;
+    border: 0;
-    margin-top: -60%;
+    margin-top: -60%;
-    transform: translateY(-10%);
+    transform: translateY(-10%);
-	}
+	}
-	@media (max-width: 480px) {
+	@media (max-width: 480px) {
-		.loginLogo {
+		.loginLogo {
-		margin-top: -10% !important;
+		margin-top: -10% !important;
-		}
+		}
-	}
+	}
-	.blockUI {
+	.blockUI {
-		opacity: 1 !important;
+		opacity: 1 !important;
-		background-color: transparent !important;
+		background-color: transparent !important;
-	}
+	}
-	.blockMsg {
+	.blockMsg {
-		background: rgba(0, 0, 0, 0.9) !important;
+		background: rgba(0, 0, 0, 0.9) !important;
-		border: none !important;
+		border: none !important;
-	}
+	}
-	
+	
-    .login-register > .login-box > .white-box {
+    .login-register > .login-box > .white-box {
-    background: var(--div-background-color-25) !important;
+    background: var(--div-background-color-25) !important;
-    -webkit-backdrop-filter: blur(10px);
+    -webkit-backdrop-filter: blur(10px);
-    backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
-    border-radius: 15px;
+    border-radius: 15px;
-    -webkit-box-shadow: none;
+    -webkit-box-shadow: none;
-    box-shadow: none;
+    box-shadow: none;
-    }
+    }
-
+
-
+
-    .login-register {
+    .login-register {
-		
+		
-        height: 100%;
+        height: 100%;
-        position: fixed;
+        position: fixed;
-    }
+    }
-
+
-	.slideInRight {
+	.slideInRight {
-		-webkit-animation-name: none;
+		-webkit-animation-name: none;
-		animation-name: none;
+		animation-name: none;
-	}
+	}
-
+
-	.login-register  .login-box  .white-box  .bg-org {
+	.login-register  .login-box  .white-box  .bg-org {
-		background-color: transparent !important;
+		background-color: transparent !important;
-    }
+    }
-
+
-	/*2FA login button*/
+	/*2FA login button*/
-	.panel-wrapper .panel-body > .btn-warning, .btn-warning.disabled {
+	.panel-wrapper .panel-body > .btn-warning, .btn-warning.disabled {
-        background: var(--div-background-color-15) !important;
+        background: var(--div-background-color-15) !important;
-        border: 1px solid #ffc36d00 !important;
+        border: 1px solid #ffc36d00 !important;
-        }
+        }
-
+
-        /*2FA animation header*/
+        /*2FA animation header*/
-        .panel-warning .panel-heading, .panel-yellow .panel-heading {
+        .panel-warning .panel-heading, .panel-yellow .panel-heading {
-        color: #fff;
+        color: #fff;
-        border-radius: 3px;
+        border-radius: 3px;
-        background-color: rgba(0, 0, 0, 0.3);
+        background-color: rgba(0, 0, 0, 0.3);
-        border-color: #00000000;
+        border-color: #00000000;
-        }
+        }
-
+
-        /*oAuth Successful*/
+        /*oAuth Successful*/
-        .panel-green .panel-heading, .panel-success .panel-heading {
+        .panel-green .panel-heading, .panel-success .panel-heading {
-        color: #53e69d;
+        color: #53e69d;
-        text-align: center;
+        text-align: center;
-        text-transform: uppercase;
+        text-transform: uppercase;
-        border-radius: 3px;
+        border-radius: 3px;
-        background-color: transparent;
+        background-color: transparent;
-        border-color: transparent;
+        border-color: transparent;
-        }
+        }
-
+
-	/*Login sidebar*/
+	/*Login sidebar*/
-	.login-box.login-sidebar,
+	.login-box.login-sidebar,
-	#login-panels .panel-body,
+	#login-panels .panel-body,
-	#login-panels .panel {
+	#login-panels .panel {
-		background: transparent;
+		background: transparent;
-	}
+	}
-	
+	
-    #login-panels  .form-control ,  #login-panels .btn {
+    #login-panels  .form-control ,  #login-panels .btn {
-    background: rgba(255, 255, 255, 0.35);
+    background: rgba(255, 255, 255, 0.35);
-    color: white;
+    color: white;
-    border-radius: 25px;
+    border-radius: 25px;
-    border: none;
+    border: none;
-    }
+    }
-  /*  #login-panels {
+  /*  #login-panels {
-    height: 44px;
+    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 {
+    #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);
+    background: rgba(255,255, 255, 0.65);
-    border:none;
+    border:none;
-
+
-    }
+    }
-	/*Center login Box*/
+	/*Center login Box*/
-	.login-sidebar {
+	.login-sidebar {
-		position: relative;
+		position: relative;
-		right: initial;
+		right: initial;
-	}
+	}
-
+
-	#lockScreen .white-box {
+	#lockScreen .white-box {
-		width: 400px;
+		width: 400px;
-		height: 345px;
+		height: 345px;
-	}
+	}
-	.login-sidebar .white-box {
+	.login-sidebar .white-box {
-		width: 100%;
+		width: 100%;
-		position: absolute;
+		position: absolute;
-		top: 50%;
+		top: 50%;
-		transform: translateY(-50%);
+		transform: translateY(-50%);
-	}
+	}
-
+
-	#lockScreen .white-box {
+	#lockScreen .white-box {
-		position: absolute;
+		position: absolute;
-		top: 50%;
+		top: 50%;
-		transform: translateY(-50%);
+		transform: translateY(-50%);
-		background: var(--div-background-color-25);
+		background: var(--div-background-color-25);
-		-webkit-box-shadow: none;
+		-webkit-box-shadow: none;
-		box-shadow: none;
+		box-shadow: none;
-		-webkit-backdrop-filter: blur(10px);
+		-webkit-backdrop-filter: blur(10px);
-		backdrop-filter: blur(10px);
+		backdrop-filter: blur(10px);
-		border-radius: 15px;
+		border-radius: 15px;
-    }
+    }
-    .form-control::placeholder {
+    .form-control::placeholder {
-        color: white;
+        color: white;
-    }
+    }
-    #login-username-Input, #login-password-Input {
+    #login-username-Input, #login-password-Input {
-            text-align: center;
+            text-align: center;
-    }
+    }
-    .panel .panel-heading .panel-title, label, span, .fa-lock:before {
+    .panel .panel-heading .panel-title, label, span, .fa-lock:before {
-    color: #ffffff;
+    color: #ffffff;
-    }
+    }
-	/* Lock screen */ 
+	/* Lock screen */ 
-	#lockScreen .form-material .form-control, .form-material .form-control:focus {
+	#lockScreen .form-material .form-control, .form-material .form-control:focus {
-		background: rgba(255, 255, 255, 0.35);
+		background: rgba(255, 255, 255, 0.35);
-		border-radius: 25px;
+		border-radius: 25px;
-		padding: inherit;
+		padding: inherit;
-		text-align: center;
+		text-align: center;
-	}
+	}
-	 #lockScreen  .btn-info {
+	 #lockScreen  .btn-info {
-		background: rgba(255, 255, 255, 0.35);
+		background: rgba(255, 255, 255, 0.35);
-		border-radius: 25px;
+		border-radius: 25px;
-		border: 1px solid transparent;
+		border: 1px solid transparent;
-	 }
+	 }
-	 #lockScreen .btn-info:hover {
+	 #lockScreen .btn-info:hover {
-		 border: 1px solid transparent;
+		 border: 1px solid transparent;
-	 }
+	 }
-	
+	
--- a/CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.css
+++ b/CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.css
@ -1,111 +1,111 @@
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* PLEX OVERSEERR SIDE MENU */
+/* PLEX OVERSEERR SIDE MENU */
-
+
-/* APP VARS*/
+/* APP VARS*/
-:root {
+:root {
-    --sidebar-color: #1f2937;
+    --sidebar-color: #1f2937;
-    --menu-item: #111827;
+    --menu-item: #111827;
-    --menu-item-hover: #374151;
+    --menu-item-hover: #374151;
-}
+}
-
+
-/* EXTRA CSS */
+/* EXTRA CSS */
-[class*="SourceSidebar-openSidebar-"][class*="SourceSidebar-sidebar-"],
+[class*="SourceSidebar-openSidebar-"][class*="SourceSidebar-sidebar-"],
-[class*="SourceSidebar-sidebar-"] {
+[class*="SourceSidebar-sidebar-"] {
-    background: var(--sidebar-color) !important;
+    background: var(--sidebar-color) !important;
-    padding-top: 10px;
+    padding-top: 10px;
-}
+}
-
+
-[class*="SourceSidebarLink-isSelected-"]:before {
+[class*="SourceSidebarLink-isSelected-"]:before {
-    background-color: transparent !important;
+    background-color: transparent !important;
-}
+}
-
+
-[class*="NavBar-container-"] {
+[class*="NavBar-container-"] {
-    background: rgb(0 0 0 / 0%) !important;
+    background: rgb(0 0 0 / 0%) !important;
-}
+}
-
+
-[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isSelected-"] {
+[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isSelected-"] {
-    background: var(--menu-item);
+    background: var(--menu-item);
-    box-shadow: inset 4px 0 0 0 transparent !important;
+    box-shadow: inset 4px 0 0 0 transparent !important;
-    border-radius: 5px;
+    border-radius: 5px;
-    margin-bottom: 5px;
+    margin-bottom: 5px;
-
+
-}
+}
-
+
-[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-iconContainer-"],
+[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-iconContainer-"],
-[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-title-"] {
+[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-title-"] {
-    color: white;
+    color: white;
-}
+}
-
+
-[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-button-"]:hover,
+[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-button-"]:hover,
-[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isActive-"] {
+[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isActive-"] {
-    background: var(--menu-item-hover);
+    background: var(--menu-item-hover);
-    border-radius: 5px;
+    border-radius: 5px;
-}
+}
-
+
-[class*="SourceSidebarLink-button-"] {
+[class*="SourceSidebarLink-button-"] {
-    margin-bottom: 5px;
+    margin-bottom: 5px;
-}
+}
-
+
-[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] {
+[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] {
-    background: var(--sidebar-color) !important;
+    background: var(--sidebar-color) !important;
-}
+}
-
+
-[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarLink-isSelected-"] {
+[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarLink-isSelected-"] {
-    background: var(--menu-item) !important;
+    background: var(--menu-item) !important;
-}
+}
-
+
-[class*="SourceSidebarContent-expandedSidebarContent-"],
+[class*="SourceSidebarContent-expandedSidebarContent-"],
-[class*="AllSourcesSidebarContent-container-"] {
+[class*="AllSourcesSidebarContent-container-"] {
-    padding: 10px;
+    padding: 10px;
-}
+}
-
+
-[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="AllSourcesSidebarContent-container-"] {
+[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="AllSourcesSidebarContent-container-"] {
-    padding: 0px;
+    padding: 0px;
-}
+}
-
+
-[class*="SourceSidebarContent-expandedSidebarContent-"] div {
+[class*="SourceSidebarContent-expandedSidebarContent-"] div {
-    border-radius: 5px;
+    border-radius: 5px;
-}
+}
-
+
-[class*="SourceSidebarContent-expandedSidebarContent-"] div:hover:not([data-qa-id="sidebarMore"] div) {
+[class*="SourceSidebarContent-expandedSidebarContent-"] div:hover:not([data-qa-id="sidebarMore"] div) {
-    background-color: var(--menu-item-hover);
+    background-color: var(--menu-item-hover);
-}
+}
-
+
-[class*="SourceSidebar-collapsedSidebar-"] [class*="SourceSidebar-sidebar-"] {
+[class*="SourceSidebar-collapsedSidebar-"] [class*="SourceSidebar-sidebar-"] {
-    border-radius: 0px !important;
+    border-radius: 0px !important;
-}
+}
-
+
-[class*="SourceSidebarContent-expandedSidebarContent-"] [class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"] {
+[class*="SourceSidebarContent-expandedSidebarContent-"] [class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"] {
-    box-shadow: none !important;
+    box-shadow: none !important;
-    border-radius: 5px;
+    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-"] {
+[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;
+    box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important;
-    border-radius: 0px;
+    border-radius: 0px;
-}
+}
-
+
-[class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover {
+[class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover {
-    box-shadow: none !important;
+    box-shadow: none !important;
-    background: var(--menu-item-hover) !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 {
+[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;
+    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-iconContainer-"],
-[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-title-"] {
+[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-title-"] {
-    color: white;
+    color: white;
 }
--- a/CSS/addons/plex/plex-alt-logo/plex-alt-logo.css
+++ b/CSS/addons/plex/plex-alt-logo/plex-alt-logo.css
@ -1,8 +1,8 @@
-[class*="NavBar-plexLogo-"] {
+[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-image: url("https://theme-park.dev/CSS/addons/plex/plex-alt-logo/SeekPng.com_your-logo-here-png_2467553.png");
-    background-position: 50%;
+    background-position: 50%;
-    background-repeat: no-repeat;
+    background-repeat: no-repeat;
-    background-size: contain;
+    background-size: contain;
-    margin: 0 10px;
+    margin: 0 10px;
-    width: 45px;
+    width: 45px;
 }
--- a/CSS/addons/prowlarr/prowlarr-darker/prowlarr-darker.css
+++ b/CSS/addons/prowlarr/prowlarr-darker/prowlarr-darker.css
@ -1,119 +1,119 @@
-:root {
+:root {
-    --main-bg-color: #454545;
+    --main-bg-color: #454545;
-
+
-    --modal-bg-color: #454545;
+    --modal-bg-color: #454545;
-    --modal-header-color: #454545;
+    --modal-header-color: #454545;
-    --modal-footer-color: #454545;
+    --modal-footer-color: #454545;
-
+
-    --drop-down-menu-bg: #606060;
+    --drop-down-menu-bg: #606060;
-
+
-    --button-color: #5899eb;
+    --button-color: #5899eb;
-    --button-color-hover: #4b91ea;
+    --button-color-hover: #4b91ea;
-    --button-text: #eee;
+    --button-text: #eee;
-    --button-text-hover: #fff;
+    --button-text-hover: #fff;
-
+
-    --accent-color: 230, 96, 0;
+    --accent-color: 230, 96, 0;
-    --accent-color-hover: rgb(var(--accent-color),.8);
+    --accent-color-hover: rgb(var(--accent-color),.8);
-    --link-color: rgb(230, 96, 0);
+    --link-color: rgb(230, 96, 0);
-    --link-color-hover: rgb(230, 96, 0, .8);
+    --link-color-hover: rgb(230, 96, 0, .8);
-    --label-text-color: #eee;
+    --label-text-color: #eee;
-
+
-    --text: #ccc;
+    --text: #ccc;
-    --text-hover: #fff;
+    --text-hover: #fff;
-    --text-muted: #999;
+    --text-muted: #999;
-
+
-    /*Specials*/
+    /*Specials*/
-    --arr-queue-color: #5d9cec;
+    --arr-queue-color: #5d9cec;
-    --side-menu-active: #333333;
+    --side-menu-active: #333333;
-    --scroller-hover: #606060;
+    --scroller-hover: #606060;
-    --scroller: #707070;
+    --scroller: #707070;
-    --border-color: #606060;
+    --border-color: #606060;
-    --label-color: #707070;
+    --label-color: #707070;
-    --label-info: #5d9cec;
+    --label-info: #5d9cec;
-    --header-color: #e66000;
+    --header-color: #e66000;
-    --side-menu-color: #595959;
+    --side-menu-color: #595959;
-    --side-menu-link-color: #e66000;
+    --side-menu-link-color: #e66000;
-}
+}
-
+
-/* HEADER */
+/* HEADER */
-
+
-[class*="PageHeader-header-"] {
+[class*="PageHeader-header-"] {
-    background-color: var(--header-color);
+    background-color: var(--header-color);
-    color: #fff;
+    color: #fff;
-}
+}
-
+
-[class*="PageToolbar-toolbar-"] {
+[class*="PageToolbar-toolbar-"] {
-    background-color: #707070;
+    background-color: #707070;
-    color: var(--text);
+    color: var(--text);
-}
+}
-
+
-/* SIDE MENU */
+/* SIDE MENU */
-
+
-[class*="PageSidebar-sidebar-"] {
+[class*="PageSidebar-sidebar-"] {
-    background-color: var(--side-menu-color);
+    background-color: var(--side-menu-color);
-    color: #fff;
+    color: #fff;
-}
+}
-
+
-[class*=PageSidebarItem-link-]:focus {
+[class*=PageSidebarItem-link-]:focus {
-    color: rgb(var(--accent-color)) !important;
+    color: rgb(var(--accent-color)) !important;
-}
+}
-
+
-[class*=PageSidebarItem-isActiveLink-] {
+[class*=PageSidebarItem-isActiveLink-] {
-    color: var(--side-menu-link-color) !important;
+    color: var(--side-menu-link-color) !important;
-}
+}
-
+
-[class*=PageSidebarItem-isActiveParentLink-] {
+[class*=PageSidebarItem-isActiveParentLink-] {
-    background-color: var(--side-menu-active);
+    background-color: var(--side-menu-active);
-}
+}
-
+
-/* SCROLLER */
+/* SCROLLER */
-
+
-[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
+[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
-[class*=OverlayScroller-thumb-]:hover {
+[class*=OverlayScroller-thumb-]:hover {
-    background-color: var(--scroller-hover) !important;
+    background-color: var(--scroller-hover) !important;
-}
+}
-
+
-[class*="OverlayScroller-thumb-"],
+[class*="OverlayScroller-thumb-"],
-[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
+[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
-    background-color: var(--scroller) !important;
+    background-color: var(--scroller) !important;
-}
+}
-
+
-/* MODALS */
+/* MODALS */
-
+
-[class*=ModalHeader-modalHeader-],
+[class*=ModalHeader-modalHeader-],
-[class*=FieldSet-legend-] {
+[class*=FieldSet-legend-] {
-    border-bottom: 1px solid var(--border-color);
+    border-bottom: 1px solid var(--border-color);
-}
+}
-
+
-[class*=ModalFooter-modalFooter-] {
+[class*=ModalFooter-modalFooter-] {
-    border-top: 1px solid var(--border-color);
+    border-top: 1px solid var(--border-color);
-}
+}
-
+
-/* LABLES */
+/* LABLES */
-
+
-[class*="Label-default-"] {
+[class*="Label-default-"] {
-    border-color: var(--label-color);
+    border-color: var(--label-color);
-    background-color: var(--label-color);
+    background-color: var(--label-color);
-    color: white;
+    color: white;
-}
+}
-
+
-[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
+[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
-    border-color: var(--label-info);
+    border-color: var(--label-info);
-    background-color: var(--label-info);
+    background-color: var(--label-info);
-    color: #fff;
+    color: #fff;
-}
+}
-
+
-/* SETTINGS */
+/* SETTINGS */
-
+
-[class*=Settings-link-] {
+[class*=Settings-link-] {
-    border-bottom: 1px solid var(--border-color);
+    border-bottom: 1px solid var(--border-color);
-}
+}
-
+
-/* SEARCH DROP DOWN */
+/* SEARCH DROP DOWN */
-
+
-[class*=IndexerSearchInput-containerOpen-] [class*=IndexerSearchInput-movieContainer-] {
+[class*=IndexerSearchInput-containerOpen-] [class*=IndexerSearchInput-movieContainer-] {
-    border: 1px solid var(--drop-down-menu-bg);
+    border: 1px solid var(--drop-down-menu-bg);
-    background-color: var(--drop-down-menu-bg);
+    background-color: var(--drop-down-menu-bg);
-    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
-    color: #e1e2e3;
+    color: #e1e2e3;
 }
--- a/CSS/addons/radarr/radarr-4k-logo/radarr-4k-logo.css
+++ b/CSS/addons/radarr/radarr-4k-logo/radarr-4k-logo.css
@ -1,96 +1,96 @@
-/* Desktop */
+/* Desktop */
-@media (min-width: 752px) {
+@media (min-width: 752px) {
-    .navbar-brand>img {
+    .navbar-brand>img {
-        display:none !important; 
+        display:none !important; 
-        }
+        }
-    .navbar > .container-fluid .navbar-brand:before {
+    .navbar > .container-fluid .navbar-brand:before {
-        background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr4k.png");
+        background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr4k.png");
-        display: inline-block;
+        display: inline-block;
-        width: 128px; 
+        width: 128px; 
-        height: 128px;
+        height: 128px;
-        content:"";
+        content:"";
-        background-size:  cover;
+        background-size:  cover;
-        -webkit-background-size:  cover;
+        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
+        -moz-background-size:  cover;
-        -o-background-size: cover;
+        -o-background-size: cover;
-        }
+        }
-    }
+    }
-    /* Mobile */
+    /* Mobile */
-    @media (max-width: 767px) {
+    @media (max-width: 767px) {
-    .navbar-brand  .visible-xs img {
+    .navbar-brand  .visible-xs img {
-        display: none !important;
+        display: none !important;
-        } 
+        } 
-    .navbar-brand .visible-xs  {
+    .navbar-brand .visible-xs  {
-        display: inline !important;
+        display: inline !important;
-        }     
+        }     
-    .navbar > .container-fluid .navbar-brand:before {
+    .navbar > .container-fluid .navbar-brand:before {
-        background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr4k.png");
+        background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr4k.png");
-        display: inline-block;
+        display: inline-block;
-        width: 32px; 
+        width: 32px; 
-        height: 32px;
+        height: 32px;
-        content:"";
+        content:"";
-        background-size:  cover;
+        background-size:  cover;
-        -webkit-background-size:  cover;
+        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
+        -moz-background-size:  cover;
-        -o-background-size: cover;
+        -o-background-size: cover;
-        margin-bottom: -12px;
+        margin-bottom: -12px;
-        }
+        }
-    }
+    }
-
+
-/* Radarr V3*/
+/* Radarr V3*/
-@media (min-width: 752px) {
+@media (min-width: 752px) {
-    [class*="PageHeader-logoFull-"]  {
+    [class*="PageHeader-logoFull-"]  {
-        display: none !important;
+        display: none !important;
-    }
+    }
-    [class*="PageHeader-logoContainer-"]:before {
+    [class*="PageHeader-logoContainer-"]:before {
-        background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
+        background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
-        display: inline-block;
+        display: inline-block;
-        width: 148px; 
+        width: 148px; 
-        height: 48px;
+        height: 48px;
-        content:"";
+        content:"";
-        background-size:  cover;
+        background-size:  cover;
-        -webkit-background-size:  cover;
+        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
+        -moz-background-size:  cover;
-        -o-background-size: cover;
+        -o-background-size: cover;
-    }    
+    }    
-} 
+} 
-
+
-@media (max-width: 767px) {
+@media (max-width: 767px) {
-    [class*="PageHeader-logo-"]  {
+    [class*="PageHeader-logo-"]  {
-        display: none !important;
+        display: none !important;
-    }
+    }
-    [class*="PageHeader-logoContainer-"]{
+    [class*="PageHeader-logoContainer-"]{
-        background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png");
+        background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png");
-        display: inline-block;
+        display: inline-block;
-        width: 32px; 
+        width: 32px; 
-        height: 32px;
+        height: 32px;
-        content:"";
+        content:"";
-        background-size:  cover;
+        background-size:  cover;
-        -webkit-background-size:  cover;
+        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
+        -moz-background-size:  cover;
-        -o-background-size: cover;
+        -o-background-size: cover;
-        margin-left: 20px;
+        margin-left: 20px;
-        margin-right: 8px;
+        margin-right: 8px;
-        flex: 0 0 32px;
+        flex: 0 0 32px;
-    } 
+    } 
-}
+}
-
+
-[class*="LoadingPage-logoFull-"] {
+[class*="LoadingPage-logoFull-"] {
-    display: none !important;
+    display: none !important;
-}
+}
-
+
-[class*="LoadingPage-page-"]:before {
+[class*="LoadingPage-page-"]:before {
-        background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
+        background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
-        display: inline-block;
+        display: inline-block;
-        width: 148px; 
+        width: 148px; 
-        height: 48px;
+        height: 48px;
-        content:"";
+        content:"";
-        background-size:  cover;
+        background-size:  cover;
-        -webkit-background-size:  cover;
+        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
+        -moz-background-size:  cover;
-        -o-background-size: cover;
+        -o-background-size: cover;
-        margin-top: 50px;
+        margin-top: 50px;
-        margin-right: auto;
+        margin-right: auto;
-        margin-left: auto;
+        margin-left: auto;
-
+
-}
+}
--- a/CSS/addons/radarr/radarr-darker/radarr-darker.css
+++ b/CSS/addons/radarr/radarr-darker/radarr-darker.css
@ -1,124 +1,124 @@
-:root {
+:root {
-    --main-bg-color: #454545;
+    --main-bg-color: #454545;
-
+
-    --modal-bg-color: #595959;
+    --modal-bg-color: #595959;
-    --modal-header-color: #595959;
+    --modal-header-color: #595959;
-    --modal-footer-color: #595959;
+    --modal-footer-color: #595959;
-
+
-    --drop-down-menu-bg: #606060;
+    --drop-down-menu-bg: #606060;
-
+
-    --button-color: #5899eb;
+    --button-color: #5899eb;
-    --button-color-hover: #4b91ea;
+    --button-color-hover: #4b91ea;
-    --button-text: #eee;
+    --button-text: #eee;
-    --button-text-hover: #fff;
+    --button-text-hover: #fff;
-
+
-    --accent-color: 255, 194, 48;
+    --accent-color: 255, 194, 48;
-    --accent-color-hover: rgb(255, 194, 48, .8);
+    --accent-color-hover: rgb(255, 194, 48, .8);
-    --link-color: rgb(255, 194, 48);
+    --link-color: rgb(255, 194, 48);
-    --link-color-hover: rgb(255, 194, 48, .8);
+    --link-color-hover: rgb(255, 194, 48, .8);
-    --label-text-color: #eee;
+    --label-text-color: #eee;
-
+
-    --text: #ccc;
+    --text: #ccc;
-    --text-hover: #fff;
+    --text-hover: #fff;
-    --text-muted: #999;
+    --text-muted: #999;
-
+
-    /*Specials*/
+    /*Specials*/
-    --arr-queue-color: #5d9cec;
+    --arr-queue-color: #5d9cec;
-    --side-menu-active: #333333;
+    --side-menu-active: #333333;
-    --scroller-hover: #606060;
+    --scroller-hover: #606060;
-    --scroller: #707070;
+    --scroller: #707070;
-    --border-color: #606060;
+    --border-color: #606060;
-    --label-color: #707070;
+    --label-color: #707070;
-    --label-info: #5d9cec;
+    --label-info: #5d9cec;
-    --header-color: #464b51;
+    --header-color: #464b51;
-    --side-menu-color: #595959;
+    --side-menu-color: #595959;
-}
+}
-
+
-/* HEADER */
+/* HEADER */
-
+
-[class*="PageHeader-header-"] {
+[class*="PageHeader-header-"] {
-    background-color: var(--header-color);
+    background-color: var(--header-color);
-    color: #fff;
+    color: #fff;
-}
+}
-
+
-[class*="PageToolbar-toolbar-"] {
+[class*="PageToolbar-toolbar-"] {
-    background-color: #707070;
+    background-color: #707070;
-    color: var(--text);
+    color: var(--text);
-}
+}
-
+
-/* SIDE MENU */
+/* SIDE MENU */
-
+
-[class*="PageSidebar-sidebar-"] {
+[class*="PageSidebar-sidebar-"] {
-    background-color: var(--side-menu-color);
+    background-color: var(--side-menu-color);
-    color: #fff;
+    color: #fff;
-}
+}
-
+
-[class*=PageSidebarItem-link-]:focus {
+[class*=PageSidebarItem-link-]:focus {
-    color: rgb(var(--accent-color)) !important;
+    color: rgb(var(--accent-color)) !important;
-}
+}
-
+
-[class*=PageSidebarItem-isActiveLink-] {
+[class*=PageSidebarItem-isActiveLink-] {
-    color: var(--link-color) !important;
+    color: var(--link-color) !important;
-}
+}
-
+
-[class*=PageSidebarItem-isActiveParentLink-] {
+[class*=PageSidebarItem-isActiveParentLink-] {
-    background-color: var(--side-menu-active);
+    background-color: var(--side-menu-active);
-}
+}
-
+
-/* SCROLLER */
+/* SCROLLER */
-[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
+[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
-[class*=OverlayScroller-thumb-]:hover {
+[class*=OverlayScroller-thumb-]:hover {
-    background-color: var(--scroller-hover) !important;
+    background-color: var(--scroller-hover) !important;
-}
+}
-
+
-[class*="OverlayScroller-thumb-"],
+[class*="OverlayScroller-thumb-"],
-[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
+[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
-    background-color: var(--scroller) !important;
+    background-color: var(--scroller) !important;
-}
+}
-
+
-/* MODALS */
+/* MODALS */
-
+
-[class*=ModalHeader-modalHeader-],
+[class*=ModalHeader-modalHeader-],
-[class*=FieldSet-legend-] {
+[class*=FieldSet-legend-] {
-    border-bottom: 1px solid var(--border-color);
+    border-bottom: 1px solid var(--border-color);
-}
+}
-
+
-[class*=ModalFooter-modalFooter-] {
+[class*=ModalFooter-modalFooter-] {
-    border-top: 1px solid var(--border-color);
+    border-top: 1px solid var(--border-color);
-}
+}
-
+
-/* LABLES */
+/* LABLES */
-
+
-[class*="Label-default-"] {
+[class*="Label-default-"] {
-    border-color: var(--label-color);
+    border-color: var(--label-color);
-    background-color: var(--label-color);
+    background-color: var(--label-color);
-    color: white;
+    color: white;
-}
+}
-
+
-[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
+[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
-    border-color: var(--label-info);
+    border-color: var(--label-info);
-    background-color: var(--label-info);
+    background-color: var(--label-info);
-    color: #fff;
+    color: #fff;
-}
+}
-
+
-/* SETTINGS */
+/* SETTINGS */
-
+
-[class*=Settings-link-] {
+[class*=Settings-link-] {
-    border-bottom: 1px solid var(--border-color);
+    border-bottom: 1px solid var(--border-color);
-}
+}
-
+
-/* SEARCH DROP DOWN */
+/* SEARCH DROP DOWN */
-
+
-[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
+[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
-    border: 1px solid var(--drop-down-menu-bg);
+    border: 1px solid var(--drop-down-menu-bg);
-    background-color: var(--drop-down-menu-bg);
+    background-color: var(--drop-down-menu-bg);
-    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
-    color: #e1e2e3;
+    color: #e1e2e3;
-}
+}
-
+
-/* SERIES PAGE */
+/* SERIES PAGE */
-
+
-[class*="MovieIndexPoster-controls-"] {
+[class*="MovieIndexPoster-controls-"] {
-    background-color: var(--label-color) !important;
+    background-color: var(--label-color) !important;
-    color: #fff !important;
+    color: #fff !important;
 }
--- a/CSS/addons/readarr/readarr-alt-logo/readarr-alt-logo.css
+++ b/CSS/addons/readarr/readarr-alt-logo/readarr-alt-logo.css
@ -1,53 +1,53 @@
-@media (min-width: 752px) {
+@media (min-width: 752px) {
-    [class*="PageHeader-logo-"]  {
+    [class*="PageHeader-logo-"]  {
-        display: none !important;
+        display: none !important;
-    }
+    }
-    [class*="PageHeader-logoContainer-"]:before {
+    [class*="PageHeader-logoContainer-"]:before {
-        background-image: url("https://theme-park.dev/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png");
+        background-image: url("https://theme-park.dev/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png");
-        display: inline-block;
+        display: inline-block;
-        width: 34px; 
+        width: 34px; 
-        height: 34px;
+        height: 34px;
-        content:"";
+        content:"";
-        background-size:  cover;
+        background-size:  cover;
-        -webkit-background-size:  cover;
+        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
+        -moz-background-size:  cover;
-        -o-background-size: cover;
+        -o-background-size: cover;
-    }    
+    }    
-} 
+} 
-
+
-@media (max-width: 767px) {
+@media (max-width: 767px) {
-    [class*="PageHeader-logo-"]   {
+    [class*="PageHeader-logo-"]   {
-        display: none !important;
+        display: none !important;
-    }   
+    }   
-    [class*="PageHeader-logoContainer-"]:before {
+    [class*="PageHeader-logoContainer-"]:before {
-        background-image: url("https://theme-park.dev/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png");
+        background-image: url("https://theme-park.dev/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png");
-        display: inline-block;
+        display: inline-block;
-        width: 34px; 
+        width: 34px; 
-        height: 34px;
+        height: 34px;
-        content:"";
+        content:"";
-        background-size:  cover;
+        background-size:  cover;
-        -webkit-background-size:  cover;
+        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
+        -moz-background-size:  cover;
-        -o-background-size: cover;
+        -o-background-size: cover;
-    } 
+    } 
-}
+}
-
+
-[class*="LoadingPage-logoFull-"] {
+[class*="LoadingPage-logoFull-"] {
-    display: none !important;
+    display: none !important;
-}
+}
-
+
-[class*="LoadingPage-page-"]:before {
+[class*="LoadingPage-page-"]:before {
-        background-image: url("https://theme-park.dev/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png");
+        background-image: url("https://theme-park.dev/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png");
-        display: inline-block;
+        display: inline-block;
-        width: 48px; 
+        width: 48px; 
-        height: 48px;
+        height: 48px;
-        content:"";
+        content:"";
-        background-size:  cover;
+        background-size:  cover;
-        -webkit-background-size:  cover;
+        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
+        -moz-background-size:  cover;
-        -o-background-size: cover;
+        -o-background-size: cover;
-        margin-top: 50px;
+        margin-top: 50px;
-        margin-right: auto;
+        margin-right: auto;
-        margin-left: auto;
+        margin-left: auto;
-
+
-}
+}
--- a/CSS/addons/readarr/readarr-alt-logo/readme.md
+++ b/CSS/addons/readarr/readarr-alt-logo/readme.md
@ -1,3 +1,3 @@
-Headphone Icon svg made by monkik from www.flaticon.com
+Headphone Icon svg made by monkik from www.flaticon.com
-
+
 https://www.flaticon.com/free-icon/music_2503487?term=headset&related_id=2503487
--- a/CSS/addons/readarr/readarr-darker/readarr-darker.css
+++ b/CSS/addons/readarr/readarr-darker/readarr-darker.css
@ -1,126 +1,126 @@
-:root {
+:root {
-    --main-bg-color: #4a4a4b;
+    --main-bg-color: #4a4a4b;
-
+
-    --modal-bg-color: #353535;
+    --modal-bg-color: #353535;
-    --modal-header-color: #353535;
+    --modal-header-color: #353535;
-    --modal-footer-color: #353535;
+    --modal-footer-color: #353535;
-
+
-    --drop-down-menu-bg: #66001a;
+    --drop-down-menu-bg: #66001a;
-
+
-    --button-color: #5899eb;
+    --button-color: #5899eb;
-    --button-color-hover: #4b91ea;
+    --button-color-hover: #4b91ea;
-    --button-text: #eee;
+    --button-text: #eee;
-    --button-text-hover: #fff;
+    --button-text-hover: #fff;
-
+
-    --accent-color: 202, 48, 45;
+    --accent-color: 202, 48, 45;
-    --accent-color-hover: rgb(var(--accent-color), .8);
+    --accent-color-hover: rgb(var(--accent-color), .8);
-    --link-color: rgb(93, 156, 236);
+    --link-color: rgb(93, 156, 236);
-    --link-color-hover: rgb(93, 156, 236, .8);
+    --link-color-hover: rgb(93, 156, 236, .8);
-    --label-text-color: #eee;
+    --label-text-color: #eee;
-
+
-    --text: #ccc;
+    --text: #ccc;
-    --text-hover: #fff;
+    --text-hover: #fff;
-    --text-muted: #999;
+    --text-muted: #999;
-
+
-    /*Specials*/
+    /*Specials*/
-    --arr-queue-color: #1d563d;
+    --arr-queue-color: #1d563d;
-    --side-menu-active: #252525;
+    --side-menu-active: #252525;
-    --scroller-hover: #606060;
+    --scroller-hover: #606060;
-    --scroller: #707070;
+    --scroller: #707070;
-    --border-color: #606060;
+    --border-color: #606060;
-    --label-color: #810020;
+    --label-color: #810020;
-    --label-info: #5d9cec;
+    --label-info: #5d9cec;
-    --header-color: #a41726;
+    --header-color: #a41726;
-    --side-menu-color: #353535;
+    --side-menu-color: #353535;
-    --side-menu-link-color: #ca302d;
+    --side-menu-link-color: #ca302d;
-}
+}
-
+
-/* HEADER */
+/* HEADER */
-
+
-[class*="PageHeader-header-"] {
+[class*="PageHeader-header-"] {
-    background-color: var(--header-color);
+    background-color: var(--header-color);
-    color: #fff;
+    color: #fff;
-}
+}
-
+
-[class*="PageToolbar-toolbar-"] {
+[class*="PageToolbar-toolbar-"] {
-    background-color: #810020;
+    background-color: #810020;
-    color: #e1e2e3;
+    color: #e1e2e3;
-}
+}
-
+
-/* SIDE MENU */
+/* SIDE MENU */
-
+
-[class*="PageSidebar-sidebar-"] {
+[class*="PageSidebar-sidebar-"] {
-    background-color: #353535;
+    background-color: #353535;
-    color: #fff;
+    color: #fff;
-}
+}
-
+
-[class*=PageSidebarItem-link-]:focus {
+[class*=PageSidebarItem-link-]:focus {
-    color: rgb(var(--accent-color)) !important;
+    color: rgb(var(--accent-color)) !important;
-}
+}
-
+
-[class*=PageSidebarItem-isActiveLink-] {
+[class*=PageSidebarItem-isActiveLink-] {
-    color: var(--side-menu-link-color) !important;
+    color: var(--side-menu-link-color) !important;
-}
+}
-
+
-[class*=PageSidebarItem-isActiveParentLink-] {
+[class*=PageSidebarItem-isActiveParentLink-] {
-    background-color: var(--side-menu-active);
+    background-color: var(--side-menu-active);
-}
+}
-
+
-/* SCROLLER */
+/* SCROLLER */
-[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
+[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
-[class*=OverlayScroller-thumb-]:hover {
+[class*=OverlayScroller-thumb-]:hover {
-    background-color: var(--scroller-hover) !important;
+    background-color: var(--scroller-hover) !important;
-}
+}
-
+
-[class*="OverlayScroller-thumb-"],
+[class*="OverlayScroller-thumb-"],
-[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
+[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
-    background-color: var(--scroller) !important;
+    background-color: var(--scroller) !important;
-}
+}
-
+
-/* MODALS */
+/* MODALS */
-[class*=ModalHeader-modalHeader-],
+[class*=ModalHeader-modalHeader-],
-[class*=FieldSet-legend-] {
+[class*=FieldSet-legend-] {
-    border-bottom: 1px solid var(--border-color);
+    border-bottom: 1px solid var(--border-color);
-}
+}
-
+
-[class*=ModalFooter-modalFooter-] {
+[class*=ModalFooter-modalFooter-] {
-    border-top: 1px solid var(--border-color);
+    border-top: 1px solid var(--border-color);
-}
+}
-
+
-/* LABLES */
+/* LABLES */
-[class*="Label-default-"] {
+[class*="Label-default-"] {
-    border-color: var(--label-color);
+    border-color: var(--label-color);
-    background-color: var(--label-color);
+    background-color: var(--label-color);
-    color: white;
+    color: white;
-}
+}
-
+
-[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
+[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
-    border-color: var(--label-info);
+    border-color: var(--label-info);
-    background-color: var(--label-info);
+    background-color: var(--label-info);
-    color: #fff;
+    color: #fff;
-}
+}
-.Label-default-xecWd {
+.Label-default-xecWd {
-    border-color: #810020;
+    border-color: #810020;
-    background-color: #810020;
+    background-color: #810020;
-}
+}
-
+
-/* SETTINGS */
+/* SETTINGS */
-
+
-[class*=Settings-link-] {
+[class*=Settings-link-] {
-    border-bottom: 1px solid var(--border-color);
+    border-bottom: 1px solid var(--border-color);
-}
+}
-
+
-/* SEARCH DROP DOWN */
+/* SEARCH DROP DOWN */
-[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
+[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
-    border: 1px solid var(--drop-down-menu-bg);
+    border: 1px solid var(--drop-down-menu-bg);
-    background-color: var(--drop-down-menu-bg);
+    background-color: var(--drop-down-menu-bg);
-    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
-    color: #e1e2e3;
+    color: #e1e2e3;
-}
+}
-
+
-/* AUTHOR PAGE */
+/* AUTHOR PAGE */
-
+
-[class*="AuthorDetailsHeader-headerContent-"], [class*="BookDetailsHeader-headerContent-"] {
+[class*="AuthorDetailsHeader-headerContent-"], [class*="BookDetailsHeader-headerContent-"] {
-    color: #fff;
+    color: #fff;
-    background: #4a4a4b;
+    background: #4a4a4b;
 }
--- a/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css
+++ b/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css
@ -1,53 +1,53 @@
-@media (min-width: 752px) {
+@media (min-width: 752px) {
-    [class*="PageHeader-logo-"]  {
+    [class*="PageHeader-logo-"]  {
-        display: none !important;
+        display: none !important;
-    }
+    }
-    [class*="PageHeader-logoContainer-"]:before {
+    [class*="PageHeader-logoContainer-"]:before {
-        background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
+        background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
-        display: inline-block;
+        display: inline-block;
-        width: 32px; 
+        width: 32px; 
-        height: 32px;
+        height: 32px;
-        content:"";
+        content:"";
-        background-size:  cover;
+        background-size:  cover;
-        -webkit-background-size:  cover;
+        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
+        -moz-background-size:  cover;
-        -o-background-size: cover;
+        -o-background-size: cover;
-    }    
+    }    
-} 
+} 
-
+
-@media (max-width: 767px) {
+@media (max-width: 767px) {
-    [class*="PageHeader-logo-"]   {
+    [class*="PageHeader-logo-"]   {
-        display: none !important;
+        display: none !important;
-    }   
+    }   
-    [class*="PageHeader-logoContainer-"]:before {
+    [class*="PageHeader-logoContainer-"]:before {
-        background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
+        background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
-        display: inline-block;
+        display: inline-block;
-        width: 32px; 
+        width: 32px; 
-        height: 32px;
+        height: 32px;
-        content:"";
+        content:"";
-        background-size:  cover;
+        background-size:  cover;
-        -webkit-background-size:  cover;
+        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
+        -moz-background-size:  cover;
-        -o-background-size: cover;
+        -o-background-size: cover;
-    } 
+    } 
-}
+}
-
+
-[class*="LoadingPage-logoFull-"] {
+[class*="LoadingPage-logoFull-"] {
-    display: none !important;
+    display: none !important;
-}
+}
-
+
-[class*="LoadingPage-page-"]:before {
+[class*="LoadingPage-page-"]:before {
-        background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
+        background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
-        display: inline-block;
+        display: inline-block;
-        width: 48px; 
+        width: 48px; 
-        height: 48px;
+        height: 48px;
-        content:"";
+        content:"";
-        background-size:  cover;
+        background-size:  cover;
-        -webkit-background-size:  cover;
+        -webkit-background-size:  cover;
-        -moz-background-size:  cover;
+        -moz-background-size:  cover;
-        -o-background-size: cover;
+        -o-background-size: cover;
-        margin-top: 50px;
+        margin-top: 50px;
-        margin-right: auto;
+        margin-right: auto;
-        margin-left: auto;
+        margin-left: auto;
-
+
-}
+}
--- a/CSS/addons/sonarr/sonarr-darker/sonarr-darker.css
+++ b/CSS/addons/sonarr/sonarr-darker/sonarr-darker.css
@ -1,125 +1,125 @@
-:root {
+:root {
-    --main-bg-color: #4f566f;
+    --main-bg-color: #4f566f;
-
+
-    --modal-bg-color: #3a3f51;
+    --modal-bg-color: #3a3f51;
-    --modal-header-color: #3a3f51;
+    --modal-header-color: #3a3f51;
-    --modal-footer-color: #3a3f51;
+    --modal-footer-color: #3a3f51;
-
+
-    --drop-down-menu-bg: #3a3f51;
+    --drop-down-menu-bg: #3a3f51;
-
+
-    --button-color: #5899eb;
+    --button-color: #5899eb;
-    --button-color-hover: #3483e7;
+    --button-color-hover: #3483e7;
-    --button-text: #eee;
+    --button-text: #eee;
-    --button-text-hover: #fff;
+    --button-text-hover: #fff;
-
+
-    --accent-color: 53, 197, 244;
+    --accent-color: 53, 197, 244;
-    --accent-color-hover: rgb(33, 147, 181);
+    --accent-color-hover: rgb(33, 147, 181);
-    --link-color: #35c5f4;
+    --link-color: #35c5f4;
-    --link-color-hover: rgb(53, 197, 244, .8);
+    --link-color-hover: rgb(53, 197, 244, .8);
-    --label-text-color: #4f566f;
+    --label-text-color: #4f566f;
-
+
-    --text: #ccc;
+    --text: #ccc;
-    --text-hover: #fff;
+    --text-hover: #fff;
-    --text-muted: #999;
+    --text-muted: #999;
-
+
-    /*Specials*/
+    /*Specials*/
-    --arr-queue-color: #35c5f4;
+    --arr-queue-color: #35c5f4;
-    --side-menu-active: #252833;
+    --side-menu-active: #252833;
-    --scroller-hover: #656d8c;
+    --scroller-hover: #656d8c;
-    --scroller: #9ea4b9;
+    --scroller: #9ea4b9;
-    --border-color: #4f566f;
+    --border-color: #4f566f;
-    --label-color: #4f566f;
+    --label-color: #4f566f;
-    --label-info: #5d9cec;
+    --label-info: #5d9cec;
-    --header-color: #2193b5;
+    --header-color: #2193b5;
-    --side-menu-color: #3a3f51;
+    --side-menu-color: #3a3f51;
-}
+}
-
+
-/* HEADER */
+/* HEADER */
-
+
-[class*="PageHeader-header-"] {
+[class*="PageHeader-header-"] {
-    background-color: var(--header-color);
+    background-color: var(--header-color);
-    color: #fff;
+    color: #fff;
-}
+}
-
+
-/* SIDE MENU */
+/* SIDE MENU */
-
+
-[class*="PageSidebar-sidebar-"] {
+[class*="PageSidebar-sidebar-"] {
-    background-color: var(--side-menu-color);
+    background-color: var(--side-menu-color);
-    color: #fff;
+    color: #fff;
-}
+}
-
+
-[class*=PageSidebarItem-link-]:focus {
+[class*=PageSidebarItem-link-]:focus {
-    color: rgb(var(--accent-color)) !important;
+    color: rgb(var(--accent-color)) !important;
-}
+}
-
+
-[class*=PageSidebarItem-isActiveLink-] {
+[class*=PageSidebarItem-isActiveLink-] {
-    color: var(--link-color) !important;
+    color: var(--link-color) !important;
-}
+}
-
+
-[class*=PageSidebarItem-isActiveParentLink-] {
+[class*=PageSidebarItem-isActiveParentLink-] {
-    background-color: var(--side-menu-active);
+    background-color: var(--side-menu-active);
-}
+}
-
+
-/* SCROLLER */
+/* SCROLLER */
-[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
+[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
-[class*=OverlayScroller-thumb-]:hover {
+[class*=OverlayScroller-thumb-]:hover {
-    background-color: var(--scroller-hover) !important;
+    background-color: var(--scroller-hover) !important;
-}
+}
-
+
-[class*="OverlayScroller-thumb-"],
+[class*="OverlayScroller-thumb-"],
-[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
+[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
-    background-color: var(--scroller) !important;
+    background-color: var(--scroller) !important;
-}
+}
-
+
-/* MODALS */
+/* MODALS */
-[class*=ModalHeader-modalHeader-],
+[class*=ModalHeader-modalHeader-],
-[class*=FieldSet-legend-] {
+[class*=FieldSet-legend-] {
-    border-bottom: 1px solid var(--border-color);
+    border-bottom: 1px solid var(--border-color);
-}
+}
-
+
-[class*=ModalFooter-modalFooter-] {
+[class*=ModalFooter-modalFooter-] {
-    border-top: 1px solid var(--border-color);
+    border-top: 1px solid var(--border-color);
-}
+}
-
+
-/* LABLES */
+/* LABLES */
-[class*=Label-default-] {
+[class*=Label-default-] {
-    border-color: var(--label-color);
+    border-color: var(--label-color);
-    background-color: var(--label-color);
+    background-color: var(--label-color);
-    color: white;
+    color: white;
-}
+}
-
+
-[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
+[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
-    border-color: var(--label-info);
+    border-color: var(--label-info);
-    background-color: var(--label-info);
+    background-color: var(--label-info);
-    color: white;
+    color: white;
-}
+}
-
+
-/* SETTINGS */
+/* SETTINGS */
-
+
-[class*=Settings-link-] {
+[class*=Settings-link-] {
-    border-bottom: 1px solid var(--border-color);
+    border-bottom: 1px solid var(--border-color);
-}
+}
-
+
-/* SEARCH DROP DOWN */
+/* SEARCH DROP DOWN */
-[class*="SeriesSearchInput-containerOpen-"] [class*="SeriesSearchInput-seriesContainer-"] {
+[class*="SeriesSearchInput-containerOpen-"] [class*="SeriesSearchInput-seriesContainer-"] {
-    border: 1px solid var(--drop-down-menu-bg);
+    border: 1px solid var(--drop-down-menu-bg);
-    background-color: var(--drop-down-menu-bg);
+    background-color: var(--drop-down-menu-bg);
-    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
-    color: #e1e2e3;
+    color: #e1e2e3;
-}
+}
-
+
-/* SERIES PAGE */
+/* SERIES PAGE */
-[class*="SeriesIndexPoster-controls-"] {
+[class*="SeriesIndexPoster-controls-"] {
-    background-color: var(--label-color) !important;
+    background-color: var(--label-color) !important;
-    color: #fff !important;
+    color: #fff !important;
-}
+}
-
+
-[class*="SeriesIndexPoster-posterContainer-"]>span>button {
+[class*="SeriesIndexPoster-posterContainer-"]>span>button {
-    background-color: transparent;
+    background-color: transparent;
-    color: white !important;
+    color: white !important;
-}
+}
-
+
-[class*="SeriesIndexPoster-action-"]:hover,
+[class*="SeriesIndexPoster-action-"]:hover,
-[class*=SeriesIndexPoster-action-] .fa-search:hover {
+[class*=SeriesIndexPoster-action-] .fa-search:hover {
-    color: #ccc !important;
+    color: #ccc !important;
 }
--- a/CSS/addons/unraid/login-page/alien/alien_base.css
+++ b/CSS/addons/unraid/login-page/alien/alien_base.css
@ -1,245 +1,245 @@
-@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
+@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=Share+Tech+Mono&display=swap";
-@import "https://fonts.googleapis.com/css?family=VT323";
+@import "https://fonts.googleapis.com/css?family=VT323";
-
+
-
+
-    /* Replace the variables if you have a dark background  */
+    /* Replace the variables if you have a dark background  */
-    /* Light colors for dark backgrounds */
+    /* Light colors for dark backgrounds */
-    /*
+    /*
-        --div-background-color-10: rgba(255, 255, 255, 0.1);
+        --div-background-color-10: rgba(255, 255, 255, 0.1);
-        --div-background-color-15: rgba(255, 255, 255, 0.15);
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
-        --div-background-color-25: rgba(255, 255, 255, 0.25);
+        --div-background-color-25: rgba(255, 255, 255, 0.25);
-        --div-background-color-35: rgba(255, 255, 255, 0.35);
+        --div-background-color-35: rgba(255, 255, 255, 0.35);
-    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/hexellence.png
-    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/gplay.png
-    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
-    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
-
+
-    https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES
+    https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES
-    https://brennan.io/2017/06/14/alien-computer-card/
+    https://brennan.io/2017/06/14/alien-computer-card/
-    https://www.cssmatic.com/noise-texture
+    https://www.cssmatic.com/noise-texture
-
+
-    https://codepen.io/somethingformed/pen/raWJXV
+    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,
+    radial-gradient(ellipse at center,#0f7 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
-    */
+    */
-
+
-* {
+* {
-    outline: none;
+    outline: none;
-}
+}
-
+
-@media only screen and (max-width: 500px) {
+@media only screen and (max-width: 500px) {
-    #login {
+    #login {
-        -webkit-backdrop-filter: blur(0px);
+        -webkit-backdrop-filter: blur(0px);
-        backdrop-filter: blur(0px);
+        backdrop-filter: blur(0px);
-        position: absolute;
+        position: absolute;
-        top: 0;
+        top: 0;
-        left: 0;
+        left: 0;
-        bottom: 0;
+        bottom: 0;
-        right: 0;
+        right: 0;
-        height: 100%;
+        height: 100%;
-        width: 100%;
+        width: 100%;
-        border-radius: none !important;
+        border-radius: none !important;
-    }
+    }
-    .background-wrap,#video-bg-elem  {display: none;}
+    .background-wrap,#video-bg-elem  {display: none;}
-    
+    
-    #login {
+    #login {
-        -webkit-box-shadow: inset 0px 0px 0px 2px #F000 !important;
+        -webkit-box-shadow: inset 0px 0px 0px 2px #F000 !important;
-        box-shadow: inset 0px 0px 0px 2px #F000 !important;
+        box-shadow: inset 0px 0px 0px 2px #F000 !important;
-    }
+    }
-}
+}
-
+
-html {
+html {
-    background: var(--main-bg) !important;
+    background: var(--main-bg) !important;
-}
+}
-
+
-body {
+body {
-    background: var(--main-bg) !important;
+    background: var(--main-bg) !important;
-    position: absolute;
+    position: absolute;
-    top: 0;
+    top: 0;
-    left: 0;
+    left: 0;
-    bottom: 0;
+    bottom: 0;
-    right: 0;
+    right: 0;
-    height: 100%;
+    height: 100%;
-    width: 100%;
+    width: 100%;
-    overflow: hidden;
+    overflow: hidden;
-}
+}
-@media only screen and (max-width: 768px) {
+@media only screen and (max-width: 768px) {
-    #login {
+    #login {
-        min-width: 300px;
+        min-width: 300px;
-    }
+    }
-}
+}
-/*FOR VIDEO BACKGROUND*/
+/*FOR VIDEO BACKGROUND*/
-.background-wrap {
+.background-wrap {
-    position: fixed;
+    position: fixed;
-    z-index: -1000;
+    z-index: -1000;
-    width: 100%;
+    width: 100%;
-    height: 100%;
+    height: 100%;
-    overflow: hidden;
+    overflow: hidden;
-    top: 0;
+    top: 0;
-    left: 0;
+    left: 0;
-}
+}
-#video-bg-elem {
+#video-bg-elem {
-    position: absolute;
+    position: absolute;
-    top: 0;
+    top: 0;
-    left: 0;
+    left: 0;
-    min-height: 100%;
+    min-height: 100%;
-    min-width: 100%;
+    min-width: 100%;
-}
+}
-/*TEXT COLOR*/
+/*TEXT COLOR*/
-#login h1,
+#login h1,
-#login h2,
+#login h2,
-#login .error {
+#login .error {
-    color: var(--text-color) !important;
+    color: var(--text-color) !important;
-    text-shadow: var(--text-shadow) var(--text-color);
+    text-shadow: var(--text-shadow) var(--text-color);
-    font-size: 20px;
+    font-size: 20px;
-}
+}
-#login a {
+#login a {
-    color: var(--link-color);
+    color: var(--link-color);
-    text-shadow: var(--text-shadow) var(--text-color);
+    text-shadow: var(--text-shadow) var(--text-color);
-}
+}
-#login a:hover {
+#login a:hover {
-    color: var(--link-color-hover);
+    color: var(--link-color-hover);
-    text-shadow: var(--text-shadow) var(--text-color);
+    text-shadow: var(--text-shadow) var(--text-color);
-}
+}
-#login input {
+#login input {
-    color: var(--input-color);
+    color: var(--input-color);
-    text-shadow: 0 0 5px var(--text-color);
+    text-shadow: 0 0 5px var(--text-color);
-}
+}
-#login ::placeholder {
+#login ::placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-    text-shadow: 0 0 5px var(--text-color);
+    text-shadow: 0 0 5px var(--text-color);
-}
+}
-#login ::-webkit-input-placeholder {
+#login ::-webkit-input-placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-    text-shadow: 0 0 5px var(--text-color);
+    text-shadow: 0 0 5px var(--text-color);
-}
+}
-#login ::-moz-placeholder {
+#login ::-moz-placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-    text-shadow: 0 0 5px var(--text-color);
+    text-shadow: 0 0 5px var(--text-color);
-}
+}
-#login :-ms-input-placeholder {
+#login :-ms-input-placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-    text-shadow: 0 0 5px var(--text-color);
+    text-shadow: 0 0 5px var(--text-color);
-}
+}
-#login :-moz-placeholder {
+#login :-moz-placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-    text-shadow: 0 0 5px var(--text-color);
+    text-shadow: 0 0 5px var(--text-color);
-}
+}
-#login input:focus::-webkit-input-placeholder {
+#login input:focus::-webkit-input-placeholder {
-    color: transparent !important;
+    color: transparent !important;
-    text-shadow: 0 0 0px transparent;
+    text-shadow: 0 0 0px transparent;
-}
+}
-#login input:focus:-moz-placeholder {
+#login input:focus:-moz-placeholder {
-    color: transparent !important;
+    color: transparent !important;
-    text-shadow: 0 0 0px transparent;
+    text-shadow: 0 0 0px transparent;
-}
+}
-#login input:focus::-moz-placeholder {
+#login input:focus::-moz-placeholder {
-    color: transparent !important;
+    color: transparent !important;
-    text-shadow: 0 0 0px transparent;
+    text-shadow: 0 0 0px transparent;
-}
+}
-#login input:focus:-ms-input-placeholder {
+#login input:focus:-ms-input-placeholder {
-    color: transparent !important;
+    color: transparent !important;
-    text-shadow: 0 0 0px transparent;
+    text-shadow: 0 0 0px transparent;
-}
+}
-
+
-/*TEXT FONT*/
+/*TEXT FONT*/
-#login h1,
+#login h1,
-#login h2,
+#login h2,
-#login a,
+#login a,
-#login .button,
+#login .button,
-#login .error {
+#login .error {
-    font-family: var(--text-font);
+    font-family: var(--text-font);
-    -webkit-font-smoothing: none;
+    -webkit-font-smoothing: none;
-    line-height: 1.2;
+    line-height: 1.2;
-}
+}
-
+
-/* CASE COLOR */
+/* CASE COLOR */
-#login [class^='case-'],
+#login [class^='case-'],
-#login [class*=' case-'] {
+#login [class*=' case-'] {
-    font-family: cases!important;
+    font-family: cases!important;
-    speak: none;
+    speak: none;
-    font-style: normal;
+    font-style: normal;
-    font-weight: normal;
+    font-weight: normal;
-    font-variant: normal;
+    font-variant: normal;
-    text-transform: none;
+    text-transform: none;
-    color: var(--case-color);
+    color: var(--case-color);
-    text-shadow: var(--text-shadow) var(--text-color);
+    text-shadow: var(--text-shadow) var(--text-color);
-}
+}
-/*INPUT FORMS*/
+/*INPUT FORMS*/
-#login [type=text],
+#login [type=text],
-#login [type=password] {
+#login [type=password] {
-    font-family: var(--input-font);
+    font-family: var(--input-font);
-    background-color: rgba(0, 0, 0, 0.25);
+    background-color: rgba(0, 0, 0, 0.25);
-    border: 2px solid transparent;
+    border: 2px solid transparent;
-    text-transform: uppercase;
+    text-transform: uppercase;
-    border-radius: 5px;
+    border-radius: 5px;
-}
+}
-#login [type=text]:active,
+#login [type=text]:active,
-#login [type=text]:focus,
+#login [type=text]:focus,
-#login [type=password]:active,
+#login [type=password]:active,
-#login [type=password]:focus {
+#login [type=password]:focus {
-    font-family: var(--input-font);
+    font-family: var(--input-font);
-    background-color: rgba(0, 0, 0, 0.25);
+    background-color: rgba(0, 0, 0, 0.25);
-    border: 2px solid transparent;
+    border: 2px solid transparent;
-    text-transform: uppercase;
+    text-transform: uppercase;
-
+
-}
+}
-
+
-
+
-/*BUTTON*/
+/*BUTTON*/
-#login .button {
+#login .button {
-    color: var(--button-text-color);
+    color: var(--button-text-color);
-    text-shadow: var(--text-shadow) var(--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: 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: -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%;
+    background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
-}
+}
-#login .button:hover {
+#login .button:hover {
-    color: var(--button-text-color-hover);
+    color: var(--button-text-color-hover);
-    text-shadow: var(--text-shadow) var(--button-color-hover);
+    text-shadow: var(--text-shadow) var(--button-color-hover);
-    box-shadow: var(--box-shadow) var(--button-color-hover);
+    box-shadow: var(--box-shadow) var(--button-color-hover);
-    background-color: 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: -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));
+    background: linear-gradient(90deg, var(--button-color2-hover) 0, var(--button-color-hover));
-}
+}
-
+
-
+
-#login {
+#login {
-    background: var(--div-background-color-15) !important;
+    background: var(--div-background-color-15) !important;
-    -webkit-backdrop-filter: blur(10px);
+    -webkit-backdrop-filter: blur(10px);
-    backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
-    padding-top: 1rem;
+    padding-top: 1rem;
-    position: absolute;
+    position: absolute;
-    left: 50%;
+    left: 50%;
-    top: 50%;
+    top: 50%;
-    transform: translate(-50%, -50%) !;
+    transform: translate(-50%, -50%) !;
-    -ms-transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
-    -webkit-transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
-    margin: 0 !important;
+    margin: 0 !important;
-    text-transform: uppercase;
+    text-transform: uppercase;
-    min-width: 300px;
+    min-width: 300px;
-}
+}
-
+
-#login .angle:after {
+#login .angle:after {
-    display: none;
+    display: none;
-}
+}
-#login .wordmark {
+#login .wordmark {
-    display: none;
+    display: none;
-}
+}
-
+
-#login .logo {
+#login .logo {
-    background: var(--logo);
+    background: var(--logo);
-    background-size: contain;
+    background-size: contain;
-    padding: 2rem;
+    padding: 2rem;
-    border-radius: 0;
+    border-radius: 0;
-    margin: 0rem 1rem 0rem 1rem;
+    margin: 0rem 1rem 0rem 1rem;
-}
+}
-#login .error {
+#login .error {
-    animation-name: shake;
+    animation-name: shake;
-    animation-duration: .8s;
+    animation-duration: .8s;
-}
+}
-/*LOGIN BOX SHADOW*/
+/*LOGIN BOX SHADOW*/
-.shadow {
+.shadow {
-    -webkit-box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
+    -webkit-box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
-    box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
+    box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
-}
+}
--- a/CSS/addons/unraid/login-page/alien/custom.css
+++ b/CSS/addons/unraid/login-page/alien/custom.css
@ -1,22 +1,22 @@
-@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css");
+@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css");
-:root {
+: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, 
+    --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;
+    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;
+    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/nostromogreen2.png) center no-repeat;
-    --text-color: #37f592;
+    --text-color: #37f592;
-    --input-color: #37f592;
+    --input-color: #37f592;
-    --link-color: #37f592;
+    --link-color: #37f592;
-    --link-color-hover: #68ffff;
+    --link-color-hover: #68ffff;
-    --case-color: #37f592;
+    --case-color: #37f592;
-    --button-text-color: #37f592;
+    --button-text-color: #37f592;
-    --button-text-color-hover: #000;
+    --button-text-color-hover: #000;
-    --button-color: #37f592;
+    --button-color: #37f592;
-    --button-color2: #0C833D;
+    --button-color2: #0C833D;
-    --button-color-hover: #68ffff;
+    --button-color-hover: #68ffff;
-    --button-color2-hover: #68ffff;
+    --button-color2-hover: #68ffff;
-    --input-font: 'Share Tech Mono', monospace;
+    --input-font: 'Share Tech Mono', monospace;
-    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
-    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
-    --text-shadow: 0 0 8px;
+    --text-shadow: 0 0 8px;
-    --box-shadow: 0 0 15px;
+    --box-shadow: 0 0 15px;
 }
--- a/CSS/addons/unraid/login-page/alien/hallway.css
+++ b/CSS/addons/unraid/login-page/alien/hallway.css
@ -1,22 +1,22 @@
-@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css");
+@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css");
-:root {
+: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, 
+    --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;
+    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;
+    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
-    --text-color: #37f592;
+    --text-color: #37f592;
-    --input-color: #37f592;
+    --input-color: #37f592;
-    --link-color: #37f592;
+    --link-color: #37f592;
-    --link-color-hover: #68ffff;
+    --link-color-hover: #68ffff;
-    --case-color: #37f592;
+    --case-color: #37f592;
-    --button-text-color: #37f592;
+    --button-text-color: #37f592;
-    --button-text-color-hover: #000;
+    --button-text-color-hover: #000;
-    --button-color: #37f592;
+    --button-color: #37f592;
-    --button-color2: #0C833D;
+    --button-color2: #0C833D;
-    --button-color-hover: #68ffff;
+    --button-color-hover: #68ffff;
-    --button-color2-hover: #68ffff;
+    --button-color2-hover: #68ffff;
-    --input-font: 'Share Tech Mono', monospace;
+    --input-font: 'Share Tech Mono', monospace;
-    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
-    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
-    --text-shadow: 0 0 8px;
+    --text-shadow: 0 0 8px;
-    --box-shadow: 0 0 15px;
+    --box-shadow: 0 0 15px;
 }
--- a/CSS/addons/unraid/login-page/alien/hallway2.css
+++ b/CSS/addons/unraid/login-page/alien/hallway2.css
@ -1,22 +1,22 @@
-@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css");
+@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css");
-:root {
+: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, 
+    --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;
+    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;
+    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
-    --text-color: #37f592;
+    --text-color: #37f592;
-    --input-color: #37f592;
+    --input-color: #37f592;
-    --link-color: #37f592;
+    --link-color: #37f592;
-    --link-color-hover: #68ffff;
+    --link-color-hover: #68ffff;
-    --case-color: #37f592;
+    --case-color: #37f592;
-    --button-text-color: #37f592;
+    --button-text-color: #37f592;
-    --button-text-color-hover: #000;
+    --button-text-color-hover: #000;
-    --button-color: #37f592;
+    --button-color: #37f592;
-    --button-color2: #0C833D;
+    --button-color2: #0C833D;
-    --button-color-hover: #68ffff;
+    --button-color-hover: #68ffff;
-    --button-color2-hover: #68ffff;
+    --button-color2-hover: #68ffff;
-    --input-font: 'Share Tech Mono', monospace;
+    --input-font: 'Share Tech Mono', monospace;
-    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
-    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
-    --text-shadow: 0 0 8px;
+    --text-shadow: 0 0 8px;
-    --box-shadow: 0 0 15px;
+    --box-shadow: 0 0 15px;
 }
--- a/CSS/addons/unraid/login-page/alien/hallway3.css
+++ b/CSS/addons/unraid/login-page/alien/hallway3.css
@ -1,22 +1,22 @@
-@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css");
+@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css");
-:root {
+: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, 
+    --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;
+    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;
+    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
-    --text-color: #37f592;
+    --text-color: #37f592;
-    --input-color: #37f592;
+    --input-color: #37f592;
-    --link-color: #37f592;
+    --link-color: #37f592;
-    --link-color-hover: #68ffff;
+    --link-color-hover: #68ffff;
-    --case-color: #37f592;
+    --case-color: #37f592;
-    --button-text-color: #37f592;
+    --button-text-color: #37f592;
-    --button-text-color-hover: #000;
+    --button-text-color-hover: #000;
-    --button-color: #37f592;
+    --button-color: #37f592;
-    --button-color2: #0C833D;
+    --button-color2: #0C833D;
-    --button-color-hover: #68ffff;
+    --button-color-hover: #68ffff;
-    --button-color2-hover: #68ffff;
+    --button-color2-hover: #68ffff;
-    --input-font: 'Share Tech Mono', monospace;
+    --input-font: 'Share Tech Mono', monospace;
-    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
-    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
-    --text-shadow: 0 0 8px;
+    --text-shadow: 0 0 8px;
-    --box-shadow: 0 0 15px;
+    --box-shadow: 0 0 15px;
 }
--- a/CSS/addons/unraid/login-page/alien/hallway4.css
+++ b/CSS/addons/unraid/login-page/alien/hallway4.css
@ -1,22 +1,22 @@
-@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css");
+@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css");
-:root {
+: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, 
+    --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;
+    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;
+    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
-    --text-color: #37f592;
+    --text-color: #37f592;
-    --input-color: #37f592;
+    --input-color: #37f592;
-    --link-color: #37f592;
+    --link-color: #37f592;
-    --link-color-hover: #68ffff;
+    --link-color-hover: #68ffff;
-    --case-color: #37f592;
+    --case-color: #37f592;
-    --button-text-color: #37f592;
+    --button-text-color: #37f592;
-    --button-text-color-hover: #000;
+    --button-text-color-hover: #000;
-    --button-color: #37f592;
+    --button-color: #37f592;
-    --button-color2: #0C833D;
+    --button-color2: #0C833D;
-    --button-color-hover: #68ffff;
+    --button-color-hover: #68ffff;
-    --button-color2-hover: #68ffff;
+    --button-color2-hover: #68ffff;
-    --input-font: 'Share Tech Mono', monospace;
+    --input-font: 'Share Tech Mono', monospace;
-    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
-    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
-    --text-shadow: 0 0 8px;
+    --text-shadow: 0 0 8px;
-    --box-shadow: 0 0 15px;
+    --box-shadow: 0 0 15px;
 }
--- a/CSS/addons/unraid/login-page/alien/isolation.css
+++ b/CSS/addons/unraid/login-page/alien/isolation.css
@ -1,22 +1,22 @@
-@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css");
+@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css");
-:root {
+: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, 
+    --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;
+    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;
+    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
-    --text-color: #37f592;
+    --text-color: #37f592;
-    --input-color: #37f592;
+    --input-color: #37f592;
-    --link-color: #37f592;
+    --link-color: #37f592;
-    --link-color-hover: #68ffff;
+    --link-color-hover: #68ffff;
-    --case-color: #37f592;
+    --case-color: #37f592;
-    --button-text-color: #37f592;
+    --button-text-color: #37f592;
-    --button-text-color-hover: #000;
+    --button-text-color-hover: #000;
-    --button-color: #37f592;
+    --button-color: #37f592;
-    --button-color2: #0C833D;
+    --button-color2: #0C833D;
-    --button-color-hover: #68ffff;
+    --button-color-hover: #68ffff;
-    --button-color2-hover: #68ffff;
+    --button-color2-hover: #68ffff;
-    --input-font: 'Share Tech Mono', monospace;
+    --input-font: 'Share Tech Mono', monospace;
-    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
-    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
-    --text-shadow: 0 0 8px;
+    --text-shadow: 0 0 8px;
-    --box-shadow: 0 0 15px;
+    --box-shadow: 0 0 15px;
 }
--- a/CSS/addons/unraid/login-page/alien/isolation_video.css
+++ b/CSS/addons/unraid/login-page/alien/isolation_video.css
@ -1,21 +1,21 @@
-@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css");
+@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css");
-:root {
+:root {
-    --main-bg: transparent;
+    --main-bg: transparent;
-    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
+    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
-    --text-color: #37f592;
+    --text-color: #37f592;
-    --input-color: #37f592;
+    --input-color: #37f592;
-    --link-color: #37f592;
+    --link-color: #37f592;
-    --link-color-hover: #68ffff;
+    --link-color-hover: #68ffff;
-    --case-color: #37f592;
+    --case-color: #37f592;
-    --button-text-color: #37f592;
+    --button-text-color: #37f592;
-    --button-text-color-hover: #000;
+    --button-text-color-hover: #000;
-    --button-color: #37f592;
+    --button-color: #37f592;
-    --button-color2: #0C833D;
+    --button-color2: #0C833D;
-    --button-color-hover: #68ffff;
+    --button-color-hover: #68ffff;
-    --button-color2-hover: #68ffff;
+    --button-color2-hover: #68ffff;
-    --input-font: 'Share Tech Mono', monospace;
+    --input-font: 'Share Tech Mono', monospace;
-    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
-    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
-    --text-shadow: 0 0 8px;
+    --text-shadow: 0 0 8px;
-    --box-shadow: 0 0 15px;
+    --box-shadow: 0 0 15px;
 }
--- a/CSS/addons/unraid/login-page/alien/js/isolation.js
+++ b/CSS/addons/unraid/login-page/alien/js/isolation.js
@ -1,6 +1,6 @@
-// Adds a video background
+// Adds a video background
-
+
-let video = `
+let video = `
-<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/CSS\/addons\/unraid\/login-page\/alien\/video\/isolation.mp4" type="video\/mp4">Video not supported</video></div>
+<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/CSS\/addons\/unraid\/login-page\/alien\/video\/isolation.mp4" type="video\/mp4">Video not supported</video></div>
-`
+`
 document.body.innerHTML += video
--- a/CSS/addons/unraid/login-page/alien/nightmare.css
+++ b/CSS/addons/unraid/login-page/alien/nightmare.css
@ -1,22 +1,22 @@
-@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css");
+@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css");
-:root {
+: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, 
+    --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;
+    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;
+    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_red.png) center no-repeat;
-    --text-color: #e22828;
+    --text-color: #e22828;
-    --input-color: #e22828;
+    --input-color: #e22828;
-    --link-color: #e22828;
+    --link-color: #e22828;
-    --link-color-hover: #f07777;
+    --link-color-hover: #f07777;
-    --case-color: #e22828;
+    --case-color: #e22828;
-    --button-text-color: #e22828;
+    --button-text-color: #e22828;
-    --button-text-color-hover: #000;
+    --button-text-color-hover: #000;
-    --button-color: #e22828;
+    --button-color: #e22828;
-    --button-color2: #e22828;
+    --button-color2: #e22828;
-    --button-color-hover: #db3232;
+    --button-color-hover: #db3232;
-    --button-color2-hover: #db3232;
+    --button-color2-hover: #db3232;
-    --input-font: 'Share Tech Mono', monospace;
+    --input-font: 'Share Tech Mono', monospace;
-    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
-    --div-background-color-15: rgba(0, 0, 0, 0.55);
+    --div-background-color-15: rgba(0, 0, 0, 0.55);
-    --text-shadow: 0 0 8px;
+    --text-shadow: 0 0 8px;
-    --box-shadow: 0 0 15px;
+    --box-shadow: 0 0 15px;
 }
--- a/CSS/addons/unraid/login-page/alien/scanner.css
+++ b/CSS/addons/unraid/login-page/alien/scanner.css
@ -1,22 +1,22 @@
-@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css");
+@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css");
-:root {
+: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, 
+    --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;
+    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;
+    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/nostromogreen2.png) center no-repeat;
-    --text-color: #37f592;
+    --text-color: #37f592;
-    --input-color: #37f592;
+    --input-color: #37f592;
-    --link-color: #37f592;
+    --link-color: #37f592;
-    --link-color-hover: #68ffff;
+    --link-color-hover: #68ffff;
-    --case-color: #37f592;
+    --case-color: #37f592;
-    --button-text-color: #37f592;
+    --button-text-color: #37f592;
-    --button-text-color-hover: #000;
+    --button-text-color-hover: #000;
-    --button-color: #37f592;
+    --button-color: #37f592;
-    --button-color2: #0C833D;
+    --button-color2: #0C833D;
-    --button-color-hover: #68ffff;
+    --button-color-hover: #68ffff;
-    --button-color2-hover: #68ffff;
+    --button-color2-hover: #68ffff;
-    --input-font: 'Share Tech Mono', monospace;
+    --input-font: 'Share Tech Mono', monospace;
-    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
-    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
-    --text-shadow: 0 0 8px;
+    --text-shadow: 0 0 8px;
-    --box-shadow: 0 0 15px;
+    --box-shadow: 0 0 15px;
 }
--- a/CSS/addons/unraid/login-page/custom_login.sh
+++ b/CSS/addons/unraid/login-page/custom_login.sh
@ -1,67 +1,67 @@
-#!/bin/bash
+#!/bin/bash
-TYPE="retro-terminal"
+TYPE="retro-terminal"
-THEME="green.css"
+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.  
+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"
+ADD_JS="true"
-JS="custom_text_header.js"
+JS="custom_text_header.js"
-DISABLE_THEME="false"
+DISABLE_THEME="false"
-
+
-echo -e "Variables set:\\n\
+echo -e "Variables set:\\n\
-THEME         = ${THEME}\\n\
+THEME         = ${THEME}\\n\
-DOMAIN        = ${DOMAIN}\\n\
+DOMAIN        = ${DOMAIN}\\n\
-ADD_JS        = ${ADD_JS}\\n\
+ADD_JS        = ${ADD_JS}\\n\
-JS            = ${JS}\\n\
+JS            = ${JS}\\n\
-DISABLE_THEME = ${DISABLE_THEME}\\n"
+DISABLE_THEME = ${DISABLE_THEME}\\n"
-
+
-# Restore login.php
+# Restore login.php
-if [ ${DISABLE_THEME} = "true" ]; then
+if [ ${DISABLE_THEME} = "true" ]; then
-  echo "Restoring backup of login.php" 
+  echo "Restoring backup of login.php" 
-  cp -p /usr/local/emhttp/login.php.backup /usr/local/emhttp/login.php
+  cp -p /usr/local/emhttp/login.php.backup /usr/local/emhttp/login.php
-  exit 0
+  exit 0
-fi
+fi
-
+
-# Backup login page if needed.
+# Backup login page if needed.
-if [ ! -f /usr/local/emhttp/login.php.backup ]; then
+if [ ! -f /usr/local/emhttp/login.php.backup ]; then
-  echo "Creating backup of login.php" 
+  echo "Creating backup of login.php" 
-  cp -p /usr/local/emhttp/login.php /usr/local/emhttp/login.php.backup
+  cp -p /usr/local/emhttp/login.php /usr/local/emhttp/login.php.backup
-fi
+fi
-
+
-# Use correct domain style
+# Use correct domain style
-case ${DOMAIN} in
+case ${DOMAIN} in
-  *"github.io"*)
+  *"github.io"*)
-  echo "Switching to github.io URL style"
+  echo "Switching to github.io URL style"
-    DOMAIN="${DOMAIN}\/theme.park"
+    DOMAIN="${DOMAIN}\/theme.park"
-    ;;
+    ;;
-esac
+esac
-
+
-# Adding stylesheets
+# Adding stylesheets
-if ! grep -q ${DOMAIN} /usr/local/emhttp/login.php; then
+if ! grep -q ${DOMAIN} /usr/local/emhttp/login.php; then
-  echo "Adding stylesheet"
+  echo "Adding stylesheet"
-  sed -i -e "\@<style>@i\    <link rel='stylesheet' href='https://${DOMAIN}/CSS/addons/unraid/login-page/${TYPE}/${THEME}'>" /usr/local/emhttp/login.php
+  sed -i -e "\@<style>@i\    <link rel='stylesheet' href='https://${DOMAIN}/CSS/addons/unraid/login-page/${TYPE}/${THEME}'>" /usr/local/emhttp/login.php
-  echo 'Stylesheet set to' ${THEME}
+  echo 'Stylesheet set to' ${THEME}
-fi
+fi
-
+
-# Adding/Removing javascript
+# Adding/Removing javascript
-if [ ${ADD_JS} = "true" ]; then
+if [ ${ADD_JS} = "true" ]; then
-  if ! grep -q ${JS} /usr/local/emhttp/login.php; then
+  if ! grep -q ${JS} /usr/local/emhttp/login.php; then
-    if grep -q "<script type='text/javascript' src='https://${DOMAIN}/CSS/addons/unraid/login-page/" /usr/local/emhttp/login.php; then
+    if grep -q "<script type='text/javascript' src='https://${DOMAIN}/CSS/addons/unraid/login-page/" /usr/local/emhttp/login.php; then
-      echo "Replacing Javascript"
+      echo "Replacing Javascript"
-      sed -i "/<script type='text\/javascript' src='https:\/\/${DOMAIN}\/CSS\/addons\/unraid\/login-page/c <script type='text/javascript' src='https://${DOMAIN}/CSS/addons/unraid/login-page/${TYPE}/js/${JS}'></script>" /usr/local/emhttp/login.php
+      sed -i "/<script type='text\/javascript' src='https:\/\/${DOMAIN}\/CSS\/addons\/unraid\/login-page/c <script type='text/javascript' src='https://${DOMAIN}/CSS/addons/unraid/login-page/${TYPE}/js/${JS}'></script>" /usr/local/emhttp/login.php
-    else
+    else
-      echo "Adding javascript"
+      echo "Adding javascript"
-      sed -i -e "\@</body>@i\    <script type='text/javascript' src='https://${DOMAIN}/CSS/addons/unraid/login-page/${TYPE}/js/${JS}'></script>" /usr/local/emhttp/login.php
+      sed -i -e "\@</body>@i\    <script type='text/javascript' src='https://${DOMAIN}/CSS/addons/unraid/login-page/${TYPE}/js/${JS}'></script>" /usr/local/emhttp/login.php
-    fi
+    fi
-  fi
+  fi
-else
+else
-  if grep -q ${JS} /usr/local/emhttp/login.php; then
+  if grep -q ${JS} /usr/local/emhttp/login.php; then
-    echo "Removing javascript.."
+    echo "Removing javascript.."
-    sed -i "/<script type='text\/javascript' src='https:\/\/${DOMAIN}\/CSS\/addons\/unraid\/login-page/d" /usr/local/emhttp/login.php
+    sed -i "/<script type='text\/javascript' src='https:\/\/${DOMAIN}\/CSS\/addons\/unraid\/login-page/d" /usr/local/emhttp/login.php
-  fi
+  fi
-fi
+fi
-
+
-# Changing stylesheet
+# Changing stylesheet
-if ! grep -q ${TYPE}"/"${THEME} /usr/local/emhttp/login.php; then
+if ! grep -q ${TYPE}"/"${THEME} /usr/local/emhttp/login.php; then
-  echo "Changing existing custom stylesheet.." 
+  echo "Changing existing custom stylesheet.." 
-  sed -i "/<link rel='stylesheet' href='https:\/\/${DOMAIN}\/CSS\/addons\/unraid\/login-page/c <link rel='stylesheet' href='https://${DOMAIN}/CSS/addons/unraid/login-page/${TYPE}/${THEME}'>" /usr/local/emhttp/login.php
+  sed -i "/<link rel='stylesheet' href='https:\/\/${DOMAIN}\/CSS\/addons\/unraid\/login-page/c <link rel='stylesheet' href='https://${DOMAIN}/CSS/addons/unraid/login-page/${TYPE}/${THEME}'>" /usr/local/emhttp/login.php
-  echo 'Stylesheet set to' ${THEME}
+  echo 'Stylesheet set to' ${THEME}
-fi
+fi
--- a/CSS/addons/unraid/login-page/fallout/custom.css
+++ b/CSS/addons/unraid/login-page/fallout/custom.css
@ -1,218 +1,218 @@
-@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
+@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=Share+Tech+Mono&display=swap";
-@import "https://fonts.googleapis.com/css?family=VT323";
+@import "https://fonts.googleapis.com/css?family=VT323";
-:root {
+:root {
-    --main-bg-color: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png), url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/6Ua3u8.jpg) center center/cover no-repeat fixed;
+    --main-bg-color: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png), url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/6Ua3u8.jpg) center center/cover no-repeat fixed;
-    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault.png) center no-repeat;
+    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault.png) center no-repeat;
-    --text-color: #14F074;
+    --text-color: #14F074;
-    --input-color: #14F074;
+    --input-color: #14F074;
-    --link-color: #14F074;
+    --link-color: #14F074;
-    --link-color-hover: #0C833D;
+    --link-color-hover: #0C833D;
-    --case-color: #14F074;
+    --case-color: #14F074;
-    --button-text-color: #14F074;
+    --button-text-color: #14F074;
-    --button-text-color-hover: #FFFFFF;
+    --button-text-color-hover: #FFFFFF;
-    --button-color: #14F074;
+    --button-color: #14F074;
-    --button-color2: #0C833D;
+    --button-color2: #0C833D;
-    --input-font: 'Share Tech Mono', monospace;
+    --input-font: 'Share Tech Mono', monospace;
-    --text-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;
-    --div-background-color-15: rgba(0, 0, 0, 0.25);
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
-
+
-    /* Replace the variables if you have a dark background  */
+    /* Replace the variables if you have a dark background  */
-    /* Light colors for dark backgrounds */
+    /* Light colors for dark backgrounds */
-    /*
+    /*
-        --div-background-color-10: rgba(255, 255, 255, 0.1);
+        --div-background-color-10: rgba(255, 255, 255, 0.1);
-        --div-background-color-15: rgba(255, 255, 255, 0.15);
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
-        --div-background-color-25: rgba(255, 255, 255, 0.25);
+        --div-background-color-25: rgba(255, 255, 255, 0.25);
-        --div-background-color-35: rgba(255, 255, 255, 0.35);
+        --div-background-color-35: rgba(255, 255, 255, 0.35);
-    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/hexellence.png
-    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/gplay.png
-    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
-    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
-    */
+    */
-}
+}
-
+
-@media (max-width: 500px) {
+@media (max-width: 500px) {
-    #login {
+    #login {
-        -webkit-backdrop-filter: blur(0px);
+        -webkit-backdrop-filter: blur(0px);
-        backdrop-filter: blur(0px);
+        backdrop-filter: blur(0px);
-        position: absolute;
+        position: absolute;
-        top: 0;
+        top: 0;
-        left: 0;
+        left: 0;
-        bottom: 0;
+        bottom: 0;
-        right: 0;
+        right: 0;
-        height: 100%;
+        height: 100%;
-        width: 100%;
+        width: 100%;
-        border-radius: none !important;
+        border-radius: none !important;
-    }
+    }
-    .background-wrap,#video-bg-elem  {display: none;}
+    .background-wrap,#video-bg-elem  {display: none;}
-}
+}
-
+
-html {
+html {
-    background: var(--main-bg-color) !important;
+    background: var(--main-bg-color) !important;
-}
+}
-body {
+body {
-    background: var(--main-bg-color) !important;
+    background: var(--main-bg-color) !important;
-    position: absolute;
+    position: absolute;
-    top: 0;
+    top: 0;
-    left: 0;
+    left: 0;
-    bottom: 0;
+    bottom: 0;
-    right: 0;
+    right: 0;
-    height: 100%;
+    height: 100%;
-    width: 100%;
+    width: 100%;
-    overflow: hidden;
+    overflow: hidden;
-}
+}
-@media only screen and (max-width: 768px) {
+@media only screen and (max-width: 768px) {
-    #login {
+    #login {
-        min-width: 300px;
+        min-width: 300px;
-    }
+    }
-}
+}
-/*FOR VIDEO BACKGROUND*/
+/*FOR VIDEO BACKGROUND*/
-.background-wrap {
+.background-wrap {
-    position: fixed;
+    position: fixed;
-    z-index: -1000;
+    z-index: -1000;
-    width: 100%;
+    width: 100%;
-    height: 100%;
+    height: 100%;
-    overflow: hidden;
+    overflow: hidden;
-    top: 0;
+    top: 0;
-    left: 0;
+    left: 0;
-}
+}
-#video-bg-elem {
+#video-bg-elem {
-    position: absolute;
+    position: absolute;
-    top: 0;
+    top: 0;
-    left: 0;
+    left: 0;
-    min-height: 100%;
+    min-height: 100%;
-    min-width: 100%;
+    min-width: 100%;
-}
+}
-/*TEXT COLOR*/
+/*TEXT COLOR*/
-#login h1,
+#login h1,
-#login h2,
+#login h2,
-#login .error {
+#login .error {
-    color: var(--text-color) !important;
+    color: var(--text-color) !important;
-}
+}
-#login a {
+#login a {
-    color: var(--link-color);
+    color: var(--link-color);
-}
+}
-#login a:hover {
+#login a:hover {
-    color: var(--link-color-hover);
+    color: var(--link-color-hover);
-}
+}
-#login input {
+#login input {
-    color: var(--input-color);
+    color: var(--input-color);
-}
+}
-#login ::placeholder {
+#login ::placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-}
+}
-#login ::-webkit-input-placeholder {
+#login ::-webkit-input-placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-}
+}
-#login ::-moz-placeholder {
+#login ::-moz-placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-}
+}
-#login :-ms-input-placeholder {
+#login :-ms-input-placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-}
+}
-#login :-moz-placeholder {
+#login :-moz-placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-}
+}
-#login input:focus::-webkit-input-placeholder {
+#login input:focus::-webkit-input-placeholder {
-    color: transparent !important;
+    color: transparent !important;
-}
+}
-#login input:focus:-moz-placeholder {
+#login input:focus:-moz-placeholder {
-    color: transparent !important;
+    color: transparent !important;
-}
+}
-#login input:focus::-moz-placeholder {
+#login input:focus::-moz-placeholder {
-    color: transparent !important;
+    color: transparent !important;
-}
+}
-#login input:focus:-ms-input-placeholder {
+#login input:focus:-ms-input-placeholder {
-    color: transparent !important;
+    color: transparent !important;
-}
+}
-
+
-/*TEXT FONT*/
+/*TEXT FONT*/
-#login h1,
+#login h1,
-#login h2,
+#login h2,
-#login a,
+#login a,
-#login .button,
+#login .button,
-#login .error {
+#login .error {
-    font-family: var(--text-font);
+    font-family: var(--text-font);
-}
+}
-
+
-/* CASE COLOR */
+/* CASE COLOR */
-#login [class^='case-'],
+#login [class^='case-'],
-#login [class*=' case-'] {
+#login [class*=' case-'] {
-    font-family: cases!important;
+    font-family: cases!important;
-    speak: none;
+    speak: none;
-    font-style: normal;
+    font-style: normal;
-    font-weight: normal;
+    font-weight: normal;
-    font-variant: normal;
+    font-variant: normal;
-    text-transform: none;
+    text-transform: none;
-    color: var(--case-color);
+    color: var(--case-color);
-}
+}
-/*INPUT FORMS*/
+/*INPUT FORMS*/
-#login [type=text],
+#login [type=text],
-#login [type=password] {
+#login [type=password] {
-    font-family: var(--input-font);
+    font-family: var(--input-font);
-    background-color: rgba(0, 0, 0, 0.25);
+    background-color: rgba(0, 0, 0, 0.25);
-    border: 2px solid transparent;
+    border: 2px solid transparent;
-    text-transform: uppercase;
+    text-transform: uppercase;
-    border-radius: 5px;
+    border-radius: 5px;
-}
+}
-#login [type=text]:active,
+#login [type=text]:active,
-#login [type=text]:focus,
+#login [type=text]:focus,
-#login [type=password]:active,
+#login [type=password]:active,
-#login [type=password]:focus {
+#login [type=password]:focus {
-    font-family: var(--input-font);
+    font-family: var(--input-font);
-    background-color: rgba(0, 0, 0, 0.25);
+    background-color: rgba(0, 0, 0, 0.25);
-    border: 2px solid transparent;
+    border: 2px solid transparent;
-    text-transform: uppercase;
+    text-transform: uppercase;
-
+
-}
+}
-
+
-
+
-/*BUTTON*/
+/*BUTTON*/
-#login .button {
+#login .button {
-    color: var(--button-text-color);
+    color: var(--button-text-color);
-    background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
+    background: 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: -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%;
+    background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
-}
+}
-#login .button:hover {
+#login .button:hover {
-    color: var(--button-text-color-hover);
+    color: var(--button-text-color-hover);
-    background-color: var(--button-color);
+    background-color: var(--button-color);
-    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color)));
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color)));
-    background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color));
+    background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color));
-}
+}
-
+
-
+
-#login {
+#login {
-    background: var(--div-background-color-15) !important;
+    background: var(--div-background-color-15) !important;
-    -webkit-backdrop-filter: blur(10px);
+    -webkit-backdrop-filter: blur(10px);
-    backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
-    padding-top: 1rem;
+    padding-top: 1rem;
-    position: absolute;
+    position: absolute;
-    left: 50%;
+    left: 50%;
-    top: 50%;
+    top: 50%;
-    transform: translate(-50%, -50%) !;
+    transform: translate(-50%, -50%) !;
-    -ms-transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
-    -webkit-transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
-    margin: 0 !important;
+    margin: 0 !important;
-    text-transform: uppercase;
+    text-transform: uppercase;
-    min-width: 300px;
+    min-width: 300px;
-}
+}
-
+
-#login .angle:after {
+#login .angle:after {
-    display: none;
+    display: none;
-}
+}
-#login .wordmark {
+#login .wordmark {
-    display: none;
+    display: none;
-}
+}
-
+
-#login .logo {
+#login .logo {
-    background: var(--logo);
+    background: var(--logo);
-    background-size: contain;
+    background-size: contain;
-    padding: 2rem;
+    padding: 2rem;
-    border-radius: 0;
+    border-radius: 0;
-    margin: 0rem 1rem 0rem 1rem;
+    margin: 0rem 1rem 0rem 1rem;
-}
+}
-#login .error {
+#login .error {
-    animation-name: shake;
+    animation-name: shake;
-    animation-duration: .8s;
+    animation-duration: .8s;
-}
+}
--- a/CSS/addons/unraid/login-page/fallout/dirty_terminal.css
+++ b/CSS/addons/unraid/login-page/fallout/dirty_terminal.css
@ -1,28 +1,28 @@
-@import url("https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css");
+@import url("https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css");
-:root {
+:root {
-    --main-bg-color: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),
+    --main-bg-color: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),
-    url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;
+    url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;
-    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
+    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
-    --text-color: #14F074;
+    --text-color: #14F074;
-    --input-color: #14F074;
+    --input-color: #14F074;
-    --link-color: #14F074;
+    --link-color: #14F074;
-    --link-color-hover: #0C833D;
+    --link-color-hover: #0C833D;
-    --case-color: #14F074;
+    --case-color: #14F074;
-    --button-text-color: #14F074;
+    --button-text-color: #14F074;
-    --button-text-color-hover: #FFFFFF;
+    --button-text-color-hover: #FFFFFF;
-    --button-color: #14F074;
+    --button-color: #14F074;
-    --button-color2: #0C833D;
+    --button-color2: #0C833D;
-    --input-font: 'Share Tech Mono', monospace;
+    --input-font: 'Share Tech Mono', monospace;
-    --text-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;
-    --div-background-color-15: rgba(0, 0, 0, 0.25);
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
-
+
-    /* Replace the variables if you have a dark background  */
+    /* Replace the variables if you have a dark background  */
-    /* Light colors for dark backgrounds */
+    /* Light colors for dark backgrounds */
-    /*
+    /*
-        --div-background-color-15: rgba(255, 255, 255, 0.15);
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
-    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/hexellence.png
-    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/gplay.png
-    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
-    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
-    */
+    */
 }
--- a/CSS/addons/unraid/login-page/fallout/dirty_terminal2.css
+++ b/CSS/addons/unraid/login-page/fallout/dirty_terminal2.css
@ -1,28 +1,28 @@
-@import url("https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css");
+@import url("https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css");
-:root {
+:root {
-    --main-bg-color: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),
+    --main-bg-color: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),
-    url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;
+    url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;
-    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
+    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
-    --text-color: #14F074;
+    --text-color: #14F074;
-    --input-color: #14F074;
+    --input-color: #14F074;
-    --link-color: #14F074;
+    --link-color: #14F074;
-    --link-color-hover: #0C833D;
+    --link-color-hover: #0C833D;
-    --case-color: #14F074;
+    --case-color: #14F074;
-    --button-text-color: #14F074;
+    --button-text-color: #14F074;
-    --button-text-color-hover: #FFFFFF;
+    --button-text-color-hover: #FFFFFF;
-    --button-color: #14F074;
+    --button-color: #14F074;
-    --button-color2: #0C833D;
+    --button-color2: #0C833D;
-    --input-font: 'Share Tech Mono', monospace;
+    --input-font: 'Share Tech Mono', monospace;
-    --text-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;
-    --div-background-color-15: rgba(0, 0, 0, 0.25);
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
-
+
-    /* Replace the variables if you have a dark background  */
+    /* Replace the variables if you have a dark background  */
-    /* Light colors for dark backgrounds */
+    /* Light colors for dark backgrounds */
-    /*
+    /*
-        --div-background-color-15: rgba(255, 255, 255, 0.15);
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
-    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/hexellence.png
-    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/gplay.png
-    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
-    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
-    */
+    */
 }
--- a/CSS/addons/unraid/login-page/fallout/fallout_base.css
+++ b/CSS/addons/unraid/login-page/fallout/fallout_base.css
@ -1,195 +1,195 @@
-@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
+@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=Share+Tech+Mono&display=swap";
-@import "https://fonts.googleapis.com/css?family=VT323";
+@import "https://fonts.googleapis.com/css?family=VT323";
-
+
-
+
-* {
+* {
-    outline: none;
+    outline: none;
-}
+}
-
+
-@media (max-width: 500px) {
+@media (max-width: 500px) {
-    #login {
+    #login {
-        -webkit-backdrop-filter: blur(0px);
+        -webkit-backdrop-filter: blur(0px);
-        backdrop-filter: blur(0px);
+        backdrop-filter: blur(0px);
-        position: absolute;
+        position: absolute;
-        top: 0;
+        top: 0;
-        left: 0;
+        left: 0;
-        bottom: 0;
+        bottom: 0;
-        right: 0;
+        right: 0;
-        height: 100%;
+        height: 100%;
-        width: 100%;
+        width: 100%;
-        border-radius: none !important;
+        border-radius: none !important;
-    }
+    }
-    .background-wrap,#video-bg-elem  {display: none;}
+    .background-wrap,#video-bg-elem  {display: none;}
-}
+}
-
+
-html {
+html {
-    background: var(--main-bg-color) !important;
+    background: var(--main-bg-color) !important;
-}
+}
-body {
+body {
-    background: var(--main-bg-color) !important;
+    background: var(--main-bg-color) !important;
-    position: absolute;
+    position: absolute;
-    top: 0;
+    top: 0;
-    left: 0;
+    left: 0;
-    bottom: 0;
+    bottom: 0;
-    right: 0;
+    right: 0;
-    height: 100%;
+    height: 100%;
-    width: 100%;
+    width: 100%;
-    overflow: hidden;
+    overflow: hidden;
-}
+}
-@media only screen and (max-width: 768px) {
+@media only screen and (max-width: 768px) {
-    #login {
+    #login {
-        min-width: 300px;
+        min-width: 300px;
-    }
+    }
-}
+}
-/*FOR VIDEO BACKGROUND*/
+/*FOR VIDEO BACKGROUND*/
-.background-wrap {
+.background-wrap {
-    position: fixed;
+    position: fixed;
-    z-index: -1000;
+    z-index: -1000;
-    width: 100%;
+    width: 100%;
-    height: 100%;
+    height: 100%;
-    overflow: hidden;
+    overflow: hidden;
-    top: 0;
+    top: 0;
-    left: 0;
+    left: 0;
-}
+}
-#video-bg-elem {
+#video-bg-elem {
-    display: block;
+    display: block;
-    position: absolute;
+    position: absolute;
-    left: 50%;
+    left: 50%;
-    top: 50%;
+    top: 50%;
-    transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
-    z-index: 1;
+    z-index: 1;
-}
+}
-/*TEXT COLOR*/
+/*TEXT COLOR*/
-#login h1,
+#login h1,
-#login h2,
+#login h2,
-#login .error {
+#login .error {
-    color: var(--text-color) !important;
+    color: var(--text-color) !important;
-}
+}
-#login a {
+#login a {
-    color: var(--link-color);
+    color: var(--link-color);
-}
+}
-#login a:hover {
+#login a:hover {
-    color: var(--link-color-hover);
+    color: var(--link-color-hover);
-}
+}
-#login input {
+#login input {
-    color: var(--input-color);
+    color: var(--input-color);
-}
+}
-#login ::placeholder {
+#login ::placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-}
+}
-#login ::-webkit-input-placeholder {
+#login ::-webkit-input-placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-}
+}
-#login ::-moz-placeholder {
+#login ::-moz-placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-}
+}
-#login :-ms-input-placeholder {
+#login :-ms-input-placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-}
+}
-#login :-moz-placeholder {
+#login :-moz-placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-}
+}
-#login input:focus::-webkit-input-placeholder {
+#login input:focus::-webkit-input-placeholder {
-    color: transparent !important;
+    color: transparent !important;
-}
+}
-#login input:focus:-moz-placeholder {
+#login input:focus:-moz-placeholder {
-    color: transparent !important;
+    color: transparent !important;
-}
+}
-#login input:focus::-moz-placeholder {
+#login input:focus::-moz-placeholder {
-    color: transparent !important;
+    color: transparent !important;
-}
+}
-#login input:focus:-ms-input-placeholder {
+#login input:focus:-ms-input-placeholder {
-    color: transparent !important;
+    color: transparent !important;
-}
+}
-
+
-/*TEXT FONT*/
+/*TEXT FONT*/
-#login h1,
+#login h1,
-#login h2,
+#login h2,
-#login a,
+#login a,
-#login .button,
+#login .button,
-#login .error {
+#login .error {
-    font-family: var(--text-font);
+    font-family: var(--text-font);
-}
+}
-
+
-/* CASE COLOR */
+/* CASE COLOR */
-#login [class^='case-'],
+#login [class^='case-'],
-#login [class*=' case-'] {
+#login [class*=' case-'] {
-    font-family: cases!important;
+    font-family: cases!important;
-    speak: none;
+    speak: none;
-    font-style: normal;
+    font-style: normal;
-    font-weight: normal;
+    font-weight: normal;
-    font-variant: normal;
+    font-variant: normal;
-    text-transform: none;
+    text-transform: none;
-    color: var(--case-color);
+    color: var(--case-color);
-}
+}
-/*INPUT FORMS*/
+/*INPUT FORMS*/
-#login [type=text],
+#login [type=text],
-#login [type=password] {
+#login [type=password] {
-    font-family: var(--input-font);
+    font-family: var(--input-font);
-    background-color: rgba(0, 0, 0, 0.25);
+    background-color: rgba(0, 0, 0, 0.25);
-    border: 2px solid transparent;
+    border: 2px solid transparent;
-    text-transform: uppercase;
+    text-transform: uppercase;
-    border-radius: 5px;
+    border-radius: 5px;
-}
+}
-#login [type=text]:active,
+#login [type=text]:active,
-#login [type=text]:focus,
+#login [type=text]:focus,
-#login [type=password]:active,
+#login [type=password]:active,
-#login [type=password]:focus {
+#login [type=password]:focus {
-    font-family: var(--input-font);
+    font-family: var(--input-font);
-    background-color: rgba(0, 0, 0, 0.25);
+    background-color: rgba(0, 0, 0, 0.25);
-    border: 2px solid transparent;
+    border: 2px solid transparent;
-    text-transform: uppercase;
+    text-transform: uppercase;
-
+
-}
+}
-
+
-
+
-/*BUTTON*/
+/*BUTTON*/
-#login .button {
+#login .button {
-    color: var(--button-text-color);
+    color: var(--button-text-color);
-    background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
+    background: 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: -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%;
+    background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
-}
+}
-#login .button:hover {
+#login .button:hover {
-    color: var(--button-text-color-hover);
+    color: var(--button-text-color-hover);
-    background-color: var(--button-color);
+    background-color: var(--button-color);
-    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color)));
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color)));
-    background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color));
+    background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color));
-}
+}
-
+
-
+
-#login {
+#login {
-    background: var(--div-background-color-15) !important;
+    background: var(--div-background-color-15) !important;
-    -webkit-backdrop-filter: blur(10px);
+    -webkit-backdrop-filter: blur(10px);
-    backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
-    padding-top: 1rem;
+    padding-top: 1rem;
-    position: absolute;
+    position: absolute;
-    left: 50%;
+    left: 50%;
-    top: 50%;
+    top: 50%;
-    transform: translate(-50%, -50%) !;
+    transform: translate(-50%, -50%) !;
-    -ms-transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
-    -webkit-transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
-    margin: 0 !important;
+    margin: 0 !important;
-    text-transform: uppercase;
+    text-transform: uppercase;
-    min-width: 300px;
+    min-width: 300px;
-}
+}
-
+
-#login .angle:after {
+#login .angle:after {
-    display: none;
+    display: none;
-}
+}
-#login .wordmark {
+#login .wordmark {
-    display: none;
+    display: none;
-}
+}
-
+
-#login .logo {
+#login .logo {
-    background: var(--logo);
+    background: var(--logo);
-    background-size: contain;
+    background-size: contain;
-    padding: 2rem;
+    padding: 2rem;
-    border-radius: 0;
+    border-radius: 0;
-    margin: 0rem 1rem 0rem 1rem;
+    margin: 0rem 1rem 0rem 1rem;
-}
+}
-#login .error {
+#login .error {
-    animation-name: shake;
+    animation-name: shake;
-    animation-duration: .8s;
+    animation-duration: .8s;
-}
+}
--- a/CSS/addons/unraid/login-page/fallout/fallout_video.css
+++ b/CSS/addons/unraid/login-page/fallout/fallout_video.css
@ -1,35 +1,35 @@
-@import url("https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css");
+@import url("https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css");
-:root {
+:root {
-    --main-bg-color: transparent;
+    --main-bg-color: transparent;
-    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
+    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
-    --text-color: #14F074;
+    --text-color: #14F074;
-    --input-color: #14F074;
+    --input-color: #14F074;
-    --link-color: #14F074;
+    --link-color: #14F074;
-    --link-color-hover: #0C833D;
+    --link-color-hover: #0C833D;
-    --case-color: #14F074;
+    --case-color: #14F074;
-    --button-text-color: #14F074;
+    --button-text-color: #14F074;
-    --button-text-color-hover: #FFFFFF;
+    --button-text-color-hover: #FFFFFF;
-    --button-color: #14F074;
+    --button-color: #14F074;
-    --button-color2: #0C833D;
+    --button-color2: #0C833D;
-    --input-font: 'Share Tech Mono', monospace;
+    --input-font: 'Share Tech Mono', monospace;
-    --text-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;
-    --div-background-color-15: #0ea85118;
+    --div-background-color-15: #0ea85118;
-
+
-    /* Replace the variables if you have a dark background  */
+    /* Replace the variables if you have a dark background  */
-    /* Light colors for dark backgrounds */
+    /* Light colors for dark backgrounds */
-    /*
+    /*
-        --div-background-color-15: rgba(255, 255, 255, 0.15);
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
-    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/hexellence.png
-    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/gplay.png
-    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
-    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
-    */
+    */
-}
+}
-@media (max-width: 500px) {
+@media (max-width: 500px) {
-    body {
+    body {
-        background: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed !important;
+        background: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed !important;
-    }
+    }
-    :root {
+    :root {
-        --div-background-color-15: transparent; 
+        --div-background-color-15: transparent; 
-    }
+    }
 }
--- a/CSS/addons/unraid/login-page/fallout/js/please_stand_by.js
+++ b/CSS/addons/unraid/login-page/fallout/js/please_stand_by.js
@ -1,7 +1,7 @@
-// Adds a video background
+// Adds a video background
-// Source: https://www.youtube.com/watch?v=ehvduomE0AU
+// Source: https://www.youtube.com/watch?v=ehvduomE0AU
-
+
-let video = `
+let video = `
-<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/CSS\/addons\/unraid\/login-page\/fallout\/video\/please_stand_by.mp4" type="video\/mp4">Video not supported</video></div>
+<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/CSS\/addons\/unraid\/login-page\/fallout\/video\/please_stand_by.mp4" type="video\/mp4">Video not supported</video></div>
-`
+`
-document.body.innerHTML += video
+document.body.innerHTML += video
--- a/CSS/addons/unraid/login-page/fallout/js/vault-tec-crt.js
+++ b/CSS/addons/unraid/login-page/fallout/js/vault-tec-crt.js
@ -1,7 +1,7 @@
-// Adds a video background
+// Adds a video background
-// Source: https://steamcommunity.com/sharedfiles/filedetails/?id=920035918
+// Source: https://steamcommunity.com/sharedfiles/filedetails/?id=920035918
-
+
-let video = `
+let video = `
-<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/CSS\/addons\/unraid\/login-page\/fallout\/video\/VaultTecCRTLoop.mp4" type="video\/mp4">Video not supported</video></div>
+<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/CSS\/addons\/unraid\/login-page\/fallout\/video\/VaultTecCRTLoop.mp4" type="video\/mp4">Video not supported</video></div>
-`
+`
-document.body.innerHTML += video;
+document.body.innerHTML += video;
--- a/CSS/addons/unraid/login-page/fallout/js/vault-tec-crt_no-scanline.js
+++ b/CSS/addons/unraid/login-page/fallout/js/vault-tec-crt_no-scanline.js
@ -1,7 +1,7 @@
-// Adds a video background
+// Adds a video background
-// Source: https://www.youtube.com/watch?v=ehvduomE0AU
+// Source: https://www.youtube.com/watch?v=ehvduomE0AU
-
+
-let video = `
+let video = `
-<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/CSS\/addons\/unraid\/login-page\/fallout\/video\/VaultTecCRTLoopNoScanline.mp4" type="video\/mp4">Video not supported</video></div>
+<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/theme.park\/CSS\/addons\/unraid\/login-page\/fallout\/video\/VaultTecCRTLoopNoScanline.mp4" type="video\/mp4">Video not supported</video></div>
-`
+`
-document.body.innerHTML += video
+document.body.innerHTML += video
--- a/CSS/addons/unraid/login-page/fallout/terminal.css
+++ b/CSS/addons/unraid/login-page/fallout/terminal.css
@ -1,27 +1,27 @@
-@import url("https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css");
+@import url("https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css");
-:root {
+:root {
-    --main-bg-color: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;
+    --main-bg-color: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;
-    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
+    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
-    --text-color: #14F074;
+    --text-color: #14F074;
-    --input-color: #14F074;
+    --input-color: #14F074;
-    --link-color: #14F074;
+    --link-color: #14F074;
-    --link-color-hover: #0C833D;
+    --link-color-hover: #0C833D;
-    --case-color: #14F074;
+    --case-color: #14F074;
-    --button-text-color: #14F074;
+    --button-text-color: #14F074;
-    --button-text-color-hover: #FFFFFF;
+    --button-text-color-hover: #FFFFFF;
-    --button-color: #14F074;
+    --button-color: #14F074;
-    --button-color2: #0C833D;
+    --button-color2: #0C833D;
-    --input-font: 'Share Tech Mono', monospace;
+    --input-font: 'Share Tech Mono', monospace;
-    --text-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;
-    --div-background-color-15: rgba(0, 0, 0, 0.25);
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
-
+
-    /* Replace the variables if you have a dark background  */
+    /* Replace the variables if you have a dark background  */
-    /* Light colors for dark backgrounds */
+    /* Light colors for dark backgrounds */
-    /*
+    /*
-        --div-background-color-15: rgba(255, 255, 255, 0.15);
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
-    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/hexellence.png
-    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/gplay.png
-    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
-    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
-    */
+    */
 }
--- a/CSS/addons/unraid/login-page/fallout/terminal2.css
+++ b/CSS/addons/unraid/login-page/fallout/terminal2.css
@ -1,27 +1,27 @@
-@import url("https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css");
+@import url("https://theme-park.dev/CSS/addons/unraid/login-page/fallout/fallout_base.css");
-:root {
+:root {
-    --main-bg-color: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;
+    --main-bg-color: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;
-    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
+    --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
-    --text-color: #14F074;
+    --text-color: #14F074;
-    --input-color: #14F074;
+    --input-color: #14F074;
-    --link-color: #14F074;
+    --link-color: #14F074;
-    --link-color-hover: #0C833D;
+    --link-color-hover: #0C833D;
-    --case-color: #14F074;
+    --case-color: #14F074;
-    --button-text-color: #14F074;
+    --button-text-color: #14F074;
-    --button-text-color-hover: #FFFFFF;
+    --button-text-color-hover: #FFFFFF;
-    --button-color: #14F074;
+    --button-color: #14F074;
-    --button-color2: #0C833D;
+    --button-color2: #0C833D;
-    --input-font: 'Share Tech Mono', monospace;
+    --input-font: 'Share Tech Mono', monospace;
-    --text-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;
-    --div-background-color-15: rgba(0, 0, 0, 0.25);
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
-
+
-    /* Replace the variables if you have a dark background  */
+    /* Replace the variables if you have a dark background  */
-    /* Light colors for dark backgrounds */
+    /* Light colors for dark backgrounds */
-    /*
+    /*
-        --div-background-color-15: rgba(255, 255, 255, 0.15);
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
-    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/hexellence.png
-    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/gplay.png
-    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
-    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
-    */
+    */
 }
--- a/CSS/addons/unraid/login-page/retro-terminal/amber.css
+++ b/CSS/addons/unraid/login-page/retro-terminal/amber.css
@ -1,33 +1,33 @@
-/*_____________________AMBER_THEME______________________*/
+/*_____________________AMBER_THEME______________________*/
-/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
-/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
-/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
-/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
-
+
-@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
+@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
-:root {
+:root {
--main-bg-color:black;
+--main-bg-color:black;
--body-before:#ffb52a1a;
+--body-before:#ffb52a1a;
--body-after: #ffb52a33;
+--body-after: #ffb52a33;
--body-animation: flicker;
+--body-animation: flicker;
--logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_yellow.png) center no-repeat;
+--logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_yellow.png) center no-repeat;
--text-color: #ffb52a;
+--text-color: #ffb52a;
--input-color: #ffb52a;
+--input-color: #ffb52a;
--link-color: #ffb52a;
+--link-color: #ffb52a;
--link-color-hover: #ff6868;
+--link-color-hover: #ff6868;
--case-color: #ffb52a;
+--case-color: #ffb52a;
--button-text-color: #ffb52a;
+--button-text-color: #ffb52a;
--button-text-color-hover: #000;
+--button-text-color-hover: #000;
--button-color: #ffb52a;
+--button-color: #ffb52a;
--button-color-hover: #ff6868;
+--button-color-hover: #ff6868;
--selection-color: #ff6868;
+--selection-color: #ff6868;
--custom-text-header:#ffb52a;
+--custom-text-header:#ffb52a;
--custom-text-header-shadow:#ffb52a;
+--custom-text-header-shadow:#ffb52a;
--custom-text-header-animation: textflicker;
+--custom-text-header-animation: textflicker;
--input-font: 'Share Tech Mono', monospace;
+--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
+--text-font: 'Share Tech Mono', monospace;
--loginbox-background-color: transparent;
+--loginbox-background-color: transparent;
--text-shadow: 0 0 8px;
+--text-shadow: 0 0 8px;
--text-shadow-color: #ffb52a;
+--text-shadow-color: #ffb52a;
--box-shadow: 0 0 15px;
+--box-shadow: 0 0 15px;
-}
+}
--- a/CSS/addons/unraid/login-page/retro-terminal/blue.css
+++ b/CSS/addons/unraid/login-page/retro-terminal/blue.css
@ -1,33 +1,33 @@
-/*_____________________BLUE_THEME______________________*/
+/*_____________________BLUE_THEME______________________*/
-/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
-/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
-/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
-/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
-
+
-@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
+@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
-:root {
+:root {
--main-bg-color:black;
+--main-bg-color:black;
--body-before:#70d7f61a;
+--body-before:#70d7f61a;
--body-after: #70d7f633;
+--body-after: #70d7f633;
--body-animation: flicker;
+--body-animation: flicker;
--logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_blue.png) center no-repeat;
+--logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_blue.png) center no-repeat;
--text-color: #70d7f6;
+--text-color: #70d7f6;
--input-color: #70d7f6;
+--input-color: #70d7f6;
--link-color: #70d7f6;
+--link-color: #70d7f6;
--link-color-hover: #8f2809;
+--link-color-hover: #8f2809;
--case-color: #70d7f6;
+--case-color: #70d7f6;
--button-text-color: #70d7f6;
+--button-text-color: #70d7f6;
--button-text-color-hover: #000;
+--button-text-color-hover: #000;
--button-color: #70d7f6;
+--button-color: #70d7f6;
--button-color-hover: #8f2809;
+--button-color-hover: #8f2809;
--selection-color: #8f2809;
+--selection-color: #8f2809;
--custom-text-header:#70d7f6;
+--custom-text-header:#70d7f6;
--custom-text-header-shadow:#70d7f6;
+--custom-text-header-shadow:#70d7f6;
--custom-text-header-animation: textflicker;
+--custom-text-header-animation: textflicker;
--input-font: 'Share Tech Mono', monospace;
+--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
+--text-font: 'Share Tech Mono', monospace;
--loginbox-background-color: transparent;
+--loginbox-background-color: transparent;
--text-shadow: 0 0 8px;
+--text-shadow: 0 0 8px;
--text-shadow-color: #70d7f6;
+--text-shadow-color: #70d7f6;
--box-shadow: 0 0 15px;
+--box-shadow: 0 0 15px;
 }
--- a/CSS/addons/unraid/login-page/retro-terminal/custom.css
+++ b/CSS/addons/unraid/login-page/retro-terminal/custom.css
@ -1,33 +1,33 @@
-/*_____________________CUSTOM_THEME______________________*/
+/*_____________________CUSTOM_THEME______________________*/
-/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
-/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
-/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
-/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
-
+
-@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
+@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
-:root {
+:root {
--main-bg-color:black;
+--main-bg-color:black;
--body-before:#70d7f61a;
+--body-before:#70d7f61a;
--body-after: #70d7f633;
+--body-after: #70d7f633;
--body-animation: flicker;
+--body-animation: flicker;
--logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png) center no-repeat;
+--logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png) center no-repeat;
--text-color: #ffffff;
+--text-color: #ffffff;
--input-color: #ffffff;
+--input-color: #ffffff;
--link-color: #ffffff;
+--link-color: #ffffff;
--link-color-hover: #8f2809;
+--link-color-hover: #8f2809;
--case-color: #ffffff;
+--case-color: #ffffff;
--button-text-color: #ffffff;
+--button-text-color: #ffffff;
--button-text-color-hover: #000;
+--button-text-color-hover: #000;
--button-color: #ffffff;
+--button-color: #ffffff;
--button-color-hover: #af0606;
+--button-color-hover: #af0606;
--selection-color: #8f2809;
+--selection-color: #8f2809;
--custom-text-header:#ffffff;
+--custom-text-header:#ffffff;
--custom-text-header-shadow:#ffffff;
+--custom-text-header-shadow:#ffffff;
--custom-text-header-animation: textflicker;
+--custom-text-header-animation: textflicker;
--input-font: 'Share Tech Mono', monospace;
+--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
+--text-font: 'Share Tech Mono', monospace;
--loginbox-background-color: transparent;
+--loginbox-background-color: transparent;
--text-shadow: 0 0 8px;
+--text-shadow: 0 0 8px;
--text-shadow-color: #ffffff;
+--text-shadow-color: #ffffff;
--box-shadow: 0 0 15px;
+--box-shadow: 0 0 15px;
 }
--- a/CSS/addons/unraid/login-page/retro-terminal/green.css
+++ b/CSS/addons/unraid/login-page/retro-terminal/green.css
@ -1,33 +1,33 @@
-/*_____________________GREEN_THEME______________________*/
+/*_____________________GREEN_THEME______________________*/
-/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
-/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
-/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
-/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
-
+
-@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
+@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
-:root {
+:root {
--main-bg-color:black;
+--main-bg-color:black;
--body-before:#00ff771a;
+--body-before:#00ff771a;
--body-after: #00ff7733;
+--body-after: #00ff7733;
--body-animation: flicker;
+--body-animation: flicker;
--logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
+--logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
--text-color: #37f592;
+--text-color: #37f592;
--input-color: #37f592;
+--input-color: #37f592;
--link-color: #37f592;
+--link-color: #37f592;
--link-color-hover: #68ffff;
+--link-color-hover: #68ffff;
--case-color: #37f592;
+--case-color: #37f592;
--button-text-color: #37f592;
+--button-text-color: #37f592;
--button-text-color-hover: #000;
+--button-text-color-hover: #000;
--button-color: #37f592;
+--button-color: #37f592;
--button-color-hover: #68ffff;
+--button-color-hover: #68ffff;
--selection-color: #68ffff;
+--selection-color: #68ffff;
--custom-text-header:#37f592;
+--custom-text-header:#37f592;
--custom-text-header-shadow:#37f592;
+--custom-text-header-shadow:#37f592;
--custom-text-header-animation: textflicker;
+--custom-text-header-animation: textflicker;
--input-font: 'Share Tech Mono', monospace;
+--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
+--text-font: 'Share Tech Mono', monospace;
--loginbox-background-color: transparent;
+--loginbox-background-color: transparent;
--text-shadow: 0 0 8px;
+--text-shadow: 0 0 8px;
--text-shadow-color: #37f592;
+--text-shadow-color: #37f592;
--box-shadow: 0 0 15px;
+--box-shadow: 0 0 15px;
 }
--- a/CSS/addons/unraid/login-page/retro-terminal/js/custom_text_header.js
+++ b/CSS/addons/unraid/login-page/retro-terminal/js/custom_text_header.js
@ -1,16 +1,16 @@
-
+
- //Custom Text Header //
+ //Custom Text Header //
- // ACSII slant font
+ // ACSII slant font
-
+
-// Needs to be inside <section id="login" class="shadow">
+// Needs to be inside <section id="login" class="shadow">
-// You must escape any backward slashes. "\\"
+// You must escape any backward slashes. "\\"
-
+
-let custom_text_header = `
+let custom_text_header = `
-<div class="custom-text-header"> <pre>                     __                             ___       __  
+<div class="custom-text-header"> <pre>                     __                             ___       __  
-   ____  ____  _____/ /__________  ____ ___  ____  / (_)___  / /__
+   ____  ____  _____/ /__________  ____ ___  ____  / (_)___  / /__
-  / __ \\/ __ \\/ ___/ __/ ___/ __ \\/ __ '__ \\/ __ \\/ / / __ \\/ //_/
+  / __ \\/ __ \\/ ___/ __/ ___/ __ \\/ __ '__ \\/ __ \\/ / / __ \\/ //_/
- / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,&lt;   
+ / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,&lt;   
-/_/ /_/\\____/____/\\__/_/   \\____/_/ /_/ /_/\\____/_/_/_/ /_/_/|_|  
+/_/ /_/\\____/____/\\__/_/   \\____/_/ /_/ /_/\\____/_/_/_/ /_/_/|_|  
-                                                                 </pre> </div>
+                                                                 </pre> </div>
-`;
+`;
 document.getElementById("login").innerHTML += custom_text_header
--- a/CSS/addons/unraid/login-page/retro-terminal/red.css
+++ b/CSS/addons/unraid/login-page/retro-terminal/red.css
@ -1,33 +1,33 @@
-/*_____________________RED_THEME______________________*/
+/*_____________________RED_THEME______________________*/
-/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
-/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
-/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
-/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
-
+
-@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
+@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
-:root {
+:root {
--main-bg-color: black;
+--main-bg-color: black;
--body-before: #ff00001a;
+--body-before: #ff00001a;
--body-after: #ff000033;
+--body-after: #ff000033;
--body-animation: flicker;
+--body-animation: flicker;
--logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_red.png) center no-repeat;
+--logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_red.png) center no-repeat;
--text-color: #e22828;
+--text-color: #e22828;
--input-color: #e22828;
+--input-color: #e22828;
--link-color: #e22828;
+--link-color: #e22828;
--link-color-hover: #ffffff;
+--link-color-hover: #ffffff;
--case-color: #e22828;
+--case-color: #e22828;
--button-text-color: #e22828;
+--button-text-color: #e22828;
--button-text-color-hover: #000;
+--button-text-color-hover: #000;
--button-color: #e22828;
+--button-color: #e22828;
--button-color-hover: #ffffff;
+--button-color-hover: #ffffff;
--selection-color: #ffffff;
+--selection-color: #ffffff;
--custom-text-header: #e22828;
+--custom-text-header: #e22828;
--custom-text-header-shadow: #e22828;
+--custom-text-header-shadow: #e22828;
--custom-text-header-animation: textflicker;
+--custom-text-header-animation: textflicker;
--input-font: 'Share Tech Mono', monospace;
+--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
+--text-font: 'Share Tech Mono', monospace;
--loginbox-background-color: transparent;
+--loginbox-background-color: transparent;
--text-shadow: 0 0 8px;
+--text-shadow: 0 0 8px;
--text-shadow-color: #e22828;
+--text-shadow-color: #e22828;
--box-shadow: 0 0 15px;
+--box-shadow: 0 0 15px;
 }
--- a/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css
+++ b/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css
@ -1,362 +1,362 @@
-@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
+@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=Share+Tech+Mono&display=swap";
-@import "https://fonts.googleapis.com/css?family=VT323";
+@import "https://fonts.googleapis.com/css?family=VT323";
-
+
-/*___FONTS___*/
+/*___FONTS___*/
-/* 'VT323', 'Share Tech Mono' */
+/* 'VT323', 'Share Tech Mono' */
-    /* Replace the variables if you have a dark background  */
+    /* Replace the variables if you have a dark background  */
-    /* Light colors for dark backgrounds */
+    /* Light colors for dark backgrounds */
-    /*
+    /*
-        --div-background-color-15: rgba(255, 255, 255, 0.15);
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
-
+
-    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/hexellence.png
-    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/gplay.png
-    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
-    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
-    
+    
-    https://codepen.io/meduzen/pen/zxbwRV
+    https://codepen.io/meduzen/pen/zxbwRV
-    https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES
+    https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES
-    https://brennan.io/2017/06/14/alien-computer-card/
+    https://brennan.io/2017/06/14/alien-computer-card/
-    https://www.cssmatic.com/noise-texture
+    https://www.cssmatic.com/noise-texture
-
+
-    https://codepen.io/somethingformed/pen/raWJXV
+    https://codepen.io/somethingformed/pen/raWJXV
-
+
-
+
-    ============ SOURCES =============
+    ============ SOURCES =============
-    https://github.com/brenns10/alien-console
+    https://github.com/brenns10/alien-console
-    https://github.com/Swordfish90/cool-retro-term
+    https://github.com/Swordfish90/cool-retro-term
-    https://github.com/andersevenrud/retro-css-shell-demo CRT INTERLACE
+    https://github.com/andersevenrud/retro-css-shell-demo CRT INTERLACE
-    https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES
+    https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES
-    https://codepen.io/patrickhlauke/pen/YaoBop TEXT FLIKER
+    https://codepen.io/patrickhlauke/pen/YaoBop TEXT FLIKER
-
+
-    */
+    */
-
+
-
+
-* {
+* {
-    outline: none;
+    outline: none;
-}
+}
-
+
-@media (max-width: 500px) {
+@media (max-width: 500px) {
-    #login {
+    #login {
-        -webkit-backdrop-filter: blur(0px);
+        -webkit-backdrop-filter: blur(0px);
-        backdrop-filter: blur(0px);
+        backdrop-filter: blur(0px);
-        position: absolute;
+        position: absolute;
-        padding-top: 0rem !important;
+        padding-top: 0rem !important;
-        top: 0;
+        top: 0;
-        left: 0;
+        left: 0;
-        bottom: 0;
+        bottom: 0;
-        right: 0;
+        right: 0;
-        height: 100%;
+        height: 100%;
-        width: 100%;
+        width: 100%;
-        border-radius: none !important;
+        border-radius: none !important;
-    }
+    }
-    .background-wrap,#video-bg-elem,.custom-text-header  {display: none;}
+    .background-wrap,#video-bg-elem,.custom-text-header  {display: none;}
-    #login {
+    #login {
-        border:none !important;
+        border:none !important;
-    }
+    }
-}
+}
-
+
-html {background: var(--main-bg-color) !important;}
+html {background: var(--main-bg-color) !important;}
-body {background: var(--main-bg-color) !important;}
+body {background: var(--main-bg-color) !important;}
-/* CRT SCREEN FLICKER*/
+/* CRT SCREEN FLICKER*/
-body::before {
+body::before {
-    content: "";
+    content: "";
-    background: radial-gradient(ellipse at center,var(--body-before) 0,rgb(0, 0, 0) 100%) !important;
+    background: radial-gradient(ellipse at center,var(--body-before) 0,rgb(0, 0, 0) 100%) !important;
-    background-repeat: repeat-y !important;
+    background-repeat: repeat-y !important;
-    background-size: 100% 4px !important;
+    background-size: 100% 4px !important;
-    position: absolute;
+    position: absolute;
-    top: 0;
+    top: 0;
-    left: 0;
+    left: 0;
-    bottom: 0;
+    bottom: 0;
-    right: 0;
+    right: 0;
-    height: 100%;
+    height: 100%;
-    width: 100%;
+    width: 100%;
-    overflow: hidden;
+    overflow: hidden;
-    animation: var(--body-animation) 0.01s infinite;
+    animation: var(--body-animation) 0.01s infinite;
-    pointer-events: none;
+    pointer-events: none;
-}
+}
-/* CRT BACKGROUND WITH LINES*/
+/* CRT BACKGROUND WITH LINES*/
-body::after {
+body::after {
-    content: "";
+    content: "";
-    background: radial-gradient(ellipse at center,var(--body-after) 0,rgba(0, 0, 0, 0.6) 80%) center center/cover no-repeat fixed, linear-gradient(#0000 0%,#0000 0%) !important;
+    background: radial-gradient(ellipse at center,var(--body-after) 0,rgba(0, 0, 0, 0.6) 80%) center center/cover no-repeat fixed, linear-gradient(#0000 0%,#0000 0%) !important;
-    background-repeat: repeat-y !important;
+    background-repeat: repeat-y !important;
-    background-size: 100% 4px !important;
+    background-size: 100% 4px !important;
-    position: absolute;
+    position: absolute;
-    top: 0;
+    top: 0;
-    left: 0;
+    left: 0;
-    bottom: 0;
+    bottom: 0;
-    right: 0;
+    right: 0;
-    height: 100%;
+    height: 100%;
-    width: 100%;
+    width: 100%;
-    overflow: hidden;
+    overflow: hidden;
-    pointer-events: none;
+    pointer-events: none;
-}
+}
-
+
-@keyframes flicker {0% {opacity: 0.37633;}5% {opacity: 0.70002;}10% {opacity: 0.64427;}15% {opacity: 0.35591;}20% {opacity: 0.34054;}25% {opacity: 0.54917;}30% {opacity: 0.41056;}35% {opacity: 0.67637;}40% {opacity: 0.23681;}45% {opacity: 0.64945;}50% {opacity: 0.67522;}55% {opacity: 0.56049;}60% {opacity: 0.06113;}65% {opacity: 0.95766;}70% {opacity: 0.77945;}75% {opacity: 0.33817;}80% {opacity: 0.19735;}85% {opacity: 0.84337;}90% {opacity: 0.82867;}95% {opacity: 0.65512;}100% {opacity: 0.15179;}}
+@keyframes flicker {0% {opacity: 0.37633;}5% {opacity: 0.70002;}10% {opacity: 0.64427;}15% {opacity: 0.35591;}20% {opacity: 0.34054;}25% {opacity: 0.54917;}30% {opacity: 0.41056;}35% {opacity: 0.67637;}40% {opacity: 0.23681;}45% {opacity: 0.64945;}50% {opacity: 0.67522;}55% {opacity: 0.56049;}60% {opacity: 0.06113;}65% {opacity: 0.95766;}70% {opacity: 0.77945;}75% {opacity: 0.33817;}80% {opacity: 0.19735;}85% {opacity: 0.84337;}90% {opacity: 0.82867;}95% {opacity: 0.65512;}100% {opacity: 0.15179;}}
-
+
-@media only screen and (max-width: 768px) {
+@media only screen and (max-width: 768px) {
-    #login {
+    #login {
-        min-width: 300px;
+        min-width: 300px;
-    }
+    }
-}
+}
-/*FOR VIDEO BACKGROUND*/
+/*FOR VIDEO BACKGROUND*/
-.background-wrap {
+.background-wrap {
-    position: fixed;
+    position: fixed;
-    z-index: -1000;
+    z-index: -1000;
-    width: 100%;
+    width: 100%;
-    height: 100%;
+    height: 100%;
-    overflow: hidden;
+    overflow: hidden;
-    top: 0;
+    top: 0;
-    left: 0;
+    left: 0;
-}
+}
-#video-bg-elem {
+#video-bg-elem {
-    position: absolute;
+    position: absolute;
-    top: 0;
+    top: 0;
-    left: 0;
+    left: 0;
-    min-height: 100%;
+    min-height: 100%;
-    min-width: 100%;
+    min-width: 100%;
-}
+}
-/*TEXT COLOR*/
+/*TEXT COLOR*/
-#login h1,
+#login h1,
-#login h2,
+#login h2,
-#login .error {
+#login .error {
-    color: var(--text-color) !important;
+    color: var(--text-color) !important;
-    text-shadow: var(--text-shadow) var(--text-shadow-color);
+    text-shadow: var(--text-shadow) var(--text-shadow-color);
-}
+}
-#login a {
+#login a {
-    color: var(--link-color);
+    color: var(--link-color);
-    text-shadow: var(--text-shadow) var(--text-shadow-color);
+    text-shadow: var(--text-shadow) var(--text-shadow-color);
-}
+}
-#login a:hover {
+#login a:hover {
-    color: var(--link-color-hover);
+    color: var(--link-color-hover);
-    text-shadow: var(--text-shadow) var(--text-shadow-color);
+    text-shadow: var(--text-shadow) var(--text-shadow-color);
-}
+}
-#login input {
+#login input {
-    color: var(--input-color);
+    color: var(--input-color);
-    text-shadow: 0 0 5px var(--text-shadow-color);
+    text-shadow: 0 0 5px var(--text-shadow-color);
-}
+}
-#login ::placeholder {
+#login ::placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-    text-shadow: 0 0 5px var(--text-shadow-color);
+    text-shadow: 0 0 5px var(--text-shadow-color);
-}
+}
-#login ::-webkit-input-placeholder {
+#login ::-webkit-input-placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-    text-shadow: 0 0 5px var(--text-shadow-color);
+    text-shadow: 0 0 5px var(--text-shadow-color);
-}
+}
-#login ::-moz-placeholder {
+#login ::-moz-placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-    text-shadow: 0 0 5px var(--text-shadow-color);
+    text-shadow: 0 0 5px var(--text-shadow-color);
-}
+}
-#login :-ms-input-placeholder {
+#login :-ms-input-placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-    text-shadow: 0 0 5px var(--text-shadow-color);
+    text-shadow: 0 0 5px var(--text-shadow-color);
-}
+}
-#login :-moz-placeholder {
+#login :-moz-placeholder {
-    color: var(--input-color);
+    color: var(--input-color);
-    text-shadow: 0 0 5px var(--text-shadow-color);
+    text-shadow: 0 0 5px var(--text-shadow-color);
-}
+}
-#login input:focus::-webkit-input-placeholder {
+#login input:focus::-webkit-input-placeholder {
-    color: transparent !important;
+    color: transparent !important;
-    text-shadow: 0 0 0px transparent;
+    text-shadow: 0 0 0px transparent;
-}
+}
-#login input:focus:-moz-placeholder {
+#login input:focus:-moz-placeholder {
-    color: transparent !important;
+    color: transparent !important;
-    text-shadow: 0 0 0px transparent;
+    text-shadow: 0 0 0px transparent;
-}
+}
-#login input:focus::-moz-placeholder {
+#login input:focus::-moz-placeholder {
-    color: transparent !important;
+    color: transparent !important;
-    text-shadow: 0 0 0px transparent;
+    text-shadow: 0 0 0px transparent;
-}
+}
-#login input:focus:-ms-input-placeholder {
+#login input:focus:-ms-input-placeholder {
-    color: transparent !important;
+    color: transparent !important;
-    text-shadow: 0 0 0px transparent;
+    text-shadow: 0 0 0px transparent;
-}
+}
-
+
-/*TEXT FONT*/
+/*TEXT FONT*/
-#login h1,
+#login h1,
-#login h2,
+#login h2,
-#login a,
+#login a,
-#login .button,
+#login .button,
-#login .error {
+#login .error {
-    font-family: var(--text-font);
+    font-family: var(--text-font);
-    -webkit-font-smoothing: none;
+    -webkit-font-smoothing: none;
-    line-height: 1.2;
+    line-height: 1.2;
-}
+}
-h1 {
+h1 {
-    font-size: 3em;
+    font-size: 3em;
-    margin: 0;
+    margin: 0;
-}
+}
-
+
-/* CASE COLOR */
+/* CASE COLOR */
-#login [class^='case-'],
+#login [class^='case-'],
-#login [class*=' case-'] {
+#login [class*=' case-'] {
-    font-family: cases!important;
+    font-family: cases!important;
-    speak: none;
+    speak: none;
-    font-style: normal;
+    font-style: normal;
-    font-weight: normal;
+    font-weight: normal;
-    font-variant: normal;
+    font-variant: normal;
-    text-transform: none;
+    text-transform: none;
-    color: var(--case-color);
+    color: var(--case-color);
-    text-shadow: var(--text-shadow) var(--text-shadow-color);
+    text-shadow: var(--text-shadow) var(--text-shadow-color);
-}
+}
-/*INPUT FORMS*/
+/*INPUT FORMS*/
-#login [type=text],
+#login [type=text],
-#login [type=password] {
+#login [type=password] {
-    font-family: var(--input-font);
+    font-family: var(--input-font);
-    background-color: rgba(0, 0, 0, 0.25);
+    background-color: rgba(0, 0, 0, 0.25);
-    border: 2px solid transparent;
+    border: 2px solid transparent;
-    text-transform: uppercase;
+    text-transform: uppercase;
-    border-radius: 0px;
+    border-radius: 0px;
-    border: 3px solid var(--text-color);
+    border: 3px solid var(--text-color);
-    color: var(--text-color);
+    color: var(--text-color);
-}
+}
-#login [type=text]:active,
+#login [type=text]:active,
-#login [type=text]:focus,
+#login [type=text]:focus,
-#login [type=password]:active,
+#login [type=password]:active,
-#login [type=password]:focus {
+#login [type=password]:focus {
-    font-family: var(--input-font);
+    font-family: var(--input-font);
-    background-color: rgba(0, 0, 0, 0.25);
+    background-color: rgba(0, 0, 0, 0.25);
-    text-transform: uppercase;
+    text-transform: uppercase;
-}
+}
-
+
-
+
-
+
-/*BUTTON*/
+/*BUTTON*/
-#login .button {
+#login .button {
-    color: var(--button-text-color);
+    color: var(--button-text-color);
-    text-shadow: var(--text-shadow) var(--text-shadow-color);
+    text-shadow: var(--text-shadow) var(--text-shadow-color);
-    background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
+    background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
-    background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
-    background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
+    background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
-    
+    
-}
+}
-#login .button:hover {
+#login .button:hover {
-    color: var(--button-text-color-hover);
+    color: var(--button-text-color-hover);
-    text-shadow: var(--text-shadow) var(--button-color-hover);
+    text-shadow: var(--text-shadow) var(--button-color-hover);
-    box-shadow: var(--box-shadow) var(--button-color-hover);
+    box-shadow: var(--box-shadow) var(--button-color-hover);
-    background-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
-    background: -webkit-gradient(linear, left top, right top, from(var(--button-color-hover)), to(var(--button-color-hover)));
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color-hover)), to(var(--button-color-hover)));
-    background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover));
+    background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover));
-}
+}
-
+
-/*LOGIN ID*/
+/*LOGIN ID*/
-#login {
+#login {
-    background: var(--loginbox-background-color) !important;
+    background: var(--loginbox-background-color) !important;
-    padding-top: 1rem;
+    padding-top: 1rem;
-    position: absolute;
+    position: absolute;
-    left: 50%;
+    left: 50%;
-    top: 50%;
+    top: 50%;
-    transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
-    -ms-transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
-    -webkit-transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
-    margin: 0 !important;
+    margin: 0 !important;
-    text-transform: uppercase;
+    text-transform: uppercase;
-    min-width: 300px;
+    min-width: 300px;
-    border-radius: 0px !important;
+    border-radius: 0px !important;
-    border: 3px dashed var(--text-color);
+    border: 3px dashed var(--text-color);
-}
+}
-#login .angle::after {
+#login .angle::after {
-    display:none;
+    display:none;
-}
+}
-#login .wordmark svg {
+#login .wordmark svg {
-    display: none;
+    display: none;
-}
+}
-#login .logo {
+#login .logo {
-    background: var(--logo);
+    background: var(--logo);
-    background-size: contain;
+    background-size: contain;
-    padding: 2rem;
+    padding: 2rem;
-    border-radius: 0;
+    border-radius: 0;
-    margin: 0rem 1rem 0rem 1rem;
+    margin: 0rem 1rem 0rem 1rem;
-}
+}
-logo.angle {
+logo.angle {
-    -webkit-box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
+    -webkit-box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
-    box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
+    box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
-    border-radius: 0px !important;
+    border-radius: 0px !important;
-}
+}
-#login .error {
+#login .error {
-    animation-name: shake;
+    animation-name: shake;
-    animation-duration: .7s;
+    animation-duration: .7s;
-}
+}
-
+
-/*CUSTOM HEADER*/
+/*CUSTOM HEADER*/
-.custom-text-header {
+.custom-text-header {
-    white-space: pre;
+    white-space: pre;
-    letter-spacing: 2px;
+    letter-spacing: 2px;
-    font-family: var(--text-font);
+    font-family: var(--text-font);
-    -webkit-font-smoothing: none;
+    -webkit-font-smoothing: none;
-    font-weight: 900;
+    font-weight: 900;
-    line-height: 1.5;
+    line-height: 1.5;
-    color: var(--custom-text-header) !important;
+    color: var(--custom-text-header) !important;
-    text-shadow: 0 0 20px var(--custom-text-header-shadow);
+    text-shadow: 0 0 20px var(--custom-text-header-shadow);
-    position: absolute;
+    position: absolute;
-    left: 50%;
+    left: 50%;
-    top: -15%;
+    top: -15%;
-    transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
-    -ms-transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
-    -webkit-transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
-    animation-duration: 0.01s;
+    animation-duration: 0.01s;
-    animation-name: var(--custom-text-header-animation);
+    animation-name: var(--custom-text-header-animation);
-    animation-iteration-count: infinite;
+    animation-iteration-count: infinite;
-    animation-direction: alternate;
+    animation-direction: alternate;
-    font-weight: 900;
+    font-weight: 900;
-}
+}
-.custom-text-header:after {
+.custom-text-header:after {
-    content: "";
+    content: "";
-    position: absolute;
+    position: absolute;
-    top: 135px;
+    top: 135px;
-    right: -15px;
+    right: -15px;
-    background-color: var(--custom-text-header);
+    background-color: var(--custom-text-header);
-    vertical-align: top;
+    vertical-align: top;
-    width: 20px;
+    width: 20px;
-    height: 2px;
+    height: 2px;
-    -webkit-animation: blink 1s step-end infinite;
+    -webkit-animation: blink 1s step-end infinite;
-    animation: blink 1s step-end infinite;
+    animation: blink 1s step-end infinite;
-}
+}
-@-webkit-keyframes blink {
+@-webkit-keyframes blink {
-    0% { opacity: 1.0; }
+    0% { opacity: 1.0; }
-    50% { opacity: 0.0; }
+    50% { opacity: 0.0; }
-    100% { opacity: 1.0; }
+    100% { opacity: 1.0; }
-  }
+  }
-  
+  
-  @keyframes blink {
+  @keyframes blink {
-    0% { opacity: 1.0; }
+    0% { opacity: 1.0; }
-    50% { opacity: 0.0; }
+    50% { opacity: 0.0; }
-    100% { opacity: 1.0; }
+    100% { opacity: 1.0; }
-  }
+  }
-
+
-  @keyframes textflicker {
+  @keyframes textflicker {
-    from {
+    from {
-      text-shadow: 1px 0 0 #ea36af, -2px 0 0 #75fa69;
+      text-shadow: 1px 0 0 #ea36af, -2px 0 0 #75fa69;
-      border: 10px 0 0 #ea36af, -2px 0 0 #75fa69;
+      border: 10px 0 0 #ea36af, -2px 0 0 #75fa69;
-    }
+    }
-    to {
+    to {
-      text-shadow: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69;
+      text-shadow: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69;
-      border: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69;
+      border: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69;
-    }
+    }
-  }
+  }
-
+
-  ::selection {
+  ::selection {
-    background: var(--selection-color); /* WebKit/Blink Browsers */
+    background: var(--selection-color); /* WebKit/Blink Browsers */
-  }
+  }
-  ::-moz-selection {
+  ::-moz-selection {
-    background: var(--selection-color); /* Gecko Browsers */
+    background: var(--selection-color); /* Gecko Browsers */
-  }
+  }
-
+
-
+
-/*
+/*
-
+
-                     __                             ___       __  
+                     __                             ___       __  
-   ____  ____  _____/ /__________  ____ ___  ____  / (_)___  / /__
+   ____  ____  _____/ /__________  ____ ___  ____  / (_)___  / /__
-  / __ \/ __ \/ ___/ __/ ___/ __ \/ __ `__ \/ __ \/ / / __ \/ //_/
+  / __ \/ __ \/ ___/ __/ ___/ __ \/ __ `__ \/ __ \/ / / __ \/ //_/
- / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,<   
+ / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,<   
-/_/ /_/\____/____/\__/_/   \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|  
+/_/ /_/\____/____/\__/_/   \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|  
-                                                                 
+                                                                 
-*/
+*/
-/*
+/*
-<div class="custom-text-header"> <pre>                     __                             ___       __  
+<div class="custom-text-header"> <pre>                     __                             ___       __  
-   ____  ____  _____/ /__________  ____ ___  ____  / (_)___  / /__
+   ____  ____  _____/ /__________  ____ ___  ____  / (_)___  / /__
-  / __ \/ __ \/ ___/ __/ ___/ __ \/ __ '__ \/ __ \/ / / __ \/ //_/
+  / __ \/ __ \/ ___/ __/ ___/ __ \/ __ '__ \/ __ \/ / / __ \/ //_/
- / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,&lt;   
+ / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,&lt;   
-/_/ /_/\____/____/\__/_/   \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|  
+/_/ /_/\____/____/\__/_/   \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|  
-                                                                 </pre> </div>
+                                                                 </pre> </div>
-*/
+*/
--- a/CSS/addons/unraid/login-page/retro-terminal/white.css
+++ b/CSS/addons/unraid/login-page/retro-terminal/white.css
@ -1,33 +1,33 @@
-/*_____________________WHITE_THEME______________________*/
+/*_____________________WHITE_THEME______________________*/
-/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
-/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
-/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
-/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
-
+
-@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
+@import url(https://theme-park.dev/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
-:root {
+:root {
--main-bg-color:black;
+--main-bg-color:black;
--body-before:#70d7f61a;
+--body-before:#70d7f61a;
--body-after: #70d7f633;
+--body-after: #70d7f633;
--body-animation: flicker;
+--body-animation: flicker;
--logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png) center no-repeat;
+--logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png) center no-repeat;
--text-color: #ffffff;
+--text-color: #ffffff;
--input-color: #ffffff;
+--input-color: #ffffff;
--link-color: #ffffff;
+--link-color: #ffffff;
--link-color-hover: #af0606;
+--link-color-hover: #af0606;
--case-color: #ffffff;
+--case-color: #ffffff;
--button-text-color: #ffffff;
+--button-text-color: #ffffff;
--button-text-color-hover: #000;
+--button-text-color-hover: #000;
--button-color: #ffffff;
+--button-color: #ffffff;
--button-color-hover: #af0606;
+--button-color-hover: #af0606;
--selection-color: #8f2809;
+--selection-color: #8f2809;
--custom-text-header:#ffffff;
+--custom-text-header:#ffffff;
--custom-text-header-shadow:#ffffff;
+--custom-text-header-shadow:#ffffff;
--custom-text-header-animation: textflicker;
+--custom-text-header-animation: textflicker;
--input-font: 'Share Tech Mono', monospace;
+--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
+--text-font: 'Share Tech Mono', monospace;
--loginbox-background-color: transparent;
+--loginbox-background-color: transparent;
--text-shadow: 0 0 8px;
+--text-shadow: 0 0 8px;
--text-shadow-color: #000000;
+--text-shadow-color: #000000;
--box-shadow: 0 0 15px;
+--box-shadow: 0 0 15px;
 }
--- a/CSS/defaults/placeholders.css
+++ b/CSS/defaults/placeholders.css
@ -1,34 +1,34 @@
-input::-webkit-input-placeholder {
+input::-webkit-input-placeholder {
-  color: var(--text) !important;
+  color: var(--text) !important;
-}
+}
-
+
-input:focus::-webkit-input-placeholder {
+input:focus::-webkit-input-placeholder {
-  color: var(--text-hover) !important;
+  color: var(--text-hover) !important;
-}
+}
-
+
-/* Firefox < 19 */
+/* Firefox < 19 */
-input:-moz-placeholder {
+input:-moz-placeholder {
-  color: var(--text) !important;
+  color: var(--text) !important;
-}
+}
-
+
-input:focus:-moz-placeholder {
+input:focus:-moz-placeholder {
-  color: var(--text-hover) !important;
+  color: var(--text-hover) !important;
-}
+}
-
+
-/* Firefox > 19 */
+/* Firefox > 19 */
-input::-moz-placeholder {
+input::-moz-placeholder {
-  color: var(--text) !important;
+  color: var(--text) !important;
-}
+}
-
+
-input:focus::-moz-placeholder {
+input:focus::-moz-placeholder {
-  color: var(--text-hover) !important;
+  color: var(--text-hover) !important;
-}
+}
-
+
-/* Internet Explorer 10 */
+/* Internet Explorer 10 */
-input:-ms-input-placeholder {
+input:-ms-input-placeholder {
-  color: var(--text) !important;
+  color: var(--text) !important;
-}
+}
-
+
-input:focus:-ms-input-placeholder {
+input:focus:-ms-input-placeholder {
-  color: var(--text-hover) !important;
+  color: var(--text-hover) !important;
 }
--- a/CSS/themes/adguard/adguard-base.css
+++ b/CSS/themes/adguard/adguard-base.css
--- a/CSS/themes/adguard/aquamarine.css
+++ b/CSS/themes/adguard/aquamarine.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* ADGUARD AQUAMARINE THEME */
+/* ADGUARD AQUAMARINE THEME */
-@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);
+@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);
@import url(https://theme-park.dev/CSS/variables/aquamarine.css);
--- a/CSS/themes/adguard/dark.css
+++ b/CSS/themes/adguard/dark.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* ADGUARD DARK THEME */
+/* ADGUARD DARK THEME */
-@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);
+@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);
@import url(https://theme-park.dev/CSS/variables/dark.css);
--- a/CSS/themes/adguard/dracula.css
+++ b/CSS/themes/adguard/dracula.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* ADGUARD DRACULA THEME */
+/* ADGUARD DRACULA THEME */
-@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);
+@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);
@import url(https://theme-park.dev/CSS/variables/dracula.css);
--- a/CSS/themes/adguard/hotline.css
+++ b/CSS/themes/adguard/hotline.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* ADGUARD HOTLINE THEME */
+/* ADGUARD HOTLINE THEME */
-@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);
+@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);
@import url(https://theme-park.dev/CSS/variables/hotline.css);
--- a/CSS/themes/adguard/organizr-dark.css
+++ b/CSS/themes/adguard/organizr-dark.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* ADGUARD ORGANIZR-DARK THEME */
+/* ADGUARD ORGANIZR-DARK THEME */
-@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);
+@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);
@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);
--- a/CSS/themes/adguard/plex.css
+++ b/CSS/themes/adguard/plex.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/* 			      https://github.com/gilbN/theme.park			 */
+/* 			      https://github.com/gilbN/theme.park			 */
-
+
-/* ADGUARD PLEX THEME */
+/* ADGUARD PLEX THEME */
-@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);
+@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);
@import url(https://theme-park.dev/CSS/variables/plex.css);
--- a/CSS/themes/adguard/space-gray.css
+++ b/CSS/themes/adguard/space-gray.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* ADGUARD SPACE GRAY THEME */
+/* ADGUARD SPACE GRAY THEME */
-@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);
+@import url(https://theme-park.dev/CSS/themes/adguard/adguard-base.css);
@import url(https://theme-park.dev/CSS/variables/space-gray.css);
--- a/CSS/themes/bazarr/aquamarine.css
+++ b/CSS/themes/bazarr/aquamarine.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* BAZARR AQUAMARINE THEME */
+/* BAZARR AQUAMARINE THEME */
-@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
+@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
@import url(https://theme-park.dev/CSS/variables/aquamarine.css);
--- a/CSS/themes/bazarr/bazarr-base.css
+++ b/CSS/themes/bazarr/bazarr-base.css
--- a/CSS/themes/bazarr/dark.css
+++ b/CSS/themes/bazarr/dark.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* BAZARR DARK THEME */
+/* BAZARR DARK THEME */
-@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
+@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
@import url(https://theme-park.dev/CSS/variables/dark.css);
--- a/CSS/themes/bazarr/dracula.css
+++ b/CSS/themes/bazarr/dracula.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* BAZARR DRACULA THEME */
+/* BAZARR DRACULA THEME */
-@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
+@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
-@import url(https://theme-park.dev/CSS/variables/dracula.css);
+@import url(https://theme-park.dev/CSS/variables/dracula.css);
--- a/CSS/themes/bazarr/hotline.css
+++ b/CSS/themes/bazarr/hotline.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* BAZARR HOTLINE THEME */
+/* BAZARR HOTLINE THEME */
-@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
+@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
@import url(https://theme-park.dev/CSS/variables/hotline.css);
--- a/CSS/themes/bazarr/organizr-dark.css
+++ b/CSS/themes/bazarr/organizr-dark.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* BAZARR ORGANIZR-DARK THEME */
+/* BAZARR ORGANIZR-DARK THEME */
-@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
+@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);
--- a/CSS/themes/bazarr/plex.css
+++ b/CSS/themes/bazarr/plex.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/* 			      https://github.com/gilbN/theme.park			 */
+/* 			      https://github.com/gilbN/theme.park			 */
-
+
-/* BAZARR PLEX THEME */
+/* BAZARR PLEX THEME */
-@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
+@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
@import url(https://theme-park.dev/CSS/variables/plex.css);
--- a/CSS/themes/bazarr/space-gray.css
+++ b/CSS/themes/bazarr/space-gray.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* BAZARR SPACE GRAY THEME */
+/* BAZARR SPACE GRAY THEME */
-@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
+@import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css);
@import url(https://theme-park.dev/CSS/variables/space-gray.css);
--- a/CSS/themes/bitwarden/aquamarine.css
+++ b/CSS/themes/bitwarden/aquamarine.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* BITWARDEN AQUAMARINE THEME */
+/* BITWARDEN AQUAMARINE THEME */
-@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
+@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
@import url(https://theme-park.dev/CSS/variables/aquamarine.css);
--- a/CSS/themes/bitwarden/bitwarden-base.css
+++ b/CSS/themes/bitwarden/bitwarden-base.css
--- a/CSS/themes/bitwarden/dark.css
+++ b/CSS/themes/bitwarden/dark.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* BITWARDEN DARK THEME */
+/* BITWARDEN DARK THEME */
-@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
+@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
@import url(https://theme-park.dev/CSS/variables/dark.css);
--- a/CSS/themes/bitwarden/dracula.css
+++ b/CSS/themes/bitwarden/dracula.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* BITWARDEN DRACULA THEME */
+/* BITWARDEN DRACULA THEME */
-@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
+@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
@import url(https://theme-park.dev/CSS/variables/dracula.css);
--- a/CSS/themes/bitwarden/hotline.css
+++ b/CSS/themes/bitwarden/hotline.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* BITWARDEN HOTLINE THEME */
+/* BITWARDEN HOTLINE THEME */
-@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
+@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
@import url(https://theme-park.dev/CSS/variables/hotline.css);
--- a/CSS/themes/bitwarden/organizr-dark.css
+++ b/CSS/themes/bitwarden/organizr-dark.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* BITWARDEN ORGANIZR-DARK THEME */
+/* BITWARDEN ORGANIZR-DARK THEME */
-@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
+@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);
--- a/CSS/themes/bitwarden/plex.css
+++ b/CSS/themes/bitwarden/plex.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/* 			      https://github.com/gilbN/theme.park			 */
+/* 			      https://github.com/gilbN/theme.park			 */
-
+
-/* BITWARDEN PLEX THEME */
+/* BITWARDEN PLEX THEME */
-@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
+@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
@import url(https://theme-park.dev/CSS/variables/plex.css);
--- a/CSS/themes/bitwarden/space-gray.css
+++ b/CSS/themes/bitwarden/space-gray.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* BITWARDEN SPACE GRAY THEME */
+/* BITWARDEN SPACE GRAY THEME */
-@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
+@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
@import url(https://theme-park.dev/CSS/variables/space-gray.css);
--- a/CSS/themes/calibreweb/aquamarine.css
+++ b/CSS/themes/calibreweb/aquamarine.css
@ -1,17 +1,17 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* CALIBRE-WEB AQUAMARINE THEME */
+/* CALIBRE-WEB AQUAMARINE THEME */
-/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
+/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
-@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);
+@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);
@import url(https://theme-park.dev/CSS/variables/aquamarine.css);
--- a/CSS/themes/calibreweb/calibreweb-base.css
+++ b/CSS/themes/calibreweb/calibreweb-base.css
@ -1,337 +1,337 @@
- /*    dP   dP                                                                  dP        */
+ /*    dP   dP                                                                  dP        */
- /*    88   88                                                                  88        */
+ /*    88   88                                                                  88        */
- /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+ /*  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 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.  */
+ /*    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  */
+ /*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
- /*                                                  88                                   */
+ /*                                                  88                                   */
- /*                                                  dP					 */
+ /*                                                  dP					 */
-
+
- /*		   		        Made by @gilbN					 */
+ /*		   		        Made by @gilbN					 */
- /*			      https://github.com/gilbN/theme.park			 */
+ /*			      https://github.com/gilbN/theme.park			 */
-
+
- /* "Re-skin" of CaliBlur https://github.com/leram84/layer.Cake/tree/master/caliBlur */
+ /* "Re-skin" of CaliBlur https://github.com/leram84/layer.Cake/tree/master/caliBlur */
- /* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
+ /* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
- /* APP VARS*/
+ /* APP VARS*/
- :root {
+ :root {
-    --color-background: var(--main-bg-color);
+    --color-background: var(--main-bg-color);
-    --color-primary: rgb(var(--accent-color));
+    --color-primary: rgb(var(--accent-color));
-    --color-secondary: var(--button-color);
+    --color-secondary: var(--button-color);
-    --color-secondary-hover: var(--button-color-hover);
+    --color-secondary-hover: var(--button-color-hover);
-    --color-background-mobile: var(--main-bg-color);
+    --color-background-mobile: var(--main-bg-color);
-  }
+  }
- *,
+ *,
- *:focus,
+ *:focus,
- *:active,
+ *:active,
- .bootstrap-select .dropdown-toggle:focus,
+ .bootstrap-select .dropdown-toggle:focus,
- .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
+ .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
-     outline: none !important;
+     outline: none !important;
- }
+ }
-
+
- body:not(.read-frame) {
+ body:not(.read-frame) {
-     background: var(--main-bg-color) !important;
+     background: var(--main-bg-color) !important;
-     background-image: none;
+     background-image: none;
- }
+ }
-
+
- .blur-wrapper:after {
+ .blur-wrapper:after {
-     background: var(--main-bg-color) !important;
+     background: var(--main-bg-color) !important;
- }
+ }
-
+
- body>.container-fluid {
+ body>.container-fluid {
-     background: var(--main-bg-color);
+     background: var(--main-bg-color);
- }
+ }
-
+
- body.login:not(.read-frame),
+ body.login:not(.read-frame),
- body.shelfcreate,
+ body.shelfcreate,
- body.shelfedit {
+ body.shelfedit {
-     background: var(--main-bg-color) !important;
+     background: var(--main-bg-color) !important;
- }
+ }
-
+
- @media only screen and (max-width: 767px) {
+ @media only screen and (max-width: 767px) {
-     .navbar-collapse.collapse {
+     .navbar-collapse.collapse {
-         background: var(--modal-bg-color) !important;
+         background: var(--modal-bg-color) !important;
-     }
+     }
- }
+ }
-
+
- /* Book cover border */
+ /* Book cover border */
- .container-fluid .book .cover span img {
+ .container-fluid .book .cover span img {
-     border: 1px solid transparent;
+     border: 1px solid transparent;
- }
+ }
-
+
- /* Buttons */
+ /* Buttons */
- .btn-default a,
+ .btn-default a,
- .btn-default a:hover {
+ .btn-default a:hover {
-     color: var(--text);
+     color: var(--text);
- }
+ }
-
+
- /* TP */
+ /* TP */
-
+
- /* TEXT */
+ /* TEXT */
-
+
- .h1,
+ .h1,
- .h2,
+ .h2,
- .h3,
+ .h3,
- .h4,
+ .h4,
- .h5,
+ .h5,
- .h6,
+ .h6,
- h1,
+ h1,
- h2,
+ h2,
- h3,
+ h3,
- h4,
+ h4,
- h5,
+ h5,
- h6,
+ h6,
- body.admin>div.container-fluid>div>div.col-sm-10>div.container-fluid>div.row:first-of-type>div.col>h2:before,
+ body.admin>div.container-fluid>div>div.col-sm-10>div.container-fluid>div.row:first-of-type>div.col>h2:before,
- body.admin>div.container-fluid>div>div.col-sm-10>div.discover>h2:first-of-type:before,
+ body.admin>div.container-fluid>div>div.col-sm-10>div.discover>h2:first-of-type:before,
- body.edituser.admin>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover>h1:before,
+ body.edituser.admin>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover>h1:before,
- body.newuser.admin>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover>h1:before,
+ body.newuser.admin>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover>h1:before,
- .container-fluid .book .meta .author,
+ .container-fluid .book .meta .author,
- .container-fluid .book .meta .author>a:hover,
+ .container-fluid .book .meta .author>a:hover,
- .well>h2,
+ .well>h2,
- body:not(.admin)>div.container-fluid>div>div.col-sm-10>div.discover:only-of-type>h2 {
+ body:not(.admin)>div.container-fluid>div>div.col-sm-10>div.discover:only-of-type>h2 {
-     color: var(--text-hover) !important;
+     color: var(--text-hover) !important;
- }
+ }
-
+
-
+
- body,
+ body,
- html,
+ html,
- p {
+ p {
-     color: var(--text) !important;
+     color: var(--text) !important;
- }
+ }
-
+
- .home-btn>a,
+ .home-btn>a,
- .plexBack>a,
+ .plexBack>a,
- .container-fluid .book .meta .author,
+ .container-fluid .book .meta .author,
- .container-fluid .book .meta .author>a {
+ .container-fluid .book .meta .author>a {
-     color: var(--text);
+     color: var(--text);
- }
+ }
-
+
- .home-btn>a:hover,
+ .home-btn>a:hover,
- body>div.navbar.navbar-default.navbar-static-top>div>div.home-btn>a:hover:before,
+ body>div.navbar.navbar-default.navbar-static-top>div>div.home-btn>a:hover:before,
- .plexBack:not(.noBack):hover>a,
+ .plexBack:not(.noBack):hover>a,
- .form-group>label,
+ .form-group>label,
- label,
+ label,
- body.authorlist>div.container-fluid>div>div.col-sm-10>div.container:before,
+ body.authorlist>div.container-fluid>div>div.col-sm-10>div.container:before,
- body.catlist>div.container-fluid>div>div.col-sm-10>div.container:before,
+ body.catlist>div.container-fluid>div>div.col-sm-10>div.container:before,
- body.langlist>div.container-fluid>div>div.col-sm-10>div.container:before,
+ body.langlist>div.container-fluid>div>div.col-sm-10>div.container:before,
- body.me>div.container-fluid>div>div.col-sm-10>div.discover:before,
+ body.me>div.container-fluid>div>div.col-sm-10>div.discover:before,
- body.serieslist>div.container-fluid>div>div.col-sm-10>div.container:before {
+ body.serieslist>div.container-fluid>div>div.col-sm-10>div.container:before {
-     color: var(--text-hover)
+     color: var(--text-hover)
- }
+ }
-
+
- /* LINKS */
+ /* LINKS */
- a,
+ a,
- body.admin,
+ body.admin,
- body.admin td>a {
+ body.admin td>a {
-     color: var(--link-color);
+     color: var(--link-color);
- }
+ }
-
+
- a:hover,
+ a:hover,
- body.admin td>a:hover {
+ body.admin td>a:hover {
-     color: var(--link-color-hover);
+     color: var(--link-color-hover);
- }
+ }
-
+
- .navigation .create-shelf a,
+ .navigation .create-shelf a,
- .meta>a>p {
+ .meta>a>p {
-     color: var(--link-color) !important;
+     color: var(--link-color) !important;
- }
+ }
-
+
- .navigation .create-shelf a:hover,
+ .navigation .create-shelf a:hover,
- .author>a:hover,
+ .author>a:hover,
- .meta>a>p:hover {
+ .meta>a>p:hover {
-     color: var(--link-color-hover) !important;
+     color: var(--link-color-hover) !important;
- }
+ }
-
+
- /* tables */
+ /* tables */
-
+
- th,
+ th,
- body.tasks>div.container-fluid>div>div.col-sm-10>div.discover>div.bootstrap-table>div.fixed-table-container>div.fixed-table-body>#table>thead>tr>th>.th-inner {
+ body.tasks>div.container-fluid>div>div.col-sm-10>div.discover>div.bootstrap-table>div.fixed-table-container>div.fixed-table-body>#table>thead>tr>th>.th-inner {
-     color: var(--text-hover) !important;
+     color: var(--text-hover) !important;
- }
+ }
-
+
-
+
- /* MODAL */
+ /* MODAL */
- .modal-content {
+ .modal-content {
-     background: var(--modal-bg-color);
+     background: var(--modal-bg-color);
- }
+ }
-
+
- #GeneralDeleteModal .bg-danger {
+ #GeneralDeleteModal .bg-danger {
-     background: var(--modal-bg-color);
+     background: var(--modal-bg-color);
- }
+ }
-
+
- /* ICONS */
+ /* ICONS */
- .glyphicon,
+ .glyphicon,
- #add-to-shelf>span,
+ #add-to-shelf>span,
- #btnGroupDrop1>span,
+ #btnGroupDrop1>span,
- #readbtn>span,
+ #readbtn>span,
- #sendbtn>span,
+ #sendbtn>span,
- .book-meta .btn-toolbar>.btn-group>.btn-group:nth-child(1)>a:first-of-type>span,
+ .book-meta .btn-toolbar>.btn-group>.btn-group:nth-child(1)>a:first-of-type>span,
- .book-meta .btn-toolbar>.btn-group>.btn-warning>span,
+ .book-meta .btn-toolbar>.btn-group>.btn-warning>span,
- .btn-toolbar>.btn-group>#btnGroupDrop2>span,
+ .btn-toolbar>.btn-group>#btnGroupDrop2>span,
- .btn-toolbar>.btn-group>.btn-group>#btnGroupDrop2>span,
+ .btn-toolbar>.btn-group>.btn-group>#btnGroupDrop2>span,
- div[aria-label="Edit/Delete book"]>.btn>span {
+ div[aria-label="Edit/Delete book"]>.btn>span {
-     color: var(--text);
+     color: var(--text);
-
+
- }
+ }
-
+
- #add-to-shelf:hover span,
+ #add-to-shelf:hover span,
- #btnGroupDrop1:hover>span,
+ #btnGroupDrop1:hover>span,
- #readbtn:hover>span,
+ #readbtn:hover>span,
- #sendbtn:hover>span,
+ #sendbtn:hover>span,
- .book-meta .btn-toolbar>.btn-group>.btn-group:nth-child(1)>a:first-of-type:hover>span,
+ .book-meta .btn-toolbar>.btn-group>.btn-group:nth-child(1)>a:first-of-type:hover>span,
- .book-meta .btn-toolbar>.btn-group>.btn-warning:hover>span,
+ .book-meta .btn-toolbar>.btn-group>.btn-warning:hover>span,
- .btn-toolbar>.btn-group>#btnGroupDrop2:hover>span,
+ .btn-toolbar>.btn-group>#btnGroupDrop2:hover>span,
- .btn-toolbar>.btn-group>.btn-group>#btnGroupDrop2:hover>span,
+ .btn-toolbar>.btn-group>.btn-group>#btnGroupDrop2:hover>span,
- div[aria-label="Edit/Delete book"]>.btn>span:hover,
+ div[aria-label="Edit/Delete book"]>.btn>span:hover,
- #btnGroupDrop1[aria-expanded=true]>span,
+ #btnGroupDrop1[aria-expanded=true]>span,
- #shelf-actions>.btn-group.open>#add-to-shelf>span {
+ #shelf-actions>.btn-group.open>#add-to-shelf>span {
-     color: var(--text-hover);
+     color: var(--text-hover);
- }
+ }
-
+
-
+
- /* DROPDOWN MENU */
+ /* DROPDOWN MENU */
- .dropdown-menu {
+ .dropdown-menu {
-     background: var(--drop-down-menu-bg) !important;
+     background: var(--drop-down-menu-bg) !important;
- }
+ }
-
+
- .dropdown-menu>li>a {
+ .dropdown-menu>li>a {
-     color: var(--text);
+     color: var(--text);
- }
+ }
-
+
- .dropdown-menu>li>a:focus,
+ .dropdown-menu>li>a:focus,
- .dropdown-menu>li>a:hover {
+ .dropdown-menu>li>a:hover {
-     color: var(--text-hover);
+     color: var(--text-hover);
-     background: hsla(0, 0%, 100%, .08);
+     background: hsla(0, 0%, 100%, .08);
- }
+ }
-
+
- /* SIDEMENU */
+ /* SIDEMENU */
- .navigation li a:hover .glyphicon,
+ .navigation li a:hover .glyphicon,
- .navigation li a:hover {
+ .navigation li a:hover {
-     color: rgb(var(--accent-color));
+     color: rgb(var(--accent-color));
- }
+ }
-
+
- .navigation li a {
+ .navigation li a {
-     color: var(--text);
+     color: var(--text);
- }
+ }
-
+
- .navigation .nav-head {
+ .navigation .nav-head {
-     color: var(--text-hover);
+     color: var(--text-hover);
- }
+ }
-
+
- body>div.navbar.navbar-default.navbar-static-top>div>div.navbar-header>a:hover {
+ body>div.navbar.navbar-default.navbar-static-top>div>div.navbar-header>a:hover {
-     color: var(--accent-color-hover) !important;
+     color: var(--accent-color-hover) !important;
-     -webkit-transition: color .2s;
+     -webkit-transition: color .2s;
-     -o-transition: color .2s;
+     -o-transition: color .2s;
-     transition: color .2s;
+     transition: color .2s;
-     background-color: rgba(0, 0, 0, .55) !important;
+     background-color: rgba(0, 0, 0, .55) !important;
- }
+ }
-
+
- /* NAVBAR */
+ /* NAVBAR */
- .navbar-default .navbar-nav>li>a:focus .glyphicon,
+ .navbar-default .navbar-nav>li>a:focus .glyphicon,
- .navbar-default .navbar-nav>li>a:hover .glyphicon {
+ .navbar-default .navbar-nav>li>a:hover .glyphicon {
-     color: var(--text-hover) !important;
+     color: var(--text-hover) !important;
- }
+ }
-
+
- /* BUTTONS */
+ /* BUTTONS */
-
+
-
+
- .btn-primary,
+ .btn-primary,
- .btn-primary>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf>span::before) {
+ .btn-primary>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf>span::before) {
-     color: var(--button-text);
+     color: var(--button-text);
-     background-color: var(--button-color);
+     background-color: var(--button-color);
-     border-color: var(--button-color);
+     border-color: var(--button-color);
- }
+ }
-
+
- .btn-primary:hover:not(#add-to-shelf),
+ .btn-primary:hover:not(#add-to-shelf),
- .btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not(#add-to-shelf) {
+ .btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not(#add-to-shelf) {
-     border-color: var(--button-color-hover);
+     border-color: var(--button-color-hover);
- }
+ }
-
+
- .btn-primary.active,
+ .btn-primary.active,
- .btn-primary:active,
+ .btn-primary:active,
- .btn-primary:focus,
+ .btn-primary:focus,
- .btn-primary:hover,
+ .btn-primary:hover,
- .open .dropdown-toggle.btn-primary,
+ .open .dropdown-toggle.btn-primary,
- .btn-primary:focus>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span),
+ .btn-primary:focus>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span),
- .btn-primary:active>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span),
+ .btn-primary:active>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span),
- .btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span) {
+ .btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span) {
-     background-color: var(--button-color-hover);
+     background-color: var(--button-color-hover);
- }
+ }
-
+
- .btn-primary.active.focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary.active.focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
- .btn-primary.active:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary.active:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
- .btn-primary.active:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary.active:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
- .btn-primary:active.focus:not(#edit_book):not(#add-to-shelf:not([data-original-title="Download :"])):not(#btnGroupDrop1),
+ .btn-primary:active.focus:not(#edit_book):not(#add-to-shelf:not([data-original-title="Download :"])):not(#btnGroupDrop1),
- .btn-primary:active:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary:active:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
- .btn-primary:active:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary:active:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
- .open>.dropdown-toggle.btn-primary.focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .open>.dropdown-toggle.btn-primary.focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
- .open>.dropdown-toggle.btn-primary:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .open>.dropdown-toggle.btn-primary:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
- .open>.dropdown-toggle.btn-primary:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .open>.dropdown-toggle.btn-primary:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
- .btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1),
- .btn-primary:active>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary:active>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1),
- .btn-primary:focus>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1) {
+ .btn-primary:focus>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1) {
-     color: var(--button-text-hover);
+     color: var(--button-text-hover);
-     background-color: var(--button-color-hover);
+     background-color: var(--button-color-hover);
-     border-color: var(--button-color-hover);
+     border-color: var(--button-color-hover);
- }
+ }
-
+
- .book-meta>.bookinfo .btn-info,
+ .book-meta>.bookinfo .btn-info,
- .book-meta>.bookinfo .btn-success {
+ .book-meta>.bookinfo .btn-success {
-     background-color: rgb(var(--accent-color));
+     background-color: rgb(var(--accent-color));
-     color: var(--label-text-color);
+     color: var(--label-text-color);
-     font-size: 13px;
+     font-size: 13px;
-     display: inline-block;
+     display: inline-block;
-     border-radius: 4px;
+     border-radius: 4px;
-     vertical-align: middle;
+     vertical-align: middle;
-     font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif;
+     font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif;
-     -webkit-transition: background-color .2s, color .2s;
+     -webkit-transition: background-color .2s, color .2s;
-     -o-transition: background-color .2s, color .2s;
+     -o-transition: background-color .2s, color .2s;
-     transition: background-color .2s, color .2s;
+     transition: background-color .2s, color .2s;
-     text-transform: uppercase;
+     text-transform: uppercase;
- }
+ }
-
+
- .book-meta>.bookinfo .btn-info:hover,
+ .book-meta>.bookinfo .btn-info:hover,
- .book-meta>.bookinfo .btn-success:hover {
+ .book-meta>.bookinfo .btn-success:hover {
-     color: var(--label-text-color);
+     color: var(--label-text-color);
-     text-decoration: none;
+     text-decoration: none;
-     background: var(--accent-color-hover);
+     background: var(--accent-color-hover);
- }
+ }
-
+
- [data-target="#fileModal"] span {
+ [data-target="#fileModal"] span {
-     color: var(--button-text);
+     color: var(--button-text);
- }
+ }
-
+
- [data-target="#fileModal"]:hover span {
+ [data-target="#fileModal"]:hover span {
-     color: var(--button-text-hover);
+     color: var(--button-text-hover);
- }
+ }
-
+
- /* ALERT */
+ /* ALERT */
-
+
- .alert {
+ .alert {
-     background: var(--modal-bg-color);
+     background: var(--modal-bg-color);
-     color: var(--text-hover);
+     color: var(--text-hover);
- }
+ }
-
+
- /* SERIES PAGE */
+ /* SERIES PAGE */
- /* from caliBlur_overide.css */
+ /* from caliBlur_overide.css */
- .cover .badge {
+ .cover .badge {
-     color: var(--label-text-color);
+     color: var(--label-text-color);
-     background-color: rgb(var(--accent-color));
+     background-color: rgb(var(--accent-color));
-     position: absolute;
+     position: absolute;
-     top: 0;
+     top: 0;
-     left: 0;
+     left: 0;
-     border-radius: 0;
+     border-radius: 0;
-     padding: 0 8px;
+     padding: 0 8px;
-     box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
+     box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
-     line-height: 24px;
+     line-height: 24px;
- }
+ }
- .cover {
+ .cover {
-    box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
+    box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
-  }
+  }
-  
+  
-  .cover .read {
+  .cover .read {
-    padding: 0 0;
+    padding: 0 0;
-    line-height: 15px;
+    line-height: 15px;
-  }
+  }
-  body.serieslist.grid-view div.container-fluid > div > div.col-sm-10::before {
+  body.serieslist.grid-view div.container-fluid > div > div.col-sm-10::before {
-    display: none;
+    display: none;
  }
--- a/CSS/themes/calibreweb/dark.css
+++ b/CSS/themes/calibreweb/dark.css
@ -1,17 +1,17 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* CALIBRE-WEB DARK THEME */
+/* CALIBRE-WEB DARK THEME */
-/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
+/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
-@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);
+@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);
@import url(https://theme-park.dev/CSS/variables/dark.css);
--- a/CSS/themes/calibreweb/dracula.css
+++ b/CSS/themes/calibreweb/dracula.css
@ -1,17 +1,17 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* CALIBRE-WEB DRACULA THEME */
+/* CALIBRE-WEB DRACULA THEME */
-/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
+/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
-@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);
+@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);
@import url(https://theme-park.dev/CSS/variables/dracula.css);
--- a/CSS/themes/calibreweb/hotline.css
+++ b/CSS/themes/calibreweb/hotline.css
@ -1,17 +1,17 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* CALIBRE-WEB HOTLINE THEME */
+/* CALIBRE-WEB HOTLINE THEME */
-/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
+/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
-@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);
+@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);
@import url(https://theme-park.dev/CSS/variables/hotline.css);
--- a/CSS/themes/calibreweb/organizr-dark.css
+++ b/CSS/themes/calibreweb/organizr-dark.css
@ -1,17 +1,17 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* CALIBRE-WEB ORGANIZR-DARK THEME */
+/* CALIBRE-WEB ORGANIZR-DARK THEME */
-/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
+/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
-@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);
+@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);
@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);
--- a/CSS/themes/calibreweb/space-gray.css
+++ b/CSS/themes/calibreweb/space-gray.css
@ -1,17 +1,17 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* CALIBRE-WEB SPACE GRAY THEME */
+/* CALIBRE-WEB SPACE GRAY THEME */
-/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
+/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
-@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);
+@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);
@import url(https://theme-park.dev/CSS/variables/space-gray.css);
--- a/CSS/themes/deluge/aquamarine.css
+++ b/CSS/themes/deluge/aquamarine.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* DELUGE AQUAMARINE THEME */
+/* DELUGE AQUAMARINE THEME */
-@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);
+@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);
@import url(https://theme-park.dev/CSS/variables/aquamarine.css);
--- a/CSS/themes/deluge/dark.css
+++ b/CSS/themes/deluge/dark.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* DELUGE DARK THEME */
+/* DELUGE DARK THEME */
-@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);
+@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);
@import url(https://theme-park.dev/CSS/variables/dark.css);
--- a/CSS/themes/deluge/deluge-base.css
+++ b/CSS/themes/deluge/deluge-base.css
--- a/CSS/themes/deluge/dracula.css
+++ b/CSS/themes/deluge/dracula.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* DELUGE DRACULA THEME */
+/* DELUGE DRACULA THEME */
-@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);
+@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);
@import url(https://theme-park.dev/CSS/variables/dracula.css);
--- a/CSS/themes/deluge/hotline.css
+++ b/CSS/themes/deluge/hotline.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* DELUGE HOTLINE THEME */
+/* DELUGE HOTLINE THEME */
-@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);
+@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);
@import url(https://theme-park.dev/CSS/variables/hotline.css);
--- a/CSS/themes/deluge/organizr-dark.css
+++ b/CSS/themes/deluge/organizr-dark.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* DELUGE ORGANIZR-DARK THEME */
+/* DELUGE ORGANIZR-DARK THEME */
-@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);
+@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);
@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);
--- a/CSS/themes/deluge/plex.css
+++ b/CSS/themes/deluge/plex.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/* 			      https://github.com/gilbN/theme.park			 */
+/* 			      https://github.com/gilbN/theme.park			 */
-
+
-/* DELUGE PLEX THEME */
+/* DELUGE PLEX THEME */
-@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);
+@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);
@import url(https://theme-park.dev/CSS/variables/plex.css);
--- a/CSS/themes/deluge/space-gray.css
+++ b/CSS/themes/deluge/space-gray.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* DELUGE SPACE GRAY THEME */
+/* DELUGE SPACE GRAY THEME */
-@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);
+@import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css);
@import url(https://theme-park.dev/CSS/variables/space-gray.css);
--- a/CSS/themes/dozzle/aquamarine.css
+++ b/CSS/themes/dozzle/aquamarine.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* DOZZLE AQUAMARINE THEME */
+/* DOZZLE AQUAMARINE THEME */
-@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
+@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
-@import url(https://theme-park.dev/CSS/variables/aquamarine.css);
+@import url(https://theme-park.dev/CSS/variables/aquamarine.css);
--- a/CSS/themes/dozzle/dark.css
+++ b/CSS/themes/dozzle/dark.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* DOZZLE DARK THEME */
+/* DOZZLE DARK THEME */
-@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
+@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
@import url(https://theme-park.dev/CSS/variables/dark.css);
--- a/CSS/themes/dozzle/dozzle-base.css
+++ b/CSS/themes/dozzle/dozzle-base.css
@ -1,277 +1,277 @@
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-:root {
+:root {
-    --scheme-main-ter: var(--main-bg-color);
+    --scheme-main-ter: var(--main-bg-color);
-    --text-strong-color: var(--button-text-hover);
+    --text-strong-color: var(--button-text-hover);
-    --border-color: rgb(255 255 255 / 25%);
+    --border-color: rgb(255 255 255 / 25%);
-    --logo-color: rgb(var(--accent-color));
+    --logo-color: rgb(var(--accent-color));
-    --body-background-color: var(--main-bg-color);
+    --body-background-color: var(--main-bg-color);
-    --border-hover-color: rgb(var(--accent-color));
+    --border-hover-color: rgb(var(--accent-color));
-}
+}
-
+
-* {
+* {
-    outline: none;
+    outline: none;
-}
+}
-
+
-html,
+html,
-body {
+body {
-    background: var(--main-bg-color) !important;
+    background: var(--main-bg-color) !important;
-    background-repeat: repeat, no-repeat;
+    background-repeat: repeat, no-repeat;
-    background-attachment: fixed, fixed;
+    background-attachment: fixed, fixed;
-    background-position: center center, center center;
+    background-position: center center, center center;
-    background-size: auto, cover;
+    background-size: auto, cover;
-    -webkit-background-size: auto, cover;
+    -webkit-background-size: auto, cover;
-    -moz-background-size: auto, cover;
+    -moz-background-size: auto, cover;
-    -o-background-size: auto, cover;
+    -o-background-size: auto, cover;
-    color: var(--text);
+    color: var(--text);
-}
+}
-
+
-h1,
+h1,
-h2,
+h2,
-h3,
+h3,
-h4,
+h4,
-h5,
+h5,
-h6,
+h6,
-section header,
+section header,
-.menu-label {
+.menu-label {
-    color: var(--text-hover) !important;
+    color: var(--text-hover) !important;
-}
+}
-
+
-
+
-/* Scrollbar */
+/* Scrollbar */
-
+
-html.has-custom-scrollbars ::-webkit-scrollbar-thumb {
+html.has-custom-scrollbars ::-webkit-scrollbar-thumb {
-    background-color: rgba(255, 255, 255, .25);
+    background-color: rgba(255, 255, 255, .25);
-    outline: 1px solid #0000;
+    outline: 1px solid #0000;
-    border-radius: 4px;
+    border-radius: 4px;
-}
+}
-
+
-html.has-custom-scrollbars ::-webkit-scrollbar-thumb:active,
+html.has-custom-scrollbars ::-webkit-scrollbar-thumb:active,
-html.has-custom-scrollbars ::-webkit-scrollbar-thumb:hover {
+html.has-custom-scrollbars ::-webkit-scrollbar-thumb:hover {
-    background-color: rgba(255, 255, 255, .45);
+    background-color: rgba(255, 255, 255, .45);
-
+
-}
+}
-
+
-html.has-custom-scrollbars ::-webkit-scrollbar-track {
+html.has-custom-scrollbars ::-webkit-scrollbar-track {
-    background: #1f1f1f;
+    background: #1f1f1f;
-}
+}
-
+
-html.has-custom-scrollbars ::-webkit-scrollbar-track:hover {
+html.has-custom-scrollbars ::-webkit-scrollbar-track:hover {
-    background: #1f1f1f;
+    background: #1f1f1f;
-}
+}
-
+
-html.has-custom-scrollbars section main {
+html.has-custom-scrollbars section main {
-    scrollbar-color: #353535 transparent;
+    scrollbar-color: #353535 transparent;
-    scrollbar-width: thin
+    scrollbar-width: thin
-}
+}
-
+
-/* Text important */
+/* Text important */
-p,
+p,
-.menu-list a {
+.menu-list a {
-    color: var(--text) !important;
+    color: var(--text) !important;
-
+
-}
+}
-
+
-.panel-heading {
+.panel-heading {
-    background-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
-    color: var(--label-text-color) !important;
+    color: var(--label-text-color) !important;
-}
+}
-
+
-.panel-block {
+.panel-block {
-    color: var(--text);
+    color: var(--text);
-}
+}
-
+
-.panel-tabs a.is-active {
+.panel-tabs a.is-active {
-    border-bottom-color: rgb(var(--accent-color));
+    border-bottom-color: rgb(var(--accent-color));
-    color: rgb(var(--accent-color));
+    color: rgb(var(--accent-color));
-}
+}
-
+
-.panel-tabs a {
+.panel-tabs a {
-    border-bottom: 1px solid var(--border-color);
+    border-bottom: 1px solid var(--border-color);
-    color: var(--text);
+    color: var(--text);
-}
+}
-
+
-.panel-tabs a:hover {
+.panel-tabs a:hover {
-    border-bottom: 1px solid var(--border-color);
+    border-bottom: 1px solid var(--border-color);
-    color: var(--text-strong-color);
+    color: var(--text-strong-color);
-}
+}
-
+
-a.panel-block:hover,
+a.panel-block:hover,
-label.panel-block:hover {
+label.panel-block:hover {
-    background-color: rgba(255, 255, 255, .08);
+    background-color: rgba(255, 255, 255, .08);
-    color: var(--text-strong-color);
+    color: var(--text-strong-color);
-}
+}
-
+
-/* Side Menu*/
+/* Side Menu*/
-.menu-list a:hover {
+.menu-list a:hover {
-    background-color: rgba(255, 255, 255, .08);
+    background-color: rgba(255, 255, 255, .08);
-    color: var(--text-hover) !important;
+    color: var(--text-hover) !important;
-}
+}
-
+
-.menu-list a.is-active,
+.menu-list a.is-active,
-.menu-list a.is-active:hover {
+.menu-list a.is-active:hover {
-    background-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
-    color: var(--label-text-color) !important;
+    color: var(--label-text-color) !important;
-}
+}
-
+
-.menu-list li:hover .column-icon:hover {
+.menu-list li:hover .column-icon:hover {
-    color: black !important;
+    color: black !important;
-}
+}
-
+
-li.exited a {
+li.exited a {
-    color: var(--text-muted) !important;
+    color: var(--text-muted) !important;
-}
+}
-
+
-.select select,
+.select select,
-.textarea,
+.textarea,
-.input,
+.input,
-.dropdown-content {
+.dropdown-content {
-    background: var(--modal-bg-color);
+    background: var(--modal-bg-color);
-    background-repeat: repeat, no-repeat;
+    background-repeat: repeat, no-repeat;
-    background-attachment: fixed, fixed;
+    background-attachment: fixed, fixed;
-    background-position: center center, center center;
+    background-position: center center, center center;
-    background-size: auto, cover;
+    background-size: auto, cover;
-    -webkit-background-size: auto, cover;
+    -webkit-background-size: auto, cover;
-    -moz-background-size: auto, cover;
+    -moz-background-size: auto, cover;
-    -o-background-size: auto, cover;
+    -o-background-size: auto, cover;
-    border-color: rgba(255, 255, 255, .1);
+    border-color: rgba(255, 255, 255, .1);
-    border-radius: 4px;
+    border-radius: 4px;
-    color: var(--text-strong-color);
+    color: var(--text-strong-color);
-}
+}
-
+
-.autocomplete .dropdown-item.is-hovered,
+.autocomplete .dropdown-item.is-hovered,
-a.dropdown-item:hover,
+a.dropdown-item:hover,
-button.dropdown-item:hover {
+button.dropdown-item:hover {
-    background: rgba(255, 255, 255, .25);
+    background: rgba(255, 255, 255, .25);
-    color: var(--text-strong-color);
+    color: var(--text-strong-color);
-}
+}
-
+
-.column-icon[data-v-35775614]:hover {
+.column-icon[data-v-35775614]:hover {
-    color: rgb(var(--accent-color));
+    color: rgb(var(--accent-color));
-}
+}
-
+
-.select select:focus,
+.select select:focus,
-.textarea:focus,
+.textarea:focus,
-.input:focus,
+.input:focus,
-.select select.is-focused,
+.select select.is-focused,
-.is-focused.textarea,
+.is-focused.textarea,
-.is-focused.input,
+.is-focused.input,
-.select select:active,
+.select select:active,
-.textarea:active,
+.textarea:active,
-.input:active,
+.input:active,
-.select select.is-active,
+.select select.is-active,
-.is-active.textarea,
+.is-active.textarea,
-.is-active.input {
+.is-active.input {
-    border-color: rgb(var(--accent-color));
+    border-color: rgb(var(--accent-color));
-    box-shadow: 0 0 0 0.125em rgba(var(--accent-color), .25);
+    box-shadow: 0 0 0 0.125em rgba(var(--accent-color), .25);
-}
+}
-
+
-/* Settings buttons */
+/* Settings buttons */
-.button {
+.button {
-    background: var(--button-color);
+    background: var(--button-color);
-    color: var(--button-text);
+    color: var(--button-text);
-    border-color: var(--button-color);
+    border-color: var(--button-color);
-}
+}
-
+
-section .is-scrollbar-notification button {
+section .is-scrollbar-notification button {
-    background: var(--button-color) !important;
+    background: var(--button-color) !important;
-    color: var(--button-text) !important;
+    color: var(--button-text) !important;
-    border-color: var(--button-color) !important;
+    border-color: var(--button-color) !important;
-}
+}
-
+
-.b-radio.radio.button.is-selected {
+.b-radio.radio.button.is-selected {
-    background-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
-    border-color: transparent;
+    border-color: transparent;
-    color: var(--text-strong-color);
+    color: var(--text-strong-color);
-}
+}
-
+
-.button:hover {
+.button:hover {
-    background: var(--button-color-hover) !important;
+    background: var(--button-color-hover) !important;
-    border-color: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
-    color: var(--button-text-hover) !important;
+    color: var(--button-text-hover) !important;
-}
+}
-
+
-.button:active,
+.button:active,
-.button.is-active {
+.button.is-active {
-    background: var(--button-color-hover);
+    background: var(--button-color-hover);
-    border-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
-    color: var(--text-strong-color);
+    color: var(--text-strong-color);
-}
+}
-
+
-.is-settings-control {
+.is-settings-control {
-    background: var(--button-color);
+    background: var(--button-color);
-    color: var(--button-text);
+    color: var(--button-text);
-    border-color: transparent;
+    border-color: transparent;
-}
+}
-
+
-.is-settings-control:hover {
+.is-settings-control:hover {
-    border-color: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
-    background: var(--button-color-hover) !important;
+    background: var(--button-color-hover) !important;
-    color: var(--button-text-hover) !important;
+    color: var(--button-text-hover) !important;
-}
+}
-
+
-#hide-nav {
+#hide-nav {
-    background: var(--button-color) !important;
+    background: var(--button-color) !important;
-    color: var(--button-text) !important;
+    color: var(--button-text) !important;
-}
+}
-
+
-#hide-nav:hover {
+#hide-nav:hover {
-    border-color: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
-    background: var(--button-color-hover) !important;
+    background: var(--button-color-hover) !important;
-    color: var(--button-text-hover) !important;
+    color: var(--button-text-hover) !important;
-}
+}
-
+
-code {
+code {
-    background: rgba(0, 0, 0, .35) !important;
+    background: rgba(0, 0, 0, .35) !important;
-}
+}
-
+
-.switch input[type=checkbox]:checked+.check {
+.switch input[type=checkbox]:checked+.check {
-    background: var(--button-color);
+    background: var(--button-color);
-}
+}
-
+
-.switch:hover input[type=checkbox]:checked+.check {
+.switch:hover input[type=checkbox]:checked+.check {
-    background: var(--button-color-hover);
+    background: var(--button-color-hover);
-}
+}
-
+
-.switch input[type=checkbox]:focus:checked+.check,
+.switch input[type=checkbox]:focus:checked+.check,
-.switch input[type=checkbox]:active:checked+.check {
+.switch input[type=checkbox]:active:checked+.check {
-    box-shadow: 0 0 0.5em rgb(var(--accent-color), .8);
+    box-shadow: 0 0 0.5em rgb(var(--accent-color), .8);
-}
+}
-
+
-/* Events */
+/* Events */
-
+
-.events {
+.events {
-    background: rgba(0, 0, 0, .35);
+    background: rgba(0, 0, 0, .35);
-}
+}
-
+
-.scroll-progress svg circle {
+.scroll-progress svg circle {
-    fill: rgba(255, 255, 255, .45) !important;
+    fill: rgba(255, 255, 255, .45) !important;
-    stroke: rgb(var(--accent-color)) !important;
+    stroke: rgb(var(--accent-color)) !important;
-}
+}
-
+
-.scroll-progress span {
+.scroll-progress span {
-    color: var(--text-strong-color) !important;
+    color: var(--text-strong-color) !important;
-}
+}
-
+
-.splitpanes--vertical>.splitpanes__splitter:hover {
+.splitpanes--vertical>.splitpanes__splitter:hover {
-    background: rgb(var(--accent-color)) !important;
+    background: rgb(var(--accent-color)) !important;
-}
+}
-
+
-.events.medium {
+.events.medium {
-    background: rgba(0, 0, 0, .45);
+    background: rgba(0, 0, 0, .45);
-}
+}
-
+
-.date {
+.date {
-    color: rgb(var(--accent-color)) !important;
+    color: rgb(var(--accent-color)) !important;
-    background: rgba(0, 0, 0, .25) !important;
+    background: rgba(0, 0, 0, .25) !important;
 }
--- a/CSS/themes/dozzle/dracula.css
+++ b/CSS/themes/dozzle/dracula.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* DOZZLE DRACULA THEME */
+/* DOZZLE DRACULA THEME */
-@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
+@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
@import url(https://theme-park.dev/CSS/variables/dracula.css);
--- a/CSS/themes/dozzle/hotline.css
+++ b/CSS/themes/dozzle/hotline.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* DOZZLE HOTLINE THEME */
+/* DOZZLE HOTLINE THEME */
-@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
+@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
@import url(https://theme-park.dev/CSS/variables/hotline.css);
--- a/CSS/themes/dozzle/organizr-dark.css
+++ b/CSS/themes/dozzle/organizr-dark.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* DOZZLE ORGANIZR-DARK THEME */
+/* DOZZLE ORGANIZR-DARK THEME */
-@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
+@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);
--- a/CSS/themes/dozzle/plex.css
+++ b/CSS/themes/dozzle/plex.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/* 			      https://github.com/gilbN/theme.park			 */
+/* 			      https://github.com/gilbN/theme.park			 */
-
+
-/* DOZZLE PLEX THEME */
+/* DOZZLE PLEX THEME */
-@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
+@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
@import url(https://theme-park.dev/CSS/variables/plex.css);
--- a/CSS/themes/dozzle/space-gray.css
+++ b/CSS/themes/dozzle/space-gray.css
@ -1,16 +1,16 @@
-
+
-/*    dP   dP                                                                  dP        */
+/*    dP   dP                                                                  dP        */
-/*    88   88                                                                  88        */
+/*    88   88                                                                  88        */
-/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*  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 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.  */
+/*    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  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
-/*                                                  88                                   */
+/*                                                  88                                   */
-/*                                                  dP					 */
+/*                                                  dP					 */
-
+
-/*		   		        Made by @gilbN					 */
+/*		   		        Made by @gilbN					 */
-/*			      https://github.com/gilbN/theme.park			 */
+/*			      https://github.com/gilbN/theme.park			 */
-
+
-/* DOZZLE SPACE GRAY THEME */
+/* DOZZLE SPACE GRAY THEME */
-@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
+@import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css);
@import url(https://theme-park.dev/CSS/variables/space-gray.css);
`@ -1,3 +1,3 @@`
	`# These are supported funding model platforms`	`# These are supported funding model platforms`

	`github: GilbN`	`github: GilbN`
`@ -1,3 +1,3 @@`
	`Headphone Icon svg made by monkik from www.flaticon.com`	`Headphone Icon svg made by monkik from www.flaticon.com`

	`https://www.flaticon.com/free-icon/music_2503487?term=headset&related_id=2503487`	`https://www.flaticon.com/free-icon/music_2503487?term=headset&related_id=2503487`