commit 3e3908e668b1720b62fe65c901130145b1d7d7ad
Author: GilbN <GilbN@users.noreply.github.com>
Date:   Sat Apr 9 14:45:24 2022 +0000

    deploy: 5914b4e8890c875ee38dccef74548372be061a82

diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md
new file mode 100644
index 00000000..3121d921
--- /dev/null
+++ b/.github/CONTRIBUTING.md
@@ -0,0 +1,30 @@
+# Contributing to theme.park
+
+- If you want to discuss changes, you can also bring it up in our Discord server
+- PR's are done against the develop branch.
+
+## New theme option
+
+- The current variables in use can be found in any of the CSS files in `/css/theme-options/` and `/css/community-theme-options/`
+
+- 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.
+
+- 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
+
+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.
+
+## 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.
+
+- 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
+
+- When submitting bugfixes please show a before and after screenshot of the fix, and a description of what the fix does.
diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
new file mode 100644
index 00000000..69860a66
--- /dev/null
+++ b/.github/FUNDING.yml
@@ -0,0 +1,3 @@
+# These are supported funding model platforms
+
+github: GilbN
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
new file mode 100644
index 00000000..0108e93a
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -0,0 +1,49 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: 'bug'
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**Theme Install Method** (Don't skip)
+- Docker run / Compose Config
+- Webserver subfilter Config
+- Stylus Config
+
+**Application Info** (Don't skip)
+- Version
+- Branch
+- Container
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+
+**Desktop (If applicable) (please complete the following information):**
+ - OS: [e.g. iOS]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 22]
+
+**Smartphone (If applicable) (please complete the following information):**
+ - Device: [e.g. iPhone6]
+ - OS: [e.g. iOS8.1]
+ - Browser [e.g. stock browser, safari]
+ - Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
new file mode 100644
index 00000000..879155f1
--- /dev/null
+++ b/.github/pull_request_template.md
@@ -0,0 +1,35 @@
+<!--- Provide a general summary of your changes in the Title above -->
+
+[themeparkurl]: https://theme-park.dev
+[![theme-park.dev](https://raw.githubusercontent.com/GilbN/theme.park/master/banners/tp_banner.png)][themeparkurl]
+
+
+<!--- 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  -->
+<!---  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   -->
+<!---  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
+
+------------------------------
+
+<!--- We welcome all PR’s though this doesn’t guarantee it will be accepted. -->
+
+## Description:
+<!--- Describe your changes in detail -->
+<!--- Add before and after screenshots of your changes -->
+
+## Benefits of this PR and context:
+<!--- Please explain why we should accept this PR. If this fixes an outstanding bug, please reference the issue # -->
+
+## How Has This Been Tested?
+<!--- Please describe in detail how you tested your changes. -->
+<!--- Include details of your testing environment, and the tests you ran to -->
+<!--- see how your change affects other areas of the code, etc. -->
+
+## Source / References:
+<!--- Please include any forum posts/github links relevant to the PR -->
\ No newline at end of file
diff --git a/.github/release.yml b/.github/release.yml
new file mode 100644
index 00000000..c39ff273
--- /dev/null
+++ b/.github/release.yml
@@ -0,0 +1,25 @@
+# release.yml
+
+changelog:
+  exclude:
+    labels:
+      - ignore-for-release
+    authors:
+      - github-actions
+  categories:
+    - title: Breaking Changes 🛠
+      labels:
+        - Semver-Major
+        - breaking-change
+    - title: Exciting New Features 🎉
+      labels:
+        - Semver-Minor
+        - enhancement
+        - added
+    - title: Fixes
+      labels:
+        - fix
+        - fixed
+    - title: Other Changes
+      labels:
+        - "*"
\ No newline at end of file
diff --git a/.github/workflows/auto-build.yml b/.github/workflows/auto-build.yml
new file mode 100644
index 00000000..fef13e45
--- /dev/null
+++ b/.github/workflows/auto-build.yml
@@ -0,0 +1,71 @@
+name: autobuildallthemods
+on:
+  push:
+    branches: 
+      - master
+    paths:
+    - 'docker-mods/**'
+jobs:
+  push_to_ghcr_io:
+    runs-on: ubuntu-latest
+    steps:
+      - name: checkout
+        uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+      - name: get changed files
+        id: getfile
+        run: |
+          echo "::set-output name=files::$(git diff-tree --no-commit-id --name-only -r ${{ github.sha }} docker-mods/| xargs)"
+      - name: Login to GitHub Container Registry
+        uses: docker/login-action@v1
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GH_PAT }}
+      - name: find correct directory then build&push
+        run: |
+          for i in ${{ steps.getfile.outputs.files }}
+            do
+              directory="$( echo $i | cut -d'/' -f2 -s )"
+              if [ -z "$directory" ]; then
+                continue # Skip root dir
+              elif [ "$i" == *.md ]; then
+                continue # Skip markdown files
+              elif [ "$i" == *.yml ]; then
+                continue # Skip YAML files
+              fi
+              docker build docker-mods/$directory --tag ghcr.io/gilbn/theme.park:$directory
+              docker push ghcr.io/gilbn/theme.park:$directory
+            done
+  push_to_dockerhub:
+    runs-on: ubuntu-latest
+    steps:
+      - name: checkout
+        uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+      - name: get changed files
+        id: getfile
+        run: |
+          echo "::set-output name=files::$(git diff-tree --no-commit-id --name-only -r ${{ github.sha }} docker-mods/| xargs)"
+      - name: Login to Docker Hub
+        uses: docker/login-action@v1
+        with:
+          username: ${{ secrets.DH_USER }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+      - name: find correct directory then build&push
+        run: |
+          for i in ${{ steps.getfile.outputs.files }}
+            do
+              directory="$( echo $i | cut -d'/' -f2 -s )"
+              if [ -z "$directory" ]; then
+                continue # Skip root dir
+              elif [ "$i" == *.md ]; then
+                continue # Skip markdown files
+              elif [ "$i" == *.yml ]; then
+                continue # Skip YAML files
+              fi
+              docker build docker-mods/$directory --tag gilbn/theme.park:$directory
+              docker push gilbn/theme.park:$directory
+            done
\ No newline at end of file
diff --git a/.github/workflows/docker-build.yml b/.github/workflows/docker-build.yml
new file mode 100644
index 00000000..fdf4a016
--- /dev/null
+++ b/.github/workflows/docker-build.yml
@@ -0,0 +1,148 @@
+name: docker build
+on:
+  release:
+    types:
+      - released
+  workflow_dispatch:
+    inputs:
+      branch:
+        description: 'Select branch'
+        required: true
+        type: choice
+        options:
+        - master
+        - develop
+        - testing
+      tag:
+        description: 'Add a tag'
+  push:
+    branches:
+      - develop
+      - testing
+    paths-ignore:
+        - '.github/**'
+jobs:
+  build-and-push-it-to-the-limit:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        architecture: [linux-arm-v7,linux-arm64,linux-amd64]
+    steps:
+      - name: checkout
+        uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+      - name: Prepare
+        id: prep
+        run: |
+          ARCHITECTURE=${{ matrix.architecture }}
+          echo ::set-output name=created::$(date -u +'%Y-%m-%dT%H:%M:%SZ')
+          echo ::set-output name=title::${GITHUB_REPOSITORY,,}:${{ github.ref_name }}
+          echo ::set-output name=revision::${GITHUB_SHA}
+          echo ::set-output name=source::${GITHUB_SERVER_URL}/${GITHUB_REPOSITORY,,}/tree/${{ github.ref_name }}
+          echo ::set-output name=vendor::${{ github.repository_owner }}
+          echo ::set-output name=url::${GITHUB_SERVER_URL}/${GITHUB_REPOSITORY,,}/blob/master/README.md
+          echo ::set-output name=VERSION::${{ github.event.release.tag_name }}
+          echo ::set-output name=platform::${ARCHITECTURE//-/\/}
+          echo ::set-output name=cache::${GITHUB_REPOSITORY,,}:${{ github.ref_name }}-cache-${{ matrix.architecture }}
+          echo ::set-output name=tag::${GITHUB_REPOSITORY,,}:${{ github.ref_name }}-${GITHUB_SHA:0:7}-${GITHUB_RUN_NUMBER}-${{ matrix.architecture }}
+          echo ::set-output name=release::${{ github.event.release.target_commitish }}
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v1
+
+      - name: Set up Docker Buildx
+        id: buildx
+        uses: docker/setup-buildx-action@v1
+
+      - name: Login to GitHub Container Registry
+        uses: docker/login-action@v1
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GH_PAT }}
+
+      - name: Login to Docker Hub
+        uses: docker/login-action@v1
+        with:
+          username: ${{ secrets.DH_USER }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: build&push
+        uses: docker/build-push-action@v2
+        with:
+          push: ${{ github.event_name != 'pull_request' }}
+          platforms: ${{ steps.prep.outputs.platform }}
+          file: ./${{ matrix.architecture }}.Dockerfile
+          cache-from: docker.io/${{ steps.prep.outputs.cache }}
+          cache-to: docker.io/${{ steps.prep.outputs.cache }}
+          tags: |
+            docker.io/${{ steps.prep.outputs.tag }}
+            ghcr.io/${{ steps.prep.outputs.tag }}
+          labels: |
+            org.opencontainers.image.created=${{ steps.prep.outputs.created }}
+            org.opencontainers.image.title=${{ steps.prep.outputs.title }}
+            org.opencontainers.image.revision=${{ steps.prep.outputs.revision }}
+            org.opencontainers.image.source=${{ steps.prep.outputs.source }}
+            org.opencontainers.image.vendor=${{ steps.prep.outputs.vendor }}
+            org.opencontainers.image.url=${{ steps.prep.outputs.url }}
+            org.opencontainers.image.version=${{ steps.prep.outputs.VERSION }}
+          build-args: |
+            TP_RELEASE=${{ steps.prep.outputs.VERSION }}
+            BUILD_DATE=${{ steps.date_time.outputs.created }}
+            BUILD_ARCHITECTURE=${{ matrix.architecture }}
+
+  publish:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        registry: [docker.io, ghcr.io]
+    needs: [build-and-push-it-to-the-limit]
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+
+      - name: Login to DockerHub
+        if: matrix.registry == 'docker.io'
+        uses: docker/login-action@v1
+        with:
+          registry: docker.io
+          username: ${{ secrets.DH_USER }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: Login to GitHub Container Registry
+        if: matrix.registry == 'ghcr.io'
+        uses: docker/login-action@v1
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GH_PAT }}
+
+      - name: Create manifests
+        env:
+          DOCKER_CLI_EXPERIMENTAL: enabled
+        run: |
+          IMAGE=${{ matrix.registry }}/${GITHUB_REPOSITORY,,}
+          TAG=${{ github.ref_name }}
+          SOURCE=${IMAGE}:${TAG}-${GITHUB_SHA:0:7}-${GITHUB_RUN_NUMBER}
+          VERSION=${{ steps.prep.outputs.VERSION }}
+          [[ -f linux-amd64.Dockerfile ]]  && AMD64=${SOURCE}-linux-amd64
+          [[ -f linux-arm64.Dockerfile ]]  && ARM64=${SOURCE}-linux-arm64
+          [[ -f linux-arm-v7.Dockerfile ]] && ARMV7=${SOURCE}-linux-arm-v7
+          docker manifest create ${IMAGE}:${TAG} ${AMD64} ${ARM64} ${ARMV7}
+          docker manifest push ${IMAGE}:${TAG}
+          docker manifest create ${IMAGE}:${TAG}-${GITHUB_SHA:0:7} ${AMD64} ${ARM64} ${ARMV7}
+          docker manifest push ${IMAGE}:${TAG}-${GITHUB_SHA:0:7}
+      - name: Latest manifest
+        if: ${{ github.event.release.target_commitish == 'master' }}
+        env:
+          DOCKER_CLI_EXPERIMENTAL: enabled
+        run: |
+          IMAGE=${{ matrix.registry }}/${GITHUB_REPOSITORY,,}
+          TAG=${{ github.ref_name }}
+          SOURCE=${IMAGE}:${TAG}-${GITHUB_SHA:0:7}-${GITHUB_RUN_NUMBER}
+          [[ -f linux-amd64.Dockerfile ]] && AMD64=${SOURCE}-linux-amd64
+          [[ -f linux-arm64.Dockerfile ]] && ARM64=${SOURCE}-linux-arm64
+          [[ -f linux-arm-v7.Dockerfile ]] && ARMV7=${SOURCE}-linux-arm-v7
+          docker manifest create ${IMAGE}:latest ${AMD64} ${ARM64} ${ARMV7}
+          docker manifest push ${IMAGE}:latest
diff --git a/.github/workflows/minify-and-deploy.yml b/.github/workflows/minify-and-deploy.yml
new file mode 100644
index 00000000..55cf9195
--- /dev/null
+++ b/.github/workflows/minify-and-deploy.yml
@@ -0,0 +1,88 @@
+name: Minify CSS and deploy to live branch
+on:
+  push:
+    branches:
+      - master
+      - develop
+      - testing 
+    paths-ignore:
+        - 'docker-mods/**'
+        - '.vscode/**'
+        - '.github/**'
+  workflow_dispatch:
+    inputs:
+      branch:
+        description: 'Select branch'
+        required: true
+        type: choice
+        options:
+        - master
+        - develop
+        - testing
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+      - name: Wrong domain check
+        run: |
+          echo "$(git diff-tree --no-commit-id --name-only -r ${{ github.sha }})"
+          if git grep -q -E ${{ secrets.DOMAIN }} -- *.css; then
+            echo "Game over man!"
+            exit 1
+          fi
+      - name: Set up Python ${{ matrix.python-version }}
+        uses: actions/setup-python@v2
+      - name: Run themes.py
+        run: |
+          python themes.py
+      - name: Minify CSS
+        if: ${{ github.ref == 'refs/heads/master' }}
+        run: |
+          sudo npm install -g minify@7.2.2
+          sudo apt-get update
+          sudo apt-get -y install moreutils
+
+          minify_file(){
+              directory=$1
+              basename=$(basename $directory);
+              extension="${basename##*.}"
+              output="${directory%/*}/"
+              filename="${basename%.*}"
+              output_path="${output}${filename}.${extension}"
+              minify ${directory} | sponge ${output_path}
+              echo "Minified ${directory} > ${output_path}"
+          }
+          
+            find ./css -type f -iname *base.css | while read fname
+                do
+                    if [[ "$fname" != *"min."* ]]; then
+                        minify_file $fname
+                    fi
+                done
+      - name: Deploy
+        uses: peaceiris/actions-gh-pages@v3
+        if: ${{ github.ref == 'refs/heads/master' || github.event.inputs.branch == 'master' }}
+        with:
+          publish_dir: ./
+          publish_branch: live
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          exclude_assets: ''
+      - name: Deploy Develop
+        uses: peaceiris/actions-gh-pages@v3
+        if: ${{ github.ref == 'refs/heads/develop' || github.event.inputs.branch == 'develop' }}
+        with:
+          publish_dir: ./
+          publish_branch: live_develop
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          exclude_assets: ''
+      - name: Deploy Testing
+        uses: peaceiris/actions-gh-pages@v3
+        if: ${{ github.ref == 'refs/heads/testing' || github.event.inputs.branch == 'testing' }}
+        with:
+          publish_dir: ./
+          publish_branch: live_testing
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          exclude_assets: ''
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..75ec3f0a
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.vscode/*
\ No newline at end of file
diff --git a/.nojekyll b/.nojekyll
new file mode 100644
index 00000000..d3f5a12f
--- /dev/null
+++ b/.nojekyll
@@ -0,0 +1 @@
+
diff --git a/CNAME b/CNAME
new file mode 100644
index 00000000..03038c86
--- /dev/null
+++ b/CNAME
@@ -0,0 +1 @@
+theme-park.dev
\ No newline at end of file
diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
new file mode 100644
index 00000000..3784db69
--- /dev/null
+++ b/CODE_OF_CONDUCT.md
@@ -0,0 +1,128 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, religion, or sexual identity
+and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our
+community include:
+
+* Demonstrating empathy and kindness toward other people
+* Being respectful of differing opinions, viewpoints, and experiences
+* Giving and gracefully accepting constructive feedback
+* Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience
+* Focusing on what is best not just for us as individuals, but for the
+  overall community
+
+Examples of unacceptable behavior include:
+
+* The use of sexualized language or imagery, and sexual attention or
+  advances of any kind
+* Trolling, insulting or derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or email
+  address, without their explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Enforcement Responsibilities
+
+Community leaders are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
+
+Community leaders have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+decisions when appropriate.
+
+## Scope
+
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official e-mail address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported to the community leaders responsible for enforcement at
+contact@theme-park.dev.
+All complaints will be reviewed and investigated promptly and fairly.
+
+All community leaders are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series
+of actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+interaction with the people involved, including unsolicited interaction with
+those enforcing the Code of Conduct, for a specified period of time. This
+includes avoiding interactions in community spaces as well as external channels
+like social media. Violating these terms may lead to a temporary or
+permanent ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior,  harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within
+the community.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.0, available at
+https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
+
+Community Impact Guidelines were inspired by [Mozilla's code of conduct
+enforcement ladder](https://github.com/mozilla/diversity).
+
+[homepage]: https://www.contributor-covenant.org
+
+For answers to common questions about this code of conduct, see the FAQ at
+https://www.contributor-covenant.org/faq. Translations are available at
+https://www.contributor-covenant.org/translations.
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 00000000..f1ae3c86
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2019 GilbN
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+ 
diff --git a/README.md b/README.md
new file mode 100644
index 00000000..60811746
--- /dev/null
+++ b/README.md
@@ -0,0 +1,298 @@
+<img src="banners/tp_banner.png"/>
+
+[![Docs](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=theme-park.dev&message=Docs)](https://docs.theme-park.dev "Documentation for all the themes in this repository.")
+[![Discord](https://img.shields.io/discord/591352397830553601.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=Discord&logo=discord)](https://discord.gg/HM5uUKU "Discord for theme installation support")
+[![GitHub Stars](https://img.shields.io/github/stars/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&logo=github)](https://github.com/GilbN/theme.park)
+[![Support](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=&message=sponsor&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABN0lEQVQ4T2NkoBAwIuv/HxDggMT/wLhhwwUQ/39AgAEDA4MATI5xw4YDcDaaAf+R+AcZN2wAG/g/IACkwR7JALjFYAbU5v0k+sYR5BLG/wEBCQwMDAUMDAz6DM3NDAxz5zIwPHhAjFkXGRgYJoAMaGBgYKgH6wgPZ2DYt4+B4fVrYgwAqWlENYBYbQwMDO8+sjH8+cvUSbYB6w9Kv/vwlW0aWYE4Z5MCAwfrf7fYnxN3wwwAxTEorvHGBMjZBy+Ivvv6jSXi20+OU+kMnR/RExIoQEGxIo8eHM/fcDA8fc114/J9/jVJv/prsSYkaJqYwMDAEIBsCMjme894bl6+w7s76e/EXGTDUVwAk0CJWgYGBliAIduM0wVIhoCS8X7kAMMWy1hdAPUKOGCXbJdnhQUYSQYQm6YAtdh8zhSGm1AAAAAASUVORK5CYII=)](https://github.com/sponsors/GilbN "Donate!")
+[![GitHub](https://img.shields.io/github/license/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge)](https://github.com/gilbN/theme.park/blob/master/LICENSE)
+[![GitHub Package Repository](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=theme-park.dev&message=Packages&logo=github)](https://github.com/users/GilbN/packages/container/package/theme.park)
+[![Docker Pulls](https://img.shields.io/docker/pulls/gilbn/theme.park.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=pulls&logo=docker)](https://hub.docker.com/r/gilbn/theme.park)
+[![Blog](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=technicalramblings&message=Blog)](https://technicalramblings.com/ "A blog with different guides :)")
+
+<p align="center">A collection of themes/skins for your favorite apps!</p>
+<div align="center">
+    <a href="https://docs.theme-park.dev/theme-options/aquamarine/" rel="noopener"><img src="https://docs.theme-park.dev/theme-options/screenshots/ombi_aquamarine_small.png" alt="Screen Shot 1" width="49.15%" /></a>
+    <a href="https://docs.theme-park.dev/theme-options/hotpink/" rel="noopener"><img src="https://docs.theme-park.dev/theme-options/screenshots/radarr_hotpink_small.png" alt="Screen Shot 2" width="49.15%" /></a>
+    <a href="https://docs.theme-park.dev/theme-options/overseerr/" rel="noopener"><img src="https://docs.theme-park.dev/theme-options/screenshots/petio_overseerr_small.png" alt="Screen Shot 3" width="49.15%" /></a>
+    <a href="https://docs.theme-park.dev/theme-options/dracula/" rel="noopener"><img src="https://docs.theme-park.dev/theme-options/screenshots/bazarr_dracula_small.png" alt="Screen Shot 4" width="49.15%" /></a>
+</div>
+
+<h1><a href="https://docs.theme-park.dev/themes/">Themes</a></h1>
+
+<p align="center">Click on the banners for screenshots.</p>
+
+<a href="https://docs.theme-park.dev/theme-options/dracula"><img src="https://docs.theme-park.dev/theme-options/dracula_banner_small.png" alt="Dracula" width="49.49%"/></a>
+<a href="https://docs.theme-park.dev/theme-options/overseerr"><img src="https://docs.theme-park.dev/theme-options/overseerr_banner_small.png" alt="Overseerr" width="49.49%"/></a>
+<a href="https://docs.theme-park.dev/theme-options/organizr"><img src="https://docs.theme-park.dev/theme-options/organizr_banner_small.png" alt="Organizr"  width="49.49%"/></a>
+<a href="https://docs.theme-park.dev/theme-options/aquamarine"><img src="https://docs.theme-park.dev/theme-options/aquamarine_banner_small.png" alt="Aquamarine"  width="49.49%"/></a>
+<a href="https://docs.theme-park.dev/theme-options/hotline"><img src="https://docs.theme-park.dev/theme-options/hotline_banner_small.png" alt="Hotline"  width="49.49%"/></a>
+<a href="https://docs.theme-park.dev/theme-options/hotpink"><img src="https://docs.theme-park.dev/theme-options/hotpink_banner_small.png" alt="Hotpink"  width="49.49%"/></a>
+<a href="https://docs.theme-park.dev/theme-options/space-gray"><img src="https://docs.theme-park.dev/theme-options/space gray_banner_small.png" alt="Space-Gray"  width="49.49%"/></a>
+<a href="https://docs.theme-park.dev/theme-options/dark"><img src="https://docs.theme-park.dev/theme-options/dark_banner_small.png" alt="Dark"  width="49.49%"/></a>
+<a href="https://docs.theme-park.dev/theme-options/plex"><img src="https://docs.theme-park.dev/theme-options/plex_banner_small.png" alt="Plex"  width="49.49%"/></a>
+<a href="https://docs.theme-park.dev/theme-options/nord"><img src="https://docs.theme-park.dev/theme-options/nord_banner_small.png" alt="Nord"  width="49.49%"/></a>
+
+<h2><a href="https://docs.theme-park.dev/setup">Installation</a></h2>
+
+<h2><a href="https://docs.theme-park.dev/themes/addons">Addons</a></h2>
+
+<h2><a href="https://docs.theme-park.dev/community-themes/">Community Themes</a></h2>
+
+<h2><a href="https://docs.theme-park.dev/custom/">Adding your own theme-options</a></h2>
+
+<p align="center">Current themes in the repo</p>
+
+<div align="center">
+<table cellspacing="10" cellpadding="10">
+<tbody>
+<tr>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/sonarr"><img src="https://docs.theme-park.dev/site_assets/sonarr/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/sonarr">Sonarr</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/radarr"><img src="https://docs.theme-park.dev/site_assets/radarr/logo.png" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/radarr">Radarr</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/lidarr"><img src="https://docs.theme-park.dev/site_assets/lidarr/logo.png" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/lidarr">Lidarr</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/readarr"><img src="https://docs.theme-park.dev/site_assets/readarr/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/readarr">Readarr</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/prowlarr"><img src="https://docs.theme-park.dev/site_assets/prowlarr/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/prowlarr">Prowlarr</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/bazarr"><img src="https://docs.theme-park.dev/site_assets/bazarr/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/bazarr">Bazarr</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/plex"><img src="https://docs.theme-park.dev/site_assets/plex/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/plex">Plex</a></p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/jellyfin"><img src="https://docs.theme-park.dev/site_assets/jellyfin/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/jellyfin">Jellyfin</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/emby"><img src="https://docs.theme-park.dev/site_assets/emby/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/emby">Emby</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/ombi"><img src="https://docs.theme-park.dev/site_assets/ombi/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/ombi">Ombi</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/tautulli"><img src="https://docs.theme-park.dev/site_assets/tautulli/logo.png" alt="" width="48" height="45" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/tautulli">Tautulli</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/organizr"><img src="https://docs.theme-park.dev/site_assets/organizr/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/organizr">Organizr</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/overseerr"><img src="https://docs.theme-park.dev/site_assets/overseerr/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/overseerr">Overseerr</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/deluge"><img src="https://docs.theme-park.dev/site_assets/deluge/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/deluge">Deluge</a></p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/qbittorrent"><img src="https://docs.theme-park.dev/site_assets/qbittorrent/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/qbittorrent">qBittorrent</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/rutorrent"><img src="https://docs.theme-park.dev/site_assets/rutorrent/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/rutorrent">ruTorrent</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/transmission"><img src="https://docs.theme-park.dev/site_assets/transmission/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/transmission">Transmission</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/sabnzbd"><img src="https://docs.theme-park.dev/site_assets/sabnzbd/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/sabnzbd">SABnzbd</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/nzbget"><img src="https://docs.theme-park.dev/site_assets/nzbget/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/nzbget">NZBGet</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/nzbhydra2"><img src="https://docs.theme-park.dev/site_assets/nzbhydra2/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/nzbhydra2">NZBHydra 2</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/jackett"><img src="https://docs.theme-park.dev/site_assets/jackett/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/jackett">Jackett</a></p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/netdata"><img src="https://docs.theme-park.dev/site_assets/netdata/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/netdata">Netdata</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/portainer"><img src="https://docs.theme-park.dev/site_assets/portainer/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/portainer">Portainer</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/pihole"><img src="https://docs.theme-park.dev/site_assets/pihole/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/pihole">Pi-hole</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/guacamole"><img src="https://docs.theme-park.dev/site_assets/guacamole/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/guacamole">Guacamole</a></p>
+</td>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/dozzle"><img src="https://docs.theme-park.dev/site_assets/dozzle/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/dozzle">Dozzle</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/calibreweb"><img src="https://docs.theme-park.dev/site_assets/calibreweb/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/calibreweb">Calibre-web</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/xbackbone"><img src="https://docs.theme-park.dev/site_assets/xbackbone/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/xbackbone">Xbackbone</a></p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/filebrowser"><img src="https://docs.theme-park.dev/site_assets/filebrowser/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/filebrowser">Filebrowser</a></p>
+
+<td>
+<p><a href="https://docs.theme-park.dev/themes/librespeed"><img src="https://docs.theme-park.dev/site_assets/librespeed/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/librespeed">librespeed</a></p>
+</td>
+
+<td>
+<p><a href="https://docs.theme-park.dev/themes/lazylibrarian"><img src="https://docs.theme-park.dev/site_assets/lazylibrarian/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/lazylibrarian">Lazylibrarian</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/adguard"><img src="https://docs.theme-park.dev/site_assets/adguard/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/adguard">Adguard</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/gaps"><img src="https://docs.theme-park.dev/site_assets/gaps/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/gaps">Gaps</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/uptime-kuma"><img src="https://docs.theme-park.dev/site_assets/uptime-kuma/logo.png" alt="" width="48" height="45" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/uptime-kuma">Uptime Kuma</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/mylar3"><img src="https://docs.theme-park.dev/site_assets/mylar3/logo.png" alt="" width="48" height="45" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/mylar3">Mylar 3</a></p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/bitwarden"><img src="https://docs.theme-park.dev/site_assets/bitwarden/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/bitwarden">Bitwarden</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/duplicacy"><img src="https://docs.theme-park.dev/site_assets/duplicacy/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/duplicacy">Duplicacy</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/kitana"><img src="https://docs.theme-park.dev/site_assets/kitana/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/kitana">Kitana</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/resilio-sync"><img src="https://docs.theme-park.dev/site_assets/resilio-sync/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/resilio-sync">Resilio-Sync</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/gitea"><img src="https://docs.theme-park.dev/site_assets/gitea/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/gitea">Gitea</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/unraid"><img src="https://docs.theme-park.dev/site_assets/unraid/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/unraid">Unraid</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/moviematch"><img src="https://docs.theme-park.dev/site_assets/moviematch/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/moviematch">Moviematch</a></p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/petio"><img src="https://docs.theme-park.dev/site_assets/petio/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/petio">Petio</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/flood"><img src="https://docs.theme-park.dev/site_assets/flood/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/flood">Flood</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/vuetorrent"><img src="https://docs.theme-park.dev/site_assets/vuetorrent/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/vuetorrent">VueTorrent</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/requestrr"><img src="https://docs.theme-park.dev/site_assets/requestrr/logo.png" alt="" width="48" height="45" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/requestrr">Requestrr</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/duplicati"><img src="https://docs.theme-park.dev/site_assets/duplicati/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/duplicati">Duplicati</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/synclounge"><img src="https://docs.theme-park.dev/site_assets/synclounge/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/synclounge">Synclounge</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/thelounge"><img src="https://docs.theme-park.dev/site_assets/thelounge/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/thelounge">The Lounge (Deprecated)</a></p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/grafana"><img src="https://docs.theme-park.dev/site_assets/grafana/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/grafana">Grafana (Deprecated)</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/monitorr"><img src="https://docs.theme-park.dev/site_assets/monitorr/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/monitorr">Monitorr (Deprecated)</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/webtools"><img src="https://docs.theme-park.dev/site_assets/webtools/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/webtools">Webtools (Deprecated)</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/logarr"><img src="https://docs.theme-park.dev/site_assets/logarr/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/logarr">Logarr (Deprecated)</a></p>
+</td>
+<td>
+<p><a href="https://docs.theme-park.dev/themes/plpp"><img src="https://docs.theme-park.dev/site_assets/plpp/logo.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://docs.theme-park.dev/themes/plpp">PLPP (Deprecated)</a></p>
+</td>
+<td>
+<!-- <p><a href=""><img src="" alt="" width="48" height="48" /></a></p>
+<p><a href=""></a></p> -->
+</td>
+<td>
+<!-- <p><a href=""><img src="" alt="" width="48" height="48" /></a></p>
+<p><a href=""></a></p> -->
+</td>
+</tr>
+</tbody>
+</table>
+</div>
+
+<br>
+
+<h3>Honourable mentions</h3>
+
+<p><a href="https://github.com/Archmonger/Blackberry-Themes">Archmonger/Blackberry-Themes</a></p>
\ No newline at end of file
diff --git a/banners/tp_banner.png b/banners/tp_banner.png
new file mode 100644
index 00000000..02313cd5
Binary files /dev/null and b/banners/tp_banner.png differ
diff --git a/css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css b/css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css
new file mode 100644
index 00000000..009d2010
--- /dev/null
+++ b/css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css
@@ -0,0 +1,35 @@
+/* Desktop */ 
+@media (min-width: 752px) {
+    .header-icon.px-3.m-0.d-none.d-md-block img  {
+        display: none !important;
+    }
+    .header-icon.px-3.m-0.d-none.d-md-block:before {
+        background-image: url("/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
+        display: inline-block;
+        width: 32px; 
+        height: 32px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+    }    
+} 
+
+/* Mobile */
+@media (max-width: 767px) {
+   .sidebar-title.d-flex.align-items-center.d-md-none.container img  {
+        display: none !important;
+    }   
+   .sidebar-title.d-flex.align-items-center.d-md-none.container:before {
+        background-image: url("/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png");
+        display: inline-block;
+        width: 32px; 
+        height: 32px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+    } 
+}
diff --git a/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png b/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png
new file mode 100644
index 00000000..7c6c7924
Binary files /dev/null and b/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png differ
diff --git a/css/addons/bazarr/bazarr-darker/bazarr-darker.css b/css/addons/bazarr/bazarr-darker/bazarr-darker.css
new file mode 100644
index 00000000..29ece53b
--- /dev/null
+++ b/css/addons/bazarr/bazarr-darker/bazarr-darker.css
@@ -0,0 +1,65 @@
+:root {
+    --main-bg-color: #313544;
+
+    --modal-bg-color: #252833;
+    --modal-header-color: #252833;
+    --modal-footer-color: #252833;
+
+    --drop-down-menu-bg: #252833;
+
+    --button-color: #911f93;
+    --button-color-hover: #721873;
+    --button-text: #eee;
+    --button-text-hover: #fff;
+
+    --accent-color: 145, 31, 147;
+    --accent-color-hover: rgb(var(--accent-color), .8);
+    --link-color: #b828bb;
+    --link-color-hover: #911f93;
+    --label-text-color: #eee;
+
+    --text: #ccc;
+    --text-hover: #fff;
+    --text-muted: #999;
+
+    /*Specials*/
+    --arr-queue-color: #6c757d;
+    --side-menu-active: #252833;
+    --side-menu-color: #3a3f51;
+    --side-menu-link-color: #fff;
+    --scroller-hover: #606060;
+    --scroller: #707070;
+    --border-color: #606060;
+    --label-color: #911f93;
+    --label-info: #5d9cec;
+    --header-color: #911f93;
+}
+
+/* HEADER */
+.header-container .bg-primary {
+    background-color: var(--header-color) !important;
+}
+
+/* SIDE MENU */
+.sidebar-container {
+    background-color: var(--side-menu-color) !important;
+    color: white !important;
+}
+
+.sidebar-container .sidebar-button {
+    color: var(--side-menu-link-color) !important;
+}
+
+.sidebar-container .sidebar-button {
+    background-color: var(--side-menu-color) !important;
+}
+.sidebar-container .sidebar-button.sb-active, .sidebar-container .sidebar-button.sb-active:hover {
+    color: var(--side-menu-link-color) !important;
+    background-color: var(--side-menu-active) !important;
+}
+
+
+.sidebar-container .sidebar-button:hover {
+    background-color: var(--side-menu-active) !important;
+    color: var(--side-menu-link-color) !important;
+}
\ No newline at end of file
diff --git a/css/addons/lidarr/lidarr-darker/lidarr-darker.css b/css/addons/lidarr/lidarr-darker/lidarr-darker.css
new file mode 100644
index 00000000..fc479d22
--- /dev/null
+++ b/css/addons/lidarr/lidarr-darker/lidarr-darker.css
@@ -0,0 +1,117 @@
+:root {
+    --main-bg-color: #454545;
+
+    --modal-bg-color: #353535;
+    --modal-header-color: #353535;
+    --modal-footer-color: #353535;
+
+    --drop-down-menu-bg: #4d8069;
+
+    --button-color: #5899eb;
+    --button-color-hover: #4b91ea;
+    --button-text: #eee;
+    --button-text-hover: #fff;
+
+    --accent-color: 0, 166, 91;
+    --accent-color-hover: rgb(0, 166, 91, .8);
+    --link-color: rgb(0, 166, 91);
+    --link-color-hover: rgb(0, 166, 91, .8);
+    --label-text-color: #eee;
+
+    --text: #ccc;
+    --text-hover: #fff;
+    --text-muted: #999;
+
+    /*Specials*/
+    --arr-queue-color: #00a65b;
+    --side-menu-active: #252525;
+    --scroller-hover: #606060;
+    --scroller: #707070;
+    --border-color: #606060;
+    --label-color: #1d563d;
+    --label-info: #5d9cec;
+    --header-color: #00a65b;
+    --side-menu-color: #353535;
+}
+
+/* HEADER */
+
+[class*="PageHeader-header-"] {
+    background-color: var(--header-color);
+    color: #fff;
+}
+
+[class*="PageToolbar-toolbar-"] {
+    background-color: #1d563d;
+    color: #e1e2e3;
+}
+
+/* SIDE MENU */
+
+[class*="PageSidebar-sidebar-"] {
+    background-color: #353535;
+    color: #fff;
+}
+
+[class*=PageSidebarItem-link-]:focus {
+    color: rgb(var(--accent-color)) !important;
+}
+
+[class*=PageSidebarItem-isActiveLink-] {
+    color: var(--link-color) !important;
+}
+
+[class*=PageSidebarItem-isActiveParentLink-] {
+    background-color: var(--side-menu-active);
+}
+
+/* SCROLLER */
+
+[class*=OverlayScroller-thumb-]:hover {
+    background-color: var(--scroller-hover) !important;
+}
+
+[class*="OverlayScroller-thumb-"],
+[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
+    background-color: var(--scroller) !important;
+}
+
+/* MODALS */
+
+[class*=ModalHeader-modalHeader-],
+[class*=FieldSet-legend-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+[class*=ModalFooter-modalFooter-] {
+    border-top: 1px solid var(--border-color);
+}
+
+/* LABLES */
+
+[class*="Label-default-"] {
+    border-color: var(--label-color);
+    background-color: var(--label-color);
+    color: white;
+}
+
+[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
+    border-color: var(--label-info);
+    background-color: var(--label-info);
+    color: #fff;
+}
+
+/* SETTINGS */
+
+[class*=Settings-link-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+/* SEARCH DROP DOWN */
+
+[class*=ArtistSearchInput-containerOpen-] [class*=ArtistSearchInput-artistContainer-] {
+    border: 1px solid var(--main-bg-color);
+    background-color: var(--main-bg-color);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+    color: #e1e2e3;
+}
\ No newline at end of file
diff --git a/css/addons/organizr/glass/example.jpg b/css/addons/organizr/glass/example.jpg
new file mode 100644
index 00000000..f938bc5d
Binary files /dev/null and b/css/addons/organizr/glass/example.jpg differ
diff --git a/css/addons/organizr/glass/glass-base.css b/css/addons/organizr/glass/glass-base.css
new file mode 100644
index 00000000..2a9c46b4
--- /dev/null
+++ b/css/addons/organizr/glass/glass-base.css
@@ -0,0 +1,861 @@
+/* Set the Organizr theme to either Aquamarine or Hotline */
+/* Import the glass-base.css and root variables in the Custom Theme CSS box like below */
+/* 
+@import "/css/addons/organizr/glass/organizr-base-old.css"
+@import "/css/addons/organizr/glass/glass-base.css"; 
+:root {
+    --main-bg-color: url(https://domain.com/your/hosted/wallpaper.jpg) center center/cover no-repeat fixed;
+    --mobile-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
+
+    --link-color: #fff;
+    --custom-buttons-color: radial-gradient(ellipse at center, #3F51B5 0%, #009688 100%) center center/cover no-repeat fixed;
+    --hompage-item-hover: radial-gradient(ellipse at center, rgba(0, 150, 136, 0.33) 0%, #b53f3f73 100%) center center/cover no-repeat fixed;
+    --notification-box-line: #000;
+
+    --div-background-color-10: rgba(0, 0, 0, 0.15);
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
+    --div-background-color-25: rgba(0, 0, 0, 0.35);
+    --div-background-color-35: rgba(0, 0, 0, 0.45);
+}
+
+*/
+
+/* Replace the variables if you have a dark background  */
+/* Light colors for dark backgrounds */
+/*
+    --div-background-color-10: rgba(255, 255, 255, 0.1);
+    --div-background-color-15: rgba(255, 255, 255, 0.15);
+    --div-background-color-25: rgba(255, 255, 255, 0.25);
+    --div-background-color-35: rgba(255, 255, 255, 0.35);
+*/
+/* Dark blur colors for bright backgrounds */
+/*
+    --div-background-color-10: rgba(0, 0, 0, 0.15);
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
+    --div-background-color-25: rgba(0, 0, 0, 0.35);
+    --div-background-color-35: rgba(0, 0, 0, 0.45);
+	
+*/
+
+/*Settings */
+
+.feeds li>div i {
+    color: black !important;
+}
+
+.row-in i {
+    font-size: 24px;
+    color: black;
+}
+
+.profile-social-icons a {
+    color: #eee;
+}
+
+.btn-info.btn-outline {
+    color: #eee !important;
+}
+
+.btn-info.btn-outline:hover {
+    background: var(--div-background-color-15);
+    color: #fff;
+}
+
+.content-wrap {
+    background: var(--div-background-color-15) !important;
+    border-radius: 0 0 15px 15px;
+}
+
+.content-wrap section.content-current {
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    background: rgba(0, 0, 0, 0);
+    border-radius: 0 0 15px 15px;
+}
+
+.panel-blue .panel-heading,
+.panel-info .panel-heading {
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    background: transparent;
+
+}
+
+.panel .table {
+    background: transparent !important;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+
+}
+
+.sttabs nav ul {
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    border-radius: 15px 15px 0 0;
+
+}
+
+.sttabs nav {
+    background: var(--div-background-color-25);
+    border-radius: 15px 15px 0 0;
+}
+
+#settings-main-system-settings-anchor>.sttabs nav ul li {
+    border-radius: 15px;
+}
+
+.tab-content>.active {
+    background: transparent;
+}
+
+.bg-title {
+    background: var(--div-background-color-10);
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+
+}
+
+.white-box {
+    background: transparent;
+}
+
+.white-popup-block {
+    background: var(--div-background-color-10) !important;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+}
+
+.user-bg {
+    border-top-left-radius: 15px;
+    border-top-right-radius: 15px;
+}
+
+#internal-Settings .nav-tabs>li.active>a,
+.nav-tabs>li.active>a:hover {
+    padding-top: 10px;
+}
+
+/* Nav bar
+.navbar-header {
+    background: transparent !important;
+}
+*/
+@media (min-width: 768px) {
+    .navbar-static-top {
+        background: var(--main-bg) !important;
+    }
+}
+
+/* Dropdown */
+.dropdown-menu {
+    background: var(--div-background-color-25);
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+
+}
+
+.open>.dropdown-menu {
+    display: block;
+    border-radius: 15px;
+}
+
+.navbar-top-links .dropdown-user {
+    border-radius: 15px;
+}
+
+#plexRecent .recent-filter {
+    background: var(--div-background-color-25) !important;
+    border-radius: 15px;
+}
+
+/* Side bar */
+.sidebar {
+    background: var(--div-background-color-15) !important;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    box-shadow: none;
+
+}
+
+.sidebar-head {
+    background: transparent !important;
+}
+
+/*Calendar */
+.fc-toolbar {
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    background: var(--div-background-color-15) !important;
+
+}
+
+.fc-view {
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    background: var(--div-background-color-15) !important;
+    border-bottom-right-radius: 15px;
+    border-bottom-left-radius: 15px;
+}
+
+.fc-popover {
+    background: var(--div-background-color-25);
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+
+}
+
+#homepageOrdercalendar .fc-toolbar {
+    border-top-left-radius: 15px;
+    border-top-right-radius: 15px;
+
+}
+
+.fc-row,
+.fc-unthemed {
+    border-bottom-right-radius: 15px;
+    border-bottom-left-radius: 15px;
+}
+
+/* Calendar mobile*/
+.fc th.fc-widget-header {
+    padding-left: 5px;
+}
+
+/*Error page */
+.error-body {
+    padding-top: 15%;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    height: -webkit-fill-available;
+    margin-top: -10%;
+
+}
+
+
+/* notify - popup */
+.iziToast.update-notify.iziToast-layout2,
+.iziToast.success-notify.iziToast-layout2 {
+    border: none;
+    background: var(--div-background-color-25) !important;
+    border-bottom: transparent;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+
+}
+
+.iziToast.warning-notify.iziToast-layout2 {
+    background: var(--div-background-color-25);
+    border: 1px solid transparent;
+    border-bottom: transparent;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+
+}
+
+.iziToast:after {
+    background: transparent !important;
+}
+
+.mfp-container {
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+
+}
+
+.mfp-zoom-out.mfp-ready.mfp-bg {
+    opacity: 1 !important;
+    background: var(--main-bg-color) !important;
+}
+
+.mfp-wrap {
+    background: var(--main-bg-color);
+}
+
+.main-email-panel .panel-body {
+    background: var(--div-background-color-25) !important;
+    border-bottom-right-radius: 15px !important;
+    border-bottom-left-radius: 15px !important;
+}
+
+.white-popup-block {
+    background: var(--div-background-color-25) !important;
+}
+
+.white-popup .panel-footer {
+    background: var(--div-background-color-25);
+    border-top: 1px solid #fff;
+    border-bottom-right-radius: 15px;
+    border-bottom-left-radius: 15px;
+}
+
+.panel>.table-responsive:last-child>.table:last-child,
+.panel>.table:last-child {
+    border-bottom-right-radius: 15px;
+    border-bottom-left-radius: 15px;
+}
+
+/* Homepage downloader */
+
+#homepageOrderdownloader {
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    background: var(--div-background-color-15);
+    padding: 10px;
+    border-radius: 15px;
+
+}
+
+#homepageOrderdownloader .nav-tabs>li.active>a,
+.nav-tabs>li.active>a:hover {
+    padding-top: 14px;
+}
+
+#homepageOrderdownloader .nav-tabs>li>a {
+    padding-top: 14px;
+}
+
+/* Homepage card */
+.nowPlayingItem>.white-box>.el-card-item {
+    background: var(--div-background-color-15) !important;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    border-radius: 15px;
+
+}
+
+.active-tab-Homepage .white-popup .panel-body,
+.white-popup>.col-md-6>.white-box:nth-child(2) {
+    background: var(--div-background-color-25) !important;
+    border-bottom-right-radius: 15px;
+    border-bottom-left-radius: 15px;
+}
+
+#plexStreams .el-element-overlay .el-card-item .el-overlay-1 img,
+#plexStreams .el-element-overlay:hover .el-card-item:hover .el-overlay-1:hover img:hover {
+    border-top-right-radius: 15px;
+    border-top-left-radius: 15px;
+}
+
+.el-element-overlay .el-card-item .el-overlay-1 {
+    border-top-right-radius: 15px;
+    border-top-left-radius: 15px;
+}
+
+.el-element-overlay .el-card-item .el-overlay {
+    border-top-right-radius: 15px;
+    border-top-left-radius: 15px;
+}
+
+.white-popup .panel-heading,
+.white-popup>.col-md-6>.white-box:first-child {
+    background: var(--div-background-color-25) !important;
+    border-top-right-radius: 15px;
+    border-top-left-radius: 15px;
+}
+
+
+.label-info {
+    background: var(--div-background-color-25);
+}
+
+#plexRecent,
+#homepageOrderplexplaylist,
+#homepageOrdercalendar,
+#homepageOrderembyrecent,
+#ombi-requests,
+#homepageOrderdeluge,
+#homepageOrdernzbget,
+#homepageOrdertransmission,
+#homepageOrderrTorrent,
+#homepageOrderjdownloader,
+#homepageOrdersabnzbd,
+#homepageOrderqBittorrent {
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    background: var(--div-background-color-15);
+    margin: 5px;
+    border-radius: 15px;
+
+}
+
+.bg-info {
+    background-color: transparent !important;
+}
+
+/* Health checks */
+.card-body {
+    background: var(--div-background-color-25) !important;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+
+}
+
+.bg-inverse .healthPosition {
+    background: var(--div-background-color-25) !important;
+    -webkit-backdrop-filter: saturate(180%) blur(30px);
+    backdrop-filter: saturate(180%) blur(30px);
+
+}
+
+/* Unifi cards */
+.unifiCards .panel-wrapper.collapse.in {
+    background: var(--div-background-color-15);
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    border-bottom-right-radius: 15px;
+    border-bottom-left-radius: 15px;
+
+}
+
+.unifiCards .panel-heading {
+    background: var(--div-background-color-35) !important;
+    color: #fff !important;
+    border-color: transparent !important;
+    text-align: inherit !important;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    border-top-left-radius: 15px;
+    border-top-right-radius: 15px;
+    border-bottom: 0px;
+}
+
+.unifiCards .panel-warning .panel-heading,
+.unifiCards .panel-success .panel-heading {
+    border-top-left-radius: 15px;
+    border-top-right-radius: 15px;
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px;
+}
+
+#allUnifi .unifiCards .panel .panel-warning {
+    border-radius: 15px !important;
+
+}
+
+.unifiCards .ti-close:before {
+    content: "\f111";
+    font-family: FontAwesome;
+    font-size: 20px;
+    color: rgba(255, 69, 58, 1);
+}
+
+.unifiCards .ti-minus:before {
+    content: "\f111";
+    font-family: FontAwesome;
+    font-size: 20px;
+    color: rgba(255, 204, 0, 1);
+}
+
+.unifiCards .ti-plus:before {
+    content: "\f111";
+    font-family: FontAwesome;
+    font-size: 20px;
+    color: rgba(40, 205, 65, 1);
+}
+
+/* Weather boxes */
+#homepageOrderWeatherAndAir .col-lg-2 .white-box,
+#homepageOrderWeatherAndAir>div:nth-child(1)>div.col-lg-4.col-sm-12.col-xs-12>div,
+#homepageOrderWeatherAndAir>div:nth-child(2)>div.col-lg-4.col-sm-12.col-xs-12>div {
+    background: var(--div-background-color-25) !important;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px)
+}
+
+/* Custom HTML */
+#homepageOrdercustomhtmlTwo,
+#homepageOrdercustomhtml {
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    background: var(--div-background-color-15);
+    border-radius: 15px;
+    padding-left: 10px;
+    padding-right: 10px;
+    margin-bottom: 5px;
+}
+
+/* Invite */
+#invite-area .bg-org {
+    background: var(--div-background-color-15) !important;
+    border-radius: 15px;
+}
+
+#new-invite-area .white-popup .panel-body,
+#new-invite-area .white-popup>.col-md-6>.white-box:nth-child(2) {
+    background: var(--div-background-color-15) !important;
+    border-bottom-right-radius: 15px;
+    border-bottom-left-radius: 15px;
+}
+
+.white-popup .panel-body,
+.white-popup>.col-md-6>.white-box:nth-child(2) {
+    background: var(--div-background-color-15) !important;
+    border-bottom-right-radius: 15px;
+    border-bottom-left-radius: 15px;
+    -webkit-backdrop-filter: blur(10px) !important;
+    backdrop-filter: blur(10px) !important;
+}
+
+/* Email users */
+.email-div .panel-body {
+    border-radius: 0px !important;
+}
+
+/* Speedtest popup */
+
+#speedtest-area .white-popup .panel-footer {
+    background: var(--div-background-color-25) !important;
+    border-bottom-right-radius: 15px;
+    border-bottom-left-radius: 15px;
+}
+
+#speedtest-area .white-popup .panel-body,
+#speedtest-area .white-popup>.col-md-6>.white-box:nth-child(2) {
+    border-bottom-right-radius: 0px !important;
+    border-bottom-left-radius: 0px !important;
+}
+
+/* Modal */
+.modal-content,
+.modal-header,
+.modal-footer,
+.modal-body {
+    background: var(--div-background-color-10) !important;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    border-color: transparent;
+}
+
+.modal-body {
+    border-bottom-left-radius: 15px;
+    border-bottom-right-radius: 15px;
+}
+
+.modal-header {
+    border-top-left-radius: 15px;
+    border-top-right-radius: 15px;
+}
+
+.modal-open .modal {
+    background: var(--main-bg-color);
+}
+
+.modal-content {
+    border-radius: 15px;
+    box-shadow: none;
+}
+
+/* loginpage sidemenu */
+@media (max-width: 480px) {
+    #wrapper .login-register>.login-box>.white-box {
+        background: transparent !important;
+        margin-top: auto !important;
+        width: 100% !important;
+        -webkit-backdrop-filter: blur(0px) !important;
+        backdrop-filter: blur(0px) !important;
+
+
+    }
+}
+
+@media (max-width: 480px) {
+    .login-box.login-sidebar {
+        background: var(--div-background-color-15) !important;
+        -webkit-backdrop-filter: blur(10px);
+        backdrop-filter: blur(10px);
+
+    }
+}
+
+/* logo */
+.white-box .visible-xs {
+    display: block !important;
+}
+
+.loginLogo {
+    border: 0;
+    margin-top: -60%;
+    transform: translateY(-10%);
+}
+
+@media (max-width: 480px) {
+    .loginLogo {
+        margin-top: -10% !important;
+    }
+}
+
+.blockUI {
+    opacity: 1 !important;
+    background-color: transparent !important;
+}
+
+.blockMsg {
+    background: rgba(0, 0, 0, 0.9) !important;
+    border: none !important;
+}
+
+.login-register>.login-box>.white-box {
+    background: var(--div-background-color-25) !important;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    border-radius: 15px;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+
+.login-register {
+
+    height: 100%;
+    position: fixed;
+}
+
+.slideInRight {
+    -webkit-animation-name: none;
+    animation-name: none;
+}
+
+.login-register .login-box .white-box .bg-org {
+    background-color: transparent !important;
+}
+
+/*2FA login button*/
+.panel-wrapper .panel-body>.btn-warning,
+.btn-warning.disabled {
+    background: var(--div-background-color-15) !important;
+    border: 1px solid #ffc36d00 !important;
+}
+
+/*2FA animation header*/
+.panel-warning .panel-heading,
+.panel-yellow .panel-heading {
+    color: #fff;
+    border-radius: 3px;
+    background-color: rgba(0, 0, 0, 0.3);
+    border-color: #00000000;
+}
+
+/*oAuth Successful*/
+.panel-green .panel-heading,
+.panel-success .panel-heading {
+    color: #53e69d;
+    text-align: center;
+    text-transform: uppercase;
+    border-radius: 3px;
+    background-color: transparent;
+    border-color: transparent;
+}
+
+/*Login sidebar*/
+.login-box.login-sidebar,
+#login-panels .panel-body,
+#login-panels .panel {
+    background: transparent;
+}
+
+#login-panels .form-control,
+#login-panels .btn {
+    background: rgba(255, 255, 255, 0.35);
+    color: white;
+    border-radius: 25px;
+    border: none;
+}
+
+/*  #login-panels {
+    height: 44px;
+    }*/
+#login-panles .btn-info.disabled.focus .btn-info.disabled:focus .btn-info.disabled:hover .btn-info.focus .btn-info:focus .btn-info:hover .btn:hover {
+    background: rgba(255, 255, 255, 0.65);
+    border: none;
+
+}
+
+/*Center login Box*/
+.login-sidebar {
+    position: relative;
+    right: initial;
+}
+
+#lockScreen .white-box {
+    width: 400px;
+    height: 345px;
+}
+
+.login-sidebar .white-box {
+    width: 100%;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+#lockScreen .white-box {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    background: var(--div-background-color-25);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    border-radius: 15px;
+}
+
+.form-control::placeholder {
+    color: white;
+}
+
+#login-username-Input,
+#login-password-Input {
+    text-align: center;
+}
+
+.panel .panel-heading .panel-title,
+label,
+span,
+.fa-lock:before {
+    color: #ffffff;
+}
+
+/* Lock screen */
+#lockScreen .form-material .form-control,
+.form-material .form-control:focus {
+    background: rgba(255, 255, 255, 0.35);
+    border-radius: 25px;
+    padding: inherit;
+    text-align: center;
+}
+
+#lockScreen .btn-info {
+    background: rgba(255, 255, 255, 0.35);
+    border-radius: 25px;
+}
+
+/* Extra */
+.cbutton {
+    background-color: var(--div-background-color-25) !important;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    border-radius: 15px !important;
+    border: none !important;
+    padding: 4px !important;
+
+}
+
+.cbutton:hover {
+    background: var(--div-background-color-25) !important;
+    -webkit-backdrop-filter: saturate(180%) blur(30px) !important;
+    backdrop-filter: saturate(180%) blur(30px) !important;
+    opacity: 1 !important;
+
+}
+
+/* Debug modal */
+.mdi-package-variant-closed:before {
+    content: "\F3D7";
+    color: black;
+}
+
+.mdi-receipt:before {
+    content: "\F449";
+    color: black;
+}
+
+.debugModal .modal-body {
+    border-bottom-left-radius: 0px !important;
+    border-bottom-right-radius: 0px !important;
+}
+
+.debugModal .modal-footer {
+    background: var(--div-background-color-10) !important;
+    border-bottom-left-radius: 15px !important;
+    border-bottom-right-radius: 15px !important;
+}
+
+#debugPreInfo .slimScrollDiv,
+#debugResults .slimScrollDiv {
+    background: var(--div-background-color-15);
+}
+
+/* Swal popup */
+.swal-overlay--show-modal .swal-modal {
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    background: var(--div-background-color-25);
+    border-radius: 15px;
+}
+
+.swal-title {
+    color: white;
+}
+
+.swal-overlay--show-modal {
+    background: var(--main-bg-color);
+}
+
+/* Mobile*/
+@media (max-width: 480px) {
+    * {
+        -webkit-backdrop-filter: none !important;
+        backdrop-filter: none !important;
+    }
+
+    #page-wrapper {
+        background: var(--mobile-bg-color) !important;
+        background-size: cover;
+        background-repeat: no-repeat;
+        width: 100%;
+        height: 100%;
+    }
+
+    #side-menu {
+        background: var(--mobile-bg-color) !important;
+    }
+
+    .navbar-header {
+        background: var(--div-background-color-25) !important;
+    }
+
+    .navbar-default,
+    .show-sidebar .sidebar .sidebar-head {
+        background: var(--mobile-bg-color) !important;
+    }
+
+    .dropdown-menu {
+        background: var(--mobile-bg-color) !important;
+    }
+
+    #internal-Settings {
+        background: var(--mobile-bg-color) !important;
+    }
+
+    .mfp-zoom-out.mfp-ready.mfp-bg {
+        opacity: 1 !important;
+        background: var(--mobile-bg-color) !important;
+    }
+
+    .mfp-wrap {
+        background: var(--mobile-bg-color) !important;
+    }
+
+    .modal-open .modal {
+        background: var(--mobile-bg-color) !important;
+    }
+
+    #page-wrapper {
+        background: var(--mobile-bg-color) !important;
+    }
+
+    #internal-Settings,
+    #preloader,
+    .preloader,
+    .active-tab-Settings,
+    .error-page {
+        background: var(--mobile-bg-color) !important;
+    }
+
+    html {
+        background: var(--mobile-bg-color) !important;
+    }
+}
\ No newline at end of file
diff --git a/css/addons/organizr/glass/glass-login.css b/css/addons/organizr/glass/glass-login.css
new file mode 100644
index 00000000..02003837
--- /dev/null
+++ b/css/addons/organizr/glass/glass-login.css
@@ -0,0 +1,192 @@
+:root {
+    --div-background-color-10: rgba(0, 0, 0, 0.15);
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
+    --div-background-color-25: rgba(0, 0, 0, 0.35);
+    --div-background-color-35: rgba(0, 0, 0, 0.45);
+}
+
+/* Replace the variables if you have a dark background  */
+/* Light colors for dark backgrounds */
+/*
+    --div-background-color-10: rgba(255, 255, 255, 0.1);
+    --div-background-color-15: rgba(255, 255, 255, 0.15);
+    --div-background-color-25: rgba(255, 255, 255, 0.25);
+    --div-background-color-35: rgba(255, 255, 255, 0.35);
+*/
+/* Dark blur colors for bright backgrounds */
+/*
+    --div-background-color-10: rgba(0, 0, 0, 0.15);
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
+    --div-background-color-25: rgba(0, 0, 0, 0.35);
+    --div-background-color-35: rgba(0, 0, 0, 0.45);
+	
+*/
+
+/* loginpage sidemenu */
+@media (max-width: 480px) {
+   #wrapper .login-register > .login-box > .white-box {
+     background: transparent !important;
+     margin-top: auto !important;
+     width: 100% !important;
+    -webkit-backdrop-filter: blur(0px) !important;
+    backdrop-filter: blur(0px) !important;
+
+
+   }
+   }
+
+@media (max-width: 480px) {
+   .login-box.login-sidebar {
+    background: var(--div-background-color-15) !important;
+    -webkit-backdrop-filter:  blur(10px);
+    backdrop-filter:  blur(10px);
+
+}
+}
+
+/* logo */
+	.white-box .visible-xs {
+		display: block!important;
+	}
+	.loginLogo {
+    border: 0;
+    margin-top: -60%;
+    transform: translateY(-10%);
+	}
+	@media (max-width: 480px) {
+		.loginLogo {
+		margin-top: -10% !important;
+		}
+	}
+	.blockUI {
+		opacity: 1 !important;
+		background-color: transparent !important;
+	}
+	.blockMsg {
+		background: rgba(0, 0, 0, 0.9) !important;
+		border: none !important;
+	}
+	
+    .login-register > .login-box > .white-box {
+    background: var(--div-background-color-25) !important;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    border-radius: 15px;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    }
+
+
+    .login-register {
+		
+        height: 100%;
+        position: fixed;
+    }
+
+	.slideInRight {
+		-webkit-animation-name: none;
+		animation-name: none;
+	}
+
+	.login-register  .login-box  .white-box  .bg-org {
+		background-color: transparent !important;
+    }
+
+	/*2FA login button*/
+	.panel-wrapper .panel-body > .btn-warning, .btn-warning.disabled {
+        background: var(--div-background-color-15) !important;
+        border: 1px solid #ffc36d00 !important;
+        }
+
+        /*2FA animation header*/
+        .panel-warning .panel-heading, .panel-yellow .panel-heading {
+        color: #fff;
+        border-radius: 3px;
+        background-color: rgba(0, 0, 0, 0.3);
+        border-color: #00000000;
+        }
+
+        /*oAuth Successful*/
+        .panel-green .panel-heading, .panel-success .panel-heading {
+        color: #53e69d;
+        text-align: center;
+        text-transform: uppercase;
+        border-radius: 3px;
+        background-color: transparent;
+        border-color: transparent;
+        }
+
+	/*Login sidebar*/
+	.login-box.login-sidebar,
+	#login-panels .panel-body,
+	#login-panels .panel {
+		background: transparent;
+	}
+	
+    #login-panels  .form-control ,  #login-panels .btn {
+    background: rgba(255, 255, 255, 0.35);
+    color: white;
+    border-radius: 25px;
+    border: none;
+    }
+  /*  #login-panels {
+    height: 44px;
+    }*/
+    #login-panles .btn-info.disabled.focus .btn-info.disabled:focus .btn-info.disabled:hover .btn-info.focus .btn-info:focus .btn-info:hover .btn:hover {
+    background: rgba(255,255, 255, 0.65);
+    border:none;
+
+    }
+	/*Center login Box*/
+	.login-sidebar {
+		position: relative;
+		right: initial;
+	}
+
+	#lockScreen .white-box {
+		width: 400px;
+		height: 345px;
+	}
+	.login-sidebar .white-box {
+		width: 100%;
+		position: absolute;
+		top: 50%;
+		transform: translateY(-50%);
+	}
+
+	#lockScreen .white-box {
+		position: absolute;
+		top: 50%;
+		transform: translateY(-50%);
+		background: var(--div-background-color-25);
+		-webkit-box-shadow: none;
+		box-shadow: none;
+		-webkit-backdrop-filter: blur(10px);
+		backdrop-filter: blur(10px);
+		border-radius: 15px;
+    }
+    .form-control::placeholder {
+        color: white;
+    }
+    #login-username-Input, #login-password-Input {
+            text-align: center;
+    }
+    .panel .panel-heading .panel-title, label, span, .fa-lock:before {
+    color: #ffffff;
+    }
+	/* Lock screen */ 
+	#lockScreen .form-material .form-control, .form-material .form-control:focus {
+		background: rgba(255, 255, 255, 0.35);
+		border-radius: 25px;
+		padding: inherit;
+		text-align: center;
+	}
+	 #lockScreen  .btn-info {
+		background: rgba(255, 255, 255, 0.35);
+		border-radius: 25px;
+		border: 1px solid transparent;
+	 }
+	 #lockScreen .btn-info:hover {
+		 border: 1px solid transparent;
+	 }
+	
diff --git a/css/addons/organizr/glass/organizr-base-old.css b/css/addons/organizr/glass/organizr-base-old.css
new file mode 100644
index 00000000..e48f350f
--- /dev/null
+++ b/css/addons/organizr/glass/organizr-base-old.css
@@ -0,0 +1,1366 @@
+html {
+    background: var(--main-bg-color);
+}
+
+body {
+    color: white;
+}
+
+.panel .panel-heading .panel-title {
+    color: #ffffff;
+}
+
+.dataTables_wrapper .dataTables_filter,
+.dataTables_wrapper .dataTables_length,
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
+.dataTables_wrapper,
+.dataTables_info,
+.text-dark,
+.drop-title,
+.tabs-style-flip nav a,
+.text-dark .bg-title .breadcrumb a,
+.daterangepicker .input-mini,
+.dd-handle,
+.dd3-content,
+.dropify-wrapper,
+.form-control,
+.panel-default .panel-heading,
+.panel-white .panel-heading,
+.select2-container .select2-choice,
+.steamline .sl-right div>a,
+.white-box .box-title,
+a.list-group-item,
+button.list-group-item,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.panel-default .panel-body,
+.panel-white .panel-body {
+    color: #ffffff !important;
+}
+
+/* Scrollbar */
+@media only screen and (min-width: 768px) {
+    html {
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+    }
+
+    body {
+        overflow-y: auto;
+        height: 100%;
+        background: var(--main-bg-color)
+    }
+}
+
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .2);
+    background-clip: padding-box;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .5);
+    background-clip: padding-box;
+}
+
+/* Header */
+.navbar-header {
+    background: transparent !important;
+}
+
+@media (max-width: 480px) {
+    .navbar-header {
+        background: var(--main-bg-color) !important;
+    }
+}
+
+.nav .open>a,
+.nav .open>a:focus,
+.nav .open>a:hover {
+    background: transparent;
+}
+
+.navbar-default {
+    background-color: transparent;
+}
+
+.dropdown-menu {
+    background: var(--modal-bg-color);
+}
+
+.chat-list .odd .chat-text {
+    background: rgba(255, 255, 255, 0.15);
+}
+
+/* Background */
+#page-wrapper {
+    background: var(--main-bg-color) !important;
+}
+
+/* Update bar */
+.progress-bar-primary {
+    background: var(--modal-bg-color);
+}
+
+/* Lockscreen */
+.lock-screen {
+    background: var(--main-bg-color) !important;
+}
+
+/* Buttons */
+.btn-primary,
+.btn-primary.disabled {
+    background: rgba(0, 0, 0, 0.25);
+    border: 1px solid transparent;
+}
+
+.btn-primary:hover {
+    background: rgba(0, 0, 0, 0.45);
+    border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.form-material .form-control,
+.form-material .form-control:focus {
+    background: #1f1f1f;
+    border-radius: 3px;
+    padding: inherit;
+}
+
+.lock-screen>.login-box {
+    width: 400px;
+    margin: 10% auto 0;
+    height: initial;
+    position: initial;
+}
+
+/* Sidebar/settings */
+#internal-Settings,
+.active-tab-Settings,
+.sidebar body[data-active-tab=""],
+.sidebar {
+    background: var(--main-bg-color) !important;
+}
+
+.sidebar,
+.sidebar {
+    background: transparent;
+    box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.6);
+}
+
+.sidebar-head {
+    background: var(--main-bg-color) !important;
+}
+
+#side-menu li a {
+    color: #ffffff;
+}
+
+#side-menu li a:focus,
+#side-menu li a:hover {
+    color: #fff;
+    background: rgba(255, 255, 255, .08) !important;
+}
+
+#side-menu li a.active {
+    box-shadow: inset 4px 0 0 0 var(--link-color);
+}
+
+.label-inverse {
+    background: var(--custom-buttons-color);
+}
+
+.tabLoaded {
+    -webkit-filter: drop-shadow(0 0 5px var(--link-color));
+    filter: drop-shadow(0 0 5px var(--link-color));
+}
+
+/*input form control dropdown*/
+.form-control,
+select {
+    background: rgba(0, 0, 0, .25);
+    color: #fff;
+    border: 1px transparent;
+}
+
+.form-control:focus,
+select:focus {
+    color: #fff !important;
+    background: #1f1f1f;
+    border: 1px transparent;
+    transition: all 0ms linear 0s;
+}
+
+/* Settings */
+.bg-title {
+    background: rgba(0, 0, 0, 0.15);
+}
+
+.content-wrap {
+    background: var(--main-bg-color) !important;
+}
+
+.swal-modal.bg-org {
+    background: var(--main-bg-color);
+}
+
+.panel-wrapper>.bg-org .tab-content {
+    background-color: transparent !important;
+}
+
+.panel-blue .panel-heading,
+.panel-info .panel-heading {
+    border-color: #ffffff;
+    color: #fff;
+    background-color: rgba(0, 0, 0, 0.15);
+}
+
+.panel {
+    background: transparent;
+}
+
+.panel-body {
+    background: transparent !important;
+}
+
+.nav-tabs>li>a:hover {
+    background: rgba(0, 0, 0, 0.15);
+}
+
+.bg-org {
+    background-color: transparent !important;
+}
+
+.tab-content>.active {
+    display: block;
+    background: var(--main-bg-color);
+}
+
+/* Settings - tables */
+.panel .table {
+    background: var(--main-bg-color) !important;
+}
+
+/* User Management */
+#settings-user-manage-users tr.jsgrid-header-row th {
+    background: rgba(0, 0, 0, .0);
+}
+
+#settings-user-manage-users .jsgrid-grid-body td {
+    background: rgba(0, 0, 0, .0) !important;
+}
+
+#settings-user-manage-users .jsgrid-selected-row td {
+    background: rgba(0, 0, 0, .15) !important
+}
+
+/* iframe sandbox */
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+    color: #ffffff;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+    background-color: #00000094;
+    border: 1px solid #00000000;
+    color: #ffffff;
+}
+
+/* error page */
+.error-box {
+    top: 10%;
+    background: var(--main-bg-color);
+}
+
+/*error page background */
+#internal-Settings,
+#preloader,
+.preloader,
+.active-tab-Settings,
+.error-page {
+    background: var(--main-bg-color);
+}
+
+/*Speed test footer and circles*/
+.white-popup .panel-footer {
+    background: var(--main-bg-color);
+    border-top: 1px solid #fff;
+}
+
+.css-bar-lg:after {
+    background: #1f1f1f !important;
+}
+
+/* Settings - menu tabs */
+.sttabs nav {
+    background: rgba(0, 0, 0, 0);
+}
+
+.tabs-style-flip nav li.tab-current a::after {
+    background-color: rgba(0, 0, 0, .15) !important;
+    -webkit-transform: none !important;
+    transform: none !important;
+    border-radius: 0px !important;
+}
+
+.tabs-style-flip nav a::after {
+    background: rgba(0, 0, 0, 0) !important;
+    transition: none;
+    -webkit-transform: none;
+    transform: none;
+}
+
+.tabs-style-flip nav a:hover {
+    background: rgba(255, 255, 255, .05) !important;
+}
+
+.nav-tabs>li.active>a,
+.nav-tabs>li.active>a:hover {
+    background-color: none !important;
+}
+
+.tabs-style-flip nav li.tab-current a:hover {
+    color: #ffffff;
+    background: rgba(0, 0, 0, 0) !important;
+}
+
+.tabs-style-flip nav li.tab-current a {
+    color: var(--link-color) !important;
+}
+
+/* Settings - custom css */
+.ace_gutter {
+    background: rgba(0, 0, 0, .3) !important;
+    color: #fff !important;
+}
+
+/* Settings - image manager */
+.el-element-overlay .white-box {
+    background: transparent !important;
+}
+
+/* Settings - news panel */
+#organizrNewsPanel .panel-body {
+    background: rgba(0, 0, 0, 0.15) !important;
+}
+
+/* Settings - tab editor panel */
+.table-hover>tbody>tr:hover,
+.table-striped>tbody>tr:nth-of-type(odd),
+.table>tbody>tr.active>td,
+.table>tbody>tr.active>th,
+.table>tbody>tr>td.active,
+.table>tbody>tr>th.active,
+.table>tfoot>tr.active>td,
+.table>tfoot>tr.active>th,
+.table>tfoot>tr>td.active,
+.table>tfoot>tr>th.active,
+.table>thead>tr.active>td,
+.table>thead>tr.active>th,
+.table>thead>tr>td.active,
+.table>thead>tr>th.active {
+    background-color: rgba(0, 0, 0, 0.15) !important;
+}
+
+.table-hover>tbody>tr:hover {
+    background: rgba(0, 0, 0, .15) !important;
+}
+
+#tabEditorTable .btn-info.btn-outline {
+    color: var(--custom-buttons-color);
+}
+
+#tabEditorTable .btn-info.btn-outline:hover,
+#tabEditorTable .btn-info.btn-outline:focus {
+    color: white;
+    background: var(--custom-buttons-color);
+}
+
+/* Settings - popup modal */
+.white-popup .panel-heading,
+.white-popup>.col-md-6>.white-box:first-child {
+    background: var(--main-bg-color) !important;
+}
+
+.white-popup .panel-body,
+.white-popup>.col-md-6>.white-box:nth-child(2) {
+    background: var(--main-bg-color) !important;
+}
+
+.panel-blue a:hover,
+.panel-info a:hover {
+    color: #ffffff;
+}
+
+.customtab li.active a,
+.customtab li.active a:focus,
+.customtab li.active a:hover,
+.nav-tabs>li.active>a,
+.nav-tabs>li.active>a:focus,
+.nav-tabs>li.active>a:hover {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.white-popup-block {
+    background: var(--main-bg-color) !important;
+}
+
+.nav-tabs>li>a {
+    color: #ffffff;
+}
+
+.modal-content,
+.modal-header,
+.modal-footer,
+.modal-body {
+    background: var(--main-bg-color) !important;
+}
+
+.close:focus,
+.close:hover {
+    color: #fff;
+}
+
+.has-success .control-label {
+    color: var(--link-color);
+}
+
+/* Settings - save button */
+.btn-info,
+.btn-info.disabled {
+    background: rgba(0, 0, 0, 0.25);
+    border: none;
+}
+
+.btn-info.disabled.focus,
+.btn-info.disabled:focus,
+.btn-info.disabled:hover,
+.btn-info.focus,
+.btn-info:focus,
+.btn-info:hover {
+    background: rgba(0, 0, 0, 0.45);
+    border: none;
+}
+
+.btn-info.active,
+.btn-info:active,
+.open>.dropdown-toggle.btn-info,
+.btn-info:active:hover {
+    background-color: #1b1a1a;
+    border-color: #1b1a1a;
+}
+
+/* Settings logs */
+
+.table-striped>tbody>tr:nth-of-type(odd) {
+    background: rgba(0, 0, 0, .15) !important;
+}
+
+.table-striped>tbody>tr:nth-of-type(odd):hover {
+    background: rgba(0, 0, 0, .25) !important;
+}
+
+table.dataTable>tbody>tr:nth-of-type(even) {
+    background: rgba(0, 0, 0, .15) !important;
+}
+
+table.dataTable>tbody>tr:nth-of-type(even):hover {
+    background: rgba(0, 0, 0, .25) !important;
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button.current,
+.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
+    background: rgba(0, 0, 0, .08) !important;
+    color: var(--link-color) !important;
+    border: 0 !important;
+    border-radius: 0 !important;
+    margin: 0 !important;
+    transition: none;
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button {
+    background: rgba(0, 0, 0, .15);
+    color: rgba(255, 255, 255, .7) !important;
+    border: 0 !important;
+    border-radius: 0 !important;
+    margin: 0 !important;
+    transition: none;
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
+.nav-tabs li a:hover {
+    background: rgba(255, 255, 255, .08) !important;
+    color: #eee !important;
+}
+
+.nav-tabs>li.active>a,
+.nav-tabs>li.active>a:hover {
+    background: rgba(0, 0, 0, 0.25) !important;
+}
+
+/* Settings - custom CSS */
+.ace-idle-fingers {
+    background-color: rgba(0, 0, 0, 0.15) !important;
+    background: rgba(0, 0, 0, 0.15) !important;
+}
+
+.ace_gutter {
+    background: rgba(0, 0, 0, .3) !important;
+    color: #eee !important;
+}
+
+/* custom buttons */
+.cbutton {
+    background-color: rgba(255, 255, 255, 0.2) !important;
+    border-radius: 3px !important;
+    border-color: transparent !important;
+}
+
+/* Calendar */
+.fc-day-header a,
+.fc-day-number,
+.fc-list-heading-main {
+    color: #FFF;
+    cursor: pointer !important;
+    transition: color .2s ease;
+}
+
+.fc-unthemed th,
+.fc-unthemed td,
+.fc-unthemed thead,
+.fc-unthemed .fc-divider,
+.fc-unthemed .fc-row,
+.fc-unthemed .fc-popover {
+    border-color: transparent;
+    background: rgba(0, 0, 0, 0.05);
+}
+
+.bg-theme,
+.fc-day-header {
+    background: rgba(0, 0, 0, .3) !important;
+}
+
+.bg-theme,
+.fc th.fc-sun,
+.fc th.fc-tue,
+.fc th.fc-thu,
+.fc th.fc-sat,
+.fc th.fc-mon,
+.fc th.fc-wed,
+.fc th.fc-fri,
+.fc-button {
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+th.fc-day-header.fc-widget-header.fc-today {
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+.fc-widget-content.fc-today {
+    background-color: rgba(255, 255, 255, 0.25) !important;
+}
+
+.fc-popover {
+    background: var(--modal-bg-color);
+}
+
+/*TV Missing icon and status*/
+#calendar .fa.fa-tv.text-danger,
+#calendar .fc-time.tv.text-danger {
+    color: var(--calendar-tv-missing);
+}
+
+/*TV Available icon and status*/
+#calendar .fa.fa-tv.text-success,
+#calendar .fc-time.tv.text-success {
+    color: var(--calendar-tv-available);
+}
+
+/*TV Unreleased icon and status*/
+#calendar .fa.fa-tv.text-info,
+#calendar .fc-time.tv.text-info {
+    color: var(--calendar-tv-unreleased);
+}
+
+/*TV Premier icon and status*/
+#calendar .fa.fa-tv.text-primary,
+#calendar .fc-time.tv.text-primary,
+#calendar .fa.fa-tv.text-purple,
+#calendar .fc-time.tv.text-purple {
+    color: var(--calendar-tv-premier);
+}
+
+/*Movie Missing icon and status*/
+#calendar .fa.fa-film.text-danger:before {
+    color: var(--calendar-movie-missing);
+}
+
+#calendar .fa.fa-film.text-danger:after {
+    content: " Missing";
+    font-family: Rubik, sans-serif;
+    font-weight: 500;
+    color: var(--calendar-movie-missing);
+}
+
+/*Movie Available icon and status*/
+#calendar .fa.fa-film.text-success:before {
+    color: var(--calendar-movie-available);
+}
+
+#calendar .fa.fa-film.text-success:after {
+    content: " Available";
+    font-family: Rubik, sans-serif;
+    font-weight: 500;
+    color: var(--calendar-movie-available);
+}
+
+/*Movie Unreleased icon and status*/
+#calendar .fa.fa-film.text-info:before {
+    color: var(--calendar-movie-unreleased);
+}
+
+#calendar .fa.fa-film.text-info:after {
+    content: " Unreleased";
+    font-family: Rubik, sans-serif;
+    font-weight: 500;
+    color: var(--calendar-movie-unreleased);
+}
+
+
+/* Homepage Now playing card */
+.nowPlayingItem>.white-box>.el-card-item {
+    background: rgba(0, 0, 0, 0.15) !important;
+    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
+}
+
+.icon-film,
+.icon-control-play,
+.icon-screen-desktop,
+.icon-control-pause {
+    color: white !important;
+}
+
+.label-info {
+    background: var(--custom-buttons-color);
+}
+
+.white-box {
+    background: var(--main-bg-color);
+}
+
+/* Homepage headers */
+.panel-default .panel-heading,
+.fc-toolbar {
+    background: transparent !important;
+    padding: 20px 0px;
+}
+
+/* Homepage buttons */
+#homepage-items .btn-group .btn {
+    background: 0 0 !important;
+    color: rgba(255, 255, 255, .7) !important;
+    padding: 6px 12px;
+    margin: 0 12.5px;
+    transition: color .2s ease;
+}
+
+#homepageOrderdeluge .mailbox-widget .customtab li.active a,
+#homepageOrderqBittorrent .mailbox-widget .customtab li.active a,
+#homepageOrderrTorrent .mailbox-widget .customtab li.active a,
+#homepageOrdertransmission .mailbox-widget .customtab li.active a {
+    height: auto;
+    padding: 5px 5px 0px 5px;
+    cursor: pointer;
+    font-weight: 400;
+}
+
+#homepageOrderdeluge .ti-download:before,
+#homepageOrderqBittorrent .ti-download:before,
+#homepageOrderrTorrent .ti-download:before,
+#homepageOrdertransmission .ti-download:before {
+    display: none;
+}
+
+#homepageOrderdeluge .white-box,
+#homepageOrderqBittorrent .white-box,
+#homepageOrderrTorrent .white-box,
+#homepageOrdertransmission .white-box {
+    padding-right: 0px !important;
+}
+
+/*    #homepage-items .white-box {
+        padding-left: 0px !important;
+    }*/
+#homepage-items .nav-tabs>li.active>a,
+.nav-tabs>li.active>a:hover {
+    cursor: pointer;
+    opacity: 1;
+    background: rgba(0, 0, 0, 0.25) !important;
+}
+
+#homepageOrderdownloader .nav-tabs>li.active>a,
+.nav-tabs>li.active .nav>li>a,
+#homepageOrderdownloader .nav-tabs>li>a,
+.nav-tabs>li .nav>li>a {
+    padding: 10px 12.5px;
+}
+
+#homepageOrderdownloader .nav-tabs>li.active>a,
+.nav-tabs>li.active .nav>li>a .customtab,
+#homepageOrderdownloader .nav-tabs {
+    padding: 10px 12.5px;
+}
+
+#homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li.active>a,
+#homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li>a {
+    padding: 10px 11.5px !important;
+}
+
+#homepageOrderdownloader .nav-tabs>li.active>a:hover,
+#homepageOrderdownloader .nav-tabs>li.active:hover {
+    background: rgba(0, 0, 0, 0.25) !important;
+    opacity: 1;
+}
+
+#homepageOrderdownloader .downloaderCount {
+    margin-top: -20px !important;
+}
+
+#homepageOrderdownloader .mailbox-widget .customtab li a {
+    padding: 20px 15px 5px 15px;
+}
+
+#homepageOrderdownloader .customtab li a {
+    padding: 20px 15px 5px 15px !important;
+}
+
+#homepageOrderdownloader .mailbox-widget .customtab li a:hover {
+    opacity: 1;
+}
+
+/* Homepage calendar buttons */
+.fc-next-button,
+.fc-prev-button {
+    background: 0 0 !important;
+    color: rgba(255, 255, 255, .7) !important;
+    border: 0 !important;
+}
+
+.btn-group.open .dropdown-toggle,
+.fc-state-default {
+    text-shadow: none;
+    box-shadow: none;
+}
+
+.fc-button:hover {
+    background: rgba(255, 255, 255, .08) !important;
+}
+
+.fc-button {
+    background: rgba(0, 0, 0, 0) !important;
+    color: #fff;
+    border-radius: 0 !important;
+    border: 0 !important;
+    text-transform: uppercase;
+}
+
+/* Homepage ombi - request triangle */
+.inside-request-div {
+    background-color: var(--link-color) !important;
+}
+
+/* Homepage ombi - dropdown */
+#homepage-items .btn-group .btn {
+    background: 0 0 !important;
+    color: rgba(255, 255, 255, .7) !important;
+    padding: 6px 12px;
+    margin: 0 12.5px;
+    transition: color .2s ease;
+}
+
+.btn-group.open,
+.dropdown-toggle,
+.fc-state-default {
+    text-shadow: none !important;
+    box-shadow: none !important;
+}
+
+.btn-info:active:focus,
+.btn-info:active:hover,
+.btn-info:focus {
+    border: none !important;
+}
+
+.btn.active,
+.btn:active {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+/* Notification Popups */
+/* Izi */
+.iziToast.update-notify.iziToast-layout2,
+.iziToast.success-notify.iziToast-layout2 {
+    border: none;
+    background: var(--modal-bg-color) !important;
+    border-bottom: transparent;
+}
+
+.iziToast.update-notify>.iziToast-body .iziToast-icon,
+.iziToast.success-notify>.iziToast-body .iziToast-icon {
+    color: var(--link-color) !important;
+}
+
+.iziToast:after {
+    background: var(--modal-bg-color) !important;
+}
+
+.update-notify .iziToast-progressbar div,
+.success-notify .iziToast-progressbar div {
+    background: var(--notification-box-line) !important;
+}
+
+.iziToast>.iziToast-close {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAk6AAAJOgHwZJJKAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTAyVDIyOjExOjA0KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wMlQyMjoxMTozNiswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMi0wMlQyMjoxMTozNiswMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMzZkZDFlZS01YjJhLWIyNGMtOTA5ZC1lMzljOTJlMDVlYmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTM2ZGQxZWUtNWIyYS1iMjRjLTkwOWQtZTM5YzkyZTA1ZWJjIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MTM2ZGQxZWUtNWIyYS1iMjRjLTkwOWQtZTM5YzkyZTA1ZWJjIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMzZkZDFlZS01YjJhLWIyNGMtOTA5ZC1lMzljOTJlMDVlYmMiIHN0RXZ0OndoZW49IjIwMTktMTItMDJUMjI6MTE6MDQrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz47W311AAAA1klEQVRYw82XDQrDIAyFPVgP4AX8vXHPtIJTsKMMk6XT7E0IVGz9nrHGxJRStmp7N2uUW2NceJvpD2d7VHOKcNcZZ9vfBaiJGMBfAuxgoPX9QrgnGJZTt0QEA3cSFx3VwgQ89DlkW0yo/UoEA/cSlx0DEfEGPBJz+Bn1IhEMPKxwYesn5pu0BC5YTboBj7PHiBKRL+9kFbhgdZmBp9WhlBKhD//ganJrfi1CHw4XAN0C6E8IPYbQQAQNxdDLCHodQxMSaEoGTUqhaTm8MPmH0gxenELL8yfG1e3Ahlk83AAAAABJRU5ErkJggg==) 50% 50% / 8px no-repeat;
+}
+
+/* Alertify */
+.ajs-message.ajs-error-alertify.ajs-visible {
+    color: #f44336;
+    background: var(--modal-bg-color);
+    border-color: transparent;
+}
+
+.ajs-message.ajs-warning-alertify {
+    color: #ffeb3b;
+    background: var(--modal-bg-color);
+    border-color: transparent;
+}
+
+.ajs-message.ajs-info-alertify {
+    color: #6da8ff;
+    background: var(--modal-bg-color);
+    border-color: transparent;
+}
+
+.ajs-message.ajs-success-alertify {
+    color: #00ffb8;
+    background: var(--modal-bg-color);
+    border-color: transparent;
+}
+
+/* Noty */
+.noty_type__error-noty .noty_body {
+    background: var(--modal-bg-color);
+    color: #f44336;
+    border: 1px solid transparent;
+    border-bottom: transparent;
+}
+
+.noty_type__warning-noty .noty_body {
+    background: var(--modal-bg-color);
+    color: #ffeb3b;
+    border: 1px solid transparent;
+    border-bottom: transparent;
+}
+
+.noty_type__info-noty .noty_body {
+    background: var(--modal-bg-color);
+    color: #3a83f0;
+    border: 1px solid transparent;
+    border-bottom: transparent;
+}
+
+.noty_type__success-noty .noty_body {
+    background: var(--modal-bg-color);
+    color: #00ffb8;
+    border: 1px solid transparent;
+    border-bottom: transparent;
+}
+
+.btn-link,
+a {
+    color: var(--link-color);
+    text-decoration: none;
+}
+
+/* Homepage cover - hover */
+.hover-homepage-item:hover {
+    background: var(--hompage-item-hover);
+    opacity: 1;
+    transition: linear .2s;
+}
+
+/* Homepage streams- hover */
+.el-card-avatar a {
+    color: rgba(255, 255, 255, .7) !important;
+    border: white;
+}
+
+.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover {
+    background: transparent;
+    color: white !important;
+    border: white !important;
+}
+
+.progress-bar-info {
+    background: rgba(255, 255, 255, 0.25) !important;
+}
+
+.progress-bar-inverse,
+.progress {
+    background: rgba(0, 0, 0, 0.25) !important;
+}
+
+/* Homepage health checks */
+.bg-inverse .healthPosition {
+    background: rgba(255, 255, 255, 0.2) !important;
+    -webkit-backdrop-filter: saturate(180%) blur(30px);
+    backdrop-filter: saturate(180%) blur(30px);
+    border-radius: 3px;
+}
+
+#homepageOrderhealthchecks .card-body {
+    background: rgba(255, 255, 255, 0.2);
+}
+
+.card,
+.card-body {
+    border-radius: 3px;
+}
+
+.bg-inverse {
+    background: transparent !important;
+}
+
+.left-health {
+    border-radius: 3px 0 0 3px;
+}
+
+/* Homepage Tautulli Cards*/
+#homepageOrdertautulli .library-card .card-body,
+#homepageOrdertautulli div:nth-child(8) .card-body {
+    background: rgba(255, 255, 255, .2);
+}
+
+.homepage-tautulli-card .cardCountType {
+    color: #eee;
+}
+
+.homepage-tautulli-card .tautulliRank,
+.homepage-tautulli-card .tautulliSeparator {
+    color: #eee;
+}
+
+.homepage-tautulli-card .bg-img-cont {
+    border-radius: 3px;
+    border: .0001px solid #00000000;
+}
+
+/* Homepage Unifi cards */
+.unifiCards .panel-heading {
+    background: rgba(255, 255, 255, 0.2) !important;
+    color: #fff !important;
+    border-color: transparent !important;
+    text-align: inherit !important;
+    border-radius: 3px 3px 0 0 !important;
+}
+
+.unifiCards .panel-wrapper.collapse.in {
+    background: rgba(0, 0, 0, 0.15);
+}
+
+/* Homepage Monitor Cards */
+#homepageOrderMonitorr .card-body {
+    background: rgba(255, 255, 255, 0.2);
+}
+
+#homepageOrderMonitorr .col-lg-2 {
+    width: 170px;
+}
+
+#homepageOrderMonitorr .badge {
+    border-radius: 3px;
+}
+
+#homepageOrderMonitorr .bg-success {
+    background-color: #47bb62 !important;
+}
+
+#homepageOrderMonitorr .col-lg-3 .bg-success {
+    background-color: #53e69d !important;
+}
+
+/*Homepage WeatherAndAir Cards*/
+#homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li.tab-current a {
+    background: rgba(0, 0, 0, .2);
+}
+
+.health-and-pollutant-section .content-current {
+    background: rgba(255, 255, 255, .2);
+}
+
+#homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li.tab-current a::after {
+    border-top-color: var(--link-color);
+}
+
+#homepageOrderWeatherAndAir .text-info {
+    color: var(--link-color);
+}
+
+#homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li a {
+    color: #ddd;
+}
+
+#homepageOrderWeatherAndAir .white-box {
+    background: rgba(255, 255, 255, .1);
+    border-radius: 3px;
+}
+
+/*Homepage Speedtest Cards*/
+#allSpeedtest .speedtest-card {
+    background-color: rgba(255, 255, 255, .1);
+}
+
+#allSpeedtest .speedtest-card .text-muted,
+#allSpeedtest .speedtest-card h5 {
+    color: #d6d6d6 !important;
+}
+
+#allSpeedtest .shadow-sm {
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+}
+
+/* loginpage sidemenu */
+@media (max-width: 480px) {
+    .login-register>.login-box>.white-box {
+        margin-top: auto !important;
+        width: 100% !important;
+        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0) !important;
+        box-shadow: 0 0 10px rgba(0, 0, 0, 0) !important;
+    }
+}
+
+/* logo */
+.white-box .visible-xs {
+    display: block !important;
+}
+
+.loginLogo {
+    border: 0;
+    margin-top: -60%;
+    transform: translateY(-10%);
+}
+
+@media (max-width: 480px) {
+    .loginLogo {
+        margin-top: -10% !important;
+    }
+}
+
+.blockUI {
+    opacity: 1 !important;
+    background-color: transparent !important;
+}
+
+.blockMsg {
+    background: rgba(0, 0, 0, 0.9) !important;
+    border: none !important;
+}
+
+.login-register>.login-box>.white-box {
+    background: transparent !important;
+    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
+}
+
+.login-register {
+    background: var(--main-bg-color) !important;
+    height: 100%;
+    position: fixed;
+}
+
+.slideInRight {
+    -webkit-animation-name: none;
+    animation-name: none;
+}
+
+.login-register .login-box .white-box .bg-org {
+    background-color: transparent !important;
+}
+
+/*2FA login button*/
+.panel-wrapper .panel-body>.btn-warning,
+.btn-warning.disabled {
+    background: hsla(0, 0%, 0%, 0.25) !important;
+    border: 1px solid #ffc36d00 !important;
+}
+
+/*2FA animation header*/
+.panel-warning .panel-heading,
+.panel-yellow .panel-heading {
+    color: #fff;
+    border-radius: 3px;
+    background-color: rgba(0, 0, 0, 0.3);
+    border-color: #00000000;
+}
+
+/*oAuth Successful*/
+.panel-green .panel-heading,
+.panel-success .panel-heading {
+    color: #53e69d;
+    text-align: center;
+    text-transform: uppercase;
+    border-radius: 3px;
+    background-color: transparent;
+    border-color: transparent;
+}
+
+/*Login sidebar*/
+/*Login sidebar*/
+/*Login sidebar*/
+.login-box.login-sidebar,
+#login-panels .panel-body,
+#login-panels .panel {
+    background: transparent !important;
+}
+
+/*Center login Box*/
+.login-sidebar {
+    position: relative;
+    right: initial;
+}
+
+#lockScreen .white-box {
+    width: 400px;
+    height: 345px;
+}
+
+.login-sidebar .white-box {
+    width: 100%;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+#lockScreen .white-box {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    background: transparent;
+    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
+}
+
+/* Splash screen */
+.p-20 {
+    padding: 0px !important;
+}
+
+#splashScreen,
+.lock-screen {
+    overflow-y: scroll;
+}
+
+#splashScreen .flexbox:first-of-type {
+    width: calc(100% - 40px);
+    margin: auto;
+}
+
+@media (max-width: 375px) {
+    #splashScreen div[id^=menu-] {
+        max-width: 88px !important;
+    }
+}
+
+@media (max-width: 480px) {
+    #splashScreen .flexbox:first-of-type {
+        width: auto;
+        margin-left: 30px;
+    }
+}
+
+@media (min-width: 768px) {
+    #splashScreen .flexbox:first-of-type {
+        width: 600px !important;
+        margin-top: 0px !important;
+    }
+}
+
+#splashScreen div[id^=menu-] {
+    background: transparent;
+    border-radius: 3px;
+    max-width: 115px;
+    margin: 24px 20px 0 0 !important;
+    padding: 25px;
+}
+
+#splashScreen .bg-org.fc-event {
+    background-color: transparent !important;
+    border-radius: 1000px;
+    height: 80px !important;
+    width: 80px !important;
+    background-position: center;
+}
+
+#splashScreen .homepage-text {
+    display: none;
+}
+
+#splashScreen .flexbox:last-of-type .bg-danger {
+    background: transparent !important;
+    color: #fff !important;
+    border: 0 !important;
+    border-radius: 100px;
+    height: 0px !important;
+    text-align: center;
+
+}
+
+#splashScreen .bottom-close-splash {
+    position: relative !important;
+    width: 0px;
+    right: 0px;
+    bottom: 0px;
+}
+
+#splashScreen .flexbox:last-of-type .bg-danger:before {
+    font-family: "FontAwesome";
+    font-size: 40px;
+    content: "\f00d";
+    font-weight: 900;
+    display: inline-block;
+    margin-right: 5px;
+    color: rgba(255, 255, 255, 0.7);
+    -webkit-transform: scale(1.1) !important;
+    transform: scale(1.1) !important;
+    -webkit-animation-name: none;
+    animation-name: none;
+    text-align: center;
+    padding-top: inherit;
+
+}
+
+#splashScreen .flexbox:last-of-type {
+    padding: 0 !important;
+    position: absolute;
+    left: 50%;
+    -webkit-transform: translateX(calc(-50% - 10px));
+    transform: translateX(calc(-50% - 10px));
+}
+
+.hvr-wobble-bottom:active,
+.hvr-wobble-bottom:focus,
+.hvr-wobble-bottom:hover {
+    -webkit-transform: scale(1.1) !important;
+    transform: scale(1.1) !important;
+    -webkit-animation-name: none;
+    animation-name: none;
+
+}
+
+.hvr-wobble-bottom {
+    display: inline-block;
+    vertical-align: middle;
+    -webkit-transform: perspective(1px) translateZ(0);
+    transform: perspective(1px) translateZ(0);
+    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+    -webkit-transition-duration: .3s;
+    transition-duration: .3s;
+    -webkit-transition-property: transform;
+    transition-property: transform;
+    -webkit-transform-origin: center;
+    transform-origin: center;
+}
+
+.splash-badge {
+    color: #fff;
+    width: 80px !important;
+    height: 80px;
+    font-size: 60px;
+    border-radius: 1000px;
+}
+
+.splash-badge i {
+    position: absolute;
+    left: 10px;
+    top: 10px;
+    margin: 0px;
+    padding: 0px;
+}
+
+.splash-badge i.fa-home:before {
+    position: absolute !important;
+    left: -2px !important;
+}
+
+/* Google auth settings modal*/
+
+.color-table.info-table thead th {
+    background-color: rgba(0, 0, 0, 0.25);
+    color: #fff;
+}
+
+.bg-success.text-inverse {
+    background-color: rgba(255, 255, 255, 0.15) !important;
+    color: #FFF;
+}
+
+.panel-blue a,
+.panel-info a {
+    color: var(--link-color);
+}
+
+.color-bordered-table.purple-bordered-table {
+    border: 2px solid var(--notification-box-line);
+}
+
+.white-box .bg-info {
+    background: var(--link-color) !important;
+}
+
+/* Email Center*/
+
+.ms-container .ms-selectable,
+.ms-container .ms-selection {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.ms-container .ms-list {
+    border: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.ms-container .ms-selectable li.ms-elem-selectable,
+.ms-container .ms-selection li.ms-elem-selection {
+    border-bottom: 1px rgba(238, 238, 238, .2) solid;
+}
+
+.ms-container .ms-selectable li.ms-hover,
+.ms-container .ms-selection li.ms-hover {
+    background: rgba(255, 255, 255, .08)
+}
+
+.ms-container .ms-list.ms-focus {
+    border-color: rgba(255, 255, 255, .5);
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, .6);
+    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, .6);
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, .6);
+}
\ No newline at end of file
diff --git a/css/addons/plex/overseerr-side-menu/overseerr-side-menu.css b/css/addons/plex/overseerr-side-menu/overseerr-side-menu.css
new file mode 100644
index 00000000..b14fcec4
--- /dev/null
+++ b/css/addons/plex/overseerr-side-menu/overseerr-side-menu.css
@@ -0,0 +1,111 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+/* PLEX OVERSEERR SIDE MENU */
+
+/* APP VARS*/
+:root {
+    --sidebar-color: #1f2937;
+    --menu-item: #111827;
+    --menu-item-hover: #374151;
+}
+
+/* EXTRA CSS */
+[class*="SourceSidebar-openSidebar-"][class*="SourceSidebar-sidebar-"],
+[class*="SourceSidebar-sidebar-"] {
+    background: var(--sidebar-color) !important;
+    padding-top: 10px;
+}
+
+[class*="SourceSidebarLink-isSelected-"]:before {
+    background-color: transparent !important;
+}
+
+[class*="NavBar-container-"] {
+    background: rgb(0 0 0 / 0%) !important;
+}
+
+[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isSelected-"] {
+    background: var(--menu-item);
+    box-shadow: inset 4px 0 0 0 transparent !important;
+    border-radius: 5px;
+    margin-bottom: 5px;
+
+}
+
+[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-iconContainer-"],
+[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-title-"] {
+    color: white;
+}
+
+[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-button-"]:hover,
+[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isActive-"] {
+    background: var(--menu-item-hover);
+    border-radius: 5px;
+}
+
+[class*="SourceSidebarLink-button-"] {
+    margin-bottom: 5px;
+}
+
+[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] {
+    background: var(--sidebar-color) !important;
+}
+
+[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarLink-isSelected-"] {
+    background: var(--menu-item) !important;
+}
+
+[class*="SourceSidebarContent-expandedSidebarContent-"],
+[class*="AllSourcesSidebarContent-container-"] {
+    padding: 10px;
+}
+
+[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="AllSourcesSidebarContent-container-"] {
+    padding: 0px;
+}
+
+[class*="SourceSidebarContent-expandedSidebarContent-"] div {
+    border-radius: 5px;
+}
+
+[class*="SourceSidebarContent-expandedSidebarContent-"] div:hover:not([data-qa-id="sidebarMore"] div) {
+    background-color: var(--menu-item-hover);
+}
+
+[class*="SourceSidebar-collapsedSidebar-"] [class*="SourceSidebar-sidebar-"] {
+    border-radius: 0px !important;
+}
+
+[class*="SourceSidebarContent-expandedSidebarContent-"] [class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"] {
+    box-shadow: none !important;
+    border-radius: 5px;
+}
+
+[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarItem-button-"][class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarItem-isSelected-"][class*="SourceSidebarLink-isSelected-"] {
+    box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important;
+    border-radius: 0px;
+}
+
+[class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover {
+    box-shadow: none !important;
+    background: var(--menu-item-hover) !important;
+}
+
+[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover {
+    box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important;
+}
+
+[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-iconContainer-"],
+[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-title-"] {
+    color: white;
+}
\ No newline at end of file
diff --git a/css/addons/plex/plex-alt-logo/SeekPng.com_your-logo-here-png_2467553.png b/css/addons/plex/plex-alt-logo/SeekPng.com_your-logo-here-png_2467553.png
new file mode 100644
index 00000000..818067b5
Binary files /dev/null and b/css/addons/plex/plex-alt-logo/SeekPng.com_your-logo-here-png_2467553.png differ
diff --git a/css/addons/plex/plex-alt-logo/plex-alt-logo.css b/css/addons/plex/plex-alt-logo/plex-alt-logo.css
new file mode 100644
index 00000000..8d72ab59
--- /dev/null
+++ b/css/addons/plex/plex-alt-logo/plex-alt-logo.css
@@ -0,0 +1,8 @@
+[class*="NavBar-plexLogo-"] {
+    background-image: url("/css/addons/plex/plex-alt-logo/SeekPng.com_your-logo-here-png_2467553.png");
+    background-position: 50%;
+    background-repeat: no-repeat;
+    background-size: contain;
+    margin: 0 10px;
+    width: 45px;
+}
\ No newline at end of file
diff --git a/css/addons/prowlarr/prowlarr-darker/prowlarr-darker.css b/css/addons/prowlarr/prowlarr-darker/prowlarr-darker.css
new file mode 100644
index 00000000..b84c55b8
--- /dev/null
+++ b/css/addons/prowlarr/prowlarr-darker/prowlarr-darker.css
@@ -0,0 +1,133 @@
+:root {
+    --main-bg-color: #454545;
+
+    --modal-bg-color: #454545;
+    --modal-header-color: #454545;
+    --modal-footer-color: #454545;
+
+    --drop-down-menu-bg: #606060;
+
+    --button-color: #5899eb;
+    --button-color-hover: #4b91ea;
+    --button-text: #eee;
+    --button-text-hover: #fff;
+
+    --accent-color: 230, 96, 0;
+    --accent-color-hover: rgb(var(--accent-color),.8);
+    --link-color: rgb(230, 96, 0);
+    --link-color-hover: rgb(230, 96, 0, .8);
+    --label-text-color: #eee;
+
+    --text: #ccc;
+    --text-hover: #fff;
+    --text-muted: #999;
+
+    /*Specials*/
+    --arr-queue-color: #5d9cec;
+    --side-menu-active: #333333;
+    --scroller-hover: #606060;
+    --scroller: #707070;
+    --border-color: #606060;
+    --label-color: #707070;
+    --label-info: #5d9cec;
+    --header-color: #e66000;
+    --side-menu-color: #595959;
+    --side-menu-link-color: #e66000;
+}
+
+/* HEADER */
+
+[class*="PageHeader-header-"] {
+    background-color: var(--header-color);
+    color: #fff;
+}
+
+[class*="PageToolbar-toolbar-"] {
+    background-color: #707070;
+    color: var(--text);
+}
+
+/* SIDE MENU */
+
+[class*="PageSidebar-sidebar-"] {
+    background-color: var(--side-menu-color);
+    color: #fff;
+}
+
+[class*=PageSidebarItem-link-]:focus {
+    color: rgb(var(--accent-color)) !important;
+}
+
+[class*=PageSidebarItem-isActiveLink-] {
+    color: var(--side-menu-link-color) !important;
+}
+
+[class*=PageSidebarItem-isActiveParentLink-] {
+    background-color: var(--side-menu-active);
+}
+
+/* SCROLLER */
+
+[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
+[class*=OverlayScroller-thumb-]:hover {
+    background-color: var(--scroller-hover) !important;
+}
+
+[class*="OverlayScroller-thumb-"],
+[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
+    background-color: var(--scroller) !important;
+}
+
+/* MODALS */
+
+[class*=ModalHeader-modalHeader-],
+[class*=FieldSet-legend-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+[class*=ModalFooter-modalFooter-] {
+    border-top: 1px solid var(--border-color);
+}
+
+/* LABLES */
+
+[class*="Label-default-"] {
+    border-color: var(--label-color);
+    background-color: var(--label-color);
+    color: white;
+}
+
+[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
+    border-color: var(--label-info);
+    background-color: var(--label-info);
+    color: #fff;
+}
+
+[class*="Label-disabled-"][class*="Label-outline-"] {
+    color: #000;
+}
+
+[class*="Label-outline-"] {
+    background-color: #989898;
+}
+
+[class*="Label-success-"] {
+    color: #000;
+}
+
+/* SETTINGS */
+
+[class*=Settings-link-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+/* SEARCH DROP DOWN */
+
+[class*=IndexerSearchInput-containerOpen-] [class*=IndexerSearchInput-movieContainer-] {
+    border: 1px solid var(--drop-down-menu-bg);
+    background-color: var(--drop-down-menu-bg);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+    color: #e1e2e3;
+}
+
+/* BUTTONS */
diff --git a/css/addons/radarr/radarr-4k-logo/radarr-4k-logo.css b/css/addons/radarr/radarr-4k-logo/radarr-4k-logo.css
new file mode 100644
index 00000000..0e7d257a
--- /dev/null
+++ b/css/addons/radarr/radarr-4k-logo/radarr-4k-logo.css
@@ -0,0 +1,96 @@
+/* Desktop */
+@media (min-width: 752px) {
+    .navbar-brand>img {
+        display:none !important; 
+        }
+    .navbar > .container-fluid .navbar-brand:before {
+        background-image: url("/css/addons/radarr/radarr-4k-logo/radarr4k.png");
+        display: inline-block;
+        width: 128px; 
+        height: 128px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+        }
+    }
+    /* Mobile */
+    @media (max-width: 767px) {
+    .navbar-brand  .visible-xs img {
+        display: none !important;
+        } 
+    .navbar-brand .visible-xs  {
+        display: inline !important;
+        }     
+    .navbar > .container-fluid .navbar-brand:before {
+        background-image: url("/css/addons/radarr/radarr-4k-logo/radarr4k.png");
+        display: inline-block;
+        width: 32px; 
+        height: 32px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+        margin-bottom: -12px;
+        }
+    }
+
+/* Radarr V3*/
+@media (min-width: 752px) {
+    [class*="PageHeader-logoFull-"]  {
+        display: none !important;
+    }
+    [class*="PageHeader-logoContainer-"]:before {
+        background-image: url("/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
+        display: inline-block;
+        width: 148px; 
+        height: 48px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+    }    
+} 
+
+@media (max-width: 767px) {
+    [class*="PageHeader-logo-"]  {
+        display: none !important;
+    }
+    [class*="PageHeader-logoContainer-"]{
+        background-image: url("/css/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png");
+        display: inline-block;
+        width: 32px; 
+        height: 32px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+        margin-left: 20px;
+        margin-right: 8px;
+        flex: 0 0 32px;
+    } 
+}
+
+[class*="LoadingPage-logoFull-"] {
+    display: none !important;
+}
+
+[class*="LoadingPage-page-"]:before {
+        background-image: url("/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png");
+        display: inline-block;
+        width: 148px; 
+        height: 48px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+        margin-top: 50px;
+        margin-right: auto;
+        margin-left: auto;
+
+}
diff --git a/css/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png b/css/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png
new file mode 100644
index 00000000..65dee236
Binary files /dev/null and b/css/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png differ
diff --git a/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png b/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png
new file mode 100644
index 00000000..ee888e27
Binary files /dev/null and b/css/addons/radarr/radarr-4k-logo/radarr4k-v3.png differ
diff --git a/css/addons/radarr/radarr-4k-logo/radarr4k.png b/css/addons/radarr/radarr-4k-logo/radarr4k.png
new file mode 100644
index 00000000..469c3675
Binary files /dev/null and b/css/addons/radarr/radarr-4k-logo/radarr4k.png differ
diff --git a/css/addons/radarr/radarr-darker/radarr-darker.css b/css/addons/radarr/radarr-darker/radarr-darker.css
new file mode 100644
index 00000000..31743298
--- /dev/null
+++ b/css/addons/radarr/radarr-darker/radarr-darker.css
@@ -0,0 +1,124 @@
+:root {
+    --main-bg-color: #454545;
+
+    --modal-bg-color: #595959;
+    --modal-header-color: #595959;
+    --modal-footer-color: #595959;
+
+    --drop-down-menu-bg: #606060;
+
+    --button-color: #5899eb;
+    --button-color-hover: #4b91ea;
+    --button-text: #eee;
+    --button-text-hover: #fff;
+
+    --accent-color: 255, 194, 48;
+    --accent-color-hover: rgb(255, 194, 48, .8);
+    --link-color: rgb(255, 194, 48);
+    --link-color-hover: rgb(255, 194, 48, .8);
+    --label-text-color: #eee;
+
+    --text: #ccc;
+    --text-hover: #fff;
+    --text-muted: #999;
+
+    /*Specials*/
+    --arr-queue-color: #5d9cec;
+    --side-menu-active: #333333;
+    --scroller-hover: #606060;
+    --scroller: #707070;
+    --border-color: #606060;
+    --label-color: #707070;
+    --label-info: #5d9cec;
+    --header-color: #464b51;
+    --side-menu-color: #595959;
+}
+
+/* HEADER */
+
+[class*="PageHeader-header-"] {
+    background-color: var(--header-color);
+    color: #fff;
+}
+
+[class*="PageToolbar-toolbar-"] {
+    background-color: #707070;
+    color: var(--text);
+}
+
+/* SIDE MENU */
+
+[class*="PageSidebar-sidebar-"] {
+    background-color: var(--side-menu-color);
+    color: #fff;
+}
+
+[class*=PageSidebarItem-link-]:focus {
+    color: rgb(var(--accent-color)) !important;
+}
+
+[class*=PageSidebarItem-isActiveLink-] {
+    color: var(--link-color) !important;
+}
+
+[class*=PageSidebarItem-isActiveParentLink-] {
+    background-color: var(--side-menu-active);
+}
+
+/* SCROLLER */
+[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
+[class*=OverlayScroller-thumb-]:hover {
+    background-color: var(--scroller-hover) !important;
+}
+
+[class*="OverlayScroller-thumb-"],
+[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
+    background-color: var(--scroller) !important;
+}
+
+/* MODALS */
+
+[class*=ModalHeader-modalHeader-],
+[class*=FieldSet-legend-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+[class*=ModalFooter-modalFooter-] {
+    border-top: 1px solid var(--border-color);
+}
+
+/* LABLES */
+
+[class*="Label-default-"] {
+    border-color: var(--label-color);
+    background-color: var(--label-color);
+    color: white;
+}
+
+[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
+    border-color: var(--label-info);
+    background-color: var(--label-info);
+    color: #fff;
+}
+
+/* SETTINGS */
+
+[class*=Settings-link-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+/* SEARCH DROP DOWN */
+
+[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
+    border: 1px solid var(--drop-down-menu-bg);
+    background-color: var(--drop-down-menu-bg);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+    color: #e1e2e3;
+}
+
+/* SERIES PAGE */
+
+[class*="MovieIndexPoster-controls-"] {
+    background-color: var(--label-color) !important;
+    color: #fff !important;
+}
\ No newline at end of file
diff --git a/css/addons/readarr/readarr-alt-logo/readarr-alt-logo.css b/css/addons/readarr/readarr-alt-logo/readarr-alt-logo.css
new file mode 100644
index 00000000..f1f3b6fd
--- /dev/null
+++ b/css/addons/readarr/readarr-alt-logo/readarr-alt-logo.css
@@ -0,0 +1,53 @@
+@media (min-width: 752px) {
+    [class*="PageHeader-logo-"]  {
+        display: none !important;
+    }
+    [class*="PageHeader-logoContainer-"]:before {
+        background-image: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
+        display: inline-block;
+        width: 34px; 
+        height: 34px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+    }    
+} 
+
+@media (max-width: 767px) {
+    [class*="PageHeader-logo-"]   {
+        display: none !important;
+    }   
+    [class*="PageHeader-logoContainer-"]:before {
+        background-image: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
+        display: inline-block;
+        width: 34px; 
+        height: 34px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+    } 
+}
+
+[class*="LoadingPage-logoFull-"] {
+    display: none !important;
+}
+
+[class*="LoadingPage-page-"]:before {
+        background-image: url("/css/addons/readarr/readarr-alt-logo/readarr_alt.png");
+        display: inline-block;
+        width: 48px; 
+        height: 48px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+        margin-top: 50px;
+        margin-right: auto;
+        margin-left: auto;
+
+}
diff --git a/css/addons/readarr/readarr-alt-logo/readarr_alt.png b/css/addons/readarr/readarr-alt-logo/readarr_alt.png
new file mode 100644
index 00000000..2d8459b8
Binary files /dev/null and b/css/addons/readarr/readarr-alt-logo/readarr_alt.png differ
diff --git a/css/addons/readarr/readarr-alt-logo/readme.md b/css/addons/readarr/readarr-alt-logo/readme.md
new file mode 100644
index 00000000..5fd9901a
--- /dev/null
+++ b/css/addons/readarr/readarr-alt-logo/readme.md
@@ -0,0 +1,3 @@
+Headphone Icon svg made by monkik from www.flaticon.com
+
+https://www.flaticon.com/free-icon/music_2503487?term=headset&related_id=2503487
\ No newline at end of file
diff --git a/css/addons/readarr/readarr-darker/readarr-darker.css b/css/addons/readarr/readarr-darker/readarr-darker.css
new file mode 100644
index 00000000..415a258c
--- /dev/null
+++ b/css/addons/readarr/readarr-darker/readarr-darker.css
@@ -0,0 +1,126 @@
+:root {
+    --main-bg-color: #4a4a4b;
+
+    --modal-bg-color: #353535;
+    --modal-header-color: #353535;
+    --modal-footer-color: #353535;
+
+    --drop-down-menu-bg: #66001a;
+
+    --button-color: #5899eb;
+    --button-color-hover: #4b91ea;
+    --button-text: #eee;
+    --button-text-hover: #fff;
+
+    --accent-color: 202, 48, 45;
+    --accent-color-hover: rgb(var(--accent-color), .8);
+    --link-color: rgb(93, 156, 236);
+    --link-color-hover: rgb(93, 156, 236, .8);
+    --label-text-color: #eee;
+
+    --text: #ccc;
+    --text-hover: #fff;
+    --text-muted: #999;
+
+    /*Specials*/
+    --arr-queue-color: #1d563d;
+    --side-menu-active: #252525;
+    --scroller-hover: #606060;
+    --scroller: #707070;
+    --border-color: #606060;
+    --label-color: #810020;
+    --label-info: #5d9cec;
+    --header-color: #a41726;
+    --side-menu-color: #353535;
+    --side-menu-link-color: #ca302d;
+}
+
+/* HEADER */
+
+[class*="PageHeader-header-"] {
+    background-color: var(--header-color);
+    color: #fff;
+}
+
+[class*="PageToolbar-toolbar-"] {
+    background-color: #810020;
+    color: #e1e2e3;
+}
+
+/* SIDE MENU */
+
+[class*="PageSidebar-sidebar-"] {
+    background-color: #353535;
+    color: #fff;
+}
+
+[class*=PageSidebarItem-link-]:focus {
+    color: rgb(var(--accent-color)) !important;
+}
+
+[class*=PageSidebarItem-isActiveLink-] {
+    color: var(--side-menu-link-color) !important;
+}
+
+[class*=PageSidebarItem-isActiveParentLink-] {
+    background-color: var(--side-menu-active);
+}
+
+/* SCROLLER */
+[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
+[class*=OverlayScroller-thumb-]:hover {
+    background-color: var(--scroller-hover) !important;
+}
+
+[class*="OverlayScroller-thumb-"],
+[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
+    background-color: var(--scroller) !important;
+}
+
+/* MODALS */
+[class*=ModalHeader-modalHeader-],
+[class*=FieldSet-legend-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+[class*=ModalFooter-modalFooter-] {
+    border-top: 1px solid var(--border-color);
+}
+
+/* LABLES */
+[class*="Label-default-"] {
+    border-color: var(--label-color);
+    background-color: var(--label-color);
+    color: white;
+}
+
+[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
+    border-color: var(--label-info);
+    background-color: var(--label-info);
+    color: #fff;
+}
+.Label-default-xecWd {
+    border-color: #810020;
+    background-color: #810020;
+}
+
+/* SETTINGS */
+
+[class*=Settings-link-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+/* SEARCH DROP DOWN */
+[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
+    border: 1px solid var(--drop-down-menu-bg);
+    background-color: var(--drop-down-menu-bg);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+    color: #e1e2e3;
+}
+
+/* AUTHOR PAGE */
+
+[class*="AuthorDetailsHeader-headerContent-"], [class*="BookDetailsHeader-headerContent-"] {
+    color: #fff;
+    background: #4a4a4b;
+}
\ No newline at end of file
diff --git a/css/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css b/css/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css
new file mode 100644
index 00000000..0b109c74
--- /dev/null
+++ b/css/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css
@@ -0,0 +1,53 @@
+@media (min-width: 752px) {
+    [class*="PageHeader-logo-"]  {
+        display: none !important;
+    }
+    [class*="PageHeader-logoContainer-"]:before {
+        background-image: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
+        display: inline-block;
+        width: 32px; 
+        height: 32px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+    }    
+} 
+
+@media (max-width: 767px) {
+    [class*="PageHeader-logo-"]   {
+        display: none !important;
+    }   
+    [class*="PageHeader-logoContainer-"]:before {
+        background-image: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
+        display: inline-block;
+        width: 32px; 
+        height: 32px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+    } 
+}
+
+[class*="LoadingPage-logoFull-"] {
+    display: none !important;
+}
+
+[class*="LoadingPage-page-"]:before {
+        background-image: url("/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png");
+        display: inline-block;
+        width: 48px; 
+        height: 48px;
+        content:"";
+        background-size:  cover;
+        -webkit-background-size:  cover;
+        -moz-background-size:  cover;
+        -o-background-size: cover;
+        margin-top: 50px;
+        margin-right: auto;
+        margin-left: auto;
+
+}
diff --git a/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png b/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png
new file mode 100644
index 00000000..a42e2fa5
Binary files /dev/null and b/css/addons/sonarr/sonarr-4k-logo/sonarr-4k.png differ
diff --git a/css/addons/sonarr/sonarr-darker/sonarr-darker.css b/css/addons/sonarr/sonarr-darker/sonarr-darker.css
new file mode 100644
index 00000000..b1eb1ff0
--- /dev/null
+++ b/css/addons/sonarr/sonarr-darker/sonarr-darker.css
@@ -0,0 +1,125 @@
+:root {
+    --main-bg-color: #4f566f;
+
+    --modal-bg-color: #3a3f51;
+    --modal-header-color: #3a3f51;
+    --modal-footer-color: #3a3f51;
+
+    --drop-down-menu-bg: #3a3f51;
+
+    --button-color: #5899eb;
+    --button-color-hover: #3483e7;
+    --button-text: #eee;
+    --button-text-hover: #fff;
+
+    --accent-color: 53, 197, 244;
+    --accent-color-hover: rgb(33, 147, 181);
+    --link-color: #35c5f4;
+    --link-color-hover: rgb(53, 197, 244, .8);
+    --label-text-color: #4f566f;
+
+    --text: #ccc;
+    --text-hover: #fff;
+    --text-muted: #999;
+
+    /*Specials*/
+    --arr-queue-color: #35c5f4;
+    --side-menu-active: #252833;
+    --scroller-hover: #656d8c;
+    --scroller: #9ea4b9;
+    --border-color: #4f566f;
+    --label-color: #4f566f;
+    --label-info: #5d9cec;
+    --header-color: #2193b5;
+    --side-menu-color: #3a3f51;
+}
+
+/* HEADER */
+
+[class*="PageHeader-header-"] {
+    background-color: var(--header-color);
+    color: #fff;
+}
+
+/* SIDE MENU */
+
+[class*="PageSidebar-sidebar-"] {
+    background-color: var(--side-menu-color);
+    color: #fff;
+}
+
+[class*=PageSidebarItem-link-]:focus {
+    color: rgb(var(--accent-color)) !important;
+}
+
+[class*=PageSidebarItem-isActiveLink-] {
+    color: var(--link-color) !important;
+}
+
+[class*=PageSidebarItem-isActiveParentLink-] {
+    background-color: var(--side-menu-active);
+}
+
+/* SCROLLER */
+[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
+[class*=OverlayScroller-thumb-]:hover {
+    background-color: var(--scroller-hover) !important;
+}
+
+[class*="OverlayScroller-thumb-"],
+[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
+    background-color: var(--scroller) !important;
+}
+
+/* MODALS */
+[class*=ModalHeader-modalHeader-],
+[class*=FieldSet-legend-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+[class*=ModalFooter-modalFooter-] {
+    border-top: 1px solid var(--border-color);
+}
+
+/* LABLES */
+[class*=Label-default-] {
+    border-color: var(--label-color);
+    background-color: var(--label-color);
+    color: white;
+}
+
+[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
+    border-color: var(--label-info);
+    background-color: var(--label-info);
+    color: white;
+}
+
+/* SETTINGS */
+
+[class*=Settings-link-] {
+    border-bottom: 1px solid var(--border-color);
+}
+
+/* SEARCH DROP DOWN */
+[class*="SeriesSearchInput-containerOpen-"] [class*="SeriesSearchInput-seriesContainer-"] {
+    border: 1px solid var(--drop-down-menu-bg);
+    background-color: var(--drop-down-menu-bg);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+    color: #e1e2e3;
+}
+
+/* SERIES PAGE */
+[class*="SeriesIndexPoster-controls-"] {
+    background-color: var(--label-color) !important;
+    color: #fff !important;
+}
+
+[class*="SeriesIndexPoster-posterContainer-"]>span>button {
+    background-color: transparent;
+    color: white !important;
+}
+
+[class*="SeriesIndexPoster-action-"]:hover,
+[class*=SeriesIndexPoster-action-] .fa-search:hover {
+    color: #ccc !important;
+}
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/alien/alien_base.css b/css/addons/unraid/login-page/alien/alien_base.css
new file mode 100644
index 00000000..7e310e22
--- /dev/null
+++ b/css/addons/unraid/login-page/alien/alien_base.css
@@ -0,0 +1,245 @@
+@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
+@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap";
+@import "https://fonts.googleapis.com/css?family=VT323";
+
+
+    /* Replace the variables if you have a dark background  */
+    /* Light colors for dark backgrounds */
+    /*
+        --div-background-color-10: rgba(255, 255, 255, 0.1);
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
+        --div-background-color-25: rgba(255, 255, 255, 0.25);
+        --div-background-color-35: rgba(255, 255, 255, 0.35);
+    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+
+    https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES
+    https://brennan.io/2017/06/14/alien-computer-card/
+    https://www.cssmatic.com/noise-texture
+
+    https://codepen.io/somethingformed/pen/raWJXV
+    radial-gradient(ellipse at center,#0f7 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed,
+    */
+
+* {
+    outline: none;
+}
+
+@media only screen and (max-width: 500px) {
+    #login {
+        -webkit-backdrop-filter: blur(0px);
+        backdrop-filter: blur(0px);
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        height: 100%;
+        width: 100%;
+        border-radius: none !important;
+    }
+    .background-wrap,#video-bg-elem  {display: none;}
+    
+    #login {
+        -webkit-box-shadow: inset 0px 0px 0px 2px #F000 !important;
+        box-shadow: inset 0px 0px 0px 2px #F000 !important;
+    }
+}
+
+html {
+    background: var(--main-bg) !important;
+}
+
+body {
+    background: var(--main-bg) !important;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+}
+@media only screen and (max-width: 768px) {
+    #login {
+        min-width: 300px;
+    }
+}
+/*FOR VIDEO BACKGROUND*/
+.background-wrap {
+    position: fixed;
+    z-index: -1000;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    top: 0;
+    left: 0;
+}
+#video-bg-elem {
+    position: absolute;
+    top: 0;
+    left: 0;
+    min-height: 100%;
+    min-width: 100%;
+}
+/*TEXT COLOR*/
+#login h1,
+#login h2,
+#login .error {
+    color: var(--text-color) !important;
+    text-shadow: var(--text-shadow) var(--text-color);
+    font-size: 20px;
+}
+#login a {
+    color: var(--link-color);
+    text-shadow: var(--text-shadow) var(--text-color);
+}
+#login a:hover {
+    color: var(--link-color-hover);
+    text-shadow: var(--text-shadow) var(--text-color);
+}
+#login input {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-color);
+}
+#login ::placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-color);
+}
+#login ::-webkit-input-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-color);
+}
+#login ::-moz-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-color);
+}
+#login :-ms-input-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-color);
+}
+#login :-moz-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-color);
+}
+#login input:focus::-webkit-input-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+#login input:focus:-moz-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+#login input:focus::-moz-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+#login input:focus:-ms-input-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+
+/*TEXT FONT*/
+#login h1,
+#login h2,
+#login a,
+#login .button,
+#login .error {
+    font-family: var(--text-font);
+    -webkit-font-smoothing: none;
+    line-height: 1.2;
+}
+
+/* CASE COLOR */
+#login [class^='case-'],
+#login [class*=' case-'] {
+    font-family: cases!important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    color: var(--case-color);
+    text-shadow: var(--text-shadow) var(--text-color);
+}
+/*INPUT FORMS*/
+#login [type=text],
+#login [type=password] {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 2px solid transparent;
+    text-transform: uppercase;
+    border-radius: 5px;
+}
+#login [type=text]:active,
+#login [type=text]:focus,
+#login [type=password]:active,
+#login [type=password]:focus {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 2px solid transparent;
+    text-transform: uppercase;
+
+}
+
+
+/*BUTTON*/
+#login .button {
+    color: var(--button-text-color);
+    text-shadow: var(--text-shadow) var(--text-color);
+    background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
+    background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
+}
+#login .button:hover {
+    color: var(--button-text-color-hover);
+    text-shadow: var(--text-shadow) var(--button-color-hover);
+    box-shadow: var(--box-shadow) var(--button-color-hover);
+    background-color: var(--button-color-hover);
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2-hover)), to(var(--button-color-hover)));
+    background: linear-gradient(90deg, var(--button-color2-hover) 0, var(--button-color-hover));
+}
+
+
+#login {
+    background: var(--div-background-color-15) !important;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    padding-top: 1rem;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%) !;
+    -ms-transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
+    margin: 0 !important;
+    text-transform: uppercase;
+    min-width: 300px;
+}
+
+#login .angle:after {
+    display: none;
+}
+#login .wordmark {
+    display: none;
+}
+
+#login .logo {
+    background: var(--logo);
+    background-size: contain;
+    padding: 2rem;
+    border-radius: 0;
+    margin: 0rem 1rem 0rem 1rem;
+}
+#login .error {
+    animation-name: shake;
+    animation-duration: .8s;
+}
+/*LOGIN BOX SHADOW*/
+.shadow {
+    -webkit-box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
+    box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
+}
diff --git a/css/addons/unraid/login-page/alien/custom.css b/css/addons/unraid/login-page/alien/custom.css
new file mode 100644
index 00000000..eec0e7e3
--- /dev/null
+++ b/css/addons/unraid/login-page/alien/custom.css
@@ -0,0 +1,22 @@
+@import url("/css/addons/unraid/login-page/alien/alien_base.css");
+:root {
+    --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
+    url(/css/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed;
+    --logo: url(/css/addons/unraid/login-page/alien/logo/nostromogreen2.png) center no-repeat;
+    --text-color: #37f592;
+    --input-color: #37f592;
+    --link-color: #37f592;
+    --link-color-hover: #68ffff;
+    --case-color: #37f592;
+    --button-text-color: #37f592;
+    --button-text-color-hover: #000;
+    --button-color: #37f592;
+    --button-color2: #0C833D;
+    --button-color-hover: #68ffff;
+    --button-color2-hover: #68ffff;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --text-shadow: 0 0 8px;
+    --box-shadow: 0 0 15px;
+}
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/alien/hallway.css b/css/addons/unraid/login-page/alien/hallway.css
new file mode 100644
index 00000000..6247189f
--- /dev/null
+++ b/css/addons/unraid/login-page/alien/hallway.css
@@ -0,0 +1,22 @@
+@import url("/css/addons/unraid/login-page/alien/alien_base.css");
+:root {
+    --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
+    url(/css/addons/unraid/login-page/alien/wallpaper/hallway.jpg) center center/cover no-repeat fixed;
+    --logo: url(/css/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
+    --text-color: #37f592;
+    --input-color: #37f592;
+    --link-color: #37f592;
+    --link-color-hover: #68ffff;
+    --case-color: #37f592;
+    --button-text-color: #37f592;
+    --button-text-color-hover: #000;
+    --button-color: #37f592;
+    --button-color2: #0C833D;
+    --button-color-hover: #68ffff;
+    --button-color2-hover: #68ffff;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --text-shadow: 0 0 8px;
+    --box-shadow: 0 0 15px;
+}
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/alien/hallway2.css b/css/addons/unraid/login-page/alien/hallway2.css
new file mode 100644
index 00000000..fef31746
--- /dev/null
+++ b/css/addons/unraid/login-page/alien/hallway2.css
@@ -0,0 +1,22 @@
+@import url("/css/addons/unraid/login-page/alien/alien_base.css");
+:root {
+    --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
+    url(/css/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed;
+    --logo: url(/css/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
+    --text-color: #37f592;
+    --input-color: #37f592;
+    --link-color: #37f592;
+    --link-color-hover: #68ffff;
+    --case-color: #37f592;
+    --button-text-color: #37f592;
+    --button-text-color-hover: #000;
+    --button-color: #37f592;
+    --button-color2: #0C833D;
+    --button-color-hover: #68ffff;
+    --button-color2-hover: #68ffff;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --text-shadow: 0 0 8px;
+    --box-shadow: 0 0 15px;
+}
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/alien/hallway3.css b/css/addons/unraid/login-page/alien/hallway3.css
new file mode 100644
index 00000000..3f7cc521
--- /dev/null
+++ b/css/addons/unraid/login-page/alien/hallway3.css
@@ -0,0 +1,22 @@
+@import url("/css/addons/unraid/login-page/alien/alien_base.css");
+:root {
+    --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
+    url(/css/addons/unraid/login-page/alien/wallpaper/hallway3.jpg) center center/cover no-repeat fixed;
+    --logo: url(/css/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
+    --text-color: #37f592;
+    --input-color: #37f592;
+    --link-color: #37f592;
+    --link-color-hover: #68ffff;
+    --case-color: #37f592;
+    --button-text-color: #37f592;
+    --button-text-color-hover: #000;
+    --button-color: #37f592;
+    --button-color2: #0C833D;
+    --button-color-hover: #68ffff;
+    --button-color2-hover: #68ffff;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --text-shadow: 0 0 8px;
+    --box-shadow: 0 0 15px;
+}
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/alien/hallway4.css b/css/addons/unraid/login-page/alien/hallway4.css
new file mode 100644
index 00000000..bfd5e75c
--- /dev/null
+++ b/css/addons/unraid/login-page/alien/hallway4.css
@@ -0,0 +1,22 @@
+@import url("/css/addons/unraid/login-page/alien/alien_base.css");
+:root {
+    --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
+    url(/css/addons/unraid/login-page/alien/wallpaper/hallway4.jpg) center center/cover no-repeat fixed;
+    --logo: url(/css/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
+    --text-color: #37f592;
+    --input-color: #37f592;
+    --link-color: #37f592;
+    --link-color-hover: #68ffff;
+    --case-color: #37f592;
+    --button-text-color: #37f592;
+    --button-text-color-hover: #000;
+    --button-color: #37f592;
+    --button-color2: #0C833D;
+    --button-color-hover: #68ffff;
+    --button-color2-hover: #68ffff;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --text-shadow: 0 0 8px;
+    --box-shadow: 0 0 15px;
+}
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/alien/isolation.css b/css/addons/unraid/login-page/alien/isolation.css
new file mode 100644
index 00000000..eb795ea3
--- /dev/null
+++ b/css/addons/unraid/login-page/alien/isolation.css
@@ -0,0 +1,22 @@
+@import url("/css/addons/unraid/login-page/alien/alien_base.css");
+:root {
+    --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
+    url(/css/addons/unraid/login-page/alien/wallpaper/isolation.png) center center/cover no-repeat fixed;
+    --logo: url(/css/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
+    --text-color: #37f592;
+    --input-color: #37f592;
+    --link-color: #37f592;
+    --link-color-hover: #68ffff;
+    --case-color: #37f592;
+    --button-text-color: #37f592;
+    --button-text-color-hover: #000;
+    --button-color: #37f592;
+    --button-color2: #0C833D;
+    --button-color-hover: #68ffff;
+    --button-color2-hover: #68ffff;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --text-shadow: 0 0 8px;
+    --box-shadow: 0 0 15px;
+}
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/alien/isolation_video.css b/css/addons/unraid/login-page/alien/isolation_video.css
new file mode 100644
index 00000000..a66b918a
--- /dev/null
+++ b/css/addons/unraid/login-page/alien/isolation_video.css
@@ -0,0 +1,21 @@
+@import url("/css/addons/unraid/login-page/alien/alien_base.css");
+:root {
+    --main-bg: transparent;
+    --logo: url(/css/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
+    --text-color: #37f592;
+    --input-color: #37f592;
+    --link-color: #37f592;
+    --link-color-hover: #68ffff;
+    --case-color: #37f592;
+    --button-text-color: #37f592;
+    --button-text-color-hover: #000;
+    --button-color: #37f592;
+    --button-color2: #0C833D;
+    --button-color-hover: #68ffff;
+    --button-color2-hover: #68ffff;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --text-shadow: 0 0 8px;
+    --box-shadow: 0 0 15px;
+}
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/alien/js/isolation.js b/css/addons/unraid/login-page/alien/js/isolation.js
new file mode 100644
index 00000000..da27eb77
--- /dev/null
+++ b/css/addons/unraid/login-page/alien/js/isolation.js
@@ -0,0 +1,6 @@
+// Adds a video background
+
+let video = `
+<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
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/alien/logo/uscss_3nostromo.png b/css/addons/unraid/login-page/alien/logo/uscss_3nostromo.png
new file mode 100644
index 00000000..3c46abd3
Binary files /dev/null and b/css/addons/unraid/login-page/alien/logo/uscss_3nostromo.png differ
diff --git a/css/addons/unraid/login-page/alien/logo/uscss_nostromo.jpg b/css/addons/unraid/login-page/alien/logo/uscss_nostromo.jpg
new file mode 100644
index 00000000..1276c6ca
Binary files /dev/null and b/css/addons/unraid/login-page/alien/logo/uscss_nostromo.jpg differ
diff --git a/css/addons/unraid/login-page/alien/logo/uscss_nostromo2.jpg b/css/addons/unraid/login-page/alien/logo/uscss_nostromo2.jpg
new file mode 100644
index 00000000..df67f8fd
Binary files /dev/null and b/css/addons/unraid/login-page/alien/logo/uscss_nostromo2.jpg differ
diff --git a/css/addons/unraid/login-page/alien/logo/weyland-yutani-logo-by-synthetic-dreamer1.png b/css/addons/unraid/login-page/alien/logo/weyland-yutani-logo-by-synthetic-dreamer1.png
new file mode 100644
index 00000000..64690ca1
Binary files /dev/null and b/css/addons/unraid/login-page/alien/logo/weyland-yutani-logo-by-synthetic-dreamer1.png differ
diff --git a/css/addons/unraid/login-page/alien/logo/wings.png b/css/addons/unraid/login-page/alien/logo/wings.png
new file mode 100644
index 00000000..1e395a98
Binary files /dev/null and b/css/addons/unraid/login-page/alien/logo/wings.png differ
diff --git a/css/addons/unraid/login-page/alien/logo/wings_blue.png b/css/addons/unraid/login-page/alien/logo/wings_blue.png
new file mode 100644
index 00000000..bffe6515
Binary files /dev/null and b/css/addons/unraid/login-page/alien/logo/wings_blue.png differ
diff --git a/css/addons/unraid/login-page/alien/logo/wings_green.png b/css/addons/unraid/login-page/alien/logo/wings_green.png
new file mode 100644
index 00000000..7409ca3e
Binary files /dev/null and b/css/addons/unraid/login-page/alien/logo/wings_green.png differ
diff --git a/css/addons/unraid/login-page/alien/logo/wings_green2.png b/css/addons/unraid/login-page/alien/logo/wings_green2.png
new file mode 100644
index 00000000..eecdd1b2
Binary files /dev/null and b/css/addons/unraid/login-page/alien/logo/wings_green2.png differ
diff --git a/css/addons/unraid/login-page/alien/logo/wings_red.png b/css/addons/unraid/login-page/alien/logo/wings_red.png
new file mode 100644
index 00000000..14374321
Binary files /dev/null and b/css/addons/unraid/login-page/alien/logo/wings_red.png differ
diff --git a/css/addons/unraid/login-page/alien/logo/wings_shadow.png b/css/addons/unraid/login-page/alien/logo/wings_shadow.png
new file mode 100644
index 00000000..d1169c63
Binary files /dev/null and b/css/addons/unraid/login-page/alien/logo/wings_shadow.png differ
diff --git a/css/addons/unraid/login-page/alien/logo/wings_yellow.png b/css/addons/unraid/login-page/alien/logo/wings_yellow.png
new file mode 100644
index 00000000..fbc2d777
Binary files /dev/null and b/css/addons/unraid/login-page/alien/logo/wings_yellow.png differ
diff --git a/css/addons/unraid/login-page/alien/nightmare.css b/css/addons/unraid/login-page/alien/nightmare.css
new file mode 100644
index 00000000..8c6cadb1
--- /dev/null
+++ b/css/addons/unraid/login-page/alien/nightmare.css
@@ -0,0 +1,22 @@
+@import url("/css/addons/unraid/login-page/alien/alien_base.css");
+:root {
+    --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
+    url(/css/addons/unraid/login-page/alien/wallpaper/nightmare.png) center center/cover no-repeat fixed;
+    --logo: url(/css/addons/unraid/login-page/alien/logo/wings_red.png) center no-repeat;
+    --text-color: #e22828;
+    --input-color: #e22828;
+    --link-color: #e22828;
+    --link-color-hover: #f07777;
+    --case-color: #e22828;
+    --button-text-color: #e22828;
+    --button-text-color-hover: #000;
+    --button-color: #e22828;
+    --button-color2: #e22828;
+    --button-color-hover: #db3232;
+    --button-color2-hover: #db3232;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --div-background-color-15: rgba(0, 0, 0, 0.55);
+    --text-shadow: 0 0 8px;
+    --box-shadow: 0 0 15px;
+}
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/alien/scanner.css b/css/addons/unraid/login-page/alien/scanner.css
new file mode 100644
index 00000000..7c65e7d6
--- /dev/null
+++ b/css/addons/unraid/login-page/alien/scanner.css
@@ -0,0 +1,22 @@
+@import url("/css/addons/unraid/login-page/alien/alien_base.css");
+:root {
+    --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, 
+    url(/css/addons/unraid/login-page/alien/wallpaper/scanner.jpg) center center/cover no-repeat fixed;
+    --logo: url(/css/addons/unraid/login-page/alien/logo/nostromogreen2.png) center no-repeat;
+    --text-color: #37f592;
+    --input-color: #37f592;
+    --link-color: #37f592;
+    --link-color-hover: #68ffff;
+    --case-color: #37f592;
+    --button-text-color: #37f592;
+    --button-text-color-hover: #000;
+    --button-color: #37f592;
+    --button-color2: #0C833D;
+    --button-color-hover: #68ffff;
+    --button-color2-hover: #68ffff;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;   /*'VT323', 'Share Tech Mono'*/
+    --div-background-color-15: rgba(0, 255, 111, 0.03);
+    --text-shadow: 0 0 8px;
+    --box-shadow: 0 0 15px;
+}
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/alien/video/isolation.mp4 b/css/addons/unraid/login-page/alien/video/isolation.mp4
new file mode 100644
index 00000000..e2d719ba
Binary files /dev/null and b/css/addons/unraid/login-page/alien/video/isolation.mp4 differ
diff --git a/css/addons/unraid/login-page/alien/wallpaper/hallway.jpg b/css/addons/unraid/login-page/alien/wallpaper/hallway.jpg
new file mode 100644
index 00000000..b14ed287
Binary files /dev/null and b/css/addons/unraid/login-page/alien/wallpaper/hallway.jpg differ
diff --git a/css/addons/unraid/login-page/alien/wallpaper/hallway2.jpg b/css/addons/unraid/login-page/alien/wallpaper/hallway2.jpg
new file mode 100644
index 00000000..11f46c93
Binary files /dev/null and b/css/addons/unraid/login-page/alien/wallpaper/hallway2.jpg differ
diff --git a/css/addons/unraid/login-page/alien/wallpaper/hallway3.jpg b/css/addons/unraid/login-page/alien/wallpaper/hallway3.jpg
new file mode 100644
index 00000000..71309461
Binary files /dev/null and b/css/addons/unraid/login-page/alien/wallpaper/hallway3.jpg differ
diff --git a/css/addons/unraid/login-page/alien/wallpaper/hallway4.jpg b/css/addons/unraid/login-page/alien/wallpaper/hallway4.jpg
new file mode 100644
index 00000000..26e8cbf3
Binary files /dev/null and b/css/addons/unraid/login-page/alien/wallpaper/hallway4.jpg differ
diff --git a/css/addons/unraid/login-page/alien/wallpaper/isolation.png b/css/addons/unraid/login-page/alien/wallpaper/isolation.png
new file mode 100644
index 00000000..bc8235c7
Binary files /dev/null and b/css/addons/unraid/login-page/alien/wallpaper/isolation.png differ
diff --git a/css/addons/unraid/login-page/alien/wallpaper/nightmare.png b/css/addons/unraid/login-page/alien/wallpaper/nightmare.png
new file mode 100644
index 00000000..74235069
Binary files /dev/null and b/css/addons/unraid/login-page/alien/wallpaper/nightmare.png differ
diff --git a/css/addons/unraid/login-page/alien/wallpaper/noise.png b/css/addons/unraid/login-page/alien/wallpaper/noise.png
new file mode 100644
index 00000000..302cf49d
Binary files /dev/null and b/css/addons/unraid/login-page/alien/wallpaper/noise.png differ
diff --git a/css/addons/unraid/login-page/alien/wallpaper/ripley.jpg b/css/addons/unraid/login-page/alien/wallpaper/ripley.jpg
new file mode 100644
index 00000000..ff0cc01c
Binary files /dev/null and b/css/addons/unraid/login-page/alien/wallpaper/ripley.jpg differ
diff --git a/css/addons/unraid/login-page/alien/wallpaper/scanner.jpg b/css/addons/unraid/login-page/alien/wallpaper/scanner.jpg
new file mode 100644
index 00000000..f86fa7a0
Binary files /dev/null and b/css/addons/unraid/login-page/alien/wallpaper/scanner.jpg differ
diff --git a/css/addons/unraid/login-page/alien/wallpaper/xeno.jpg b/css/addons/unraid/login-page/alien/wallpaper/xeno.jpg
new file mode 100644
index 00000000..8b9797d6
Binary files /dev/null and b/css/addons/unraid/login-page/alien/wallpaper/xeno.jpg differ
diff --git a/css/addons/unraid/login-page/custom_login.sh b/css/addons/unraid/login-page/custom_login.sh
new file mode 100644
index 00000000..7d32d7f2
--- /dev/null
+++ b/css/addons/unraid/login-page/custom_login.sh
@@ -0,0 +1,67 @@
+#!/bin/bash
+TYPE="retro-terminal"
+THEME="green.css"
+DOMAIN="theme-park.dev" #if you update the domain after the script has been run, You must disable and re enable JS or the whole theme.  
+ADD_JS="true"
+JS="custom_text_header.js"
+DISABLE_THEME="false"
+
+echo -e "Variables set:\\n\
+THEME         = ${THEME}\\n\
+DOMAIN        = ${DOMAIN}\\n\
+ADD_JS        = ${ADD_JS}\\n\
+JS            = ${JS}\\n\
+DISABLE_THEME = ${DISABLE_THEME}\\n"
+
+# Restore login.php
+if [ ${DISABLE_THEME} = "true" ]; then
+  echo "Restoring backup of login.php" 
+  cp -p /usr/local/emhttp/login.php.backup /usr/local/emhttp/login.php
+  exit 0
+fi
+
+# Backup login page if needed.
+if [ ! -f /usr/local/emhttp/login.php.backup ]; then
+  echo "Creating backup of login.php" 
+  cp -p /usr/local/emhttp/login.php /usr/local/emhttp/login.php.backup
+fi
+
+# Use correct domain style
+case ${DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    DOMAIN="${DOMAIN}\/theme.park"
+    ;;
+esac
+
+# Adding stylesheets
+if ! grep -q ${DOMAIN} /usr/local/emhttp/login.php; then
+  echo "Adding stylesheet"
+  sed -i -e "\@<style>@i\    <link rel='stylesheet' href='https://${DOMAIN}/css/addons/unraid/login-page/${TYPE}/${THEME}'>" /usr/local/emhttp/login.php
+  echo 'Stylesheet set to' ${THEME}
+fi
+
+# Adding/Removing javascript
+if [ ${ADD_JS} = "true" ]; then
+  if ! grep -q ${JS} /usr/local/emhttp/login.php; then
+    if grep -q "<script type='text/javascript' src='https://${DOMAIN}/css/addons/unraid/login-page/" /usr/local/emhttp/login.php; then
+      echo "Replacing Javascript"
+      sed -i "/<script type='text\/javascript' src='https:\/\/${DOMAIN}\/css\/addons\/unraid\/login-page/c <script type='text/javascript' src='https://${DOMAIN}/css/addons/unraid/login-page/${TYPE}/js/${JS}'></script>" /usr/local/emhttp/login.php
+    else
+      echo "Adding javascript"
+      sed -i -e "\@</body>@i\    <script type='text/javascript' src='https://${DOMAIN}/css/addons/unraid/login-page/${TYPE}/js/${JS}'></script>" /usr/local/emhttp/login.php
+    fi
+  fi
+else
+  if grep -q ${JS} /usr/local/emhttp/login.php; then
+    echo "Removing javascript.."
+    sed -i "/<script type='text\/javascript' src='https:\/\/${DOMAIN}\/css\/addons\/unraid\/login-page/d" /usr/local/emhttp/login.php
+  fi
+fi
+
+# Changing stylesheet
+if ! grep -q ${TYPE}"/"${THEME} /usr/local/emhttp/login.php; then
+  echo "Changing existing custom stylesheet.." 
+  sed -i "/<link rel='stylesheet' href='https:\/\/${DOMAIN}\/css\/addons\/unraid\/login-page/c <link rel='stylesheet' href='https://${DOMAIN}/css/addons/unraid/login-page/${TYPE}/${THEME}'>" /usr/local/emhttp/login.php
+  echo 'Stylesheet set to' ${THEME}
+fi
diff --git a/css/addons/unraid/login-page/fallout/custom.css b/css/addons/unraid/login-page/fallout/custom.css
new file mode 100644
index 00000000..93e0026e
--- /dev/null
+++ b/css/addons/unraid/login-page/fallout/custom.css
@@ -0,0 +1,218 @@
+@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
+@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap";
+@import "https://fonts.googleapis.com/css?family=VT323";
+:root {
+    --main-bg-color: url(/css/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png), url(/css/addons/unraid/login-page/fallout/wallpaper/6Ua3u8.jpg) center center/cover no-repeat fixed;
+    --logo: url(/css/addons/unraid/login-page/fallout/logo/vault.png) center no-repeat;
+    --text-color: #14F074;
+    --input-color: #14F074;
+    --link-color: #14F074;
+    --link-color-hover: #0C833D;
+    --case-color: #14F074;
+    --button-text-color: #14F074;
+    --button-text-color-hover: #FFFFFF;
+    --button-color: #14F074;
+    --button-color2: #0C833D;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
+
+    /* Replace the variables if you have a dark background  */
+    /* Light colors for dark backgrounds */
+    /*
+        --div-background-color-10: rgba(255, 255, 255, 0.1);
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
+        --div-background-color-25: rgba(255, 255, 255, 0.25);
+        --div-background-color-35: rgba(255, 255, 255, 0.35);
+    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    */
+}
+
+@media (max-width: 500px) {
+    #login {
+        -webkit-backdrop-filter: blur(0px);
+        backdrop-filter: blur(0px);
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        height: 100%;
+        width: 100%;
+        border-radius: none !important;
+    }
+    .background-wrap,#video-bg-elem  {display: none;}
+}
+
+html {
+    background: var(--main-bg-color) !important;
+}
+body {
+    background: var(--main-bg-color) !important;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+}
+@media only screen and (max-width: 768px) {
+    #login {
+        min-width: 300px;
+    }
+}
+/*FOR VIDEO BACKGROUND*/
+.background-wrap {
+    position: fixed;
+    z-index: -1000;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    top: 0;
+    left: 0;
+}
+#video-bg-elem {
+    position: absolute;
+    top: 0;
+    left: 0;
+    min-height: 100%;
+    min-width: 100%;
+}
+/*TEXT COLOR*/
+#login h1,
+#login h2,
+#login .error {
+    color: var(--text-color) !important;
+}
+#login a {
+    color: var(--link-color);
+}
+#login a:hover {
+    color: var(--link-color-hover);
+}
+#login input {
+    color: var(--input-color);
+}
+#login ::placeholder {
+    color: var(--input-color);
+}
+#login ::-webkit-input-placeholder {
+    color: var(--input-color);
+}
+#login ::-moz-placeholder {
+    color: var(--input-color);
+}
+#login :-ms-input-placeholder {
+    color: var(--input-color);
+}
+#login :-moz-placeholder {
+    color: var(--input-color);
+}
+#login input:focus::-webkit-input-placeholder {
+    color: transparent !important;
+}
+#login input:focus:-moz-placeholder {
+    color: transparent !important;
+}
+#login input:focus::-moz-placeholder {
+    color: transparent !important;
+}
+#login input:focus:-ms-input-placeholder {
+    color: transparent !important;
+}
+
+/*TEXT FONT*/
+#login h1,
+#login h2,
+#login a,
+#login .button,
+#login .error {
+    font-family: var(--text-font);
+}
+
+/* CASE COLOR */
+#login [class^='case-'],
+#login [class*=' case-'] {
+    font-family: cases!important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    color: var(--case-color);
+}
+/*INPUT FORMS*/
+#login [type=text],
+#login [type=password] {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 2px solid transparent;
+    text-transform: uppercase;
+    border-radius: 5px;
+}
+#login [type=text]:active,
+#login [type=text]:focus,
+#login [type=password]:active,
+#login [type=password]:focus {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 2px solid transparent;
+    text-transform: uppercase;
+
+}
+
+
+/*BUTTON*/
+#login .button {
+    color: var(--button-text-color);
+    background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
+    background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
+}
+#login .button:hover {
+    color: var(--button-text-color-hover);
+    background-color: var(--button-color);
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color)));
+    background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color));
+}
+
+
+#login {
+    background: var(--div-background-color-15) !important;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    padding-top: 1rem;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%) !;
+    -ms-transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
+    margin: 0 !important;
+    text-transform: uppercase;
+    min-width: 300px;
+}
+
+#login .angle:after {
+    display: none;
+}
+#login .wordmark {
+    display: none;
+}
+
+#login .logo {
+    background: var(--logo);
+    background-size: contain;
+    padding: 2rem;
+    border-radius: 0;
+    margin: 0rem 1rem 0rem 1rem;
+}
+#login .error {
+    animation-name: shake;
+    animation-duration: .8s;
+}
diff --git a/css/addons/unraid/login-page/fallout/dirty_terminal.css b/css/addons/unraid/login-page/fallout/dirty_terminal.css
new file mode 100644
index 00000000..bac17b4f
--- /dev/null
+++ b/css/addons/unraid/login-page/fallout/dirty_terminal.css
@@ -0,0 +1,28 @@
+@import url("/css/addons/unraid/login-page/fallout/fallout_base.css");
+:root {
+    --main-bg-color: url(/css/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),
+    url(/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;
+    --logo: url(/css/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
+    --text-color: #14F074;
+    --input-color: #14F074;
+    --link-color: #14F074;
+    --link-color-hover: #0C833D;
+    --case-color: #14F074;
+    --button-text-color: #14F074;
+    --button-text-color-hover: #FFFFFF;
+    --button-color: #14F074;
+    --button-color2: #0C833D;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
+
+    /* Replace the variables if you have a dark background  */
+    /* Light colors for dark backgrounds */
+    /*
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
+    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    */
+}
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/fallout/dirty_terminal2.css b/css/addons/unraid/login-page/fallout/dirty_terminal2.css
new file mode 100644
index 00000000..407558ab
--- /dev/null
+++ b/css/addons/unraid/login-page/fallout/dirty_terminal2.css
@@ -0,0 +1,28 @@
+@import url("/css/addons/unraid/login-page/fallout/fallout_base.css");
+:root {
+    --main-bg-color: url(/css/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png),
+    url(/css/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;
+    --logo: url(/css/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
+    --text-color: #14F074;
+    --input-color: #14F074;
+    --link-color: #14F074;
+    --link-color-hover: #0C833D;
+    --case-color: #14F074;
+    --button-text-color: #14F074;
+    --button-text-color-hover: #FFFFFF;
+    --button-color: #14F074;
+    --button-color2: #0C833D;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
+
+    /* Replace the variables if you have a dark background  */
+    /* Light colors for dark backgrounds */
+    /*
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
+    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    */
+}
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/fallout/fallout_base.css b/css/addons/unraid/login-page/fallout/fallout_base.css
new file mode 100644
index 00000000..3a79171b
--- /dev/null
+++ b/css/addons/unraid/login-page/fallout/fallout_base.css
@@ -0,0 +1,195 @@
+@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
+@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap";
+@import "https://fonts.googleapis.com/css?family=VT323";
+
+
+* {
+    outline: none;
+}
+
+@media (max-width: 500px) {
+    #login {
+        -webkit-backdrop-filter: blur(0px);
+        backdrop-filter: blur(0px);
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        height: 100%;
+        width: 100%;
+        border-radius: none !important;
+    }
+    .background-wrap,#video-bg-elem  {display: none;}
+}
+
+html {
+    background: var(--main-bg-color) !important;
+}
+body {
+    background: var(--main-bg-color) !important;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+}
+@media only screen and (max-width: 768px) {
+    #login {
+        min-width: 300px;
+    }
+}
+/*FOR VIDEO BACKGROUND*/
+.background-wrap {
+    position: fixed;
+    z-index: -1000;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    top: 0;
+    left: 0;
+}
+#video-bg-elem {
+    display: block;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 1;
+}
+/*TEXT COLOR*/
+#login h1,
+#login h2,
+#login .error {
+    color: var(--text-color) !important;
+}
+#login a {
+    color: var(--link-color);
+}
+#login a:hover {
+    color: var(--link-color-hover);
+}
+#login input {
+    color: var(--input-color);
+}
+#login ::placeholder {
+    color: var(--input-color);
+}
+#login ::-webkit-input-placeholder {
+    color: var(--input-color);
+}
+#login ::-moz-placeholder {
+    color: var(--input-color);
+}
+#login :-ms-input-placeholder {
+    color: var(--input-color);
+}
+#login :-moz-placeholder {
+    color: var(--input-color);
+}
+#login input:focus::-webkit-input-placeholder {
+    color: transparent !important;
+}
+#login input:focus:-moz-placeholder {
+    color: transparent !important;
+}
+#login input:focus::-moz-placeholder {
+    color: transparent !important;
+}
+#login input:focus:-ms-input-placeholder {
+    color: transparent !important;
+}
+
+/*TEXT FONT*/
+#login h1,
+#login h2,
+#login a,
+#login .button,
+#login .error {
+    font-family: var(--text-font);
+}
+
+/* CASE COLOR */
+#login [class^='case-'],
+#login [class*=' case-'] {
+    font-family: cases!important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    color: var(--case-color);
+}
+/*INPUT FORMS*/
+#login [type=text],
+#login [type=password] {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 2px solid transparent;
+    text-transform: uppercase;
+    border-radius: 5px;
+}
+#login [type=text]:active,
+#login [type=text]:focus,
+#login [type=password]:active,
+#login [type=password]:focus {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 2px solid transparent;
+    text-transform: uppercase;
+
+}
+
+
+/*BUTTON*/
+#login .button {
+    color: var(--button-text-color);
+    background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
+    background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
+}
+#login .button:hover {
+    color: var(--button-text-color-hover);
+    background-color: var(--button-color);
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color)));
+    background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color));
+}
+
+
+#login {
+    background: var(--div-background-color-15) !important;
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+    padding-top: 1rem;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%) !;
+    -ms-transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
+    margin: 0 !important;
+    text-transform: uppercase;
+    min-width: 300px;
+}
+
+#login .angle:after {
+    display: none;
+}
+#login .wordmark {
+    display: none;
+}
+
+#login .logo {
+    background: var(--logo);
+    background-size: contain;
+    padding: 2rem;
+    border-radius: 0;
+    margin: 0rem 1rem 0rem 1rem;
+}
+#login .error {
+    animation-name: shake;
+    animation-duration: .8s;
+}
diff --git a/css/addons/unraid/login-page/fallout/fallout_video.css b/css/addons/unraid/login-page/fallout/fallout_video.css
new file mode 100644
index 00000000..344c115a
--- /dev/null
+++ b/css/addons/unraid/login-page/fallout/fallout_video.css
@@ -0,0 +1,35 @@
+@import url("/css/addons/unraid/login-page/fallout/fallout_base.css");
+:root {
+    --main-bg-color: transparent;
+    --logo: url(/css/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
+    --text-color: #14F074;
+    --input-color: #14F074;
+    --link-color: #14F074;
+    --link-color-hover: #0C833D;
+    --case-color: #14F074;
+    --button-text-color: #14F074;
+    --button-text-color-hover: #FFFFFF;
+    --button-color: #14F074;
+    --button-color2: #0C833D;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;
+    --div-background-color-15: #0ea85118;
+
+    /* Replace the variables if you have a dark background  */
+    /* Light colors for dark backgrounds */
+    /*
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
+    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    */
+}
+@media (max-width: 500px) {
+    body {
+        background: url(/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed !important;
+    }
+    :root {
+        --div-background-color-15: transparent; 
+    }
+}
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/fallout/js/please_stand_by.js b/css/addons/unraid/login-page/fallout/js/please_stand_by.js
new file mode 100644
index 00000000..2e508b70
--- /dev/null
+++ b/css/addons/unraid/login-page/fallout/js/please_stand_by.js
@@ -0,0 +1,7 @@
+// Adds a video background
+// Source: https://www.youtube.com/watch?v=ehvduomE0AU
+
+let video = `
+<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/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
diff --git a/css/addons/unraid/login-page/fallout/js/vault-tec-crt.js b/css/addons/unraid/login-page/fallout/js/vault-tec-crt.js
new file mode 100644
index 00000000..eabb9af1
--- /dev/null
+++ b/css/addons/unraid/login-page/fallout/js/vault-tec-crt.js
@@ -0,0 +1,7 @@
+// Adds a video background
+// Source: https://steamcommunity.com/sharedfiles/filedetails/?id=920035918
+
+let video = `
+<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/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;
diff --git 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
new file mode 100644
index 00000000..ec99a660
--- /dev/null
+++ b/css/addons/unraid/login-page/fallout/js/vault-tec-crt_no-scanline.js
@@ -0,0 +1,7 @@
+// Adds a video background
+// Source: https://www.youtube.com/watch?v=ehvduomE0AU
+
+let video = `
+<div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/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
diff --git a/css/addons/unraid/login-page/fallout/logo/vault-tec_green.png b/css/addons/unraid/login-page/fallout/logo/vault-tec_green.png
new file mode 100644
index 00000000..8cfa9d0d
Binary files /dev/null and b/css/addons/unraid/login-page/fallout/logo/vault-tec_green.png differ
diff --git a/css/addons/unraid/login-page/fallout/logo/vault-tec_green.psd b/css/addons/unraid/login-page/fallout/logo/vault-tec_green.psd
new file mode 100644
index 00000000..47c2b376
Binary files /dev/null and b/css/addons/unraid/login-page/fallout/logo/vault-tec_green.psd differ
diff --git a/css/addons/unraid/login-page/fallout/logo/vault-tec_white.png b/css/addons/unraid/login-page/fallout/logo/vault-tec_white.png
new file mode 100644
index 00000000..81f7ff74
Binary files /dev/null and b/css/addons/unraid/login-page/fallout/logo/vault-tec_white.png differ
diff --git a/css/addons/unraid/login-page/fallout/terminal.css b/css/addons/unraid/login-page/fallout/terminal.css
new file mode 100644
index 00000000..4e27717d
--- /dev/null
+++ b/css/addons/unraid/login-page/fallout/terminal.css
@@ -0,0 +1,27 @@
+@import url("/css/addons/unraid/login-page/fallout/fallout_base.css");
+:root {
+    --main-bg-color: url(/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg) center center/cover no-repeat fixed;
+    --logo: url(/css/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
+    --text-color: #14F074;
+    --input-color: #14F074;
+    --link-color: #14F074;
+    --link-color-hover: #0C833D;
+    --case-color: #14F074;
+    --button-text-color: #14F074;
+    --button-text-color-hover: #FFFFFF;
+    --button-color: #14F074;
+    --button-color2: #0C833D;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
+
+    /* Replace the variables if you have a dark background  */
+    /* Light colors for dark backgrounds */
+    /*
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
+    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    */
+}
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/fallout/terminal2.css b/css/addons/unraid/login-page/fallout/terminal2.css
new file mode 100644
index 00000000..cea6c1ae
--- /dev/null
+++ b/css/addons/unraid/login-page/fallout/terminal2.css
@@ -0,0 +1,27 @@
+@import url("/css/addons/unraid/login-page/fallout/fallout_base.css");
+:root {
+    --main-bg-color: url(/css/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg) center center/cover no-repeat fixed;
+    --logo: url(/css/addons/unraid/login-page/fallout/logo/vault-tec_green.png) center no-repeat;
+    --text-color: #14F074;
+    --input-color: #14F074;
+    --link-color: #14F074;
+    --link-color-hover: #0C833D;
+    --case-color: #14F074;
+    --button-text-color: #14F074;
+    --button-text-color-hover: #FFFFFF;
+    --button-color: #14F074;
+    --button-color2: #0C833D;
+    --input-font: 'Share Tech Mono', monospace;
+    --text-font: 'Share Tech Mono', monospace;
+    --div-background-color-15: rgba(0, 0, 0, 0.25);
+
+    /* Replace the variables if you have a dark background  */
+    /* Light colors for dark backgrounds */
+    /*
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
+    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    */
+}
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/fallout/video/VaultTecCRTLoop.mp4 b/css/addons/unraid/login-page/fallout/video/VaultTecCRTLoop.mp4
new file mode 100644
index 00000000..ee2ed95a
Binary files /dev/null and b/css/addons/unraid/login-page/fallout/video/VaultTecCRTLoop.mp4 differ
diff --git a/css/addons/unraid/login-page/fallout/video/VaultTecCRTLoopNoScanline.mp4 b/css/addons/unraid/login-page/fallout/video/VaultTecCRTLoopNoScanline.mp4
new file mode 100644
index 00000000..3a533ee8
Binary files /dev/null and b/css/addons/unraid/login-page/fallout/video/VaultTecCRTLoopNoScanline.mp4 differ
diff --git a/css/addons/unraid/login-page/fallout/video/please_stand_by.mp4 b/css/addons/unraid/login-page/fallout/video/please_stand_by.mp4
new file mode 100644
index 00000000..243a9d73
Binary files /dev/null and b/css/addons/unraid/login-page/fallout/video/please_stand_by.mp4 differ
diff --git a/css/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png b/css/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png
new file mode 100644
index 00000000..2af6fb44
Binary files /dev/null and b/css/addons/unraid/login-page/fallout/wallpaper/rocky-wall.png differ
diff --git a/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg b/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg
new file mode 100644
index 00000000..a767780c
Binary files /dev/null and b/css/addons/unraid/login-page/fallout/wallpaper/terminal.jpg differ
diff --git a/css/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg b/css/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg
new file mode 100644
index 00000000..5424c647
Binary files /dev/null and b/css/addons/unraid/login-page/fallout/wallpaper/terminal2.jpg differ
diff --git a/css/addons/unraid/login-page/retro-terminal/amber.css b/css/addons/unraid/login-page/retro-terminal/amber.css
new file mode 100644
index 00000000..7ec771cb
--- /dev/null
+++ b/css/addons/unraid/login-page/retro-terminal/amber.css
@@ -0,0 +1,33 @@
+/*_____________________AMBER_THEME______________________*/
+/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+
+@import url(/css/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
+:root {
+--main-bg-color:black;
+--body-before:#ffb52a1a;
+--body-after: #ffb52a33;
+--body-animation: flicker;
+--logo: url(/css/addons/unraid/login-page/alien/logo/wings_yellow.png) center no-repeat;
+--text-color: #ffb52a;
+--input-color: #ffb52a;
+--link-color: #ffb52a;
+--link-color-hover: #ff6868;
+--case-color: #ffb52a;
+--button-text-color: #ffb52a;
+--button-text-color-hover: #000;
+--button-color: #ffb52a;
+--button-color-hover: #ff6868;
+--selection-color: #ff6868;
+--custom-text-header:#ffb52a;
+--custom-text-header-shadow:#ffb52a;
+--custom-text-header-animation: textflicker;
+--input-font: 'Share Tech Mono', monospace;
+--text-font: 'Share Tech Mono', monospace;
+--loginbox-background-color: transparent;
+--text-shadow: 0 0 8px;
+--text-shadow-color: #ffb52a;
+--box-shadow: 0 0 15px;
+}
diff --git a/css/addons/unraid/login-page/retro-terminal/blue.css b/css/addons/unraid/login-page/retro-terminal/blue.css
new file mode 100644
index 00000000..129b982f
--- /dev/null
+++ b/css/addons/unraid/login-page/retro-terminal/blue.css
@@ -0,0 +1,33 @@
+/*_____________________BLUE_THEME______________________*/
+/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+
+@import url(/css/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
+:root {
+--main-bg-color:black;
+--body-before:#70d7f61a;
+--body-after: #70d7f633;
+--body-animation: flicker;
+--logo: url(/css/addons/unraid/login-page/alien/logo/wings_blue.png) center no-repeat;
+--text-color: #70d7f6;
+--input-color: #70d7f6;
+--link-color: #70d7f6;
+--link-color-hover: #8f2809;
+--case-color: #70d7f6;
+--button-text-color: #70d7f6;
+--button-text-color-hover: #000;
+--button-color: #70d7f6;
+--button-color-hover: #8f2809;
+--selection-color: #8f2809;
+--custom-text-header:#70d7f6;
+--custom-text-header-shadow:#70d7f6;
+--custom-text-header-animation: textflicker;
+--input-font: 'Share Tech Mono', monospace;
+--text-font: 'Share Tech Mono', monospace;
+--loginbox-background-color: transparent;
+--text-shadow: 0 0 8px;
+--text-shadow-color: #70d7f6;
+--box-shadow: 0 0 15px;
+}
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/retro-terminal/custom.css b/css/addons/unraid/login-page/retro-terminal/custom.css
new file mode 100644
index 00000000..89e360c6
--- /dev/null
+++ b/css/addons/unraid/login-page/retro-terminal/custom.css
@@ -0,0 +1,33 @@
+/*_____________________CUSTOM_THEME______________________*/
+/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+
+@import url(/css/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
+:root {
+--main-bg-color:black;
+--body-before:#70d7f61a;
+--body-after: #70d7f633;
+--body-animation: flicker;
+--logo: url(/css/addons/unraid/login-page/alien/logo/wings_shadow.png) center no-repeat;
+--text-color: #ffffff;
+--input-color: #ffffff;
+--link-color: #ffffff;
+--link-color-hover: #8f2809;
+--case-color: #ffffff;
+--button-text-color: #ffffff;
+--button-text-color-hover: #000;
+--button-color: #ffffff;
+--button-color-hover: #af0606;
+--selection-color: #8f2809;
+--custom-text-header:#ffffff;
+--custom-text-header-shadow:#ffffff;
+--custom-text-header-animation: textflicker;
+--input-font: 'Share Tech Mono', monospace;
+--text-font: 'Share Tech Mono', monospace;
+--loginbox-background-color: transparent;
+--text-shadow: 0 0 8px;
+--text-shadow-color: #ffffff;
+--box-shadow: 0 0 15px;
+}
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/retro-terminal/green.css b/css/addons/unraid/login-page/retro-terminal/green.css
new file mode 100644
index 00000000..ecc3fb8c
--- /dev/null
+++ b/css/addons/unraid/login-page/retro-terminal/green.css
@@ -0,0 +1,33 @@
+/*_____________________GREEN_THEME______________________*/
+/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+
+@import url(/css/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
+:root {
+--main-bg-color:black;
+--body-before:#00ff771a;
+--body-after: #00ff7733;
+--body-animation: flicker;
+--logo: url(/css/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
+--text-color: #37f592;
+--input-color: #37f592;
+--link-color: #37f592;
+--link-color-hover: #68ffff;
+--case-color: #37f592;
+--button-text-color: #37f592;
+--button-text-color-hover: #000;
+--button-color: #37f592;
+--button-color-hover: #68ffff;
+--selection-color: #68ffff;
+--custom-text-header:#37f592;
+--custom-text-header-shadow:#37f592;
+--custom-text-header-animation: textflicker;
+--input-font: 'Share Tech Mono', monospace;
+--text-font: 'Share Tech Mono', monospace;
+--loginbox-background-color: transparent;
+--text-shadow: 0 0 8px;
+--text-shadow-color: #37f592;
+--box-shadow: 0 0 15px;
+}
\ No newline at end of file
diff --git 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
new file mode 100644
index 00000000..7890b6ed
--- /dev/null
+++ b/css/addons/unraid/login-page/retro-terminal/js/custom_text_header.js
@@ -0,0 +1,16 @@
+
+ //Custom Text Header //
+ // ACSII slant font
+
+// Needs to be inside <section id="login" class="shadow">
+// YOU MUST ESCAPE ANY SINGLE BACKSLASHES LIKE SO: \\
+
+let custom_text_header = `
+<div class="custom-text-header"> <pre>                     __                             ___       __  
+   ____  ____  _____/ /__________  ____ ___  ____  / (_)___  / /__
+  / __ \\/ __ \\/ ___/ __/ ___/ __ \\/ __ '__ \\/ __ \\/ / / __ \\/ //_/
+ / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,&lt;   
+/_/ /_/\\____/____/\\__/_/   \\____/_/ /_/ /_/\\____/_/_/_/ /_/_/|_|  
+                                                                 </pre> </div>
+`;
+document.getElementById("login").innerHTML += custom_text_header
diff --git a/css/addons/unraid/login-page/retro-terminal/red.css b/css/addons/unraid/login-page/retro-terminal/red.css
new file mode 100644
index 00000000..e3964fb5
--- /dev/null
+++ b/css/addons/unraid/login-page/retro-terminal/red.css
@@ -0,0 +1,33 @@
+/*_____________________RED_THEME______________________*/
+/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+
+@import url(/css/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
+:root {
+--main-bg-color: black;
+--body-before: #ff00001a;
+--body-after: #ff000033;
+--body-animation: flicker;
+--logo: url(/css/addons/unraid/login-page/alien/logo/wings_red.png) center no-repeat;
+--text-color: #e22828;
+--input-color: #e22828;
+--link-color: #e22828;
+--link-color-hover: #ffffff;
+--case-color: #e22828;
+--button-text-color: #e22828;
+--button-text-color-hover: #000;
+--button-color: #e22828;
+--button-color-hover: #ffffff;
+--selection-color: #ffffff;
+--custom-text-header: #e22828;
+--custom-text-header-shadow: #e22828;
+--custom-text-header-animation: textflicker;
+--input-font: 'Share Tech Mono', monospace;
+--text-font: 'Share Tech Mono', monospace;
+--loginbox-background-color: transparent;
+--text-shadow: 0 0 8px;
+--text-shadow-color: #e22828;
+--box-shadow: 0 0 15px;
+}
\ No newline at end of file
diff --git a/css/addons/unraid/login-page/retro-terminal/retro-terminal-base.css b/css/addons/unraid/login-page/retro-terminal/retro-terminal-base.css
new file mode 100644
index 00000000..860f370f
--- /dev/null
+++ b/css/addons/unraid/login-page/retro-terminal/retro-terminal-base.css
@@ -0,0 +1,362 @@
+@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
+@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap";
+@import "https://fonts.googleapis.com/css?family=VT323";
+
+/*___FONTS___*/
+/* 'VT323', 'Share Tech Mono' */
+    /* Replace the variables if you have a dark background  */
+    /* Light colors for dark backgrounds */
+    /*
+        --div-background-color-15: rgba(255, 255, 255, 0.15);
+
+    https://www.transparenttextures.com/patterns/hexellence.png
+    https://www.transparenttextures.com/patterns/gplay.png
+    https://www.transparenttextures.com/patterns/simple-horizontal-light.png
+    https://www.colourlovers.com/palette/3428762/Fallout?widths=1
+    
+    https://codepen.io/meduzen/pen/zxbwRV
+    https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES
+    https://brennan.io/2017/06/14/alien-computer-card/
+    https://www.cssmatic.com/noise-texture
+
+    https://codepen.io/somethingformed/pen/raWJXV
+
+
+    ============ SOURCES =============
+    https://github.com/brenns10/alien-console
+    https://github.com/Swordfish90/cool-retro-term
+    https://github.com/andersevenrud/retro-css-shell-demo CRT INTERLACE
+    https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES
+    https://codepen.io/patrickhlauke/pen/YaoBop TEXT FLIKER
+
+    */
+
+
+* {
+    outline: none;
+}
+
+@media (max-width: 500px) {
+    #login {
+        -webkit-backdrop-filter: blur(0px);
+        backdrop-filter: blur(0px);
+        position: absolute;
+        padding-top: 0rem !important;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        height: 100%;
+        width: 100%;
+        border-radius: none !important;
+    }
+    .background-wrap,#video-bg-elem,.custom-text-header  {display: none;}
+    #login {
+        border:none !important;
+    }
+}
+
+html {background: var(--main-bg-color) !important;}
+body {background: var(--main-bg-color) !important;}
+/* CRT SCREEN FLICKER*/
+body::before {
+    content: "";
+    background: radial-gradient(ellipse at center,var(--body-before) 0,rgb(0, 0, 0) 100%) !important;
+    background-repeat: repeat-y !important;
+    background-size: 100% 4px !important;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+    animation: var(--body-animation) 0.01s infinite;
+    pointer-events: none;
+}
+/* CRT BACKGROUND WITH LINES*/
+body::after {
+    content: "";
+    background: radial-gradient(ellipse at center,var(--body-after) 0,rgba(0, 0, 0, 0.6) 80%) center center/cover no-repeat fixed, linear-gradient(#0000 0%,#0000 0%) !important;
+    background-repeat: repeat-y !important;
+    background-size: 100% 4px !important;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+    pointer-events: none;
+}
+
+@keyframes flicker {0% {opacity: 0.37633;}5% {opacity: 0.70002;}10% {opacity: 0.64427;}15% {opacity: 0.35591;}20% {opacity: 0.34054;}25% {opacity: 0.54917;}30% {opacity: 0.41056;}35% {opacity: 0.67637;}40% {opacity: 0.23681;}45% {opacity: 0.64945;}50% {opacity: 0.67522;}55% {opacity: 0.56049;}60% {opacity: 0.06113;}65% {opacity: 0.95766;}70% {opacity: 0.77945;}75% {opacity: 0.33817;}80% {opacity: 0.19735;}85% {opacity: 0.84337;}90% {opacity: 0.82867;}95% {opacity: 0.65512;}100% {opacity: 0.15179;}}
+
+@media only screen and (max-width: 768px) {
+    #login {
+        min-width: 300px;
+    }
+}
+/*FOR VIDEO BACKGROUND*/
+.background-wrap {
+    position: fixed;
+    z-index: -1000;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    top: 0;
+    left: 0;
+}
+#video-bg-elem {
+    position: absolute;
+    top: 0;
+    left: 0;
+    min-height: 100%;
+    min-width: 100%;
+}
+/*TEXT COLOR*/
+#login h1,
+#login h2,
+#login .error {
+    color: var(--text-color) !important;
+    text-shadow: var(--text-shadow) var(--text-shadow-color);
+}
+#login a {
+    color: var(--link-color);
+    text-shadow: var(--text-shadow) var(--text-shadow-color);
+}
+#login a:hover {
+    color: var(--link-color-hover);
+    text-shadow: var(--text-shadow) var(--text-shadow-color);
+}
+#login input {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-shadow-color);
+}
+#login ::placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-shadow-color);
+}
+#login ::-webkit-input-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-shadow-color);
+}
+#login ::-moz-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-shadow-color);
+}
+#login :-ms-input-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-shadow-color);
+}
+#login :-moz-placeholder {
+    color: var(--input-color);
+    text-shadow: 0 0 5px var(--text-shadow-color);
+}
+#login input:focus::-webkit-input-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+#login input:focus:-moz-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+#login input:focus::-moz-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+#login input:focus:-ms-input-placeholder {
+    color: transparent !important;
+    text-shadow: 0 0 0px transparent;
+}
+
+/*TEXT FONT*/
+#login h1,
+#login h2,
+#login a,
+#login .button,
+#login .error {
+    font-family: var(--text-font);
+    -webkit-font-smoothing: none;
+    line-height: 1.2;
+}
+h1 {
+    font-size: 3em;
+    margin: 0;
+}
+
+/* CASE COLOR */
+#login [class^='case-'],
+#login [class*=' case-'] {
+    font-family: cases!important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    color: var(--case-color);
+    text-shadow: var(--text-shadow) var(--text-shadow-color);
+}
+/*INPUT FORMS*/
+#login [type=text],
+#login [type=password] {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 2px solid transparent;
+    text-transform: uppercase;
+    border-radius: 0px;
+    border: 3px solid var(--text-color);
+    color: var(--text-color);
+}
+#login [type=text]:active,
+#login [type=text]:focus,
+#login [type=password]:active,
+#login [type=password]:focus {
+    font-family: var(--input-font);
+    background-color: rgba(0, 0, 0, 0.25);
+    text-transform: uppercase;
+}
+
+
+
+/*BUTTON*/
+#login .button {
+    color: var(--button-text-color);
+    text-shadow: var(--text-shadow) var(--text-shadow-color);
+    background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
+    background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
+    
+}
+#login .button:hover {
+    color: var(--button-text-color-hover);
+    text-shadow: var(--text-shadow) var(--button-color-hover);
+    box-shadow: var(--box-shadow) var(--button-color-hover);
+    background-color: var(--button-color-hover);
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color-hover)), to(var(--button-color-hover)));
+    background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover));
+}
+
+/*LOGIN ID*/
+#login {
+    background: var(--loginbox-background-color) !important;
+    padding-top: 1rem;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
+    margin: 0 !important;
+    text-transform: uppercase;
+    min-width: 300px;
+    border-radius: 0px !important;
+    border: 3px dashed var(--text-color);
+}
+#login .angle::after {
+    display:none;
+}
+#login .wordmark svg {
+    display: none;
+}
+#login .logo {
+    background: var(--logo);
+    background-size: contain;
+    padding: 2rem;
+    border-radius: 0;
+    margin: 0rem 1rem 0rem 1rem;
+}
+logo.angle {
+    -webkit-box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
+    box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
+    border-radius: 0px !important;
+}
+#login .error {
+    animation-name: shake;
+    animation-duration: .7s;
+}
+
+/*CUSTOM HEADER*/
+.custom-text-header {
+    white-space: pre;
+    letter-spacing: 2px;
+    font-family: var(--text-font);
+    -webkit-font-smoothing: none;
+    font-weight: 900;
+    line-height: 1.5;
+    color: var(--custom-text-header) !important;
+    text-shadow: 0 0 20px var(--custom-text-header-shadow);
+    position: absolute;
+    left: 50%;
+    top: -15%;
+    transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
+    animation-duration: 0.01s;
+    animation-name: var(--custom-text-header-animation);
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+    font-weight: 900;
+}
+.custom-text-header:after {
+    content: "";
+    position: absolute;
+    top: 135px;
+    right: -15px;
+    background-color: var(--custom-text-header);
+    vertical-align: top;
+    width: 20px;
+    height: 2px;
+    -webkit-animation: blink 1s step-end infinite;
+    animation: blink 1s step-end infinite;
+}
+@-webkit-keyframes blink {
+    0% { opacity: 1.0; }
+    50% { opacity: 0.0; }
+    100% { opacity: 1.0; }
+  }
+  
+  @keyframes blink {
+    0% { opacity: 1.0; }
+    50% { opacity: 0.0; }
+    100% { opacity: 1.0; }
+  }
+
+  @keyframes textflicker {
+    from {
+      text-shadow: 1px 0 0 #ea36af, -2px 0 0 #75fa69;
+      border: 10px 0 0 #ea36af, -2px 0 0 #75fa69;
+    }
+    to {
+      text-shadow: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69;
+      border: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69;
+    }
+  }
+
+  ::selection {
+    background: var(--selection-color); /* WebKit/Blink Browsers */
+  }
+  ::-moz-selection {
+    background: var(--selection-color); /* Gecko Browsers */
+  }
+
+
+/*
+
+                     __                             ___       __  
+   ____  ____  _____/ /__________  ____ ___  ____  / (_)___  / /__
+  / __ \/ __ \/ ___/ __/ ___/ __ \/ __ `__ \/ __ \/ / / __ \/ //_/
+ / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,<   
+/_/ /_/\____/____/\__/_/   \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|  
+                                                                 
+*/
+/*
+<div class="custom-text-header"> <pre>                     __                             ___       __  
+   ____  ____  _____/ /__________  ____ ___  ____  / (_)___  / /__
+  / __ \/ __ \/ ___/ __/ ___/ __ \/ __ '__ \/ __ \/ / / __ \/ //_/
+ / / / / /_/ (__  ) /_/ /  / /_/ / / / / / / /_/ / / / / / / ,&lt;   
+/_/ /_/\____/____/\__/_/   \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|  
+                                                                 </pre> </div>
+*/
diff --git a/css/addons/unraid/login-page/retro-terminal/white.css b/css/addons/unraid/login-page/retro-terminal/white.css
new file mode 100644
index 00000000..3bc8cfd7
--- /dev/null
+++ b/css/addons/unraid/login-page/retro-terminal/white.css
@@ -0,0 +1,33 @@
+/*_____________________WHITE_THEME______________________*/
+/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
+/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
+
+@import url(/css/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
+:root {
+--main-bg-color:black;
+--body-before:#70d7f61a;
+--body-after: #70d7f633;
+--body-animation: flicker;
+--logo: url(/css/addons/unraid/login-page/alien/logo/wings_shadow.png) center no-repeat;
+--text-color: #ffffff;
+--input-color: #ffffff;
+--link-color: #ffffff;
+--link-color-hover: #af0606;
+--case-color: #ffffff;
+--button-text-color: #ffffff;
+--button-text-color-hover: #000;
+--button-color: #ffffff;
+--button-color-hover: #af0606;
+--selection-color: #8f2809;
+--custom-text-header:#ffffff;
+--custom-text-header-shadow:#ffffff;
+--custom-text-header-animation: textflicker;
+--input-font: 'Share Tech Mono', monospace;
+--text-font: 'Share Tech Mono', monospace;
+--loginbox-background-color: transparent;
+--text-shadow: 0 0 8px;
+--text-shadow-color: #000000;
+--box-shadow: 0 0 15px;
+}
\ No newline at end of file
diff --git a/css/base/adguard/adguard-base.css b/css/base/adguard/adguard-base.css
new file mode 100644
index 00000000..1fd3fc58
--- /dev/null
+++ b/css/base/adguard/adguard-base.css
@@ -0,0 +1,677 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+@import url("/css/defaults/placeholders.css");
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text) !important;
+}
+
+/* Scrollbar */
+@media only screen and (min-width: 768px) {
+    html {
+        height: 100%;
+        width: 100%;
+    }
+
+    body {
+        overflow-y: auto;
+        height: 100%;
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+body *::-webkit-scrollbar-thumb {
+    background: hsla(0, 0%, 100%, .2);
+}
+
+body *:hover::-webkit-scrollbar-thumb {
+    background: hsla(0, 0%, 100%, 0.4);
+}
+
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .2);
+    background-clip: padding-box;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .5);
+    background-clip: padding-box;
+}
+
+/* TEXT */
+
+a {
+    color: var(--link-color)
+}
+
+a:hover {
+    color: var(--link-color-hover);
+}
+
+a:-webkit-any-link:focus {
+    outline: none;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+    color: var(--text-hover)
+}
+
+/* LOGIN PAGE */
+
+.login .login__form .text-center .h-6 {
+    filter: invert(1);
+}
+
+.login__form .card {
+    background: rgba(0, 0, 0, 0.08);
+    border: 1px solid rgb(0 0 0 / 0.08);
+}
+
+.login .btn-success:hover {
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+.login .btn-link {
+    color: var(--button-text);
+}
+
+.login .btn-link:hover {
+    color: var(--button-text-hover);
+}
+
+.form__message--error {
+    color: #F44336;
+}
+
+/* HEADER */
+.header {
+    background: transparent;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
+}
+
+.header-brand-img {
+    filter: invert(1);
+}
+
+.header .btn-outline-secondary {
+    color: var(--button-text);
+    background: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.header .btn-outline-secondary:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+}
+
+.nav-tabs .nav-link.active {
+    border-color: rgb(var(--accent-color));
+    color: rgb(var(--accent-color));
+    background: transparent;
+}
+
+.header .nav-tabs .nav-link.active:hover {
+    border-color: var(--accent-color-hover) !important;
+    color: var(--accent-color-hover) !important;
+}
+
+.header a:not([href]):not([tabindex]) {
+    color: var(--text);
+    text-decoration: none;
+}
+
+.header .nav-tabs {
+    color: var(--text);
+}
+
+.header .nav-tabs .nav-link:hover:not(.disabled) {
+    border-color: var(--text-hover);
+    color: var(--text-hover);
+}
+
+/* FOOTER */
+.footer {
+    background: rgba(0, 0, 0, 0.08);
+    border-top: 1px solid rgba(255, 255, 255, 0.03);
+    color: var(--text);
+}
+
+.footer a:not(.btn) {
+    color: var(--link-color);
+}
+
+.footer a:not(.btn):hover {
+    color: var(--link-color-hover);
+}
+
+.footer .btn-outline-primary {
+    color: var(--button-color);
+    background-color: transparent;
+    background-image: none;
+    border-color: var(--button-color);
+}
+
+.footer .btn-outline-primary:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+/* MAIN PAGE */
+.header__row .mobile-menu {
+    background-color: transparent;
+}
+
+/* BUTTONS */
+.container .btn-outline-primary {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    background-image: none;
+    border-color: var(--button-color);
+}
+
+.container .btn-outline-primary:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.tooltip-container {
+    background: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+.tooltip-custom__container .button-action--arrow-option:not(:disabled):hover {
+    cursor: pointer;
+    background: rgb(0 0 0 / 0.15);
+    overflow: hidden;
+}
+
+.toast--success {
+    background-color: rgba(90, 173, 99, 0.75);
+}
+
+/* CARDS*/
+.card {
+    background-color: rgb(0 0 0 / 8%);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    color: var(--text);
+}
+
+.card-header .card-title {
+    color: rgb(var(--accent-color));
+}
+
+.tooltip-custom__container {
+    background: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+.tooltip-custom__content-link {
+    color: var(--link-color);
+}
+
+.card-wrap,
+.card-title-stats {
+    color: inherit;
+}
+
+.card-title-stats a {
+    text-decoration: underline;
+}
+
+.card-title-stats a:hover {
+    text-decoration: underline;
+    color: var(--accent-color-hover);
+}
+
+.card .icon--lightgray {
+    color: var(--text);
+}
+
+.card .logs__text {
+    color: var(--text);
+}
+
+.card .button__action {
+    background-color: transparent;
+}
+
+.card .btn-outline-danger {
+    color: #F44336;
+    background-color: transparent;
+    background-image: none;
+    border-color: #F44336;
+}
+
+.btn-outline-danger:hover {
+    color: #fff;
+    background-color: #F44336;
+    border-color: #F44336;
+}
+
+.btn-icon--green,
+.icon--green {
+    color: var(--button-color);
+}
+
+/* DROPDOWNS */
+.dropdown-menu {
+    color: var(--text);
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    background-clip: padding-box;
+    border: 1px solid rgba(0, 40, 100, 0.12);
+    border-radius: 3px;
+}
+
+.dropdown-item {
+    color: var(--text);
+}
+
+.dropdown-item:hover,
+.dropdown-item:focus {
+    color: var(--text-hover);
+    text-decoration: none;
+    background-color: rgb(255 255 255 / 0.08);
+}
+
+.select__menu {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .5);
+}
+
+.select__option:hover {
+    background: rgba(255, 255, 255, .08) !important;
+}
+
+.select__option {
+    background: rgba(0, 0, 0, 0) !important;
+    border-bottom: solid rgba(255, 255, 255, .1) 1px;
+}
+
+.select__multi-value__remove {
+    color: black;
+}
+
+.basic-multi-select .select__control--is-focused,
+.basic-multi-select .select__control--is-focused:hover {
+    border-color: transparent !important;
+}
+
+/* INSTALL */
+.setup__container {
+    background-color: rgb(0 0 0 / 8%);
+}
+
+.setup__progress-wrap {
+    background-color: rgb(0 0 0 / 50%);
+}
+
+.setup__logo {
+    filter: invert(1);
+}
+
+/* SETTINGS */
+.checkbox__label-subtitle,
+.form__desc,
+.page-subtitle,
+.card-title small,
+.card-subtitle {
+    color: var(--text-hover);
+}
+
+.dropdown-item.active,
+.dropdown-item:active {
+    background-color: rgb(0 0 0 / 25%);
+}
+
+.service__icon {
+    color: var(--text);
+}
+
+/* LOGS */
+.logs__table {
+    background-color: rgb(0 0 0 / 8%);
+}
+
+.logs__text,
+.logs__row .list-unstyled li,
+.detailed-info,
+.icon--lightgray,
+.icon--gray,
+.loading__text {
+    color: var(--text)
+}
+
+.logs__no-data {
+    color: var(--text);
+    background-color: transparent;
+}
+
+.logs__row--white {
+    background-color: transparent;
+}
+
+.rt-tr-group.red,
+.logs__row--red,
+.rt-tr-group.logs__row--red {
+    background-color: rgb(244 67 54 / 30%) !important;
+}
+
+.rt-tr-group.blue,
+.rt-tr-group.logs__row--blue,
+.logs__row--blue {
+    background-color: rgb(54 146 244 / 30%) !important;
+}
+
+.ReactTable .rt-noData {
+    background: transparent;
+    color: var(--text-muted);
+}
+
+.ReactTable .-pagination .-btn {
+    color: var(--text);
+    background: var(--button-color);
+}
+
+.ReactTable .-pagination .-btn:not([disabled]):hover {
+    background: var(--button-color-hover);
+    color: var(--text-hover);
+}
+
+.ReactTable .-loading,
+.ReactTable .-loading>div {
+    background: rgba(255, 255, 255, 0.5);
+}
+
+.ReactTable .rt-thead .rt-th,
+.ReactTable .rt-thead .rt-td,
+.logs__cell--header__container {
+    color: var(--text-hover);
+}
+
+.ReactTable .rt-tbody .rt-tr-group {
+    border-bottom: solid 1px rgb(255 255 255 / 20%);
+}
+
+.ReactTable .rt-thead.-header {
+    background: rgb(0 0 0 / 25%);
+}
+
+.ReactTable .rt-thead .rt-th.-sort-asc, .ReactTable .rt-thead .rt-td.-sort-asc {
+    -webkit-box-shadow: inset 0 3px 0 0 rgb(var(--accent-color), 0.60);
+    box-shadow: inset 0 3px 0 0 rgb(var(--accent-color), 0.60);
+}
+
+.ReactTable .rt-thead .rt-th.-sort-desc, .ReactTable .rt-thead .rt-td.-sort-desc {
+    -webkit-box-shadow: inset 0 -3px 0 0 rgb(var(--accent-color), 0.60);
+    box-shadow: inset 0 -3px 0 0 rgb(var(--accent-color), 0.60);
+}
+
+.table th,
+.text-wrap table th,
+.table td,
+.text-wrap table td {
+    padding: 0.75rem;
+    vertical-align: top;
+    border-top: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.loading:before {
+    background-color: transparent;
+}
+
+.custom-select:focus {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+/* FORMS */
+.form-control {
+    color: var(--text);
+    background: rgba(255, 255, 255, 0.1);
+    border: 1px solid rgba(255, 255, 255, .1)
+}
+
+.form-control--transparent {
+    color: var(--text-hover);
+}
+
+.form-control--search {
+    outline: none;
+}
+
+.form-control:focus {
+    border-color: transparent;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    background: rgba(255, 255, 255, 0.2);
+    color: var(--text-hover);
+}
+
+.form-control:disabled, .form-control[readonly] {
+    background-color: #555;
+    opacity: 1;
+    cursor: not-allowed;
+}
+
+.custom-select {
+    color: var(--text);
+    background: rgba(255, 255, 255, 0.1) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMCA1Jz48cGF0aCBmaWxsPScjOTk5JyBkPSdNMCAwTDEwIDBMNSA1TDAgMCcvPjwvc3ZnPg==") no-repeat right 0.75rem center;
+    background-size: 8px 10px;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+
+}
+
+.custom-select:focus {
+    color: var(--text-hover);
+    background: #1f1f1f url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMCA1Jz48cGF0aCBmaWxsPScjOTk5JyBkPSdNMCAwTDEwIDBMNSA1TDAgMCcvPjwvc3ZnPg==") no-repeat right 0.75rem center;
+    background-size: 8px 10px;
+    border: 1px solid rgba(255, 255, 255, 0.2);
+
+}
+
+select.form-control.select:focus,
+select:focus {
+    color: var(--text-hover);
+    background: #1f1f1f !important;
+}
+
+.icon--selected {
+    background-color: rgb(0 0 0 / 15%);
+    border: solid 1px transparent;
+}
+
+.tab__control,
+.tab__control--active {
+    color: var(--text);
+}
+
+/* BUTTONS */
+.btn-outline-secondary {
+    color: #c9c9c9;
+    border-color: #c9c9c9;
+}
+
+.btn-success,
+.btn-success.disabled,
+.btn-success:disabled {
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+    color: var(--button-text);
+}
+
+.btn-success:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-success:focus,
+.btn-success.focus {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.btn-secondary {
+    color: var(--button-text);
+    background-color: rgb(255 255 255 / 25%);
+    border-color: rgb(255 255 255 / 0%);
+    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
+}
+
+.btn-secondary:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: transparent;
+}
+
+.checkbox__input:checked+.checkbox__label:before {
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4zIDkuMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0xMS44IDAuNUw1LjMgOC41IDAuNSA0LjIiLz48L3N2Zz4=);
+    background-color: rgb(var(--accent-color));
+
+}
+
+.custom-radio .custom-control-input:checked~.custom-control-label::before,
+.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
+    background-color: rgb(var(--accent-color));
+}
+
+.custom-control-input:focus~.custom-control-label::before,
+.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
+    -webkit-box-shadow: 0 0 0 1px rgb(var(--accent-color)), 0 0 0 2px rgb(var(--accent-color), .25);
+    box-shadow: 0 0 0 1px rgb(var(--accent-color)), 0 0 0 2px rgb(var(--accent-color), .25);
+}
+
+/* MODALS */
+.modal-content {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.ReactModal__Overlay--after-open {
+    background-color: rgb(0 0 0 / 0.7) !important;
+}
+
+/* MOBILE */
+@media (max-width: 767px) {
+    .mobile-menu {
+        background: #1b1b1b !important;
+    }
+
+    .dropdown-menu {
+        background: #1f1f1f !important;
+    }
+
+    .ReactModal__Content {
+        background: var(--modal-bg-color) !important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+        border: 1px solid transparent !important;
+    }
+}
+
+@media (max-width: 991px) {
+    .mobile-menu {
+        background: #1b1b1b !important;
+    }
+
+    .dropdown-menu {
+        background: #1f1f1f !important;
+    }
+}
+
+/* PLACEHOLDER TEXT */
+::placeholder {
+    color: var(--text);
+}
+
+:-moz-placeholder {
+    color: var(--text);
+}
+
+:-ms-input-placeholder {
+    color: var(--text);
+}
+
+::-webkit-input-placeholder {
+    color: var(--text);
+}
\ No newline at end of file
diff --git a/css/base/adguard/aquamarine.css b/css/base/adguard/aquamarine.css
new file mode 100644
index 00000000..154d3731
--- /dev/null
+++ b/css/base/adguard/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/adguard/blackberry-abyss.css b/css/base/adguard/blackberry-abyss.css
new file mode 100644
index 00000000..f3d29688
--- /dev/null
+++ b/css/base/adguard/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/adguard/blackberry-amethyst.css b/css/base/adguard/blackberry-amethyst.css
new file mode 100644
index 00000000..5ac76a21
--- /dev/null
+++ b/css/base/adguard/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/adguard/blackberry-carol.css b/css/base/adguard/blackberry-carol.css
new file mode 100644
index 00000000..1843a5aa
--- /dev/null
+++ b/css/base/adguard/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/adguard/blackberry-dreamscape.css b/css/base/adguard/blackberry-dreamscape.css
new file mode 100644
index 00000000..f3b7d3ae
--- /dev/null
+++ b/css/base/adguard/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/adguard/blackberry-flamingo.css b/css/base/adguard/blackberry-flamingo.css
new file mode 100644
index 00000000..5805a2f1
--- /dev/null
+++ b/css/base/adguard/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/adguard/blackberry-hearth.css b/css/base/adguard/blackberry-hearth.css
new file mode 100644
index 00000000..8fdc4670
--- /dev/null
+++ b/css/base/adguard/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/adguard/blackberry-martian.css b/css/base/adguard/blackberry-martian.css
new file mode 100644
index 00000000..db965d52
--- /dev/null
+++ b/css/base/adguard/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/adguard/blackberry-pumpkin.css b/css/base/adguard/blackberry-pumpkin.css
new file mode 100644
index 00000000..2bf26680
--- /dev/null
+++ b/css/base/adguard/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/adguard/blackberry-royal.css b/css/base/adguard/blackberry-royal.css
new file mode 100644
index 00000000..ab20db2b
--- /dev/null
+++ b/css/base/adguard/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/adguard/blackberry-shadow.css b/css/base/adguard/blackberry-shadow.css
new file mode 100644
index 00000000..edd6df18
--- /dev/null
+++ b/css/base/adguard/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/adguard/blackberry-solar.css b/css/base/adguard/blackberry-solar.css
new file mode 100644
index 00000000..b8615b60
--- /dev/null
+++ b/css/base/adguard/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/adguard/blackberry-vanta.css b/css/base/adguard/blackberry-vanta.css
new file mode 100644
index 00000000..05e91334
--- /dev/null
+++ b/css/base/adguard/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/adguard/dark.css b/css/base/adguard/dark.css
new file mode 100644
index 00000000..b075cee7
--- /dev/null
+++ b/css/base/adguard/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/adguard/dracula.css b/css/base/adguard/dracula.css
new file mode 100644
index 00000000..57cd7420
--- /dev/null
+++ b/css/base/adguard/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/adguard/hotline-old.css b/css/base/adguard/hotline-old.css
new file mode 100644
index 00000000..1ab41949
--- /dev/null
+++ b/css/base/adguard/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/adguard/hotline.css b/css/base/adguard/hotline.css
new file mode 100644
index 00000000..2b38e0a6
--- /dev/null
+++ b/css/base/adguard/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/adguard/hotpink.css b/css/base/adguard/hotpink.css
new file mode 100644
index 00000000..67e6f22d
--- /dev/null
+++ b/css/base/adguard/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/adguard/mind.css b/css/base/adguard/mind.css
new file mode 100644
index 00000000..0b9c6cce
--- /dev/null
+++ b/css/base/adguard/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/adguard/nord.css b/css/base/adguard/nord.css
new file mode 100644
index 00000000..5d15d2cc
--- /dev/null
+++ b/css/base/adguard/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/adguard/onedark.css b/css/base/adguard/onedark.css
new file mode 100644
index 00000000..2a3d5a11
--- /dev/null
+++ b/css/base/adguard/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/adguard/organizr.css b/css/base/adguard/organizr.css
new file mode 100644
index 00000000..922f9318
--- /dev/null
+++ b/css/base/adguard/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/adguard/overseerr.css b/css/base/adguard/overseerr.css
new file mode 100644
index 00000000..23ddd12e
--- /dev/null
+++ b/css/base/adguard/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/adguard/pine-shadow.css b/css/base/adguard/pine-shadow.css
new file mode 100644
index 00000000..26ca3034
--- /dev/null
+++ b/css/base/adguard/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/adguard/plex.css b/css/base/adguard/plex.css
new file mode 100644
index 00000000..ebe307ad
--- /dev/null
+++ b/css/base/adguard/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/adguard/power.css b/css/base/adguard/power.css
new file mode 100644
index 00000000..246f3289
--- /dev/null
+++ b/css/base/adguard/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/adguard/reality.css b/css/base/adguard/reality.css
new file mode 100644
index 00000000..7116f4bc
--- /dev/null
+++ b/css/base/adguard/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/adguard/soul.css b/css/base/adguard/soul.css
new file mode 100644
index 00000000..f7cfb235
--- /dev/null
+++ b/css/base/adguard/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/adguard/space-gray.css b/css/base/adguard/space-gray.css
new file mode 100644
index 00000000..844d76da
--- /dev/null
+++ b/css/base/adguard/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/adguard/space.css b/css/base/adguard/space.css
new file mode 100644
index 00000000..67d87a9a
--- /dev/null
+++ b/css/base/adguard/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/adguard/time.css b/css/base/adguard/time.css
new file mode 100644
index 00000000..032c4fc1
--- /dev/null
+++ b/css/base/adguard/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/adguard/trueblack.css b/css/base/adguard/trueblack.css
new file mode 100644
index 00000000..97547939
--- /dev/null
+++ b/css/base/adguard/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/bazarr/aquamarine.css b/css/base/bazarr/aquamarine.css
new file mode 100644
index 00000000..33102fca
--- /dev/null
+++ b/css/base/bazarr/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base.css
new file mode 100644
index 00000000..3f64e954
--- /dev/null
+++ b/css/base/bazarr/bazarr-base.css
@@ -0,0 +1,857 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+@import url("/css/defaults/placeholders.css");
+
+* {
+    outline: none;
+}
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+/* scroller */
+::-webkit-scrollbar-corner {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+    background: #1f1f1f;
+}
+
+::-webkit-scrollbar-thumb {
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    background-color: rgba(255, 255, 255, 0.35) !important;
+}
+
+a,
+.page-link {
+    color: var(--link-color);
+}
+
+a:hover {
+    color: var(--link-color-hover);
+}
+
+/* Pagination */
+.page-item.active .page-link {
+    z-index: 3;
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.page-link {
+    background-color: rgba(255, 255, 255, .07);
+    border: 1px solid rgba(255, 255, 255, .1);
+}
+
+.page-link:hover {
+    color: var(--link-color-hover);
+    text-decoration: none;
+    background-color: rgba(0, 0, 0, .15);
+    border: 1px solid rgba(255, 255, 255, .1);
+}
+
+.page-item.disabled .page-link {
+    color: var(--link-color);
+    background-color: rgba(255, 255, 255, .07);
+    border: 1px solid rgba(255, 255, 255, .1);
+}
+
+.page-link:focus { 
+    z-index: 3;
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem rgb(var(--accent-color) / 25%);
+}
+
+/* TEXT */
+.text-muted {
+    color: var(--text-muted) !important;
+}
+
+.table {
+    color: var(--text);
+}
+
+.table thead th {
+    color: var(--text-hover);
+}
+
+.table-striped tbody tr:nth-of-type(odd) {
+    background-color: rgb(0 0 0 / 15%);
+}
+
+.text-dark {
+color: var(--text-hover)!important;
+}
+.text-secondary {
+color: var(--text)!important;
+}
+.dropdown-item.disabled, .dropdown-item:disabled {
+color: var(--text-muted);
+pointer-events: none;
+background-color: transparent;
+}
+
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.custom-control-label,
+label,
+.modal-header {
+    color: var(--text-hover);
+}
+
+/* Form Stuff */
+
+.header-container input[type=text] {
+    padding: 0;
+    transition: none;
+    color: var(--text-hover);
+    border-radius: 0;
+    border: none;
+    border-bottom: 1px solid rgba(255, 255, 255, .3) !important;
+    background-color: transparent;
+}
+
+.header-container input[type=text]:focus {
+    box-shadow: none;
+    color: var(--text-hover);
+    background-color: transparent !important;
+    border-color: rgb(var(--accent-color)) !important;
+}
+
+.form-control {
+    color: var(--text-hover);
+    background-color: rgba(255, 255, 255, 0.08);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.form-control:focus {
+    background-color: rgba(255, 255, 255, 0.25) !important;
+    border-color: rgba(255, 255, 255, 0.25) !important;
+    outline: 0;
+    box-shadow: none;
+    color: var(--text-hover);
+}
+
+.form-control:disabled,
+.form-control[readonly] {
+    background-color: rgb(255 255 255 / 15%);
+    opacity: .7;
+    color: var(--text-hover);
+    border: 1px solid rgb(255 255 255 / 15%);
+}
+
+:root .form-control:focus {
+    box-shadow: none !important;
+    border-color: transparent !important;
+}
+
+.form-group i {
+    color: var(--text-hover);
+}
+
+.bootstrap-tagsinput {
+    color: var(--text);
+    background-color: rgba(0, 0, 0, .25) !important;
+    border: 1px solid transparent !important;
+
+}
+
+.bootstrap-tagsinput.focus {
+    background-color: #fff !important;
+    border-color: transparent;
+    outline: 0;
+    box-shadow: none;
+    color: black;
+}
+
+.input-group-text {
+    color: var(--text);
+    background-color: rgb(0 0 0 / 25%);
+    border: 1px solid transparent;
+}
+
+.custom-chip-input .main-input {
+    background: transparent;
+    color: var(--text);
+}
+
+.custom-chip-input:focus-within {
+    border-color: rgb(255 255 255 / 10%);
+}
+
+.custom-chip-input .custom-chip {
+    color: var(--button-text);
+    background-color: var(--button-color);
+}
+
+.custom-selector .selector__control .selector__multi-value,
+.selector__multi-value__label {
+    background: var(--button-color);
+    color: var(--button-text);
+}
+
+/* SIDEBAR */
+.sidebar-container {
+    background-color: rgba(0, 0, 0, .25);
+}
+
+.sidebar-container .sidebar-button,
+.sidebar-container .button {
+    color: var(--text) !important;
+    background: transparent
+}
+
+.sidebar-container .sidebar-button:active,
+.sidebar-container .sidebar-button:focus {
+    color: rgb(var(--accent-color)) !important;
+    background-color: rgba(0, 0, 0, 0.15) !important;
+}
+
+.sidebar-container .sidebar-button:hover,
+.sidebar-container .button:hover {
+    background-color: transparent !important;
+    color: rgb(var(--accent-color)) !important;
+}
+
+.content-header.bg-dark .btn-dark:hover {
+    color: rgb(var(--accent-color));
+}
+
+.sidebar-container .sidebar-button.sb-active,
+.sidebar-container .sidebar-button.sb-active:hover,
+.sidebar-container .button.active {
+    background-color: rgba(0, 0, 0, 0.15) !important;
+    color: rgb(var(--accent-color)) !important;
+}
+
+.content-header.bg-dark>button {
+    color: var(--text);
+}
+
+.content-header.bg-dark>button:hover {
+    color: var(--text-hover);
+}
+
+.content-header.bg-dark .btn-dark {
+    color: var(--text);
+}
+
+.btn-dark.disabled:hover,
+.btn-dark:disabled:hover {
+    color: var(--text) !important;
+}
+
+
+.sidebar-container .sidebar-collapse-box.active:before,
+.sidebar-container .sidebar-button.sb-active:before {
+    background-color: rgb(var(--accent-color));
+}
+
+@media (max-width: 767.98px) {
+
+    .sidebar-container.open,
+    .sidebar-container {
+        background: var(--modal-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+.sidebar-container .badge-secondary {
+    color: var(--label-text-color);
+    background-color: var(--arr-queue-color);
+}
+
+/* TOP NAV BAR */
+.header-container .bg-primary {
+    background-color: rgba(0, 0, 0, .35) !important;
+}
+
+.header-container .btn-primary {
+    color: var(--button-text);
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.header-container .btn-primary.focus,
+.header-container .btn-primary:focus,
+.header-container .btn-primary:hover {
+    color: var(--button-text-hover);
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.header-container .btn-primary:not(:disabled):not(.disabled).active,
+.header-container .btn-primary:not(:disabled):not(.disabled):active,
+.header-container .show>.btn-primary.dropdown-toggle {
+    color: var(--button-text-hover);
+    background-color: transparent;
+    border-color: transparent;
+}
+
+/* PAGES */
+.content-header.bg-dark {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+    border-bottom: solid 1px rgba(255, 255, 255, .1);
+
+}
+
+/* LOGIN */
+.bg-light {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+}
+
+.auth-card {
+    border: 1px solid transparent;
+}
+
+.auth-card .card-footer {
+    background-color: transparent;
+    border-top: 1px solid rgba(255, 255, 255, .1);
+}
+
+hr {
+    border-top: 1px solid rgb(255 255 255 / 10%);
+}
+
+
+.card {
+    background-color: rgba(0, 0, 0, .45);
+    box-shadow: 0 0 10px 1px #000000;
+    color: var(--text);
+}
+.card-header {
+    border-bottom: 1px solid rgb(255 255 255 / 10%);
+}
+
+.settings-card:hover,
+.settings-card:focus {
+    border-color: transparent;
+    color: var(--text-hover);
+}
+
+.alert-secondary {
+    color: var(--text);
+    background-color: rgba(255, 255, 255, .15);
+    border-color: rgba(255, 255, 255, .15);
+}
+
+/* Series page */
+.progress-bar {
+    background-color: var(--accent-color);
+    text-shadow: none;
+}
+
+.progress {
+    background-color: rgb(255 255 255 / 20%);
+}
+
+.progress-bar.bg-primary {
+    background: rgb(var(--accent-color)) !important;
+    color: var(--label-text-color) !important;
+}
+
+.progress-bar.bg-warning {
+    color: #212529;
+    background-color: rgba(255, 193, 7, .8) !important;
+}
+
+.badge-warning {
+    color: #212529;
+    background-color: rgba(255, 193, 7, .8);
+}
+
+.badge-primary {
+    color: var(--label-text-color);
+    background-color: rgb(var(--accent-color));
+}
+
+.text-truncate.badge.badge-secondary {
+    color: var(--label-text-color);
+    background-color: rgb(var(--accent-color));
+}
+
+.popover {
+    background-color: #1f1f1f;
+    border: 1px solid rgba(255, 255, 255, .2);
+}
+
+.bs-popover-auto[x-placement^=top]>.arrow:after,
+.bs-popover-top>.arrow:after {
+    border-top-color: rgba(255, 255, 255, .5);
+}
+
+.popover-header {
+    background-color: #1f1f1f;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+
+}
+
+.popover-body {
+    color: var(--text)
+}
+
+.spinner-border {
+    color: rgb(var(--accent-color));
+}
+
+/* Modal */
+
+.modal-content {
+    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
+    border-radius: 3px;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.modal-header {
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-bottom: 1px solid var(--accent-color);
+
+}
+
+.modal-footer {
+    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-top: 1px solid var(--accent-color);
+}
+
+.modal-content .badge-secondary {
+    color: var(--text-hover);
+    background-color: var(--accent-color);
+    padding: 5px;
+}
+
+.modal-content button:focus {
+    outline: none !important;
+}
+
+.close {
+    float: right;
+    font-size: 1.5rem;
+    font-weight: 700;
+    line-height: 1;
+    color: var(--text);
+    text-shadow: 0 1px 0 var(--text);
+    opacity: .5;
+}
+
+.close:hover {
+    var(--text) !important;
+    text-decoration: none;
+}
+
+/* BUTTONS */
+
+.btn-primary,
+.btn-outline-secondary {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-primary.focus,
+.btn-primary:focus,
+.btn-primary:hover,
+.btn-outline-secondary:hover,
+.btn-outline-secondary.focus,
+.btn-outline-secondary:focus {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.show>.btn-primary.dropdown-toggle:focus,
+.btn-primary.focus,
+.btn-primary:focus {
+    box-shadow: 0 0 0 0.2rem rgba(var(--accent-color), .5);
+}
+
+.btn-primary.disabled,
+.btn-primary:disabled {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-dark.disabled,
+.btn-dark:disabled {
+    color: var(--text-muted);
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.btn-dark.disabled:hover,
+.btn-dark:disabled:hover {
+    color: var(--text-muted);
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.btn-dark {
+    color: var(--button-text);
+    background-color: transparent;
+    /* rgba(var(--accent-color),.5)*/
+    border-color: transparent;
+}
+
+.btn-dark.focus,
+.btn-dark:focus,
+.btn-dark:hover {
+    color: var(--button-text-hover);
+    background-color: transparent;
+    /* rgba(var(--accent-color),.8) */
+    border-color: transparent;
+}
+
+.btn-dark.focus,
+.btn-dark:focus {
+    box-shadow: 0 0 0 0.2rem transparent;
+}
+
+.btn-dark:not(:disabled):not(.disabled).active,
+.btn-dark:not(:disabled):not(.disabled):active,
+.show>.btn-dark.dropdown-toggle {
+    color: var(--button-text-hover);
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.btn-dark:not(:disabled):not(.disabled).active:focus,
+.btn-dark:not(:disabled):not(.disabled):active:focus,
+.show>.btn-dark.dropdown-toggle:focus {
+    box-shadow: 0 0 0 0.2rem transparent;
+}
+
+.btn-light {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-light.focus,
+.btn-light:focus,
+.btn-light:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-light.disabled,
+.btn-light:disabled {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-light:not(:disabled):not(.disabled).active,
+.btn-light:not(:disabled):not(.disabled):active,
+.show>.btn-light.dropdown-toggle,
+.btn-light.focus,
+.btn-light:focus {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-light:not(:disabled):not(.disabled).active:focus,
+.btn-light:not(:disabled):not(.disabled):active:focus,
+.show>.btn-light.dropdown-toggle:focus {
+    box-shadow: 0 0 0 0.2rem transparent;
+}
+
+.custom-control-input:focus~.custom-control-label:before {
+    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, .07);
+}
+
+.custom-control-input:checked~.custom-control-label:before {
+    border-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+}
+
+.custom-control-input:focus~.custom-control-label:before {
+    box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .25)
+}
+
+.custom-control-input:focus:not(:checked)~.custom-control-label:before {
+    border-color: var(--accent-color);
+}
+
+.custom-control-input:not(:disabled):active~.custom-control-label:before {
+    color: var(--text-hover);
+    background-color: rgb(var(--accent-color));
+    border-color: rgb(var(--accent-color));
+}
+
+.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
+    border-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+}
+
+.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
+    background-color: rgba(var(--accent-color), .5)
+}
+
+.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
+    background-color: rgba(var(--accent-color), .5)
+}
+
+.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
+    background-color: rgba(var(--accent-color), .5)
+}
+
+.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
+    background-color: rgba(var(--accent-color), .5)
+}
+
+.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
+    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
+}
+
+input {
+    color: var(--text-hover) !important;
+}
+
+.custom-select:focus {
+    border-color: rgb(var(--accent-color));
+    outline: 0;
+    box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .25)
+}
+
+.custom-file-input:focus~.custom-file-label {
+    border-color: rgb(var(--accent-color));
+    box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .25)
+}
+
+/* DROPDOWN MENU */
+.dropdown-menu,
+.dropdown-header {
+    color: var(--text);
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.dropdown-item {
+    color: var(--text);
+}
+
+.dropdown-item:focus,
+.dropdown-item:hover {
+    color: var(--text-hover);
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+.custom-selector .selector__control {
+    background-color: rgba(0, 0, 0, 0.25);
+    border-color: rgba(0, 0, 0, 0) !important;
+    color: var(--text-hover);
+}
+
+[class$="-singleValue"],
+[class$="-placeholder"],
+[class$="-indicatorContainer"] {
+    color: var(--text) !important;
+}
+
+[class$="-indicatorContainer"]:hover {
+    color: var(--text-hover);
+}
+
+.custom-selector .selector__control--is-focused {
+    border-color: rgba(255, 255, 255, .2) !important;
+}
+
+.selector__menu {
+    background: var(--drop-down-menu-bg) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text)
+}
+
+.custom-selector .selector__option--is-selected:active {
+    background-color: rgba(255, 255, 255, .07) !important;
+}
+
+.custom-selector .selector__option--is-focused {
+    background-color: rgba(var(--accent-color), .2);
+    color: var(--text-hover);
+}
+
+.custom-selector .selector__option--is-focused:active,
+.custom-selector .selector__option--is-focused:focus {
+    background-color: rgba(var(--accent-color), .2);
+    color: var(--text-hover);
+}
+
+.custom-selector .selector__option--is-selected {
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+.custom-selector .selector__option--is-selected:active {
+    background-color: rgb(var(--accent-color));
+}
+
+.custom-rc-slider .rc-slider-track {
+    background: var(--button-color);
+}
+
+.custom-rc-slider .rc-slider-handle {
+    border: 3px solid var(--button-color);
+}
+
+.custom-rc-slider .rc-slider-handle:hover,
+.custom-rc-slider .rc-slider-handle:active {
+    border-color: var(--button-color-hover);
+}
+
+
+/* RECHARTS */
+.recharts-default-tooltip {
+    background: #1f1f1f !important;
+    border: transparent !important;
+}
+
+.recharts-rectangle.recharts-tooltip-cursor {
+    fill: rgba(255, 255, 255, .15) !important;
+}
+
+text {
+    stroke: none;
+    fill: var(--text-hover);
+    text-anchor: end;
+}
+
+line {
+    stroke: var(--text);
+    fill: none;
+}
+
+
+/* TOASTS */
+.toast {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border: 1px solid rgba(0, 0, 0, .1);
+    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
+    color: var(--text)
+}
+
+.toast-header {
+    color: var(--text-hover);
+    background-color: hsla(0, 0%, 0%, .35);
+    border-bottom: 1px solid rgba(0, 0, 0, .05);
+}
+
+.alert-container .toast-container .toast .toast-body .progress .progress-bar {
+    text-shadow: -2px -2px 5px rgba(var(--accent-color), .35), 2px -2px 5px rgba(var(--accent-color), .35), -2px 2px 5px rgba(var(--accent-color), .35), 2px 2px 5px rgba(var(--accent-color), .35);
+    overflow: visible
+}
+
+.progress-bar-striped {
+    background-image: linear-gradient(45deg, rgba(var(--accent-color), .5) 25%, transparent 0, transparent 50%, rgba(var(--accent-color), .5) 0, rgba(var(--accent-color), .5) 75%, transparent 0, transparent);
+    background-size: 1rem 1rem
+}
+
+.notification-btn .notification-center-progress .progress .progress-bar {
+    text-shadow: -2px -2px 5px rgb(var(--accent-color)), 2px -2px 5px rgb(var(--accent-color)), -2px 2px 5px rgb(var(--accent-color)), 2px 2px 5px rgb(var(--accent-color));
+}
+/* LOGS */
+/* Stack traceback */
+code.zmdi-language-python-alt {
+    color: var(--text);
+}
\ No newline at end of file
diff --git a/css/base/bazarr/blackberry-abyss.css b/css/base/bazarr/blackberry-abyss.css
new file mode 100644
index 00000000..f13e66e2
--- /dev/null
+++ b/css/base/bazarr/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/bazarr/blackberry-amethyst.css b/css/base/bazarr/blackberry-amethyst.css
new file mode 100644
index 00000000..024ac188
--- /dev/null
+++ b/css/base/bazarr/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/bazarr/blackberry-carol.css b/css/base/bazarr/blackberry-carol.css
new file mode 100644
index 00000000..e3969345
--- /dev/null
+++ b/css/base/bazarr/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/bazarr/blackberry-dreamscape.css b/css/base/bazarr/blackberry-dreamscape.css
new file mode 100644
index 00000000..3cbb7c90
--- /dev/null
+++ b/css/base/bazarr/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/bazarr/blackberry-flamingo.css b/css/base/bazarr/blackberry-flamingo.css
new file mode 100644
index 00000000..fcfda92e
--- /dev/null
+++ b/css/base/bazarr/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/bazarr/blackberry-hearth.css b/css/base/bazarr/blackberry-hearth.css
new file mode 100644
index 00000000..c9cfcf9e
--- /dev/null
+++ b/css/base/bazarr/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/bazarr/blackberry-martian.css b/css/base/bazarr/blackberry-martian.css
new file mode 100644
index 00000000..fc3aeb5e
--- /dev/null
+++ b/css/base/bazarr/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/bazarr/blackberry-pumpkin.css b/css/base/bazarr/blackberry-pumpkin.css
new file mode 100644
index 00000000..dc0f6872
--- /dev/null
+++ b/css/base/bazarr/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/bazarr/blackberry-royal.css b/css/base/bazarr/blackberry-royal.css
new file mode 100644
index 00000000..60f106b2
--- /dev/null
+++ b/css/base/bazarr/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/bazarr/blackberry-shadow.css b/css/base/bazarr/blackberry-shadow.css
new file mode 100644
index 00000000..7972746d
--- /dev/null
+++ b/css/base/bazarr/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/bazarr/blackberry-solar.css b/css/base/bazarr/blackberry-solar.css
new file mode 100644
index 00000000..c207ff3f
--- /dev/null
+++ b/css/base/bazarr/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/bazarr/blackberry-vanta.css b/css/base/bazarr/blackberry-vanta.css
new file mode 100644
index 00000000..e0fced60
--- /dev/null
+++ b/css/base/bazarr/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/bazarr/dark.css b/css/base/bazarr/dark.css
new file mode 100644
index 00000000..1f34cff5
--- /dev/null
+++ b/css/base/bazarr/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/bazarr/dracula.css b/css/base/bazarr/dracula.css
new file mode 100644
index 00000000..17aa79ab
--- /dev/null
+++ b/css/base/bazarr/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/bazarr/hotline-old.css b/css/base/bazarr/hotline-old.css
new file mode 100644
index 00000000..7354418f
--- /dev/null
+++ b/css/base/bazarr/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/bazarr/hotline.css b/css/base/bazarr/hotline.css
new file mode 100644
index 00000000..c1bf33fb
--- /dev/null
+++ b/css/base/bazarr/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/bazarr/hotpink.css b/css/base/bazarr/hotpink.css
new file mode 100644
index 00000000..6b84a78e
--- /dev/null
+++ b/css/base/bazarr/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/bazarr/mind.css b/css/base/bazarr/mind.css
new file mode 100644
index 00000000..9d91f7af
--- /dev/null
+++ b/css/base/bazarr/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/bazarr/nord.css b/css/base/bazarr/nord.css
new file mode 100644
index 00000000..fb98a5fb
--- /dev/null
+++ b/css/base/bazarr/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/bazarr/onedark.css b/css/base/bazarr/onedark.css
new file mode 100644
index 00000000..6afe520b
--- /dev/null
+++ b/css/base/bazarr/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/bazarr/organizr.css b/css/base/bazarr/organizr.css
new file mode 100644
index 00000000..cb620e8e
--- /dev/null
+++ b/css/base/bazarr/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/bazarr/overseerr.css b/css/base/bazarr/overseerr.css
new file mode 100644
index 00000000..33d6bba0
--- /dev/null
+++ b/css/base/bazarr/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/bazarr/pine-shadow.css b/css/base/bazarr/pine-shadow.css
new file mode 100644
index 00000000..785fbf54
--- /dev/null
+++ b/css/base/bazarr/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/bazarr/plex.css b/css/base/bazarr/plex.css
new file mode 100644
index 00000000..01c55e47
--- /dev/null
+++ b/css/base/bazarr/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/bazarr/power.css b/css/base/bazarr/power.css
new file mode 100644
index 00000000..17e3a51a
--- /dev/null
+++ b/css/base/bazarr/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/bazarr/reality.css b/css/base/bazarr/reality.css
new file mode 100644
index 00000000..9ff4d4b1
--- /dev/null
+++ b/css/base/bazarr/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/bazarr/soul.css b/css/base/bazarr/soul.css
new file mode 100644
index 00000000..4821784d
--- /dev/null
+++ b/css/base/bazarr/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/bazarr/space-gray.css b/css/base/bazarr/space-gray.css
new file mode 100644
index 00000000..5f0567ec
--- /dev/null
+++ b/css/base/bazarr/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/bazarr/space.css b/css/base/bazarr/space.css
new file mode 100644
index 00000000..d739721c
--- /dev/null
+++ b/css/base/bazarr/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/bazarr/time.css b/css/base/bazarr/time.css
new file mode 100644
index 00000000..80ffee2b
--- /dev/null
+++ b/css/base/bazarr/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/bazarr/trueblack.css b/css/base/bazarr/trueblack.css
new file mode 100644
index 00000000..dfb1658d
--- /dev/null
+++ b/css/base/bazarr/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/bitwarden/aquamarine.css b/css/base/bitwarden/aquamarine.css
new file mode 100644
index 00000000..e491c962
--- /dev/null
+++ b/css/base/bitwarden/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/bitwarden/bitwarden-base.css b/css/base/bitwarden/bitwarden-base.css
new file mode 100644
index 00000000..bb2ae99f
--- /dev/null
+++ b/css/base/bitwarden/bitwarden-base.css
@@ -0,0 +1,694 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+* {
+    outline: none;
+}
+
+img.logo {
+    filter: invert(100);
+}
+
+body.layout_frontend,
+html[class*="theme_"] body,
+html[class*="theme_"] body.layout_frontend,
+html {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+/* LINKS */
+a,
+app-vault-groupings .card .card-body a,
+app-org-vault-groupings .card .card-body a,
+.groupings .card .card-body a {
+    color: var(--link-color);
+}
+
+a:hover:not(.btn-secondary):not(.btn-outline-primary),
+app-vault-groupings .card li.active>a:first-of-type,
+app-vault-groupings .card li.active>div a:first-of-type,
+app-org-vault-groupings .card li.active>a:first-of-type,
+app-org-vault-groupings .card li.active>div a:first-of-type,
+.groupings .card li.active>a:first-of-type,
+.groupings .card li.active>div a:first-of-type,
+html[class*="theme_"] a {
+    color: var(--link-color);
+}
+
+html[class*="theme_"] app-vault-groupings .card li.active>a:first-of-type,
+html[class*="theme_"] app-vault-groupings .card li.active>div a:first-of-type,
+html[class*="theme_"] app-org-vault-groupings .card li.active>a:first-of-type,
+html[class*="theme_"] app-org-vault-groupings .card li.active>div a:first-of-type,
+html[class*="theme_"] .groupings .card li.active>a:first-of-type,
+html[class*="theme_"] .groupings .card li.active>div a:first-of-type {
+    color: rgb(var(--accent-color));
+}
+
+html[class*="theme_"] #totpImage {
+    background: lightgray;
+}
+
+html[class*="theme_"] .table td>a:not(.badge) {
+    color: var(--link-color);
+}
+
+html[class*="theme_"] .table td>a:not(.badge):hover,
+html[class*="theme_"] .card-header a:hover:not(.badge) {
+    color: var(--link-color-hover);
+}
+
+/* TEXT */
+html[class*="theme_"] .text-muted,
+.text-muted,
+.form-check-block .form-check-label>small,
+.modal-header small,
+.table,
+.text-body {
+    color: var(--text-muted) !important;
+}
+
+html[class*="theme_"] .navbar .nav-item.active>.nav-link,
+html[class*="theme_"] .navbar .nav-item>.nav-link {
+    font-weight: 600;
+}
+
+.table-hover tbody tr:hover {
+    color: var(--text-hover);
+    background-color: rgba(255, 255, 255, .08);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+label:not(#g_advanced > div:nth-child(13) > label):not(#g_advanced > div:nth-child(12) > div.col-sm-8 > div > label),
+label:not(.form-check-label):not(.btn):not(#g_advanced > div:nth-child(13) > label),
+label.bold .card-header:first-child,
+html[class*="theme_"] .card-header,
+.modal-header {
+    color: var(--text-hover) !important;
+}
+
+/* NAVBAR */
+.navbar {
+    background-color: rgb(0 0 0 / 25%) !important;
+}
+
+.navbar-dark .navbar-nav .show>.nav-link,
+.navbar-dark .navbar-nav .active>.nav-link,
+.navbar-dark .navbar-nav .nav-link.show,
+.navbar-dark .navbar-nav .nav-link.active {
+    color: rgb(var(--accent-color));
+}
+
+/* CARDS */
+
+html[class*="theme_"] .card-header {
+    background-color: rgb(0 0 0 / 45%);
+    color: var(--text-hover);
+}
+
+.card {
+    background-color: rgba(255, 255, 255, 0.07) !important;
+    border-color: rgba(255, 255, 255, 0.1) !important;
+    color: var(--text) !important;
+}
+
+html[class*="theme_"] .card-body:not(.bg-light>.card-body) {
+    background-color: transparent;
+    color: var(--text);
+}
+
+html[class*="theme_"] a.text-body {
+    color: var(--text-hover) !important;
+}
+
+app-vault-groupings .card li.active>a:first-of-type,
+app-vault-groupings .card li.active>div a:first-of-type,
+app-vault-groupings .card li.active>div>.fa {
+    color: rgb(var(--accent-color));
+}
+
+body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator>div.card.card-password.bg-light.my-4,
+body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator>div.card.card-password.bg-light.my-4>div {
+    background-color: rgb(0 0 0 / 15%) !important;
+}
+
+html[class*="theme_"] .password-number {
+    color: rgb(var(--accent-color));
+}
+
+html[class*="theme_"] .password-letter {
+    color: var(--text-hover);
+}
+
+html[class*="theme_"] app-vault-groupings .card .card-body a,
+html[class*="theme_"] app-org-vault-groupings .card .card-body a,
+html[class*="theme_"] .groupings .card .card-body a {
+    color: var(--text);
+}
+
+/* MODALS */
+html[class*="theme_"] .modal-header {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+html[class*="theme_"] .modal-body {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+html[class*="theme_"] .modal-footer {
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+html[class*="theme_"] .close {
+    color: var(--text);
+}
+
+.close,
+.close:hover {
+    color: var(--text-hover);
+}
+
+.close:focus {
+    outline: none;
+}
+
+.swal2-popup {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+    border: transparent;
+}
+
+.swal2-popup .swal2-title {
+    color: var(--text);
+}
+
+.swal2-popup .swal2-content {
+    color: var(--text);
+}
+
+.swal2-popup .swal2-actions {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.btn-primary,
+.swal2-popup .swal2-actions button.swal2-confirm {
+    color: var(--text-hover);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-primary:hover,
+.swal2-popup .swal2-actions button.swal2-confirm:hover {
+    color: var(--text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+/* FORMS */
+html[class*="theme_"] label.form-check-label,
+html[class*="theme_"] .form-control-file {
+    color: var(--text);
+}
+
+html[class*="theme_"] .form-control:focus {
+    box-shadow: none;
+    border-color: transparent;
+    background: rgb(253 253 253 / 15%);
+}
+
+html[class*="theme_"] .form-control {
+    color: var(--text);
+    background-color: rgb(0 0 0 / 0.25);
+    border: 1px solid transparent;
+
+}
+
+html[class*="theme_"] .form-control:disabled,
+.form-control[readonly] {
+    background-color: rgb(255 255 255 / 25%);
+    opacity: 1;
+}
+
+select:focus {
+    background: #1f1f1f !important;
+}
+
+/* DROPDOWN MENU */
+/* html[class*="theme_"] .dropdown-menu {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border: 1px solid transparent;
+    box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
+} */
+
+html[class*="theme_"] .navbar .dropdown-menu .dropdown-item-text {
+    color: var(--text);
+}
+
+html[class*="theme_"] .dropdown-menu,
+html[class*="theme_"] .dropdown-item {
+    background: #1f1f1f;
+    color: var(--text-hover);
+}
+
+html[class*="theme_"] .dropdown-item,
+html[class*="theme_"] .dropdown-item-text {
+    color: var(--text);
+}
+
+html[class*="theme_"] .dropdown-item:hover,
+html[class*="theme_"] .dropdown-item:focus {
+    color: var(--text-hover);
+    text-decoration: none;
+    background-color: rgb(255 255 255 / 0.08);
+}
+
+a.text-danger:hover,
+a.text-danger:focus {
+    color: #dd4b39 !important;
+    background-color: rgb(255 255 255 / 0.08) !important;
+}
+
+.dropdown-menu .text-danger {
+    font-weight: bold !important;
+    background: rgb(0 0 0 / 20%) !important;
+}
+
+html[class*="theme_"] app-vault-groupings .card #search,
+html[class*="theme_"] app-org-vault-groupings .card #search,
+html[class*="theme_"] .groupings .card #search {
+    background-color: transparent;
+    border-color: rgb(var(--accent-color));
+    color: var(--text-hover);
+}
+
+/* SETTINGS */
+
+html[class*="theme_"] .page-header,
+html[class*="theme_"] .secondary-header {
+    border-bottom: 1px solid rgb(255 255 255 / 30%);
+}
+
+html[class*="theme_"] .page-header,
+html[class*="theme_"] .secondary-header {
+    border-bottom: 1px solid rgb(255 255 255 / 30%);
+}
+
+html[class*="theme_"] .footer {
+    border-bottom: 1px solid rgb(255 255 255 / 30%);
+}
+
+html[class*="theme_"] .list-group-item.active {
+    border-color: rgba(255, 255, 255, 0.15);
+    color: rgb(var(--accent-color));
+    background-color: rgb(255 255 255 / 10%);
+    border-left: 3px solid rgb(var(--accent-color));
+}
+
+html[class*="theme_"] .callout {
+    background-color: rgb(255 255 255 / 15%);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    color: var(--text);
+}
+
+html[class*="theme_"] .list-group-item {
+    background-color: rgb(0 0 0 / 35%);
+    border: 1px solid rgb(255 255 255 / 8%);
+    color: var(--text);
+}
+
+html[class*="theme_"] .progress {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+/* BUTTONS */
+.btn-link {
+    color: var(--button-color);
+    color: var(--button-text);
+}
+
+.btn-link:hover {
+    color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    transition: 0.15s;
+}
+
+.btn-primary {
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+    color: var(--button-text);
+}
+
+.btn-primary:hover,
+.btn-primary:not(:disabled):not(.disabled):active {
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    transition: 0.15s;
+}
+
+.btn-primary:focus,
+.swal2-popup .swal2-actions button.swal2-confirm:focus,
+.btn-primary.focus,
+.swal2-popup .swal2-actions button.focus.swal2-confirm,
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.swal2-popup .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled):active:focus,
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.swal2-popup .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled).active:focus,
+.show>.btn-primary.dropdown-toggle:focus,
+.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-confirm:focus {
+    box-shadow: none;
+}
+
+.btn[class*="btn-outline-"]:not(:hover),
+.swal2-popup .swal2-actions button[class*="btn-outline-"]:not(:hover),
+.swal2-popup .swal2-actions button.swal2-cancel,
+html[class*="theme_"] .btn-primary,
+html[class*="theme_"] .swal2-confirm {
+    border-color: var(--button-color) !important;
+    background-color: var(--button-color) !important;
+    color: var(--button-text) !important;
+}
+
+.btn-outline-secondary:hover,
+.swal2-popup .swal2-actions button.swal2-cancel:hover,
+html[class*="theme_"] .btn-primary,
+html[class*="theme_"] .swal2-confirm {
+    color: var(--button-text-hover) !important;
+    background-color: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
+}
+
+.btn-outline-secondary:hover:not(:disabled),
+.swal2-popup .swal2-actions button.swal2-cancel:hover:not(:disabled) {
+    color: var(--button-text-hover);
+}
+
+.btn-outline-primary:hover {
+    color: var(--button-text-hover) !important;
+    background-color: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled):active,
+.btn-outline-primary:not(:disabled):not(.disabled).active,
+.show>.btn-outline-primary.dropdown-toggle {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
+.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+.show>.btn-outline-primary.dropdown-toggle:focus,
+.btn-outline-secondary:focus,
+.swal2-popup .swal2-actions button.swal2-cancel:focus,
+.btn-outline-secondary.focus,
+.swal2-popup .swal2-actions button.focus.swal2-cancel,
+.btn-outline-primary:focus,
+.btn-outline-primary.focus,
+.btn-check:focus+.btn,
+.btn:focus {
+    box-shadow: 0 0 0 0.2rem rgb(var(--accent-color), .5);
+}
+
+.btn-outline-secondary:not(:disabled):not(.disabled):active,
+.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled):active,
+.btn-outline-secondary:not(:disabled):not(.disabled).active,
+.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active,
+.show>.btn-outline-secondary.dropdown-toggle,
+.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel,
+html[class*="theme_"] .btn-outline-secondary:hover:not(:disabled),
+html[class*="theme_"] .btn-outline-secondary:active {
+    color: var(--button-text-hover) !important;
+    background-color: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
+}
+
+
+.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
+.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled):active:focus,
+.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active:focus,
+.show>.btn-outline-secondary.dropdown-toggle:focus,
+.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel:focus {
+    box-shadow: none;
+}
+
+.btn-primary.disabled,
+.swal2-popup .swal2-actions button.disabled.swal2-confirm,
+.btn-primary:disabled,
+.swal2-popup .swal2-actions button.swal2-confirm:disabled {
+    color: var(--button-text-hover);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+    opacity: .8;
+}
+
+html[class*="theme_"] .badge-info {
+    background-color: var(--button-color);
+    color: var(--label-text-color);
+}
+
+/* Org */
+
+html[class*="theme_"] .org-nav .nav-tabs a.active {
+    border-top: 3px solid rgb(var(--accent-color));
+    color: rgb(var(--accent-color));
+}
+
+html[class*="theme_"] .nav-tabs .nav-link.active {
+    background: rgba(0, 0, 0, 0.25);
+    border-color: rgba(255, 255, 255, 0.15);
+}
+
+html[class*="theme_"] .org-nav {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+html[class*="theme_"] .org-nav .nav-tabs a,
+html[class*="theme_"] .org-nav .org-name span,
+html[class*="theme_"] .org-nav .nav-tabs a:not(.active) {
+    color: var(--text);
+}
+
+.org-nav .nav-tabs a.active {
+    border-top: 3px solid rgb(var(--accent-color));
+}
+
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+    color: var(--text);
+    background-color: rgb(255 255 255 / 25%);
+    border-color: transparent;
+}
+
+app-vault-groupings .card .card-body a:hover.text-muted {
+    color: var(--text-hover) !important;
+    opacity: 1 !important;
+}
+
+app-vault-groupings .card li.active>a:first-of-type,
+app-vault-groupings .card li.active>div a:first-of-type,
+app-org-vault-groupings .card li.active>a:first-of-type,
+app-org-vault-groupings .card li.active>div a:first-of-type {
+    font-weight: bold;
+    color: rgb(var(--accent-color));
+}
+
+/* Font Awesome */
+
+html[class*="theme_"] .table td [class*="fa-"] {
+    color: rgb(var(--accent-color));
+}
+
+/* PLACEHOLDER TEXT */
+input::-webkit-input-placeholder {
+    color: var(--text);
+}
+
+input:focus::-webkit-input-placeholder {
+    color: #000;
+}
+
+/* Firefox < 19 */
+input:-moz-placeholder {
+    color: var(--text);
+}
+
+input:focus:-moz-placeholder {
+    color: #000;
+}
+
+/* Firefox > 19 */
+input::-moz-placeholder {
+    color: var(--text);
+}
+
+input:focus::-moz-placeholder {
+    color: #000;
+}
+
+/* Internet Explorer 10 */
+input:-ms-input-placeholder {
+    color: var(--text);
+}
+
+input:focus:-ms-input-placeholder {
+    color: #000;
+}
+
+/* ADMIN PAGE */
+
+.bg-light {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.bg-light .navbar {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/* Cards */
+.bg-secondary {
+    background-color: rgb(255 255 255 / 10%) !important;
+}
+
+.bg-white {
+    background-color: rgba(255, 255, 255, 0.1) !important;
+}
+
+html[class*="theme_"] .groupings .card .card-body a {
+    color: var(--text);
+}
+
+/* Pagination */
+
+.page-item.active .page-link {
+    z-index: 3;
+    color: var(--text-hover);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.page-item.disabled .page-link {
+    color: var(--text);
+    pointer-events: none;
+    cursor: auto;
+    background-color: rgb(0 0 0 / 10%);
+    border-color: rgb(0 0 0 / 10%);
+}
+
+.text-muted,
+.card-header small,
+.modal-header small {
+    color: var(--text-muted) !important;
+}
+
+/* Table */
+.table-striped>tbody>tr:nth-of-type(odd)>* {
+    --bs-table-accent-bg: var(--bs-table-striped-bg);
+    color: var(--text-hover);
+}
+
+html[class*="theme_"] .table td {
+    color: var(--text);
+}
+
+html[class*="theme_"] .table.table-list.table td:not(tr:first-child td),
+html[class*="theme_"] .table.table-list .table th:not(tr:first-child td),
+html[class*="theme_"] hr,
+html[class*="theme_"] .dropdown-divider,
+html[class*="theme_"] .footer {
+    border-top: 1px solid rgb(255 255 255 / 30%);
+}
\ No newline at end of file
diff --git a/css/base/bitwarden/blackberry-abyss.css b/css/base/bitwarden/blackberry-abyss.css
new file mode 100644
index 00000000..66c91e61
--- /dev/null
+++ b/css/base/bitwarden/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/bitwarden/blackberry-amethyst.css b/css/base/bitwarden/blackberry-amethyst.css
new file mode 100644
index 00000000..b179e008
--- /dev/null
+++ b/css/base/bitwarden/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/bitwarden/blackberry-carol.css b/css/base/bitwarden/blackberry-carol.css
new file mode 100644
index 00000000..1f4d3e17
--- /dev/null
+++ b/css/base/bitwarden/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/bitwarden/blackberry-dreamscape.css b/css/base/bitwarden/blackberry-dreamscape.css
new file mode 100644
index 00000000..8457bd7f
--- /dev/null
+++ b/css/base/bitwarden/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/bitwarden/blackberry-flamingo.css b/css/base/bitwarden/blackberry-flamingo.css
new file mode 100644
index 00000000..0c90dcb9
--- /dev/null
+++ b/css/base/bitwarden/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/bitwarden/blackberry-hearth.css b/css/base/bitwarden/blackberry-hearth.css
new file mode 100644
index 00000000..1f50aef3
--- /dev/null
+++ b/css/base/bitwarden/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/bitwarden/blackberry-martian.css b/css/base/bitwarden/blackberry-martian.css
new file mode 100644
index 00000000..9c1a6cd3
--- /dev/null
+++ b/css/base/bitwarden/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/bitwarden/blackberry-pumpkin.css b/css/base/bitwarden/blackberry-pumpkin.css
new file mode 100644
index 00000000..b1333e6e
--- /dev/null
+++ b/css/base/bitwarden/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/bitwarden/blackberry-royal.css b/css/base/bitwarden/blackberry-royal.css
new file mode 100644
index 00000000..ed942d50
--- /dev/null
+++ b/css/base/bitwarden/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/bitwarden/blackberry-shadow.css b/css/base/bitwarden/blackberry-shadow.css
new file mode 100644
index 00000000..396e27d3
--- /dev/null
+++ b/css/base/bitwarden/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/bitwarden/blackberry-solar.css b/css/base/bitwarden/blackberry-solar.css
new file mode 100644
index 00000000..036a6213
--- /dev/null
+++ b/css/base/bitwarden/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/bitwarden/blackberry-vanta.css b/css/base/bitwarden/blackberry-vanta.css
new file mode 100644
index 00000000..c551256f
--- /dev/null
+++ b/css/base/bitwarden/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/bitwarden/dark.css b/css/base/bitwarden/dark.css
new file mode 100644
index 00000000..f4d850f7
--- /dev/null
+++ b/css/base/bitwarden/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/bitwarden/dracula.css b/css/base/bitwarden/dracula.css
new file mode 100644
index 00000000..f3fcd0d3
--- /dev/null
+++ b/css/base/bitwarden/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/bitwarden/hotline-old.css b/css/base/bitwarden/hotline-old.css
new file mode 100644
index 00000000..9db9a2f8
--- /dev/null
+++ b/css/base/bitwarden/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/bitwarden/hotline.css b/css/base/bitwarden/hotline.css
new file mode 100644
index 00000000..ffdd5778
--- /dev/null
+++ b/css/base/bitwarden/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/bitwarden/hotpink.css b/css/base/bitwarden/hotpink.css
new file mode 100644
index 00000000..0316714e
--- /dev/null
+++ b/css/base/bitwarden/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/bitwarden/mind.css b/css/base/bitwarden/mind.css
new file mode 100644
index 00000000..a5b286e6
--- /dev/null
+++ b/css/base/bitwarden/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/bitwarden/nord.css b/css/base/bitwarden/nord.css
new file mode 100644
index 00000000..89097463
--- /dev/null
+++ b/css/base/bitwarden/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/bitwarden/onedark.css b/css/base/bitwarden/onedark.css
new file mode 100644
index 00000000..0db0b193
--- /dev/null
+++ b/css/base/bitwarden/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/bitwarden/organizr.css b/css/base/bitwarden/organizr.css
new file mode 100644
index 00000000..272d315c
--- /dev/null
+++ b/css/base/bitwarden/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/bitwarden/overseerr.css b/css/base/bitwarden/overseerr.css
new file mode 100644
index 00000000..a9aba190
--- /dev/null
+++ b/css/base/bitwarden/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/bitwarden/pine-shadow.css b/css/base/bitwarden/pine-shadow.css
new file mode 100644
index 00000000..8c9d640b
--- /dev/null
+++ b/css/base/bitwarden/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/bitwarden/plex.css b/css/base/bitwarden/plex.css
new file mode 100644
index 00000000..c6ca5e6e
--- /dev/null
+++ b/css/base/bitwarden/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/bitwarden/power.css b/css/base/bitwarden/power.css
new file mode 100644
index 00000000..b170b8c4
--- /dev/null
+++ b/css/base/bitwarden/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/bitwarden/reality.css b/css/base/bitwarden/reality.css
new file mode 100644
index 00000000..5c813cf1
--- /dev/null
+++ b/css/base/bitwarden/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/bitwarden/soul.css b/css/base/bitwarden/soul.css
new file mode 100644
index 00000000..88263158
--- /dev/null
+++ b/css/base/bitwarden/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/bitwarden/space-gray.css b/css/base/bitwarden/space-gray.css
new file mode 100644
index 00000000..4e2f0910
--- /dev/null
+++ b/css/base/bitwarden/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/bitwarden/space.css b/css/base/bitwarden/space.css
new file mode 100644
index 00000000..ab9041eb
--- /dev/null
+++ b/css/base/bitwarden/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/bitwarden/time.css b/css/base/bitwarden/time.css
new file mode 100644
index 00000000..1cc7591b
--- /dev/null
+++ b/css/base/bitwarden/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/bitwarden/trueblack.css b/css/base/bitwarden/trueblack.css
new file mode 100644
index 00000000..ccfa8714
--- /dev/null
+++ b/css/base/bitwarden/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/calibreweb/aquamarine.css b/css/base/calibreweb/aquamarine.css
new file mode 100644
index 00000000..1c241c99
--- /dev/null
+++ b/css/base/calibreweb/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/calibreweb/blackberry-abyss.css b/css/base/calibreweb/blackberry-abyss.css
new file mode 100644
index 00000000..318cd6f0
--- /dev/null
+++ b/css/base/calibreweb/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/calibreweb/blackberry-amethyst.css b/css/base/calibreweb/blackberry-amethyst.css
new file mode 100644
index 00000000..146ddfc3
--- /dev/null
+++ b/css/base/calibreweb/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/calibreweb/blackberry-carol.css b/css/base/calibreweb/blackberry-carol.css
new file mode 100644
index 00000000..0d6561a6
--- /dev/null
+++ b/css/base/calibreweb/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/calibreweb/blackberry-dreamscape.css b/css/base/calibreweb/blackberry-dreamscape.css
new file mode 100644
index 00000000..5a7c36c4
--- /dev/null
+++ b/css/base/calibreweb/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/calibreweb/blackberry-flamingo.css b/css/base/calibreweb/blackberry-flamingo.css
new file mode 100644
index 00000000..06c2300c
--- /dev/null
+++ b/css/base/calibreweb/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/calibreweb/blackberry-hearth.css b/css/base/calibreweb/blackberry-hearth.css
new file mode 100644
index 00000000..f20f729e
--- /dev/null
+++ b/css/base/calibreweb/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/calibreweb/blackberry-martian.css b/css/base/calibreweb/blackberry-martian.css
new file mode 100644
index 00000000..379090ba
--- /dev/null
+++ b/css/base/calibreweb/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/calibreweb/blackberry-pumpkin.css b/css/base/calibreweb/blackberry-pumpkin.css
new file mode 100644
index 00000000..3086195a
--- /dev/null
+++ b/css/base/calibreweb/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/calibreweb/blackberry-royal.css b/css/base/calibreweb/blackberry-royal.css
new file mode 100644
index 00000000..39fcd517
--- /dev/null
+++ b/css/base/calibreweb/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/calibreweb/blackberry-shadow.css b/css/base/calibreweb/blackberry-shadow.css
new file mode 100644
index 00000000..367582c4
--- /dev/null
+++ b/css/base/calibreweb/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/calibreweb/blackberry-solar.css b/css/base/calibreweb/blackberry-solar.css
new file mode 100644
index 00000000..57768148
--- /dev/null
+++ b/css/base/calibreweb/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/calibreweb/blackberry-vanta.css b/css/base/calibreweb/blackberry-vanta.css
new file mode 100644
index 00000000..1fc14358
--- /dev/null
+++ b/css/base/calibreweb/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/calibreweb/calibreweb-base.css b/css/base/calibreweb/calibreweb-base.css
new file mode 100644
index 00000000..1a2ed7e8
--- /dev/null
+++ b/css/base/calibreweb/calibreweb-base.css
@@ -0,0 +1,337 @@
+ /*    dP   dP                                                                  dP        */
+ /*    88   88                                                                  88        */
+ /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+ /*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+ /*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+ /*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+ /*                                                  88                                   */
+ /*                                                  dP					 */
+
+ /*		   		        Made by @gilbN					 */
+ /*			      https://github.com/gilbN/theme.park			 */
+
+ /* "Re-skin" of CaliBlur https://github.com/leram84/layer.Cake/tree/master/caliBlur */
+ /* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
+ /* APP VARS*/
+ :root {
+    --color-background: var(--main-bg-color);
+    --color-primary: rgb(var(--accent-color));
+    --color-secondary: var(--button-color);
+    --color-secondary-hover: var(--button-color-hover);
+    --color-background-mobile: var(--main-bg-color);
+  }
+ *,
+ *:focus,
+ *:active,
+ .bootstrap-select .dropdown-toggle:focus,
+ .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
+     outline: none !important;
+ }
+
+ body:not(.read-frame) {
+     background: var(--main-bg-color) !important;
+     background-image: none;
+ }
+
+ .blur-wrapper:after {
+     background: var(--main-bg-color) !important;
+ }
+
+ body>.container-fluid {
+     background: var(--main-bg-color);
+ }
+
+ body.login:not(.read-frame),
+ body.shelfcreate,
+ body.shelfedit {
+     background: var(--main-bg-color) !important;
+ }
+
+ @media only screen and (max-width: 767px) {
+     .navbar-collapse.collapse {
+         background: var(--modal-bg-color) !important;
+     }
+ }
+
+ /* Book cover border */
+ .container-fluid .book .cover span img {
+     border: 1px solid transparent;
+ }
+
+ /* Buttons */
+ .btn-default a,
+ .btn-default a:hover {
+     color: var(--text);
+ }
+
+ /* TP */
+
+ /* TEXT */
+
+ .h1,
+ .h2,
+ .h3,
+ .h4,
+ .h5,
+ .h6,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ body.admin>div.container-fluid>div>div.col-sm-10>div.container-fluid>div.row:first-of-type>div.col>h2:before,
+ body.admin>div.container-fluid>div>div.col-sm-10>div.discover>h2:first-of-type:before,
+ body.edituser.admin>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover>h1:before,
+ body.newuser.admin>div.container-fluid>div.row-fluid>div.col-sm-10>div.discover>h1:before,
+ .container-fluid .book .meta .author,
+ .container-fluid .book .meta .author>a:hover,
+ .well>h2,
+ body:not(.admin)>div.container-fluid>div>div.col-sm-10>div.discover:only-of-type>h2 {
+     color: var(--text-hover) !important;
+ }
+
+
+ body,
+ html,
+ p {
+     color: var(--text) !important;
+ }
+
+ .home-btn>a,
+ .plexBack>a,
+ .container-fluid .book .meta .author,
+ .container-fluid .book .meta .author>a {
+     color: var(--text);
+ }
+
+ .home-btn>a:hover,
+ body>div.navbar.navbar-default.navbar-static-top>div>div.home-btn>a:hover:before,
+ .plexBack:not(.noBack):hover>a,
+ .form-group>label,
+ label,
+ body.authorlist>div.container-fluid>div>div.col-sm-10>div.container:before,
+ body.catlist>div.container-fluid>div>div.col-sm-10>div.container:before,
+ body.langlist>div.container-fluid>div>div.col-sm-10>div.container:before,
+ body.me>div.container-fluid>div>div.col-sm-10>div.discover:before,
+ body.serieslist>div.container-fluid>div>div.col-sm-10>div.container:before {
+     color: var(--text-hover)
+ }
+
+ /* LINKS */
+ a,
+ body.admin,
+ body.admin td>a {
+     color: var(--link-color);
+ }
+
+ a:hover,
+ body.admin td>a:hover {
+     color: var(--link-color-hover);
+ }
+
+ .navigation .create-shelf a,
+ .meta>a>p {
+     color: var(--link-color) !important;
+ }
+
+ .navigation .create-shelf a:hover,
+ .author>a:hover,
+ .meta>a>p:hover {
+     color: var(--link-color-hover) !important;
+ }
+
+ /* tables */
+
+ th,
+ body.tasks>div.container-fluid>div>div.col-sm-10>div.discover>div.bootstrap-table>div.fixed-table-container>div.fixed-table-body>#table>thead>tr>th>.th-inner {
+     color: var(--text-hover) !important;
+ }
+
+
+ /* MODAL */
+ .modal-content {
+     background: var(--modal-bg-color);
+ }
+
+ #GeneralDeleteModal .bg-danger {
+     background: var(--modal-bg-color);
+ }
+
+ /* ICONS */
+ .glyphicon,
+ #add-to-shelf>span,
+ #btnGroupDrop1>span,
+ #readbtn>span,
+ #sendbtn>span,
+ .book-meta .btn-toolbar>.btn-group>.btn-group:nth-child(1)>a:first-of-type>span,
+ .book-meta .btn-toolbar>.btn-group>.btn-warning>span,
+ .btn-toolbar>.btn-group>#btnGroupDrop2>span,
+ .btn-toolbar>.btn-group>.btn-group>#btnGroupDrop2>span,
+ div[aria-label="Edit/Delete book"]>.btn>span {
+     color: var(--text);
+
+ }
+
+ #add-to-shelf:hover span,
+ #btnGroupDrop1:hover>span,
+ #readbtn:hover>span,
+ #sendbtn:hover>span,
+ .book-meta .btn-toolbar>.btn-group>.btn-group:nth-child(1)>a:first-of-type:hover>span,
+ .book-meta .btn-toolbar>.btn-group>.btn-warning:hover>span,
+ .btn-toolbar>.btn-group>#btnGroupDrop2:hover>span,
+ .btn-toolbar>.btn-group>.btn-group>#btnGroupDrop2:hover>span,
+ div[aria-label="Edit/Delete book"]>.btn>span:hover,
+ #btnGroupDrop1[aria-expanded=true]>span,
+ #shelf-actions>.btn-group.open>#add-to-shelf>span {
+     color: var(--text-hover);
+ }
+
+
+ /* DROPDOWN MENU */
+ .dropdown-menu {
+     background: var(--drop-down-menu-bg) !important;
+ }
+
+ .dropdown-menu>li>a {
+     color: var(--text);
+ }
+
+ .dropdown-menu>li>a:focus,
+ .dropdown-menu>li>a:hover {
+     color: var(--text-hover);
+     background: hsla(0, 0%, 100%, .08);
+ }
+
+ /* SIDEMENU */
+ .navigation li a:hover .glyphicon,
+ .navigation li a:hover {
+     color: rgb(var(--accent-color));
+ }
+
+ .navigation li a {
+     color: var(--text);
+ }
+
+ .navigation .nav-head {
+     color: var(--text-hover);
+ }
+
+ body>div.navbar.navbar-default.navbar-static-top>div>div.navbar-header>a:hover {
+     color: var(--accent-color-hover) !important;
+     -webkit-transition: color .2s;
+     -o-transition: color .2s;
+     transition: color .2s;
+     background-color: rgba(0, 0, 0, .55) !important;
+ }
+
+ /* NAVBAR */
+ .navbar-default .navbar-nav>li>a:focus .glyphicon,
+ .navbar-default .navbar-nav>li>a:hover .glyphicon {
+     color: var(--text-hover) !important;
+ }
+
+ /* BUTTONS */
+
+
+ .btn-primary,
+ .btn-primary>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf>span::before) {
+     color: var(--button-text);
+     background-color: var(--button-color);
+     border-color: var(--button-color);
+ }
+
+ .btn-primary:hover:not(#add-to-shelf),
+ .btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not(#add-to-shelf) {
+     border-color: var(--button-color-hover);
+ }
+
+ .btn-primary.active,
+ .btn-primary:active,
+ .btn-primary:focus,
+ .btn-primary:hover,
+ .open .dropdown-toggle.btn-primary,
+ .btn-primary:focus>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span),
+ .btn-primary:active>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span),
+ .btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#add-to-shelf span) {
+     background-color: var(--button-color-hover);
+ }
+
+ .btn-primary.active.focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary.active:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary.active:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary:active.focus:not(#edit_book):not(#add-to-shelf:not([data-original-title="Download :"])):not(#btnGroupDrop1),
+ .btn-primary:active:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary:active:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .open>.dropdown-toggle.btn-primary.focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .open>.dropdown-toggle.btn-primary:focus:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .open>.dropdown-toggle.btn-primary:hover:not(#edit_book):not(#add-to-shelf):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary:active>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1),
+ .btn-primary:focus>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1) {
+     color: var(--button-text-hover);
+     background-color: var(--button-color-hover);
+     border-color: var(--button-color-hover);
+ }
+
+ .book-meta>.bookinfo .btn-info,
+ .book-meta>.bookinfo .btn-success {
+     background-color: rgb(var(--accent-color));
+     color: var(--label-text-color);
+     font-size: 13px;
+     display: inline-block;
+     border-radius: 4px;
+     vertical-align: middle;
+     font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif;
+     -webkit-transition: background-color .2s, color .2s;
+     -o-transition: background-color .2s, color .2s;
+     transition: background-color .2s, color .2s;
+     text-transform: uppercase;
+ }
+
+ .book-meta>.bookinfo .btn-info:hover,
+ .book-meta>.bookinfo .btn-success:hover {
+     color: var(--label-text-color);
+     text-decoration: none;
+     background: var(--accent-color-hover);
+ }
+
+ [data-target="#fileModal"] span {
+     color: var(--button-text);
+ }
+
+ [data-target="#fileModal"]:hover span {
+     color: var(--button-text-hover);
+ }
+
+ /* ALERT */
+
+ .alert {
+     background: var(--modal-bg-color);
+     color: var(--text-hover);
+ }
+
+ /* SERIES PAGE */
+ /* from caliBlur_overide.css */
+ .cover .badge {
+     color: var(--label-text-color);
+     background-color: rgb(var(--accent-color));
+     position: absolute;
+     top: 0;
+     left: 0;
+     border-radius: 0;
+     padding: 0 8px;
+     box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
+     line-height: 24px;
+ }
+ .cover {
+    box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
+  }
+  
+  .cover .read {
+    padding: 0 0;
+    line-height: 15px;
+  }
+  body.serieslist.grid-view div.container-fluid > div > div.col-sm-10::before {
+    display: none;
+  }
\ No newline at end of file
diff --git a/css/base/calibreweb/dark.css b/css/base/calibreweb/dark.css
new file mode 100644
index 00000000..8862391f
--- /dev/null
+++ b/css/base/calibreweb/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/calibreweb/dracula.css b/css/base/calibreweb/dracula.css
new file mode 100644
index 00000000..b94fb37e
--- /dev/null
+++ b/css/base/calibreweb/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/calibreweb/hotline-old.css b/css/base/calibreweb/hotline-old.css
new file mode 100644
index 00000000..d69f7c32
--- /dev/null
+++ b/css/base/calibreweb/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/calibreweb/hotline.css b/css/base/calibreweb/hotline.css
new file mode 100644
index 00000000..160efc76
--- /dev/null
+++ b/css/base/calibreweb/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/calibreweb/hotpink.css b/css/base/calibreweb/hotpink.css
new file mode 100644
index 00000000..ec6e2049
--- /dev/null
+++ b/css/base/calibreweb/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/calibreweb/mind.css b/css/base/calibreweb/mind.css
new file mode 100644
index 00000000..9afdd809
--- /dev/null
+++ b/css/base/calibreweb/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/calibreweb/nord.css b/css/base/calibreweb/nord.css
new file mode 100644
index 00000000..bb92b03f
--- /dev/null
+++ b/css/base/calibreweb/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/calibreweb/onedark.css b/css/base/calibreweb/onedark.css
new file mode 100644
index 00000000..3e2da29f
--- /dev/null
+++ b/css/base/calibreweb/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/calibreweb/organizr.css b/css/base/calibreweb/organizr.css
new file mode 100644
index 00000000..98266b14
--- /dev/null
+++ b/css/base/calibreweb/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/calibreweb/overseerr.css b/css/base/calibreweb/overseerr.css
new file mode 100644
index 00000000..cb03214e
--- /dev/null
+++ b/css/base/calibreweb/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/calibreweb/pine-shadow.css b/css/base/calibreweb/pine-shadow.css
new file mode 100644
index 00000000..142de222
--- /dev/null
+++ b/css/base/calibreweb/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/calibreweb/plex.css b/css/base/calibreweb/plex.css
new file mode 100644
index 00000000..b5261174
--- /dev/null
+++ b/css/base/calibreweb/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/calibreweb/power.css b/css/base/calibreweb/power.css
new file mode 100644
index 00000000..bfac0958
--- /dev/null
+++ b/css/base/calibreweb/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/calibreweb/reality.css b/css/base/calibreweb/reality.css
new file mode 100644
index 00000000..d55f5185
--- /dev/null
+++ b/css/base/calibreweb/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/calibreweb/soul.css b/css/base/calibreweb/soul.css
new file mode 100644
index 00000000..7a87fa7f
--- /dev/null
+++ b/css/base/calibreweb/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/calibreweb/space-gray.css b/css/base/calibreweb/space-gray.css
new file mode 100644
index 00000000..db55d082
--- /dev/null
+++ b/css/base/calibreweb/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/calibreweb/space.css b/css/base/calibreweb/space.css
new file mode 100644
index 00000000..4a1e3b24
--- /dev/null
+++ b/css/base/calibreweb/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/calibreweb/time.css b/css/base/calibreweb/time.css
new file mode 100644
index 00000000..3ab69088
--- /dev/null
+++ b/css/base/calibreweb/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/calibreweb/trueblack.css b/css/base/calibreweb/trueblack.css
new file mode 100644
index 00000000..98a80bce
--- /dev/null
+++ b/css/base/calibreweb/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/deluge/aquamarine.css b/css/base/deluge/aquamarine.css
new file mode 100644
index 00000000..8f544f9e
--- /dev/null
+++ b/css/base/deluge/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/deluge/blackberry-abyss.css b/css/base/deluge/blackberry-abyss.css
new file mode 100644
index 00000000..015c049f
--- /dev/null
+++ b/css/base/deluge/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/deluge/blackberry-amethyst.css b/css/base/deluge/blackberry-amethyst.css
new file mode 100644
index 00000000..827f5b08
--- /dev/null
+++ b/css/base/deluge/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/deluge/blackberry-carol.css b/css/base/deluge/blackberry-carol.css
new file mode 100644
index 00000000..42786b5a
--- /dev/null
+++ b/css/base/deluge/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/deluge/blackberry-dreamscape.css b/css/base/deluge/blackberry-dreamscape.css
new file mode 100644
index 00000000..d979ae99
--- /dev/null
+++ b/css/base/deluge/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/deluge/blackberry-flamingo.css b/css/base/deluge/blackberry-flamingo.css
new file mode 100644
index 00000000..1e42bb9f
--- /dev/null
+++ b/css/base/deluge/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/deluge/blackberry-hearth.css b/css/base/deluge/blackberry-hearth.css
new file mode 100644
index 00000000..d9f57871
--- /dev/null
+++ b/css/base/deluge/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/deluge/blackberry-martian.css b/css/base/deluge/blackberry-martian.css
new file mode 100644
index 00000000..e295c587
--- /dev/null
+++ b/css/base/deluge/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/deluge/blackberry-pumpkin.css b/css/base/deluge/blackberry-pumpkin.css
new file mode 100644
index 00000000..645f4a40
--- /dev/null
+++ b/css/base/deluge/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/deluge/blackberry-royal.css b/css/base/deluge/blackberry-royal.css
new file mode 100644
index 00000000..5c33c152
--- /dev/null
+++ b/css/base/deluge/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/deluge/blackberry-shadow.css b/css/base/deluge/blackberry-shadow.css
new file mode 100644
index 00000000..16a57981
--- /dev/null
+++ b/css/base/deluge/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/deluge/blackberry-solar.css b/css/base/deluge/blackberry-solar.css
new file mode 100644
index 00000000..098d4f88
--- /dev/null
+++ b/css/base/deluge/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/deluge/blackberry-vanta.css b/css/base/deluge/blackberry-vanta.css
new file mode 100644
index 00000000..bb8d629e
--- /dev/null
+++ b/css/base/deluge/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/deluge/dark.css b/css/base/deluge/dark.css
new file mode 100644
index 00000000..b89e44e6
--- /dev/null
+++ b/css/base/deluge/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/deluge/deluge-base.css b/css/base/deluge/deluge-base.css
new file mode 100644
index 00000000..ffdb27a9
--- /dev/null
+++ b/css/base/deluge/deluge-base.css
@@ -0,0 +1,2453 @@
+ /*    dP   dP                                                                  dP        */
+ /*    88   88                                                                  88        */
+ /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+ /*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+ /*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+ /*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+ /*                                                  88                                   */
+ /*                                                  dP					 */
+
+ /*		   		        Made by @gilbN					 */
+ /*			      https://github.com/gilbN/theme.park			 */
+
+ /* Based on https://github.com/HalianElf/Deluge-Dark/blob/master/deluge.css */
+
+ @import url('https://fonts.googleapis.com/css?family=Roboto');
+
+ html {
+     background: var(--main-bg-color);
+     background-repeat: repeat, no-repeat;
+     background-attachment: fixed, fixed;
+     background-position: center center, center center;
+     background-size: auto, cover;
+     -webkit-background-size: auto, cover;
+     -moz-background-size: auto, cover;
+     -o-background-size: auto, cover;
+     color: var(--text);
+     font-family: 'Roboto', sans-serif !important;
+ }
+
+ input {
+     color: var(--text-hover) !important;
+ }
+
+ /* scroller */
+ ::-webkit-scrollbar-corner {
+     background-color: hsla(0, 0%, 100%, .08);
+ }
+
+ ::-webkit-scrollbar {
+     width: 10px;
+     height: 10px;
+     background: rgba(0, 0, 0, .25);
+
+ }
+
+ ::-webkit-scrollbar-thumb {
+     -webkit-border-radius: 2px;
+     border-radius: 2px;
+     background-color: hsla(0, 0%, 100%, .08);
+ }
+
+ .x-grid3-header table,
+ .x-grid3-body table {
+     border-collapse: collapse;
+ }
+
+ .ext-el-mask {
+     background-color: rgba(0, 0, 0, 0.25);
+ }
+
+ .ext-el-mask-msg {
+     border-color: #999;
+     background-color: #f000;
+     //background-image: url(../images/gray/panel/white-top-bottom.gif);
+     background-position: 0 -1px;
+ }
+
+ .ext-el-mask-msg div {
+     background-color: #eee;
+     border-color: #d0d0d0;
+     color: #222;
+     font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif;
+ }
+
+ .x-mask-loading div {
+     background-color: #fbfbfb;
+     //background-image: url(../images/default/grid/loading.gif);
+ }
+
+ .x-item-disabled {
+     color: var(--text-muted)
+ }
+
+ .x-item-disabled * {
+     color: var(--text-muted) !important;
+ }
+
+ .x-splitbar-proxy {
+     background-color: var(--text)
+ }
+
+ .x-color-palette a {
+     border-color: var(--text-hover)
+ }
+
+ .x-color-palette a:hover,
+ .x-color-palette a.x-color-palette-sel {
+     border-color: var(--text);
+     background-color: #eaeaea;
+ }
+
+ .x-deluge-plugins {
+     background: transparent;
+ }
+
+ .x-deluge-all {
+     background-image: url(/resources/deluge/all.png);
+     background-position: left center;
+ }
+
+ .x-deluge-downloading,
+ .x-btn .x-deluge-downloading,
+ .x-deluge-peer {
+     background-image: url(/resources/deluge/dling.png);
+     background-position: left center;
+ }
+
+ .x-deluge-seeding,
+ .x-btn .x-deluge-seeding,
+ .deluge-torrents .seeding,
+ .x-deluge-seed {
+     background-image: url(/resources/deluge/uling.png);
+     background-position: left center;
+ }
+
+ .x-deluge-active,
+ .x-deluge-traffic,
+ .x-btn .x-deluge-traffic {
+     background-image: url(/resources/deluge/active.png);
+     background-position: left center;
+ }
+
+ .x-deluge-paused,
+ .x-btn .x-deluge-paused,
+ .deluge-torrents .paused {
+     background-image: url(/resources/deluge/paused.png);
+     background-position: left center;
+ }
+
+ .x-deluge-queued,
+ .x-btn .x-deluge-queued,
+ .deluge-torrents .queued {
+     background-image: url(/resources/deluge/queued.png);
+     background-position: left center;
+ }
+
+ .x-deluge-checking,
+ .deluge-torrents .checking {
+     background-image: url(/resources/deluge/checking.png);
+     background-position: left center;
+ }
+
+ .x-deluge-error,
+ .deluge-torrents .error,
+ .icon-error,
+ .x-not-connected {
+     background-image: url(/resources/deluge/error.png) !important;
+     background-position: left center;
+ }
+
+ .icon-ok {
+     background-image: url(/resources/deluge/ok.png) !important;
+     background-position: left center;
+ }
+
+ .x-deluge-connections,
+ .x-btn .x-deluge-connections {
+     background-image: url(/resources/deluge/connections.png) !important;
+     background-position: left center;
+ }
+
+ .x-deluge-freespace,
+ .x-btn .x-deluge-freespace {
+     background-image: url(/resources/deluge/harddrive.png) !important;
+     background-position: left center;
+ }
+
+ .icon-move {
+     background-image: url(/resources/deluge/move.png) !important;
+     background-position: left center;
+ }
+
+ .icon-recheck,
+ .x-deluge-find-more,
+ .x-btn .x-deluge-find-more {
+     background-image: url(/resources/deluge/search.png) !important;
+     background-position: left center;
+ }
+
+ .icon-edit-trackers,
+ .icon-edit,
+ .x-deluge-edit-trackers,
+ .x-btn .x-deluge-edit-trackers {
+     background-image: url(/resources/deluge/edit.png) !important;
+     background-position: left center;
+ }
+
+ .xg-hmenu-sort-asc .x-menu-item-icon {
+     background-image: url(/resources/deluge/ascending.png) !important;
+     background-position: left center;
+ }
+
+ .xg-hmenu-sort-desc .x-menu-item-icon {
+     background-image: url(/resources/deluge/descending.png) !important;
+     background-position: left center;
+ }
+
+ .icon-update-tracker {
+     background-image: url(/resources/deluge/update.png) !important;
+     background-position: left center;
+ }
+
+ .icon-queue,
+ .icon-upload-slots {
+     background-image: url(/resources/deluge/queue.png) !important;
+     background-position: left center;
+ }
+
+ .x-deluge-install-plugin,
+ .x-btn .x-deluge-install-plugin {
+     background-image: url(/resources/deluge/plugin.png) !important;
+     background-position: left center;
+ }
+
+ .x-deluge-connect-window-icon {
+     background-image: url(/resources/deluge/connection_small.png) !important;
+     background-position: left center;
+ }
+
+ .x-deluge-connect-window-icon {
+     background-image: url(/resources/deluge/connection_small.png) !important;
+     background-position: left center;
+ }
+
+ .x-deluge-connect-window-icon {
+     background-image: url(/resources/deluge/connection_small.png) !important;
+     background-position: left center;
+ }
+
+ .icon-top {
+     background-image: url(/resources/deluge/top.png) !important;
+     background-position: left center;
+ }
+
+ .icon-bottom {
+     background-image: url(/resources/deluge/bottom.png) !important;
+     background-position: left center;
+ }
+
+ /*
+  .x-color-palette em:hover, .x-color-palette span:hover{   
+      background-color: #eaeaea;
+  }
+  */
+
+ .x-color-palette em {
+     border-color: #aca899;
+ }
+
+ .x-ie-shadow {
+     background-color: #777;
+ }
+
+ .x-shadow .xsmc {
+     //background-image: url(../images/default/shadow-c.png);
+ }
+
+ .x-shadow .xsml,
+ .x-shadow .xsmr {
+     //background-image: url(../images/default/shadow-lr.png);
+ }
+
+ .x-shadow .xstl,
+ .x-shadow .xstc,
+ .x-shadow .xstr,
+ .x-shadow .xsbl,
+ .x-shadow .xsbc,
+ .x-shadow .xsbr {
+     //background-image: url(../images/default/shadow.png);
+ }
+
+ .loading-indicator {
+     font-size: 11px;
+     //background-image: url(../images/default/grid/loading.gif);
+ }
+
+ .x-spotlight {
+     background-color: var(--text);
+ }
+
+ .x-tab-panel-header,
+ .x-tab-panel-footer {
+     background: var(--main-bg-color);
+     border-color: var(--text);
+     overflow: hidden;
+     zoom: 1;
+     padding-bottom: 0;
+ }
+
+ .x-tab-panel-header,
+ .x-tab-panel-footer {
+     border-color: transparent;
+ }
+
+ ul.x-tab-strip-top {
+     background-color: rgba(0, 0, 0, 0.25);
+     background-image: none;
+     border-bottom-color: transparent;
+ }
+
+ ul.x-tab-strip-bottom {
+     background-color: rgba(0, 0, 0, 0.25);
+     //background-image: url(../images/gray/tabs/tab-strip-btm-bg.gif);
+     border-top-color: transparent;
+ }
+
+ .x-tab-panel-header-plain .x-tab-strip-spacer,
+ .x-tab-panel-footer-plain .x-tab-strip-spacer {
+     border-color: transparent;
+     background-color: transparent;
+ }
+
+ .x-tab-strip span.x-tab-strip-text {
+     font: normal 11px 'Roboto', tahoma, arial, helvetica;
+     color: var(--text);
+ }
+
+ .x-tab-strip-over span.x-tab-strip-text {
+     color: var(--text-hover);
+ }
+
+ .x-tab-strip-active span.x-tab-strip-text {
+     color: var(--text-hover) !important;
+     font-weight: bold;
+ }
+
+ .x-tab-strip-disabled .x-tabs-text {
+     color: var(--text-muted);
+ }
+
+ .x-tab-strip-top .x-tab-right,
+ .x-tab-strip-top .x-tab-left,
+ .x-tab-strip-top .x-tab-strip-inner {
+     background-image: none;
+     background-color: transparent;
+ }
+
+ ul.x-tab-strip li {
+     float: left;
+     margin-left: 2px;
+     background: rgba(0, 0, 0, 0.25);
+ }
+
+ #torrentDetails dl dt,
+ dl.singleline dt {
+     color: var(--text-hover) !important;
+ }
+
+ .x-tab-strip-bottom .x-tab-right {
+     //background-image: url(../images/gray/tabs/tab-btm-inactive-right-bg.gif);
+ }
+
+ .x-tab-strip-bottom .x-tab-left {
+     //background-image: url(../images/gray/tabs/tab-btm-inactive-left-bg.gif);
+ }
+
+ .x-tab-strip-bottom .x-tab-strip-over .x-tab-left {
+     //background-image: url(../images/gray/tabs/tab-btm-over-left-bg.gif);
+ }
+
+ .x-tab-strip-bottom .x-tab-strip-over .x-tab-right {
+     //background-image: url(../images/gray/tabs/tab-btm-over-right-bg.gif);
+ }
+
+ .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
+     //background-image: url(../images/gray/tabs/tab-btm-right-bg.gif);
+ }
+
+ .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
+     //background-image: url(../images/gray/tabs/tab-btm-left-bg.gif);
+ }
+
+ .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
+     //background-image: url(../images/gray/tabs/tab-close.gif);
+ }
+
+ .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
+     //background-image: url(../images/gray/tabs/tab-close.gif);
+ }
+
+ .x-tab-panel-body {
+     border-color: transparent;
+     background-color: transparent;
+ }
+
+ .x-tab-panel-body-top {
+     border-top: 0 none;
+ }
+
+ .x-tab-panel-body-bottom {
+     border-bottom: 0 none;
+ }
+
+ .x-tab-scroller-left {
+     //background-image: url(../images/gray/tabs/scroll-left.gif);
+     border-bottom-color: #d0d0d0;
+ }
+
+ .x-tab-scroller-left-over {
+     background-position: 0 0;
+ }
+
+ .x-tab-scroller-left-disabled {
+     background-position: -18px 0;
+     opacity: .5;
+     -moz-opacity: .5;
+     filter: alpha(opacity=50);
+     cursor: default;
+ }
+
+ .x-tab-scroller-right {
+     //background-image: url(../images/gray/tabs/scroll-right.gif);
+     border-bottom-color: #d0d0d0;
+ }
+
+ .x-tab-panel-bbar .x-toolbar,
+ .x-tab-panel-tbar .x-toolbar {
+     border-color: #d0d0d0;
+ }
+
+ .x-form-field {
+     font: normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif;
+ }
+
+ .x-form-text,
+ textarea.x-form-field {
+     background-color: rgba(255, 255, 255, 0.08);
+     background-image: none;
+     border-color: transparent;
+ }
+
+ .x-form-select-one {
+     background-color: #fff;
+     border-color: #C1C1C1;
+ }
+
+ .x-form-check-group-label {
+     border-bottom: 1px solid #d0d0d0;
+     color: #333;
+ }
+
+ .x-editor .x-form-check-wrap {
+     background-color: #fff;
+ }
+
+ .x-form-field-wrap .x-form-trigger {
+     //background-image: url(../images/gray/form/trigger.gif);
+     border-bottom-color: #b5b8c8;
+ }
+
+ .x-form-field-wrap .x-form-date-trigger {
+     //background-image: url(../images/gray/form/date-trigger.gif);
+ }
+
+ .x-form-field-wrap .x-form-clear-trigger {
+     //background-image: url(../images/gray/form/clear-trigger.gif);
+ }
+
+ .x-form-field-wrap .x-form-search-trigger {
+     //background-image: url(../images/gray/form/search-trigger.gif);
+ }
+
+ .x-trigger-wrap-focus .x-form-trigger {
+     border-bottom-color: #777777;
+ }
+
+ .x-item-disabled .x-form-trigger-over {
+     border-bottom-color: #b5b8c8;
+ }
+
+ .x-item-disabled .x-form-trigger-click {
+     border-bottom-color: #b5b8c8;
+ }
+
+ .x-form-focus,
+ textarea.x-form-focus {
+     border-color: transparent;
+ }
+
+ .x-form-invalid,
+ textarea.x-form-invalid {
+     background-color: #fff;
+     //background-image: url(../images/default/grid/invalid_line.gif);
+     border-color: #c30;
+ }
+
+ .ext-webkit .x-form-invalid {
+     background-color: #fee;
+     border-color: #ff7870;
+ }
+
+ .x-form-inner-invalid,
+ textarea.x-form-inner-invalid {
+     background-color: #fff;
+     //background-image: url(../images/default/grid/invalid_line.gif);
+ }
+
+ .x-form-grow-sizer {
+     font: normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif;
+ }
+
+ .x-form-item {
+     font: normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif;
+ }
+
+ .x-form-invalid-msg {
+     color: #c0272b;
+     font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif;
+     //background-image: url(../images/default/shared/warning.gif);
+ }
+
+ .x-form-empty-field {
+     color: gray;
+ }
+
+ .x-small-editor .x-form-field {
+     font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif;
+ }
+
+ .ext-webkit .x-small-editor .x-form-field {
+     font: normal 12px 'Roboto', arial, tahoma, helvetica, sans-serif;
+ }
+
+ .x-form-invalid-icon {
+     //background-image: url(../images/default/form/exclamation.gif);
+ }
+
+ .x-fieldset {
+     border-color: rgba(255, 255, 255, 0.25);
+ }
+
+ .x-fieldset legend {
+     font: bold 11px 'Roboto', tahoma, arial, helvetica, sans-serif;
+     color: var(--text-hover);
+ }
+
+ .x-window-draggable,
+ .x-window-draggable .x-window-header-text {
+     color: var(--text-hover);
+ }
+
+ .x-panel-tbar .icon-add {
+     background: url(/resources/deluge/add.png) no-repeat 0 0 !important;
+     width: 24px !important;
+     overflow: hidden;
+ }
+
+ .x-panel-tbar .icon-add:hover {
+     background: url(/resources/deluge/add.png) no-repeat 0 -24px !important;
+ }
+
+ .x-panel-tbar .icon-add:active {
+     background: url(/resources/deluge/add.png) no-repeat 1px -23px !important;
+ }
+
+ .x-panel-bbar .icon-add {
+     background: url(/resources/deluge/add_small.png) no-repeat 0 0 !important;
+ }
+
+ .x-panel-tbar .icon-remove {
+     background: url(/resources/deluge/remove.png) no-repeat 0 0 !important;
+     width: 24px !important;
+     overflow: hidden;
+ }
+
+ .x-panel-tbar .icon-remove:hover {
+     background: url(/resources/deluge/remove.png) no-repeat 0 -24px !important;
+ }
+
+ .x-panel-tbar .icon-remove:active {
+     background: url(/resources/deluge/remove.png) no-repeat 1px -23px !important;
+ }
+
+ .x-panel-bbar .icon-remove {
+     background: url(/resources/deluge/remove_small.png) no-repeat 0 0 !important;
+ }
+
+ .x-panel-tbar .icon-pause {
+     background: url(/resources/deluge/pause.png) no-repeat 0 0 !important;
+     width: 24px !important;
+     overflow: hidden;
+ }
+
+ .x-panel-tbar .icon-pause:hover {
+     background: url(/resources/deluge/pause.png) no-repeat 0 -24px !important;
+ }
+
+ .x-panel-tbar .icon-pause:active {
+     background: url(/resources/deluge/pause.png) no-repeat 1px -23px !important;
+ }
+
+ .x-menu-item .icon-pause {
+     background: url(/resources/deluge/paused.png) no-repeat 0 0 !important;
+ }
+
+ .x-panel-tbar .icon-resume {
+     background: url(/resources/deluge/resume.png) no-repeat 0 0 !important;
+     width: 24px !important;
+     overflow: hidden;
+ }
+
+ .x-panel-tbar .icon-resume:hover {
+     background: url(/resources/deluge/resume.png) no-repeat 0 -24px !important;
+ }
+
+ .x-panel-tbar .icon-resume:active {
+     background: url(/resources/deluge/resume.png) no-repeat 1px -23px !important;
+ }
+
+ .x-menu-item .icon-resume {
+     background: url(/resources/deluge/resume_small.png) no-repeat 0 0 !important;
+ }
+
+ .icon-remove {
+     background: url(/resources/deluge/remove_small.png) no-repeat 0 0 !important;
+ }
+
+ .x-panel-tbar .icon-up {
+     background: url(/resources/deluge/up.png) no-repeat 0 0 !important;
+     width: 24px !important;
+     overflow: hidden;
+ }
+
+ .x-panel-tbar .icon-up:hover {
+     background: url(/resources/deluge/up.png) no-repeat 0 -24px !important;
+ }
+
+ .x-panel-tbar .icon-up:active {
+     background: url(/resources/deluge/up.png) no-repeat 1px -23px !important;
+ }
+
+ .icon-up {
+     background: url(/resources/deluge/up_small.png) no-repeat 0 0 !important;
+ }
+
+ .x-panel-tbar .icon-down {
+     background: url(/resources/deluge/down.png) no-repeat 0 0 !important;
+     width: 24px !important;
+     overflow: hidden;
+ }
+
+ .x-panel-tbar .icon-down:hover {
+     background: url(/resources/deluge/down.png) no-repeat 0 -24px !important;
+ }
+
+ .x-panel-tbar .icon-down:active {
+     background: url(/resources/deluge/down.png) no-repeat 1px -23px !important;
+ }
+
+ .icon-down {
+     background: url(/resources/deluge/down_small.png) no-repeat 0 0 !important;
+ }
+
+ .x-btn .x-deluge-preferences {
+     background: url(/resources/deluge/settings.png) no-repeat 0 0 !important;
+     width: 24px !important;
+     overflow: hidden;
+ }
+
+ .x-btn .x-deluge-preferences:hover {
+     background: url(/resources/deluge/settings.png) no-repeat 0 -24px !important;
+ }
+
+ .x-btn .x-deluge-preferences:active {
+     background: url(/resources/deluge/settings.png) no-repeat 1px -23px !important;
+ }
+
+ .x-deluge-preferences {
+     background: url(/resources/deluge/settings_small.png) no-repeat 0 4px !important;
+ }
+
+ .icon-options {
+     background: url(/resources/deluge/settings_small.png) no-repeat 0 0px !important;
+ }
+
+ .x-deluge-connection-manager,
+ .x-btn .x-deluge-connection-manager {
+     background: url(/resources/deluge/connection.png) no-repeat 0 0 !important;
+     width: 24px !important;
+     overflow: hidden;
+ }
+
+ .x-deluge-connection-manager:hover,
+ .x-btn .x-deluge-connection-manager:hover {
+     background: url(/resources/deluge/connection.png) no-repeat 0 -24px !important;
+ }
+
+ .x-deluge-connection-manager:active,
+ .x-btn .x-deluge-connection-manager:active {
+     background: url(/resources/deluge/connection.png) no-repeat 1px -23px !important;
+ }
+
+ .icon-help {
+     background: url(/resources/deluge/help.png) no-repeat 0 0 !important;
+     width: 24px !important;
+     overflow: hidden;
+ }
+
+ .icon-help:hover {
+     background: url(/resources/deluge/help.png) no-repeat 0 -24px !important;
+ }
+
+ .icon-help:active {
+     background: url(/resources/deluge/help.png) no-repeat 1px -23px !important;
+ }
+
+ .icon-logout {
+     background: url(/resources/deluge/logout.png) no-repeat 0 0 !important;
+     width: 24px !important;
+     overflow: hidden;
+ }
+
+ .icon-logout:hover {
+     background: url(/resources/deluge/logout.png) no-repeat 0 -24px !important;
+ }
+
+ .icon-logout:active {
+     background: url(/resources/deluge/logout.png) no-repeat 1px -23px !important;
+ }
+
+ .x-deluge-main-panel {
+     background: url(/resources/deluge/deluge.png) no-repeat 0 0 !important;
+     padding-left: 30px !important;
+ }
+
+ #tbar-deluge-text.x-item-disabled * {
+     color: var(--text) !important;
+     font-size: 16px;
+     font-weight: normal;
+ }
+
+ #tbar-deluge-text * {
+     color: var(--text-hover) !important;
+ }
+
+ /* Buttons hover */
+ .x-btn {
+     font: normal 11px 'Roboto', tahoma, verdana, helvetica;
+ }
+
+ .x-window-bc .x-window-footer .x-btn {
+     background-color: var(--button-color);
+     color: var(--button-text);
+ }
+
+ .x-window-bc .x-window-footer .x-btn:hover {
+     background-color: var(--button-color-hover);
+     color: var(--button-text-hover)
+ }
+
+ .x-form-file-wrap .x-btn {
+     position: absolute;
+     right: 0;
+     z-index: 1;
+     background: var(--button-color);
+ }
+
+ .x-form-file-wrap:hover .x-form-file-btn:hover .x-btn:hover {
+     position: absolute;
+     right: 0;
+     z-index: 1;
+     background: var(--button-color-hover);
+     color: var(--button-text-hover)
+ }
+
+ .x-btn button {
+     font: normal 11px 'Roboto', arial, tahoma, verdana, helvetica;
+     color: var(--button-text);
+ }
+
+ .x-btn em {
+     font-style: normal;
+     font-weight: normal;
+ }
+
+ .x-btn-tl,
+ .x-btn-tr,
+ .x-btn-tc,
+ .x-btn-ml,
+ .x-btn-mr,
+ .x-btn-mc,
+ .x-btn-bl,
+ .x-btn-br,
+ .x-btn-bc {
+     background-image: none;
+ }
+
+ .x-btn-click .x-btn-text,
+ .x-btn-menu-active .x-btn-text,
+ .x-btn-pressed .x-btn-text {
+     color: #AAAAAA;
+ }
+
+ .x-btn-disabled * {
+     color: gray !important;
+ }
+
+ .x-btn-mc em.x-btn-arrow {
+     //background-image: url(../images/default/button/arrow.gif);
+ }
+
+ .x-btn-mc em.x-btn-split {
+     //background-image: url(../images/default/button/s-arrow.gif);
+ }
+
+ .x-btn-over .x-btn-mc em.x-btn-split,
+ .x-btn-click .x-btn-mc em.x-btn-split,
+ .x-btn-menu-active .x-btn-mc em.x-btn-split,
+ .x-btn-pressed .x-btn-mc em.x-btn-split {
+     //background-image: url(../images/gray/button/s-arrow-o.gif);
+ }
+
+ .x-btn-mc em.x-btn-arrow-bottom {
+     //background-image: url(../images/default/button/s-arrow-b-noline.gif);
+ }
+
+ .x-btn-mc em.x-btn-split-bottom {
+     //background-image: url(../images/default/button/s-arrow-b.gif);
+ }
+
+ .x-btn-over .x-btn-mc em.x-btn-split-bottom,
+ .x-btn-click .x-btn-mc em.x-btn-split-bottom,
+ .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom,
+ .x-btn-pressed .x-btn-mc em.x-btn-split-bottom {
+     //background-image: url(../images/gray/button/s-arrow-bo.gif);
+ }
+
+ .x-btn-group-header {
+     color: #666;
+ }
+
+ .x-btn-group-tc {
+     //background-image: url(../images/gray/button/group-tb.gif);
+ }
+
+ .x-btn-group-tl {
+     //background-image: url(../images/gray/button/group-cs.gif);
+ }
+
+ .x-btn-group-tr {
+     //background-image: url(../images/gray/button/group-cs.gif);
+ }
+
+ .x-btn-group-bc {
+     //background-image: url(../images/gray/button/group-tb.gif);
+ }
+
+ .x-btn-group-bl {
+     //background-image: url(../images/gray/button/group-cs.gif);
+ }
+
+ .x-btn-group-br {
+     //background-image: url(../images/gray/button/group-cs.gif);
+ }
+
+ .x-btn-group-ml {
+     //background-image: url(../images/gray/button/group-lr.gif);
+ }
+
+ .x-btn-group-mr {
+     //background-image: url(../images/gray/button/group-lr.gif);
+ }
+
+ .x-btn-group-notitle .x-btn-group-tc {
+     //background-image: url(../images/gray/button/group-tb.gif);
+ }
+
+ .x-toolbar {
+     border-color: transparent;
+     background-color: transparent;
+     background-image: none;
+ }
+
+ .x-toolbar td,
+ .x-toolbar span,
+ .x-toolbar input,
+ .x-toolbar div,
+ .x-toolbar select,
+ .x-toolbar label {
+     font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif;
+ }
+
+ .x-toolbar .x-item-disabled {
+     color: gray;
+ }
+
+ .x-toolbar .x-item-disabled * {
+     color: gray;
+ }
+
+ .x-toolbar div.xtb-text {
+     padding: 0px;
+ }
+
+ .x-toolbar .x-btn-mc em.x-btn-split {
+     //background-image: url(../images/default/button/s-arrow-noline.gif);
+ }
+
+ .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split,
+ .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split,
+ .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split,
+ .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split {
+     //background-image: url(../images/gray/button/s-arrow-o.gif);
+ }
+
+ .x-toolbar .x-btn-mc em.x-btn-split-bottom {
+     //background-image: url(../images/default/button/s-arrow-b-noline.gif);
+ }
+
+ .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom,
+ .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom,
+ .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom,
+ .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom {
+     //background-image: url(../images/gray/button/s-arrow-bo.gif);
+ }
+
+ .x-toolbar .xtb-sep {
+     background: linear-gradient(to right, transparent 45%, rgba(255, 255, 255, .08) 45%, rgba(255, 255, 255, 0.08) 55%, transparent 55%);
+     width: 10px
+ }
+
+ .x-tbar-page-first {
+     //background-image: url(../images/gray/grid/page-first.gif) !important;
+ }
+
+ .x-tbar-loading {
+     //background-image: url(../images/gray/grid/refresh.gif) !important;
+ }
+
+ .x-tbar-page-last {
+     //background-image: url(../images/gray/grid/page-last.gif) !important;
+ }
+
+ .x-tbar-page-next {
+     //background-image: url(../images/gray/grid/page-next.gif) !important;
+ }
+
+ .x-tbar-page-prev {
+     //background-image: url(../images/gray/grid/page-prev.gif) !important;
+ }
+
+ .x-item-disabled .x-tbar-loading {
+     //background-image: url(../images/default/grid/loading.gif) !important;
+ }
+
+ .x-item-disabled .x-tbar-page-first {
+     //background-image: url(../images/default/grid/page-first-disabled.gif) !important;
+ }
+
+ .x-item-disabled .x-tbar-page-last {
+     //background-image: url(../images/default/grid/page-last-disabled.gif) !important;
+ }
+
+ .x-item-disabled .x-tbar-page-next {
+     //background-image: url(../images/default/grid/page-next-disabled.gif) !important;
+ }
+
+ .x-item-disabled .x-tbar-page-prev {
+     //background-image: url(../images/default/grid/page-prev-disabled.gif) !important;
+ }
+
+ .x-paging-info {
+     color: #444;
+ }
+
+ .x-toolbar-more-icon {
+     //background-image: url(../images/gray/toolbar/more.gif) !important;
+ }
+
+ .x-resizable-handle {
+     background-color: #fff;
+ }
+
+ .x-resizable-over .x-resizable-handle-east,
+ .x-resizable-pinned .x-resizable-handle-east,
+ .x-resizable-over .x-resizable-handle-west,
+ .x-resizable-pinned .x-resizable-handle-west {
+     //background-image: url(../images/gray/sizer/e-handle.gif);
+ }
+
+ .x-resizable-over .x-resizable-handle-south,
+ .x-resizable-pinned .x-resizable-handle-south,
+ .x-resizable-over .x-resizable-handle-north,
+ .x-resizable-pinned .x-resizable-handle-north {
+     //background-image: url(../images/gray/sizer/s-handle.gif);
+ }
+
+ .x-resizable-over .x-resizable-handle-north,
+ .x-resizable-pinned .x-resizable-handle-north {
+     //background-image: url(../images/gray/sizer/s-handle.gif);
+ }
+
+ .x-resizable-over .x-resizable-handle-southeast,
+ .x-resizable-pinned .x-resizable-handle-southeast {
+     //background-image: url(../images/gray/sizer/se-handle.gif);
+ }
+
+ .x-resizable-over .x-resizable-handle-northwest,
+ .x-resizable-pinned .x-resizable-handle-northwest {
+     //background-image: url(../images/gray/sizer/nw-handle.gif);
+ }
+
+ .x-resizable-over .x-resizable-handle-northeast,
+ .x-resizable-pinned .x-resizable-handle-northeast {
+     //background-image: url(../images/gray/sizer/ne-handle.gif);
+ }
+
+ .x-resizable-over .x-resizable-handle-southwest,
+ .x-resizable-pinned .x-resizable-handle-southwest {
+     //background-image: url(../images/gray/sizer/sw-handle.gif);
+ }
+
+ .x-resizable-proxy {
+     border-color: #565656;
+ }
+
+ .x-resizable-overlay {
+     background-color: #fff;
+ }
+
+ .x-grid3 {
+     background: rgba(0, 0, 0, 0.25);
+ }
+
+ .x-grid-panel .x-panel-mc .x-panel-body {
+     border-color: #d0d0d0;
+ }
+
+ .x-grid3-row td,
+ .x-grid3-summary-row td {
+     font: normal 11px/16px 'Roboto', arial, tahoma, helvetica, sans-serif;
+ }
+
+ .x-grid3-hd-row td {
+     font: normal 11px/15px 'Roboto', arial, tahoma, helvetica, sans-serif;
+ }
+
+ .x-grid3-hd-row td {
+     border-left-color: transparent;
+     border-right-color: transparent;
+ }
+
+ .x-grid-row-loading {
+     background-color: #fff;
+     //background-image: url(../images/default/shared/loading-balls.gif);
+ }
+
+ .x-grid3-row {
+     border-color: transparent;
+     border-top-color: transparent;
+ }
+
+ .x-grid3-row-alt {
+     background-color: rgba(0, 0, 0, 0.25);
+ }
+
+ .x-grid3-row-over {
+     border-color: transparent;
+     background-color: rgba(255, 255, 255, 0.08);
+     background-image: none;
+ }
+
+ .x-grid3-resize-proxy {
+     background: var(--main-bg-color);
+ }
+
+ .x-grid3-resize-marker {
+     background: var(--main-bg-color);
+ }
+
+ .x-grid3-header {
+     background-color: rgba(0, 0, 0, 0.25);
+     background-image: none;
+     color: var(--text-hover) !important;
+ }
+
+ .x-grid3-header-pop {
+     border-left-color: #d0d0d0;
+ }
+
+ .x-grid3-header-pop-inner {
+     border-left-color: #eee;
+     //background-image: url(../images/default/grid/hd-pop.gif);
+ }
+
+ td.x-grid3-hd-over,
+ td.sort-desc,
+ td.sort-asc,
+ td.x-grid3-hd-menu-open {
+     border-left-color: rgba(0, 0, 0, 0.25);
+     border-right-color: transparent;
+ }
+
+ td.x-grid3-hd-over .x-grid3-hd-inner,
+ td.sort-desc .x-grid3-hd-inner,
+ td.sort-asc .x-grid3-hd-inner,
+ td.x-grid3-hd-menu-open .x-grid3-hd-inner {
+     background-color: rgba(0, 0, 0, 0.25);
+     background-image: none;
+
+ }
+
+ .sort-asc .x-grid3-sort-icon {
+     //background-image: url(../images/gray/grid/sort_asc.gif);
+ }
+
+ .sort-desc .x-grid3-sort-icon {
+     //background-image: url(../images/gray/grid/sort_desc.gif);
+ }
+
+ .x-grid3-cell-text,
+ .x-grid3-hd-text {
+     color: #000;
+ }
+
+ .x-grid3-split {
+     //background-image: url(../images/default/grid/grid-split.gif);
+ }
+
+ .x-grid3-hd-text {
+     color: #333;
+ }
+
+ .x-dd-drag-proxy .x-grid3-hd-inner {
+     background-color: #f9f9f9;
+     //background-image: url(../images/gray/grid/grid3-hrow-over2.gif);
+     border-color: #ACACAC;
+ }
+
+ .col-move-top {
+     //background-image: url(../images/gray/grid/col-move-top.gif);
+ }
+
+ .col-move-bottom {
+     //background-image: url(../images/gray/grid/col-move-bottom.gif);
+ }
+
+ .x-grid3-row-selected {
+     background-color: rgba(255, 255, 255, 0.08) !important;
+     background-image: none;
+     border-color: transparent;
+     color: var(--text-hover) !important;
+ }
+
+ .x-grid3-cell-selected {
+     background-color: #CBCBCB !important;
+     color: #000;
+ }
+
+ .x-grid3-cell-selected span {
+     color: #000 !important;
+ }
+
+ .x-grid3-cell-selected .x-grid3-cell-text {
+     color: #000;
+ }
+
+ .x-grid3-locked td.x-grid3-row-marker,
+ .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker {
+     background-color: #ebeadb !important;
+     //background-image: url(../images/default/grid/grid-hrow.gif) !important;
+     color: #000;
+     border-top-color: #fff;
+     border-right-color: #6fa0df !important;
+ }
+
+ .x-grid3-locked td.x-grid3-row-marker div,
+ .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div {
+     color: #333 !important;
+ }
+
+ .x-grid3-dirty-cell {
+     //background-image: url(../images/default/grid/dirty.gif);
+ }
+
+ .x-grid3-topbar,
+ .x-grid3-bottombar {
+     font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif;
+ }
+
+ .x-grid3-bottombar .x-toolbar {
+     border-top-color: #a9bfd3;
+ }
+
+ .x-props-grid .x-grid3-td-name .x-grid3-cell-inner {
+     //background-image: url(../images/default/grid/grid3-special-col-bg.gif) !important;
+     color: #000 !important;
+ }
+
+ .x-props-grid .x-grid3-body .x-grid3-td-name {
+     background-color: #fff !important;
+     border-right-color: #eee;
+ }
+
+ .xg-hmenu-sort-asc .x-menu-item-icon {
+     //background-image: url(../images/default/grid/hmenu-asc.gif);
+ }
+
+ .xg-hmenu-sort-desc .x-menu-item-icon {
+     //background-image: url(../images/default/grid/hmenu-desc.gif);
+ }
+
+ .xg-hmenu-lock .x-menu-item-icon {
+     //background-image: url(../images/default/grid/hmenu-lock.gif);
+ }
+
+ .xg-hmenu-unlock .x-menu-item-icon {
+     //background-image: url(../images/default/grid/hmenu-unlock.gif);
+ }
+
+ .x-grid3-hd-btn,
+ a.x-grid3-hd-btn:hover {
+     background: linear-gradient(116deg, transparent 0%, transparent 0%, transparent 60%, #252525 60%), linear-gradient(244deg, var(--text-hover) 0%, var(--text-hover) 0%, var(--text-hover) 60%, transparent 60%);
+     height: 6px !important;
+     width: 8px;
+     padding: 7px 2px;
+     border-left: 1px solid #444444;
+     background-clip: content-box;
+ }
+
+ .x-grid3-body .x-grid3-td-expander {
+     //background-image: url(../images/default/grid/grid3-special-col-bg.gif);
+ }
+
+ .x-grid3-row-expander {
+     //background-image: url(../images/gray/grid/row-expand-sprite.gif);
+ }
+
+ .x-grid3-body .x-grid3-td-checker {
+     //background-image: url(../images/default/grid/grid3-special-col-bg.gif);
+ }
+
+ .x-grid3-row-checker,
+ .x-grid3-hd-checker {
+     //background-image: url(../images/default/grid/row-check-sprite.gif);
+ }
+
+ .x-grid3-body .x-grid3-td-numberer {
+     //background-image: url(../images/default/grid/grid3-special-col-bg.gif);
+ }
+
+ .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
+     color: #444;
+ }
+
+ .x-grid3-body .x-grid3-td-row-icon {
+     //background-image: url(../images/default/grid/grid3-special-col-bg.gif);
+ }
+
+ .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
+ .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
+ .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
+     //background-image: url(../images/gray/grid/grid3-special-col-sel-bg.gif);
+ }
+
+ .x-grid3-check-col {
+     //background-image: url(../images/default/menu/unchecked.gif);
+ }
+
+ .x-grid3-check-col-on {
+     //background-image: url(../images/default/menu/checked.gif);
+ }
+
+ .x-grid-group,
+ .x-grid-group-body,
+ .x-grid-group-hd {
+     zoom: 1;
+ }
+
+ .x-grid-group-hd {
+     border-bottom-color: #d0d0d0;
+ }
+
+ .x-grid-group-hd div.x-grid-group-title {
+     //background-image: url(../images/gray/grid/group-collapse.gif);
+     color: #5F5F5F;
+     font: bold 11px 'Roboto', tahoma, arial, helvetica, sans-serif;
+ }
+
+ .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
+     //background-image: url(../images/gray/grid/group-expand.gif);
+ }
+
+ .x-group-by-icon {
+     //background-image: url(../images/default/grid/group-by.gif);
+ }
+
+ .x-cols-icon {
+     background-image: url(/resources/deluge/columns.png);
+ }
+
+ .x-show-groups-icon {
+     //background-image: url(../images/default/grid/group-by.gif);
+ }
+
+ .x-grid-empty {
+     color: gray;
+     font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif;
+ }
+
+ .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
+     border-right-color: #ededed;
+ }
+
+ .x-grid3-cell {
+     box-sizing: border-box;
+ }
+
+ .x-grid-with-col-lines .x-grid3-row {
+     border-top-color: #ededed;
+ }
+
+ .x-grid-with-col-lines .x-grid3-row-selected {
+     border-top-color: #B9B9B9;
+ }
+
+ .x-pivotgrid .x-grid3-header-offset table td {
+     background: url(../images/gray/grid/grid3-hrow2.gif) repeat-x 50% 100%;
+     border-left: 1px solid;
+     border-right: 1px solid;
+     border-left-color: #D0D0D0;
+     border-right-color: #D0D0D0;
+ }
+
+ .x-pivotgrid .x-grid3-row-headers {
+     background-color: #f9f9f9;
+ }
+
+ .x-pivotgrid .x-grid3-row-headers table td {
+     background: var(--text)  url(../images/default/grid/grid3-rowheader.gif) repeat-x left top;
+     border-left: 1px solid;
+     border-right: 1px solid;
+     border-left-color: #EEE;
+     border-right-color: #D0D0D0;
+     border-bottom: 1px solid;
+     border-bottom-color: #D0D0D0;
+     height: 18px;
+ }
+
+ .x-dd-drag-ghost {
+     color: #000;
+     font: normal 11px 'Roboto', arial, helvetica, sans-serif;
+     border-color: #ddd #bbb #bbb #ddd;
+     background-color: #fff;
+ }
+
+ .x-dd-drop-nodrop .x-dd-drop-icon {
+     //background-image: url(../images/default/dd/drop-no.gif);
+ }
+
+ .x-dd-drop-ok .x-dd-drop-icon {
+     //background-image: url(../images/default/dd/drop-yes.gif);
+ }
+
+ .x-dd-drop-ok-add .x-dd-drop-icon {
+     //background-image: url(../images/default/dd/drop-add.gif);
+ }
+
+ .x-view-selector {
+     background-color: #D6D6D6;
+     border-color: #888888;
+ }
+
+ .x-tree-node-expanded .x-tree-node-icon {
+     background-image: url(/resources/deluge/folder.png);
+ }
+
+ .x-tree-node-leaf .x-tree-node-icon {
+     background-image: url(/resources/deluge/file.png);
+ }
+
+ .x-tree-node-collapsed .x-tree-node-icon {
+     background-image: url(/resources/deluge/folder.png);
+ }
+
+ .x-tree-node-loading .x-tree-node-icon {
+     //background-image: url(../images/default/tree/loading.gif) !important;
+ }
+
+ .x-tree-node .x-tree-node-inline-icon {
+     background-image: none;
+ }
+
+ .x-tree-node-loading a span {
+     font-style: italic;
+     color: #444444;
+ }
+
+ .ext-ie .x-tree-node-el input {
+     width: 15px;
+     height: 15px;
+ }
+
+ .x-tree-lines .x-tree-elbow {
+     //background-image: url(../images/default/tree/elbow.gif);
+ }
+
+ .x-tree-lines .x-tree-elbow-plus {
+     //background-image: url(../images/default/tree/elbow-plus.gif);
+ }
+
+ .x-tree-lines .x-tree-elbow-minus {
+     //background-image: url(../images/default/tree/elbow-minus.gif);
+ }
+
+ .x-tree-lines .x-tree-elbow-end {
+     //background-image: url(../images/default/tree/elbow-end.gif);
+ }
+
+ .x-tree-lines .x-tree-elbow-end-plus {
+     //background-image: url(../images/gray/tree/elbow-end-plus.gif);
+ }
+
+ .x-tree-lines .x-tree-elbow-end-minus {
+     //background-image: url(../images/gray/tree/elbow-end-minus.gif);
+ }
+
+ .x-tree-lines .x-tree-elbow-line {
+     //background-image: url(../images/default/tree/elbow-line.gif);
+ }
+
+ .x-tree-no-lines .x-tree-elbow-plus {
+     //background-image: url(../images/default/tree/elbow-plus-nl.gif);
+ }
+
+ .x-tree-no-lines .x-tree-elbow-minus {
+     //background-image: url(../images/default/tree/elbow-minus-nl.gif);
+ }
+
+ .x-tree-no-lines .x-tree-elbow-end-plus {
+     //background-image: url(../images/gray/tree/elbow-end-plus-nl.gif);
+ }
+
+ .x-tree-no-lines .x-tree-elbow-end-minus {
+     //background-image: url(../images/gray/tree/elbow-end-minus-nl.gif);
+ }
+
+ .x-tree-arrows .x-tree-elbow-plus {
+     //background-image: url(../images/gray/tree/arrows.gif);
+ }
+
+ .x-tree-arrows .x-tree-elbow-minus {
+     //background-image: url(../images/gray/tree/arrows.gif);
+ }
+
+ .x-tree-arrows .x-tree-elbow-end-plus {
+     //background-image: url(../images/gray/tree/arrows.gif);
+ }
+
+ .x-tree-arrows .x-tree-elbow-end-minus {
+     //background-image: url(../images/gray/tree/arrows.gif);
+ }
+
+ .x-tree-node {
+     color: var(--text);
+     font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif;
+ }
+
+ .x-treegrid-root-table,
+ .x-treegrid-col {
+     border-color: rgba(255, 255, 255, 0.08) !important;
+ }
+
+ .x-tree-node a,
+ .x-dd-drag-ghost a {
+     color: var(--text);
+ }
+
+ .x-tree-node a span,
+ .x-dd-drag-ghost a span {
+     color: var(--text);
+ }
+
+ .x-tree-node .x-tree-node-disabled a span {
+     color: gray !important;
+ }
+
+ .x-tree-node div.x-tree-drag-insert-below {
+     border-bottom-color: #36c;
+ }
+
+ .x-tree-node div.x-tree-drag-insert-above {
+     border-top-color: #36c;
+ }
+
+ .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a {
+     border-bottom-color: #36c;
+ }
+
+ .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a {
+     border-top-color: #36c;
+ }
+
+ .x-tree-node .x-tree-drag-append a span {
+     background-color: #ddd;
+     border-color: gray;
+ }
+
+ .x-tree-node .x-tree-node-over {
+     background-color: rgba(255, 255, 255, 0.08);
+ }
+
+ .x-tree-node .x-tree-selected {
+     background-color: rgba(0, 0, 0, 0.45);
+ }
+
+ .x-tree-drop-ok-append .x-dd-drop-icon {
+     //background-image: url(../images/default/tree/drop-add.gif);
+ }
+
+ .x-tree-drop-ok-above .x-dd-drop-icon {
+     //background-image: url(../images/default/tree/drop-over.gif);
+ }
+
+ .x-tree-drop-ok-below .x-dd-drop-icon {
+     //background-image: url(../images/default/tree/drop-under.gif);
+ }
+
+ .x-tree-drop-ok-between .x-dd-drop-icon {
+     //background-image: url(../images/default/tree/drop-between.gif);
+ }
+
+ .x-date-picker {
+     border-color: #585858;
+     background-color: #fff;
+ }
+
+ .x-date-middle,
+ .x-date-left,
+ .x-date-right {
+     //background-image: url(../images/gray/shared/hd-sprite.gif);
+     color: var(--text-hover);
+     font: bold 11px 'Roboto', "sans serif", tahoma, verdana, helvetica;
+ }
+
+ .x-date-middle .x-btn .x-btn-text {
+    color: var(--text-hover);
+ }
+
+ .x-panel-tbar .x-btn-text {
+     height: 24px !important;
+     color: rgb(0, 0, 0, 0) !important;
+ }
+
+ .x-panel-tbar .x-toolbar .xtb-sep {
+     height: 24px !important;
+ }
+
+ .x-date-middle .x-btn-mc em.x-btn-arrow {
+     //background-image: url(../images/gray/toolbar/btn-arrow-light.gif);
+ }
+
+ .x-date-right a {
+     //background-image: url(../images/gray/shared/right-btn.gif);
+ }
+
+ .x-date-left a {
+     //background-image: url(../images/gray/shared/left-btn.gif);
+ }
+
+ .x-date-inner th {
+     background-color: #D8D8D8;
+     //background-image: url(../images/gray/panel/white-top-bottom.gif);
+     border-bottom-color: #AFAFAF;
+     font: normal 10px 'Roboto', helvetica, tahoma, sans-serif;
+     color: #595959;
+ }
+
+ .x-date-inner td {
+     border-color: var(--text)
+ }
+
+ .x-date-inner a {
+     font: normal 11px 'Roboto', arial, helvetica, tahoma, sans-serif;
+     color: #000;
+ }
+
+ .x-date-inner .x-date-active {
+     color: #000;
+ }
+
+ .x-date-inner .x-date-selected a {
+     background-image: none;
+     background-color: #D8D8D8;
+     border-color: #DCDCDC;
+ }
+
+ .x-date-inner .x-date-today a {
+     border-color: darkred;
+ }
+
+ .x-date-inner .x-date-selected span {
+     font-weight: bold;
+ }
+
+ .x-date-inner .x-date-prevday a,
+ .x-date-inner .x-date-nextday a {
+     color: #aaa;
+ }
+
+ .x-date-bottom {
+     border-top-color: #AFAFAF;
+     background-color: #D8D8D8;
+     background: #D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px;
+ }
+
+ .x-date-inner a:hover,
+ .x-date-inner .x-date-disabled a:hover {
+     color: #000;
+     background-color: #D8D8D8;
+ }
+
+ .x-date-inner .x-date-disabled a {
+     background-color: #eee;
+     color: #bbb;
+ }
+
+ .x-date-mmenu {
+     background-color: #eee !important;
+ }
+
+ .x-date-mmenu .x-menu-item {
+     font-size: 10px;
+     color: #000;
+ }
+
+ .x-date-mp {
+     background-color: #fff;
+ }
+
+ .x-date-mp td {
+     font: normal 11px 'Roboto', arial, helvetica, tahoma, sans-serif;
+ }
+
+ .x-date-mp-btns button {
+     background-color: #4E565F;
+     color: var(--text-hover);
+     border-color: #C0C0C0 #434343 #434343 #C0C0C0;
+     font: normal 11px 'Roboto', arial, helvetica, tahoma, sans-serif;
+ }
+
+ .x-date-mp-btns {
+     background-color: #D8D8D8;
+     background: #D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px;
+ }
+
+ .x-date-mp-btns td {
+     border-top-color: #AFAFAF;
+ }
+
+ td.x-date-mp-month a,
+ td.x-date-mp-year a {
+     color: #333;
+ }
+
+ td.x-date-mp-month a:hover,
+ td.x-date-mp-year a:hover {
+     color: #333;
+     background-color: #FDFDFD;
+ }
+
+ td.x-date-mp-sel a {
+     background-color: #D8D8D8;
+     //background:#D8D8D8 url(../images/gray/panel/white-top-bottom.gif) 0 -2px;
+     border-color: #DCDCDC;
+ }
+
+ .x-date-mp-ybtn a {
+     //background-image: url(../images/gray/panel/tool-sprites.gif);
+ }
+
+ td.x-date-mp-sep {
+     border-right-color: #D7D7D7;
+ }
+
+ .x-tip .x-tip-close {
+     //background-image: url(../images/gray/qtip/close.gif);
+ }
+
+ .x-tip .x-tip-tc,
+ .x-tip .x-tip-tl,
+ .x-tip .x-tip-tr,
+ .x-tip .x-tip-bc,
+ .x-tip .x-tip-bl,
+ .x-tip .x-tip-br,
+ .x-tip .x-tip-ml,
+ .x-tip .x-tip-mr {
+     //background-image: url(../images/gray/qtip/tip-sprite.gif);
+ }
+
+ .x-tip .x-tip-mc {
+     font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif;
+ }
+
+ .x-tip .x-tip-ml {
+     background-color: #fff;
+ }
+
+ .x-tip .x-tip-header-text {
+     font: bold 11px 'Roboto', tahoma, arial, helvetica, sans-serif;
+     color: #444;
+ }
+
+ .x-tip .x-tip-body {
+     font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif;
+     color: #444;
+ }
+
+ .x-form-invalid-tip .x-tip-tc,
+ .x-form-invalid-tip .x-tip-tl,
+ .x-form-invalid-tip .x-tip-tr,
+ .x-form-invalid-tip .x-tip-bc,
+ .x-form-invalid-tip .x-tip-bl,
+ .x-form-invalid-tip .x-tip-br,
+ .x-form-invalid-tip .x-tip-ml,
+ .x-form-invalid-tip .x-tip-mr {
+     //background-image: url(../images/default/form/error-tip-corners.gif);
+ }
+
+ .x-form-invalid-tip .x-tip-body {
+     //background-image: url(../images/default/form/exclamation.gif);
+ }
+
+ .x-tip-anchor {
+     //background-image: url(../images/gray/qtip/tip-anchor-sprite.gif);
+ }
+
+ .x-menu {
+     background: var(--drop-down-menu-bg);
+     background-repeat: repeat, no-repeat;
+     background-attachment: fixed, fixed;
+     background-position: center center, center center;
+     background-size: auto, cover;
+     -webkit-background-size: auto, cover;
+     -moz-background-size: auto, cover;
+     -o-background-size: auto, cover;
+ }
+
+ .x-menu-floating {
+     border-color: transparent;
+ }
+
+ .x-menu-nosep {
+     background-image: none;
+ }
+
+ .x-menu-list-item {
+     font: normal 11px 'Roboto', arial, tahoma, sans-serif;
+ }
+
+ .x-menu-item-arrow {
+     //background-image: url(../images/gray/menu/menu-parent.gif);
+ }
+
+ .x-menu-sep {
+     background-color: transparent;
+     border-bottom-color: rgba(255, 255, 255, 0.08);
+ }
+
+ a.x-menu-item {
+     color: var(--text);
+ }
+
+ .x-menu-item-active {
+     background-image: none;
+     background-color: rgba(255, 255, 255, 0.08);
+     border-color: transparent;
+     color: var(--text-hover) !important;
+ }
+
+ .x-menu-item-active a.x-menu-item {
+     border-color: transparent;
+     color: var(--text-hover) !important;
+ }
+
+ .x-menu-check-item .x-menu-item-icon {
+     //background-image: url(../images/default/menu/unchecked.gif);
+ }
+
+ .x-menu-item-checked .x-menu-item-icon {
+     //background-image: url(../images/default/menu/checked.gif);
+ }
+
+ .x-menu-item-checked .x-menu-group-item .x-menu-item-icon {
+     //background-image: url(../images/gray/menu/group-checked.gif);
+ }
+
+ .x-menu-group-item .x-menu-item-icon {
+     background-image: none;
+ }
+
+ .x-menu-plain {
+     background-color: #fff !important;
+ }
+
+ .x-menu .x-date-picker {
+     border-color: #AFAFAF;
+ }
+
+ .x-cycle-menu .x-menu-item-checked {
+     border-color: #B9B9B9 !important;
+     background-color: #F1F1F1;
+ }
+
+ .x-menu-scroller-top {
+     //background-image: url(../images/default/layout/mini-top.gif);
+ }
+
+ .x-menu-scroller-bottom {
+     //background-image: url(../images/default/layout/mini-bottom.gif);
+ }
+
+ .x-box-tl {
+     //background-image: url(../images/default/box/corners.gif);
+ }
+
+ .x-box-tc {
+     //background-image: url(../images/default/box/tb.gif);
+ }
+
+ .x-box-tr {
+     //background-image: url(../images/default/box/corners.gif);
+ }
+
+ .x-box-ml {
+     //background-image: url(../images/default/box/l.gif);
+ }
+
+ .x-box-mc {
+     background-color: #eee;
+     //background-image: url(../images/default/box/tb.gif);
+     font-family: "Myriad Pro", "Myriad Web", "Tahoma", "Helvetica", "Arial", sans-serif;
+     color: #393939;
+     font-size: 12px;
+ }
+
+ .x-box-mc h3 {
+     font-size: 14px;
+     font-weight: bold;
+ }
+
+ .x-box-mr {
+     //background-image: url(../images/default/box/r.gif);
+ }
+
+ .x-box-bl {
+     //background-image: url(../images/default/box/corners.gif);
+ }
+
+ .x-box-bc {
+     //background-image: url(../images/default/box/tb.gif);
+ }
+
+ .x-box-br {
+     //background-image: url(../images/default/box/corners.gif);
+ }
+
+ .x-box-blue .x-box-bl,
+ .x-box-blue .x-box-br,
+ .x-box-blue .x-box-tl,
+ .x-box-blue .x-box-tr {
+     //background-image: url(../images/default/box/corners-blue.gif);
+ }
+
+ .x-box-blue .x-box-bc,
+ .x-box-blue .x-box-mc,
+ .x-box-blue .x-box-tc {
+     //background-image: url(../images/default/box/tb-blue.gif);
+ }
+
+ .x-box-blue .x-box-mc {
+     background-color: #c3daf9;
+ }
+
+ .x-box-blue .x-box-mc h3 {
+     color: #17385b;
+ }
+
+ .x-box-blue .x-box-ml {
+     //background-image: url(../images/default/box/l-blue.gif);
+ }
+
+ .x-box-blue .x-box-mr {
+     //background-image: url(../images/default/box/r-blue.gif);
+ }
+
+ .x-combo-list {
+     border-color: #666666;
+     background-color: #252525;
+     font: normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif;
+ }
+
+ .x-combo-list-inner {
+     background-color: #252525;
+ }
+
+ .x-combo-list-hd {
+     font: bold 11px 'Roboto', tahoma, arial, helvetica, sans-serif;
+     color: #333;
+     //background-image: url(../images/default/layout/panel-title-light-bg.gif);
+     border-bottom-color: #BCBCBC;
+ }
+
+ .x-resizable-pinned .x-combo-list-inner {
+     border-bottom-color: #BEBEBE;
+ }
+
+ .x-combo-list-item {
+     border-color: #252525;
+ }
+
+ .x-combo-list .x-combo-selected {
+     border-color: #252525 !important;
+     background-color: #333333;
+ }
+
+ .x-combo-list .x-toolbar {
+     border-top-color: #BCBCBC;
+ }
+
+ .x-combo-list-small {
+     font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif;
+ }
+
+ .x-panel {
+     background: var(--main-bg-color);
+     background-repeat: repeat, no-repeat;
+     background-attachment: fixed, fixed;
+     background-position: center center, center center;
+     background-size: auto, cover;
+     -webkit-background-size: auto, cover;
+     -moz-background-size: auto, cover;
+     -o-background-size: auto, cover;
+     border-color: #d0d0d0;
+ }
+
+ .x-panel-header {
+     color: var(--text-hover);
+     font-weight: bold;
+     font-size: 11px;
+     font-family: 'Roboto', tahoma, arial, verdana, sans-serif;
+     border-color: transparent;
+     background-image: none;
+     background-color: rgba(0, 0, 0, 0.25);
+ }
+
+ .x-panel-body {
+     border-color: transparent;
+     border: 1px solid rgba(255, 255, 255, 0.08);
+     background: var(--main-bg-color);
+     background-repeat: repeat, no-repeat;
+     background-attachment: fixed, fixed;
+     background-position: center center, center center;
+     background-size: auto, cover;
+     -webkit-background-size: auto, cover;
+     -moz-background-size: auto, cover;
+     -o-background-size: auto, cover;
+ }
+
+ .x-panel-bbar .x-toolbar,
+ .x-panel-tbar .x-toolbar {
+     border-color: transparent !important;
+ }
+
+ .x-panel-tbar-noheader .x-toolbar,
+ .x-panel-mc .x-panel-tbar .x-toolbar {
+     border-top-color: transparent;
+ }
+
+ .x-panel-body-noheader,
+ .x-panel-mc .x-panel-body {
+     border-top-color: transparent;
+ }
+
+ .x-panel-tl .x-panel-header {
+     color: #333;
+     font: bold 11px 'Roboto', tahoma, arial, verdana, sans-serif;
+ }
+
+ .x-panel-tc {
+     //background-image: url(../images/gray/panel/top-bottom.gif);
+ }
+
+ .x-panel-tl,
+ .x-panel-tr,
+ .x-panel-bl,
+ .x-panel-br {
+     //background-image: url(../images/gray/panel/corners-sprite.gif);
+     border-bottom-color: #d0d0d0;
+ }
+
+ .x-panel-bc {
+     //background-image: url(../images/gray/panel/top-bottom.gif);
+ }
+
+ .x-panel-mc {
+     font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif;
+     background-color: #f1f1f1;
+ }
+
+ .x-panel-ml {
+     background-color: #fff;
+     //background-image: url(../images/gray/panel/left-right.gif);
+ }
+
+ .x-panel-mr {
+     //background-image: url(../images/gray/panel/left-right.gif);
+ }
+
+ .x-tool {
+     //background-image: url(../images/gray/panel/tool-sprites.gif);
+ }
+
+ .x-panel-collapsed .x-accordion-hd .x-tool-toggle {
+     height: 8px;
+     width: 8px;
+     border: 1px solid var(--button-color);
+     padding: 2px;
+     background: linear-gradient(to bottom, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%), linear-gradient(to right, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%);
+     background-clip: content-box;
+ }
+
+ .x-accordion-hd .x-tool-toggle {
+     height: 8px;
+     width: 8px;
+     border: 1px solid var(--button-color);
+     padding: 2px;
+     background: linear-gradient(to bottom, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%);
+     background-clip: content-box;
+ }
+
+ .x-tool-collapse-west {
+     height: 8px;
+     width: 6px;
+     padding: 2px 3px;
+     border: 1px solid var(--button-color);
+     background: linear-gradient(26deg, #252525 40%, #252525 40%, #252525 0%, transparent 0%), linear-gradient(154deg, #252525 40%, var(--button-color) 40%, var(--button-color) 100%, #252525 100%);
+     background-clip: content-box;
+ }
+
+ .x-tool-expand-west {
+     height: 8px;
+     width: 6px;
+     padding: 2px 3px;
+     border: 1px solid var(--button-color);
+     background: linear-gradient(-26deg, #252525 40%, #252525 40%, #252525 0%, transparent 0%), linear-gradient(-154deg, #252525 40%, var(--button-color) 40%, var(--button-color) 100%, #252525 100%);
+     background-clip: content-box;
+ }
+
+ .x-tool-collapse-south {
+     height: 6px !important;
+     width: 8px;
+     padding: 3px 2px;
+     border: 1px solid var(--button-color);
+     background: linear-gradient(116deg, transparent 0%, transparent 0%, transparent 60%, #252525 60%), linear-gradient(244deg, var(--button-color) 0%, var(--button-color) 0%, var(--button-color) 60%, transparent 60%);
+     background-clip: content-box;
+ }
+
+ .x-tool-expand-south {
+     height: 6px;
+     width: 8px;
+     padding: 3px 2px;
+     border: 1px solid var(--button-color);
+     background: linear-gradient(116deg, #252525 40%, #252525 40%, #252525 0%, transparent 0%), linear-gradient(244deg, transparent 40%, var(--button-color) 40%, var(--button-color) 100%, transparent 100%);
+     background-clip: content-box;
+ }
+
+ .x-tool-close {
+     height: 8px;
+     width: 8px;
+     border: 1px solid #44444400;
+     padding: 2px;
+     background: linear-gradient(to bottom right, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%), linear-gradient(to top right, transparent 45%, var(--button-color) 45%, var(--button-color) 55%, transparent 55%);
+     background-clip: content-box;
+ }
+
+ .x-panel-ghost {
+     background-color: #f2f2f2;
+ }
+
+ .x-panel-ghost ul {
+     border-color: #d0d0d0;
+ }
+
+ .x-panel-dd-spacer {
+     border-color: #d0d0d0;
+ }
+
+ .x-panel-fbar td,
+ .x-panel-fbar span,
+ .x-panel-fbar input,
+ .x-panel-fbar div,
+ .x-panel-fbar select,
+ .x-panel-fbar label {
+     font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif;
+ }
+
+ .x-window,
+ .x-window .x-panel-body,
+ .x-window .x-tab-panel-header,
+ .x-tab-panel-footer,
+ .x-window .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
+     background: var(--modal-bg-color) !important;
+     background-repeat: repeat, no-repeat;
+     background-attachment: fixed, fixed;
+     background-position: center center, center center;
+     background-size: auto, cover;
+     -webkit-background-size: auto, cover;
+     -moz-background-size: auto, cover;
+     -o-background-size: auto, cover;
+ }
+
+ .x-window .x-panel-bbar .x-toolbar,
+ .x-panel-tbar .x-toolbar {
+     background: var(--modal-bg-color);
+     background-repeat: repeat, no-repeat;
+     background-attachment: fixed, fixed;
+     background-position: center center, center center;
+     background-size: auto, cover;
+     -webkit-background-size: auto, cover;
+     -moz-background-size: auto, cover;
+     -o-background-size: auto, cover;
+ }
+
+ .x-window-proxy {
+     background-color: #fcfcfc;
+     border-color: #d0d0d0;
+ }
+
+ .x-window-bwrap {
+     border: 1px solid transparent;
+     border-top: 1px solid rgba(255, 255, 255, 0.25);
+ }
+
+ .x-window-tl .x-window-header {
+     var(--text-hover);
+     font: bold 11px 'Roboto', tahoma, arial, verdana, sans-serif;
+ }
+
+ .x-window-tc {
+     background-image: none;
+     background-color: transparent;
+ }
+
+ .x-window-tl {
+     background-image: none;
+     background: var(--modal-header-color);
+     background-repeat: repeat, no-repeat;
+     background-attachment: fixed, fixed;
+     background-position: center center, center center;
+     background-size: auto, cover;
+     -webkit-background-size: auto, cover;
+     -moz-background-size: auto, cover;
+     -o-background-size: auto, cover;
+ }
+
+ .x-window-tr {
+     background-image: none;
+     background-color: transparent;
+ }
+
+ .x-window-bc {
+     background-image: none;
+     background-color: transparent;
+ }
+
+ .x-window-bl {
+     background-image: none;
+     background: var(--modal-footer-color);
+     background-repeat: repeat, no-repeat;
+     background-attachment: fixed, fixed;
+     background-position: center center, center center;
+     background-size: auto, cover;
+     -webkit-background-size: auto, cover;
+     -moz-background-size: auto, cover;
+     -o-background-size: auto, cover;
+ }
+
+ .x-window-br {
+     background-image: none;
+     background-color: transparent;
+ }
+
+ .x-window-mc {
+     border-color: transparent;
+     font: normal 11px 'Roboto', tahoma, arial, helvetica, sans-serif;
+     background-color: transparent;
+ }
+
+ .x-window-ml {
+     background-image: none;
+     background-color: transparent;
+ }
+
+ .x-window-mr {
+     background-image: none;
+     background-color: transparent;
+ }
+
+ .x-window-maximized .x-window-tc {
+     background-color: #fff;
+ }
+
+ .x-window-bbar .x-toolbar {
+     border-top-color: #d0d0d0;
+ }
+
+ .x-panel-ghost .x-window-tl {
+     border-bottom-color: #d0d0d0;
+ }
+
+ .x-panel-collapsed .x-window-tl {
+     border-bottom-color: #d0d0d0;
+ }
+
+ .x-dlg-mask {
+     background-color: var(--text);
+ }
+
+ .x-window-plain .x-window-mc {
+     background-color: transparent;
+     border-color: transparent;
+ }
+
+ .x-window-plain .x-window-body {
+     border-color: transparent;
+ }
+
+ body.x-body-masked .x-window-plain .x-window-mc {
+     background-color: transparent;
+ }
+
+ .x-html-editor-wrap {
+     border-color: #BCBCBC;
+     background-color: #fff;
+ }
+
+ .x-html-editor-tb .x-btn-text {
+     //background-image: url(../images/default/editor/tb-sprite.gif);
+ }
+
+ .x-panel-noborder .x-panel-header-noborder {
+     border-bottom-color: rgba(255, 255, 255, 0.08);
+ }
+
+ .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
+     border-bottom-color: #353535;
+     background: var(--main-bg-color);
+     background-repeat: repeat, no-repeat;
+     background-attachment: fixed, fixed;
+     background-position: center center, center center;
+     background-size: auto, cover;
+     -webkit-background-size: auto, cover;
+     -moz-background-size: auto, cover;
+     -o-background-size: auto, cover;
+ }
+
+ .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
+     border-top-color: #353535;
+ }
+
+ .x-tab-panel-bbar-noborder .x-toolbar {
+     border-top-color: #d0d0d0;
+ }
+
+ .x-tab-panel-tbar-noborder .x-toolbar {
+     border-bottom-color: #d0d0d0;
+ }
+
+ .x-border-layout-ct {
+     background-color: #f0f0f0;
+ }
+
+ .x-border-layout-ct {
+     background: var(--main-bg-color);
+     background-repeat: repeat, no-repeat;
+     background-attachment: fixed, fixed;
+     background-position: center center, center center;
+     background-size: auto, cover;
+     -webkit-background-size: auto, cover;
+     -moz-background-size: auto, cover;
+     -o-background-size: auto, cover;
+ }
+
+ .x-accordion-hd {
+     color: var(--text-hover);
+     font-weight: normal;
+     //background-image: url(../images/gray/panel/light-hd.gif);
+ }
+
+ .x-layout-collapsed {
+     background-color: rgba(0, 0, 0, 0.25);
+     border-color: transparent;
+ }
+
+ .x-layout-collapsed-over {
+     background-color: rgba(0, 0, 0, 0.45);
+ }
+
+ .x-layout-split-west .x-layout-mini {
+     //background-image: url(../images/default/layout/mini-left.gif);
+ }
+
+ .x-layout-split-east .x-layout-mini {
+     //background-image: url(../images/default/layout/mini-right.gif);
+ }
+
+ .x-layout-split-north .x-layout-mini {
+     //background-image: url(../images/default/layout/mini-top.gif);
+ }
+
+ .x-layout-split-south .x-layout-mini {
+     //background-image: url(../images/default/layout/mini-bottom.gif);
+ }
+
+ .x-layout-cmini-west .x-layout-mini {
+     //background-image: url(../images/default/layout/mini-right.gif);
+ }
+
+ .x-layout-cmini-east .x-layout-mini {
+     //background-image: url(../images/default/layout/mini-left.gif);
+ }
+
+ .x-layout-cmini-north .x-layout-mini {
+     //background-image: url(../images/default/layout/mini-bottom.gif);
+ }
+
+ .x-layout-cmini-south .x-layout-mini {
+     //background-image: url(../images/default/layout/mini-top.gif);
+ }
+
+ .x-progress-wrap {
+     border-color: transparent;
+     background: rgba(255, 255, 255, 0.35);
+ }
+
+ .x-progress-inner {
+     background-color: transparent;
+     background-image: none;
+ }
+
+ .x-progress-bar {
+     background-color: rgb(var(--accent-color));
+     background-image: none;
+     border-top-color: transparent;
+     border-bottom-color: transparent;
+     border-right-color: transparent;
+     color: var(--label-text-color);
+ }
+
+ .x-progress-text {
+     font-size: 11px;
+     font-weight: normal;
+     color: var(--label-text-color) !important;
+ }
+
+ .x-progress-text-back {
+     color: var(--label-text-color) !important;
+ }
+
+ .x-list-header {
+     background-color: rgba(0, 0, 0, 0.25);
+     background-image: none;
+     color: var(--text-hover) !important;
+ }
+
+ .x-list-header-inner div em {
+     border-left-color: rgba(255, 255, 255, .08);
+     font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif;
+ }
+
+ .x-list-body dt em {
+     font: normal 11px 'Roboto', arial, tahoma, helvetica, sans-serif;
+ }
+
+ .x-list-over {
+     background-color: rgba(255, 255, 255, 0.08);
+ }
+
+ .x-list-selected {
+     background-color: rgba(255, 255, 255, 0.08);
+     color: var(--text-hover) !important;
+ }
+
+ .x-list-resizer {
+     border-left-color: #555;
+     border-right-color: #555;
+ }
+
+ .x-list-header-inner em.sort-asc,
+ .x-list-header-inner em.sort-desc {
+     background: #202020;
+     border-color: #202020;
+ }
+
+ .x-slider-horz,
+ .x-slider-horz .x-slider-end,
+ .x-slider-horz .x-slider-inner {
+     //background-image: url(../images/default/slider/slider-bg.png);
+ }
+
+ .x-slider-horz .x-slider-thumb {
+     //background-image: url(../images/gray/slider/slider-thumb.png);
+ }
+
+ .x-slider-vert,
+ .x-slider-vert .x-slider-end,
+ .x-slider-vert .x-slider-inner {
+     //background-image: url(../images/default/slider/slider-v-bg.png);
+ }
+
+ .x-slider-vert .x-slider-thumb {
+     //background-image: url(../images/gray/slider/slider-v-thumb.png);
+ }
+
+ .x-window-dlg .ext-mb-text,
+ .x-window-dlg .x-window-header-text {
+     font-size: 12px;
+ }
+
+ .x-window-dlg .ext-mb-textarea {
+     font: normal 12px 'Roboto', tahoma, arial, helvetica, sans-serif;
+ }
+
+ .x-window-dlg .x-msg-box-wait {
+     //background-image: url(../images/default/grid/loading.gif);
+ }
+
+ .x-window-dlg .ext-mb-info {
+     //background-image: url(../images/gray/window/icon-info.gif);
+ }
+
+ .x-window-dlg .ext-mb-warning {
+     //background-image: url(../images/gray/window/icon-warning.gif);
+ }
+
+ .x-window-dlg .ext-mb-question {
+     //background-image: url(../images/gray/window/icon-question.gif);
+ }
+
+ .x-window-dlg .ext-mb-error {
+     //background-image: url(../images/gray/window/icon-error.gif);
+ }
\ No newline at end of file
diff --git a/css/base/deluge/dracula.css b/css/base/deluge/dracula.css
new file mode 100644
index 00000000..6143106f
--- /dev/null
+++ b/css/base/deluge/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/deluge/hotline-old.css b/css/base/deluge/hotline-old.css
new file mode 100644
index 00000000..19d362ba
--- /dev/null
+++ b/css/base/deluge/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/deluge/hotline.css b/css/base/deluge/hotline.css
new file mode 100644
index 00000000..72691c3d
--- /dev/null
+++ b/css/base/deluge/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/deluge/hotpink.css b/css/base/deluge/hotpink.css
new file mode 100644
index 00000000..0efc10e6
--- /dev/null
+++ b/css/base/deluge/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/deluge/mind.css b/css/base/deluge/mind.css
new file mode 100644
index 00000000..8e574d88
--- /dev/null
+++ b/css/base/deluge/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/deluge/nord.css b/css/base/deluge/nord.css
new file mode 100644
index 00000000..bf4506a7
--- /dev/null
+++ b/css/base/deluge/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/deluge/onedark.css b/css/base/deluge/onedark.css
new file mode 100644
index 00000000..eb96800a
--- /dev/null
+++ b/css/base/deluge/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/deluge/organizr.css b/css/base/deluge/organizr.css
new file mode 100644
index 00000000..f37997f0
--- /dev/null
+++ b/css/base/deluge/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/deluge/overseerr.css b/css/base/deluge/overseerr.css
new file mode 100644
index 00000000..6ef31e4b
--- /dev/null
+++ b/css/base/deluge/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/deluge/pine-shadow.css b/css/base/deluge/pine-shadow.css
new file mode 100644
index 00000000..8084fcef
--- /dev/null
+++ b/css/base/deluge/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/deluge/plex.css b/css/base/deluge/plex.css
new file mode 100644
index 00000000..d5e1e29f
--- /dev/null
+++ b/css/base/deluge/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/deluge/power.css b/css/base/deluge/power.css
new file mode 100644
index 00000000..87cf0e49
--- /dev/null
+++ b/css/base/deluge/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/deluge/reality.css b/css/base/deluge/reality.css
new file mode 100644
index 00000000..f82ce41d
--- /dev/null
+++ b/css/base/deluge/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/deluge/soul.css b/css/base/deluge/soul.css
new file mode 100644
index 00000000..c0f5e1f4
--- /dev/null
+++ b/css/base/deluge/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/deluge/space-gray.css b/css/base/deluge/space-gray.css
new file mode 100644
index 00000000..0e168ed6
--- /dev/null
+++ b/css/base/deluge/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/deluge/space.css b/css/base/deluge/space.css
new file mode 100644
index 00000000..21271999
--- /dev/null
+++ b/css/base/deluge/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/deluge/time.css b/css/base/deluge/time.css
new file mode 100644
index 00000000..d46a4948
--- /dev/null
+++ b/css/base/deluge/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/deluge/trueblack.css b/css/base/deluge/trueblack.css
new file mode 100644
index 00000000..dc86dca1
--- /dev/null
+++ b/css/base/deluge/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/dozzle/aquamarine.css b/css/base/dozzle/aquamarine.css
new file mode 100644
index 00000000..de7a57c5
--- /dev/null
+++ b/css/base/dozzle/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/dozzle/blackberry-abyss.css b/css/base/dozzle/blackberry-abyss.css
new file mode 100644
index 00000000..e2e10bee
--- /dev/null
+++ b/css/base/dozzle/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/dozzle/blackberry-amethyst.css b/css/base/dozzle/blackberry-amethyst.css
new file mode 100644
index 00000000..e4d8fdcc
--- /dev/null
+++ b/css/base/dozzle/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/dozzle/blackberry-carol.css b/css/base/dozzle/blackberry-carol.css
new file mode 100644
index 00000000..c026a9bd
--- /dev/null
+++ b/css/base/dozzle/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/dozzle/blackberry-dreamscape.css b/css/base/dozzle/blackberry-dreamscape.css
new file mode 100644
index 00000000..e5e6e23b
--- /dev/null
+++ b/css/base/dozzle/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/dozzle/blackberry-flamingo.css b/css/base/dozzle/blackberry-flamingo.css
new file mode 100644
index 00000000..e78a4d12
--- /dev/null
+++ b/css/base/dozzle/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/dozzle/blackberry-hearth.css b/css/base/dozzle/blackberry-hearth.css
new file mode 100644
index 00000000..c7b0baa0
--- /dev/null
+++ b/css/base/dozzle/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/dozzle/blackberry-martian.css b/css/base/dozzle/blackberry-martian.css
new file mode 100644
index 00000000..96027a68
--- /dev/null
+++ b/css/base/dozzle/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/dozzle/blackberry-pumpkin.css b/css/base/dozzle/blackberry-pumpkin.css
new file mode 100644
index 00000000..3b833838
--- /dev/null
+++ b/css/base/dozzle/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/dozzle/blackberry-royal.css b/css/base/dozzle/blackberry-royal.css
new file mode 100644
index 00000000..00917235
--- /dev/null
+++ b/css/base/dozzle/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/dozzle/blackberry-shadow.css b/css/base/dozzle/blackberry-shadow.css
new file mode 100644
index 00000000..fc1eb91d
--- /dev/null
+++ b/css/base/dozzle/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/dozzle/blackberry-solar.css b/css/base/dozzle/blackberry-solar.css
new file mode 100644
index 00000000..9804a337
--- /dev/null
+++ b/css/base/dozzle/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/dozzle/blackberry-vanta.css b/css/base/dozzle/blackberry-vanta.css
new file mode 100644
index 00000000..12d3f02f
--- /dev/null
+++ b/css/base/dozzle/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/dozzle/dark.css b/css/base/dozzle/dark.css
new file mode 100644
index 00000000..e36337cc
--- /dev/null
+++ b/css/base/dozzle/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/dozzle/dozzle-base.css b/css/base/dozzle/dozzle-base.css
new file mode 100644
index 00000000..c109aa34
--- /dev/null
+++ b/css/base/dozzle/dozzle-base.css
@@ -0,0 +1,277 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+:root {
+    --scheme-main-ter: var(--main-bg-color);
+    --text-strong-color: var(--button-text-hover);
+    --border-color: rgb(255 255 255 / 25%);
+    --logo-color: rgb(var(--accent-color));
+    --body-background-color: var(--main-bg-color);
+    --border-hover-color: rgb(var(--accent-color));
+}
+
+* {
+    outline: none;
+}
+
+html,
+body {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+section header,
+.menu-label {
+    color: var(--text-hover) !important;
+}
+
+
+/* Scrollbar */
+
+html.has-custom-scrollbars ::-webkit-scrollbar-thumb {
+    background-color: rgba(255, 255, 255, .25);
+    outline: 1px solid #0000;
+    border-radius: 4px;
+}
+
+html.has-custom-scrollbars ::-webkit-scrollbar-thumb:active,
+html.has-custom-scrollbars ::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(255, 255, 255, .45);
+
+}
+
+html.has-custom-scrollbars ::-webkit-scrollbar-track {
+    background: #1f1f1f;
+}
+
+html.has-custom-scrollbars ::-webkit-scrollbar-track:hover {
+    background: #1f1f1f;
+}
+
+html.has-custom-scrollbars section main {
+    scrollbar-color: #353535 transparent;
+    scrollbar-width: thin
+}
+
+/* Text important */
+p,
+.menu-list a {
+    color: var(--text) !important;
+
+}
+
+.panel-heading {
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color) !important;
+}
+
+.panel-block {
+    color: var(--text);
+}
+
+.panel-tabs a.is-active {
+    border-bottom-color: rgb(var(--accent-color));
+    color: rgb(var(--accent-color));
+}
+
+.panel-tabs a {
+    border-bottom: 1px solid var(--border-color);
+    color: var(--text);
+}
+
+.panel-tabs a:hover {
+    border-bottom: 1px solid var(--border-color);
+    color: var(--text-strong-color);
+}
+
+a.panel-block:hover,
+label.panel-block:hover {
+    background-color: rgba(255, 255, 255, .08);
+    color: var(--text-strong-color);
+}
+
+/* Side Menu*/
+.menu-list a:hover {
+    background-color: rgba(255, 255, 255, .08);
+    color: var(--text-hover) !important;
+}
+
+.menu-list a.is-active,
+.menu-list a.is-active:hover {
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color) !important;
+}
+
+.menu-list li:hover .column-icon:hover {
+    color: black !important;
+}
+
+li.exited a {
+    color: var(--text-muted) !important;
+}
+
+.select select,
+.textarea,
+.input,
+.dropdown-content {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-color: rgba(255, 255, 255, .1);
+    border-radius: 4px;
+    color: var(--text-strong-color);
+}
+
+.autocomplete .dropdown-item.is-hovered,
+a.dropdown-item:hover,
+button.dropdown-item:hover {
+    background: rgba(255, 255, 255, .25);
+    color: var(--text-strong-color);
+}
+
+.column-icon[data-v-35775614]:hover {
+    color: rgb(var(--accent-color));
+}
+
+.select select:focus,
+.textarea:focus,
+.input:focus,
+.select select.is-focused,
+.is-focused.textarea,
+.is-focused.input,
+.select select:active,
+.textarea:active,
+.input:active,
+.select select.is-active,
+.is-active.textarea,
+.is-active.input {
+    border-color: rgb(var(--accent-color));
+    box-shadow: 0 0 0 0.125em rgba(var(--accent-color), .25);
+}
+
+/* Settings buttons */
+.button {
+    background: var(--button-color);
+    color: var(--button-text);
+    border-color: var(--button-color);
+}
+
+section .is-scrollbar-notification button {
+    background: var(--button-color) !important;
+    color: var(--button-text) !important;
+    border-color: var(--button-color) !important;
+}
+
+.b-radio.radio.button.is-selected {
+    background-color: var(--button-color-hover);
+    border-color: transparent;
+    color: var(--text-strong-color);
+}
+
+.button:hover {
+    background: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover) !important;
+}
+
+.button:active,
+.button.is-active {
+    background: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+    color: var(--text-strong-color);
+}
+
+.is-settings-control {
+    background: var(--button-color);
+    color: var(--button-text);
+    border-color: transparent;
+}
+
+.is-settings-control:hover {
+    border-color: var(--button-color-hover) !important;
+    background: var(--button-color-hover) !important;
+    color: var(--button-text-hover) !important;
+}
+
+#hide-nav {
+    background: var(--button-color) !important;
+    color: var(--button-text) !important;
+}
+
+#hide-nav:hover {
+    border-color: var(--button-color-hover) !important;
+    background: var(--button-color-hover) !important;
+    color: var(--button-text-hover) !important;
+}
+
+code {
+    background: rgba(0, 0, 0, .35) !important;
+}
+
+.switch input[type=checkbox]:checked+.check {
+    background: var(--button-color);
+}
+
+.switch:hover input[type=checkbox]:checked+.check {
+    background: var(--button-color-hover);
+}
+
+.switch input[type=checkbox]:focus:checked+.check,
+.switch input[type=checkbox]:active:checked+.check {
+    box-shadow: 0 0 0.5em rgb(var(--accent-color), .8);
+}
+
+/* Events */
+
+.events {
+    background: rgba(0, 0, 0, .35);
+}
+
+.scroll-progress svg circle {
+    fill: rgba(255, 255, 255, .45) !important;
+    stroke: rgb(var(--accent-color)) !important;
+}
+
+.scroll-progress span {
+    color: var(--text-strong-color) !important;
+}
+
+.splitpanes--vertical>.splitpanes__splitter:hover {
+    background: rgb(var(--accent-color)) !important;
+}
+
+.events.medium {
+    background: rgba(0, 0, 0, .45);
+}
+
+.date {
+    color: rgb(var(--accent-color)) !important;
+    background: rgba(0, 0, 0, .25) !important;
+}
\ No newline at end of file
diff --git a/css/base/dozzle/dracula.css b/css/base/dozzle/dracula.css
new file mode 100644
index 00000000..130f574d
--- /dev/null
+++ b/css/base/dozzle/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/dozzle/hotline-old.css b/css/base/dozzle/hotline-old.css
new file mode 100644
index 00000000..e101675c
--- /dev/null
+++ b/css/base/dozzle/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/dozzle/hotline.css b/css/base/dozzle/hotline.css
new file mode 100644
index 00000000..19b45701
--- /dev/null
+++ b/css/base/dozzle/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/dozzle/hotpink.css b/css/base/dozzle/hotpink.css
new file mode 100644
index 00000000..76b6717f
--- /dev/null
+++ b/css/base/dozzle/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/dozzle/mind.css b/css/base/dozzle/mind.css
new file mode 100644
index 00000000..352617d9
--- /dev/null
+++ b/css/base/dozzle/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/dozzle/nord.css b/css/base/dozzle/nord.css
new file mode 100644
index 00000000..f7012117
--- /dev/null
+++ b/css/base/dozzle/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/dozzle/onedark.css b/css/base/dozzle/onedark.css
new file mode 100644
index 00000000..3da400fd
--- /dev/null
+++ b/css/base/dozzle/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/dozzle/organizr.css b/css/base/dozzle/organizr.css
new file mode 100644
index 00000000..ba5d29ac
--- /dev/null
+++ b/css/base/dozzle/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/dozzle/overseerr.css b/css/base/dozzle/overseerr.css
new file mode 100644
index 00000000..d3ff9144
--- /dev/null
+++ b/css/base/dozzle/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/dozzle/pine-shadow.css b/css/base/dozzle/pine-shadow.css
new file mode 100644
index 00000000..93b6c185
--- /dev/null
+++ b/css/base/dozzle/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/dozzle/plex.css b/css/base/dozzle/plex.css
new file mode 100644
index 00000000..4d968686
--- /dev/null
+++ b/css/base/dozzle/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/dozzle/power.css b/css/base/dozzle/power.css
new file mode 100644
index 00000000..fba0ad3e
--- /dev/null
+++ b/css/base/dozzle/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/dozzle/reality.css b/css/base/dozzle/reality.css
new file mode 100644
index 00000000..75b2e98a
--- /dev/null
+++ b/css/base/dozzle/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/dozzle/soul.css b/css/base/dozzle/soul.css
new file mode 100644
index 00000000..975ab09e
--- /dev/null
+++ b/css/base/dozzle/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/dozzle/space-gray.css b/css/base/dozzle/space-gray.css
new file mode 100644
index 00000000..1a349e7e
--- /dev/null
+++ b/css/base/dozzle/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/dozzle/space.css b/css/base/dozzle/space.css
new file mode 100644
index 00000000..a0cb7936
--- /dev/null
+++ b/css/base/dozzle/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/dozzle/time.css b/css/base/dozzle/time.css
new file mode 100644
index 00000000..8ab82b78
--- /dev/null
+++ b/css/base/dozzle/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/dozzle/trueblack.css b/css/base/dozzle/trueblack.css
new file mode 100644
index 00000000..bcab7314
--- /dev/null
+++ b/css/base/dozzle/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/duplicacy/aquamarine.css b/css/base/duplicacy/aquamarine.css
new file mode 100644
index 00000000..3b72df7e
--- /dev/null
+++ b/css/base/duplicacy/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/duplicacy/blackberry-abyss.css b/css/base/duplicacy/blackberry-abyss.css
new file mode 100644
index 00000000..d008fe43
--- /dev/null
+++ b/css/base/duplicacy/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/duplicacy/blackberry-amethyst.css b/css/base/duplicacy/blackberry-amethyst.css
new file mode 100644
index 00000000..11c370bf
--- /dev/null
+++ b/css/base/duplicacy/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/duplicacy/blackberry-carol.css b/css/base/duplicacy/blackberry-carol.css
new file mode 100644
index 00000000..f32ab5df
--- /dev/null
+++ b/css/base/duplicacy/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/duplicacy/blackberry-dreamscape.css b/css/base/duplicacy/blackberry-dreamscape.css
new file mode 100644
index 00000000..ddf119e8
--- /dev/null
+++ b/css/base/duplicacy/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/duplicacy/blackberry-flamingo.css b/css/base/duplicacy/blackberry-flamingo.css
new file mode 100644
index 00000000..4eccd043
--- /dev/null
+++ b/css/base/duplicacy/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/duplicacy/blackberry-hearth.css b/css/base/duplicacy/blackberry-hearth.css
new file mode 100644
index 00000000..dc6982e6
--- /dev/null
+++ b/css/base/duplicacy/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/duplicacy/blackberry-martian.css b/css/base/duplicacy/blackberry-martian.css
new file mode 100644
index 00000000..c024bd0b
--- /dev/null
+++ b/css/base/duplicacy/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/duplicacy/blackberry-pumpkin.css b/css/base/duplicacy/blackberry-pumpkin.css
new file mode 100644
index 00000000..f1dcf3ae
--- /dev/null
+++ b/css/base/duplicacy/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/duplicacy/blackberry-royal.css b/css/base/duplicacy/blackberry-royal.css
new file mode 100644
index 00000000..8b4b70f9
--- /dev/null
+++ b/css/base/duplicacy/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/duplicacy/blackberry-shadow.css b/css/base/duplicacy/blackberry-shadow.css
new file mode 100644
index 00000000..d0560679
--- /dev/null
+++ b/css/base/duplicacy/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/duplicacy/blackberry-solar.css b/css/base/duplicacy/blackberry-solar.css
new file mode 100644
index 00000000..356d71b7
--- /dev/null
+++ b/css/base/duplicacy/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/duplicacy/blackberry-vanta.css b/css/base/duplicacy/blackberry-vanta.css
new file mode 100644
index 00000000..2b19d882
--- /dev/null
+++ b/css/base/duplicacy/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/duplicacy/dark.css b/css/base/duplicacy/dark.css
new file mode 100644
index 00000000..f1de0780
--- /dev/null
+++ b/css/base/duplicacy/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/duplicacy/dracula.css b/css/base/duplicacy/dracula.css
new file mode 100644
index 00000000..933cdd7d
--- /dev/null
+++ b/css/base/duplicacy/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/duplicacy/duplicacy-base.css b/css/base/duplicacy/duplicacy-base.css
new file mode 100644
index 00000000..379e1563
--- /dev/null
+++ b/css/base/duplicacy/duplicacy-base.css
@@ -0,0 +1,686 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+a:not(.timeline-content a) {
+    color: var(--link-color) !important;
+}
+
+a:hover:not(.timeline-content a) {
+    color: var(--link-color-hover) !important;
+}
+
+a.disabled-link {
+    color: var(--text-muted);
+}
+
+/* Scrollbar */
+@media only screen and (min-width: 768px) {
+    html {
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+    }
+
+    body {
+        overflow-y: auto;
+        height: 100%;
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .2);
+    background-clip: padding-box;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .5);
+    background-clip: padding-box;
+}
+
+/* TEXT */
+body,
+.category,
+.card .labels p,
+.card .stats,
+.vis-time-axis .vis-text,
+.footer .copyright,
+.navbar-default .navbar-brand,
+.sidebar .nav li>a,
+.off-canvas-sidebar .nav li>a {
+    color: var(--text) !important;
+}
+
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.card label,
+.card,
+.card .title {
+    color: var(--text-hover);
+}
+
+label {
+    color: var(--text) !important;
+}
+
+.main-panel {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.content .card {
+    box-shadow: none;
+}
+
+.text-danger {
+    color: #f05050;
+}
+
+.text-danger:hover {
+    color: #ec2626;
+}
+
+.text-primary {
+    color: rgb(var(--accent-color));
+}
+
+.text-primary:hover {
+    color: var(--accent-color-hover);
+}
+
+/* PLACEHOLDER TEXT */
+::placeholder {
+    color: var(--text) !important;
+    opacity: .5 !important;
+}
+
+:-moz-placeholder {
+    color: var(--text) !important;
+    opacity: .5 !important;
+}
+
+:-ms-input-placeholder {
+    color: var(--text) !important;
+    opacity: .5 !important;
+}
+
+::-webkit-input-placeholder {
+    color: var(--text) !important;
+    opacity: .5;
+}
+
+/* CARDS */
+.card {
+    background: transparent;
+}
+
+.col-sm-6 .card,
+.col-md-12 .card {
+    background: transparent !important;
+}
+
+.card-container,
+.col-xs-4 .card,
+.col-xs-12 .card,
+.col-xs-8 .card {
+    background: rgb(0 0 0 / 8%) !important;
+}
+
+#schedule-0,
+#schedule-1,
+#schedule-2,
+#schedule-3,
+#schedule-4,
+#schedule-5,
+#schedule-6,
+#schedule-7,
+#schedule-8,
+#schedule-9,
+#schedule-10,
+#schedule-11,
+#schedule-12,
+#schedule-13,
+#schedule-14,
+#schedule-15,
+#schedule-16,
+#schedule-17,
+#schedule-18,
+#schedule-19,
+#schedule-20,
+[id*="#schedule-"] {
+    background-color: rgb(0 0 0 / 8%);
+}
+
+/* TIMELINE */
+.vis-timeline {
+    border: 1px solid rgb(255 255 255 / 20%);
+}
+
+/* CHARTS */
+.ct-label {
+    fill: var(--text);
+    color: var(--text);
+}
+
+.ct-grid {
+    stroke: var(--text);
+}
+
+.tab-content {
+    border-color: transparent !important;
+}
+
+.vis-labelset .vis-label .vis-inner {
+    color: var(--text);
+}
+
+/* STORAGE PAGE */
+.card .nav-tabs>li.active>a,
+.card .nav-tabs>li.active>a:focus,
+.card .nav-tabs>li.active>a:hover {
+    color: var(--text);
+    cursor: default;
+    background-color: rgba(0, 0, 0, .25);
+    border: 1px solid rgba(255, 255, 255, .25);
+    border-bottom-color: var(--text);
+    border-radius: 6px 6px 0 0;
+}
+
+.card .nav>li>a:hover,
+.card .nav>li>a:focus {
+    background-color: rgba(255, 255, 255, .07);
+    border: 1px solid transparent;
+}
+
+/* NAVBAR */
+.navbar-default .navbar-toggle .icon-bar {
+    background-color: var(--text);
+}
+
+.navbar-default {
+    background-color: rgb(0 0 0 / 26%);
+    border-bottom: 1px solid rgb(255 255 255 / 25%);
+}
+
+/* SIDEBAR */
+.sidebar[data-background-color="black"]:after,
+.sidebar[data-background-color="black"]:before,
+.off-canvas-sidebar[data-background-color="black"]:after,
+.off-canvas-sidebar[data-background-color="black"]:before {
+    background: rgb(0 0 0 / 10%);
+}
+
+.sidebar[data-background-color="black"] .logo,
+.off-canvas-sidebar[data-background-color="black"] .logo {
+    border-bottom: 1px solid rgba(var(--accent-color));
+}
+
+.sidebar .nav li.active>a:before,
+.sidebar .nav li.active>a:after {
+    border-right: 17px solid rgb(var(--accent-color));
+}
+
+@media (min-width: 992px) {
+
+    .off-canvas-sidebar .nav li.active>a:before,
+    .off-canvas-sidebar .nav li.active>a:after {
+        border-right: 17px solid rgb(var(--accent-color));
+    }
+}
+
+.sidebar[data-active-color="success"] .nav li.active>a,
+.off-canvas-sidebar[data-active-color="success"] .nav li.active>a {
+    color: rgb(var(--accent-color)) !important;
+}
+
+.sidebar .nav li>a:hover {
+    color: var(--text-hover) !important;
+}
+
+.sidebar .sidebar-wrapper {
+    box-shadow: none;
+}
+
+/* MODAL */
+.modal-content {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border: 1px solid transparent;
+}
+
+.modal-header {
+    border-bottom: 1px solid rgb(var(--accent-color));
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.modal-footer {
+    border-top: 1px solid rgb(var(--accent-color));
+    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.modal-body .nav-tabs>li.active>a,
+.nav-tabs>li.active>a:focus,
+.nav-tabs>li.active>a:hover {
+    color: var(--text);
+    cursor: default;
+    background-color: rgba(0, 0, 0, .25);
+    border: 1px solid transparent;
+    border-bottom-color: transparent;
+}
+
+.modal-body .nav>li>a:hover,
+.nav>li>a:focus {
+    background-color: transparent;
+}
+
+.modal-body .nav-tabs>li.active>a:hover {
+    background-color: rgba(0, 0, 0, .25);
+    border: 1px solid transparent;
+}
+
+.modal-body .nav-tabs>li>a:hover {
+    border-color: #fff3 #fff3 #fff3;
+    color: var(--text-hover)
+}
+
+.modal-body .nav-tabs>li>a {
+    color: var(--text)
+}
+
+#modal_storage_info_tab_content {
+    border: none !important;
+}
+
+.modal-body .nav .open>a,
+.nav .open>a:focus,
+.nav .open>a:hover {
+    background-color: rgb(0 0 0 / 25%);
+    border-color: transparent;
+}
+
+/* DROPDOWN */
+.dropdown-menu {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.dropdown a {
+    color: var(--text) !important;
+}
+
+.dropdown a:hover {
+    color: var(--text-hover) !important;
+}
+
+/* FORMS */
+.form-control.border-input {
+    border: 1px solid transparent;
+}
+
+.form-control,
+textarea {
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text);
+}
+
+.form-control:focus {
+    background-color: rgb(0 0 0 / 50%);
+}
+
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+    background-color: rgba(0, 0, 0, .15);
+}
+
+#input_s3_provider:focus,
+#schedule_frequency:focus,
+#modal_restore_storage:focus,
+#modal_restore_id:focus,
+#modal_restore_revision:focus,
+#job_type:focus,
+#job_repository:focus,
+#backup_storage:focus,
+#administration_expiration:focus {
+    background: white;
+    color: black;
+}
+
+.form-check-label {
+    word-break: break-word;
+}
+
+/* BUTTONS */
+.btn {
+    color: var(--button-text);
+    border-width: 1px;
+    border-radius: 4px;
+}
+
+.main-panel .btn:hover,
+.main-panel .btn:focus {
+    background: transparent;
+}
+
+.timepicker-spinner .btn:hover,
+.timepicker-spinner .btn:focus {
+    background-color: rgba(255, 255, 255, .08);
+    color: var(--text-hover);
+    border: 1px solid transparent;
+}
+
+.timepicker-spinner .btn {
+    border: 1px solid transparent;
+}
+
+.timepicker-spinner .input-group-btn-vertical {
+    border-left: 1px solid transparent;
+}
+
+.btn-info.btn-fill {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border: var(--button-color);
+}
+
+.btn-info.btn-fill:hover,
+.btn-info.btn-fill:active,
+.btn-info.btn-fill.active,
+.btn-info.btn-fill:focus {
+    background: var(--button-color-hover);
+    border: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+.btn-primary {
+    border-color: var(--button-color);
+    background: var(--button-color);
+    color: var(--button-text);
+}
+
+.btn-primary:focus,
+.btn-primary:active:focus {
+    border-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+}
+
+.btn-primary:hover {
+    border-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+}
+
+.btn-primary.btn-fill {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-primary.btn-fill:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+
+}
+
+div>div>div.modal-footer>button.btn.btn-default.pull-left,
+.navbar .navbar-nav>li>a.btn-danger.btn-fill,
+.btn-danger.btn-fill {
+    border-color: #f05050;
+    background-color: #f05050;
+    color: var(--text);
+}
+
+div>div>div.modal-footer>button.btn.btn-default.pull-left:hover,
+div>div>div.modal-footer>button.btn.btn-default.pull-left:focus,
+.navbar .navbar-nav>li>a.btn-danger.btn-fill:hover,
+.navbar .navbar-nav>li>a.btn-danger.btn-fill:focus,
+.btn-danger.btn-fill:hover,
+.btn-danger.btn-fill:focus {
+    border-color: #ec2626;
+    color: var(--text-hover);
+    background-color: #ec2626;
+}
+
+div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default {
+    border-color: #f05050;
+    background-color: #f05050;
+    color: var(--text);
+}
+
+div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:hover,
+div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:focus {
+    border-color: #ec2626;
+    color: var(--text-hover);
+    background-color: #ec2626;
+}
+
+.close {
+    var(--text-hover);
+}
+
+.navbar .navbar-nav>li>a.btn-success,
+.btn-success {
+    border-color: var(--button-color);
+    color: var(--button-color);
+}
+
+.navbar .navbar-nav>li>a.btn-success:hover,
+.navbar .navbar-nav>li>a.btn-success:focus,
+.navbar .navbar-nav>li>a.btn-success:active,
+.navbar .navbar-nav>li>a.btn-success.active,
+.open>.navbar .navbar-nav>li>a.btn-success.dropdown-toggle,
+.btn-success:hover,
+.btn-success:focus,
+.btn-success:active,
+.btn-success.active,
+.open>.btn-success.dropdown-toggle {
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-icon {
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+    border-color: rgb(var(--accent-color));
+}
+
+.btn-icon.active.focus,
+.btn-icon.active:focus,
+.btn-icon.active:hover,
+.btn-icon:active.focus,
+.btn-icon:active:focus,
+.btn-icon:active:hover,
+.btn-icon:hover,
+.btn-icon:focus,
+.btn-icon:active,
+.btn-icon.active,
+.open>.dropdown-toggle.btn-icon.focus,
+.open>.dropdown-toggle.btn-icon:focus,
+.open>.dropdown-toggle.btn-icon:hover {
+    background-color: var(--accent-color-hover) !important;
+    color: var(--label-text-color);
+    border-color: var(--accent-color-hover);
+}
+
+.radio-box input:checked~.radio-button {
+    background-color: var(--button-color);
+    color: var(--label-text-color);
+}
+
+/* TABLES */
+.table>tbody>tr.active>td,
+.table>tbody>tr.active>th,
+.table>tbody>tr>td.active,
+.table>tbody>tr>th.active,
+.table>tfoot>tr.active>td,
+.table>tfoot>tr.active>th,
+.table>tfoot>tr>td.active,
+.table>tfoot>tr>th.active,
+.table>thead>tr.active>td,
+.table>thead>tr.active>th,
+.table>thead>tr>td.active,
+.table>thead>tr>th.active,
+.row-clickable.active {
+    background-color: rgb(0 0 0 / 25%);
+    color: var(--text-hover);
+}
+
+.fixed-header th {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.table thead tr>th,
+.table thead tr>td,
+.table tbody tr>th,
+.table tbody tr>td,
+.table tfoot tr>th,
+.table tfoot tr>td {
+    border-top: 1px solid rgb(255 255 255 / 20%);
+}
+
+hr {
+    border-top: 1px solid rgb(var(--accent-color));
+}
+
+.list-group-item {
+    background-color: transparent;
+}
+
+.list-group-item.active,
+.list-group-item.active:focus,
+.list-group-item.active:hover {
+    background-color: rgb(var(--accent-color));
+    border-color: rgb(var(--accent-color));
+}
+
+/* PROGRESS BARS */
+.progress {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.progress-bar {
+    background-color: rgb(var(--accent-color));
+}
+
+.progress span {
+    color: var(--text-hover);
+}
+
+/* FOOTER */
+.main-panel>.footer {
+    background: rgb(0 0 0 / 0.25);
+}
+
+/* MOBILE */
+@media (max-width: 991px) {
+    .off-canvas-sidebar .sidebar-wrapper {
+        box-shadow: 0 0 10px 0px #000000;
+        background: var(--modal-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+
+    .off-canvas-sidebar .nav li.active>a:before,
+    .off-canvas-sidebar .nav>li.active>a:after {
+        border-left: 17px solid rgb(var(--accent-color));
+    }
+}
\ No newline at end of file
diff --git a/css/base/duplicacy/hotline-old.css b/css/base/duplicacy/hotline-old.css
new file mode 100644
index 00000000..0b18f66a
--- /dev/null
+++ b/css/base/duplicacy/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/duplicacy/hotline.css b/css/base/duplicacy/hotline.css
new file mode 100644
index 00000000..539a36cc
--- /dev/null
+++ b/css/base/duplicacy/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/duplicacy/hotpink.css b/css/base/duplicacy/hotpink.css
new file mode 100644
index 00000000..590b8122
--- /dev/null
+++ b/css/base/duplicacy/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/duplicacy/mind.css b/css/base/duplicacy/mind.css
new file mode 100644
index 00000000..d1cedd90
--- /dev/null
+++ b/css/base/duplicacy/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/duplicacy/nord.css b/css/base/duplicacy/nord.css
new file mode 100644
index 00000000..90dd44c5
--- /dev/null
+++ b/css/base/duplicacy/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/duplicacy/onedark.css b/css/base/duplicacy/onedark.css
new file mode 100644
index 00000000..6f2620af
--- /dev/null
+++ b/css/base/duplicacy/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/duplicacy/organizr.css b/css/base/duplicacy/organizr.css
new file mode 100644
index 00000000..8a314ef6
--- /dev/null
+++ b/css/base/duplicacy/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/duplicacy/overseerr.css b/css/base/duplicacy/overseerr.css
new file mode 100644
index 00000000..56c05881
--- /dev/null
+++ b/css/base/duplicacy/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/duplicacy/pine-shadow.css b/css/base/duplicacy/pine-shadow.css
new file mode 100644
index 00000000..2b738c62
--- /dev/null
+++ b/css/base/duplicacy/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/duplicacy/plex.css b/css/base/duplicacy/plex.css
new file mode 100644
index 00000000..a5bafb84
--- /dev/null
+++ b/css/base/duplicacy/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/duplicacy/power.css b/css/base/duplicacy/power.css
new file mode 100644
index 00000000..8698371f
--- /dev/null
+++ b/css/base/duplicacy/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/duplicacy/reality.css b/css/base/duplicacy/reality.css
new file mode 100644
index 00000000..27d300fc
--- /dev/null
+++ b/css/base/duplicacy/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/duplicacy/soul.css b/css/base/duplicacy/soul.css
new file mode 100644
index 00000000..284ae5fa
--- /dev/null
+++ b/css/base/duplicacy/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/duplicacy/space-gray.css b/css/base/duplicacy/space-gray.css
new file mode 100644
index 00000000..ea8269eb
--- /dev/null
+++ b/css/base/duplicacy/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/duplicacy/space.css b/css/base/duplicacy/space.css
new file mode 100644
index 00000000..6db023c7
--- /dev/null
+++ b/css/base/duplicacy/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/duplicacy/time.css b/css/base/duplicacy/time.css
new file mode 100644
index 00000000..2fc6837f
--- /dev/null
+++ b/css/base/duplicacy/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/duplicacy/trueblack.css b/css/base/duplicacy/trueblack.css
new file mode 100644
index 00000000..90801d5c
--- /dev/null
+++ b/css/base/duplicacy/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/duplicati/aquamarine.css b/css/base/duplicati/aquamarine.css
new file mode 100644
index 00000000..4ae634eb
--- /dev/null
+++ b/css/base/duplicati/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/duplicati/blackberry-abyss.css b/css/base/duplicati/blackberry-abyss.css
new file mode 100644
index 00000000..fc6a8f5a
--- /dev/null
+++ b/css/base/duplicati/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/duplicati/blackberry-amethyst.css b/css/base/duplicati/blackberry-amethyst.css
new file mode 100644
index 00000000..9205ac70
--- /dev/null
+++ b/css/base/duplicati/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/duplicati/blackberry-carol.css b/css/base/duplicati/blackberry-carol.css
new file mode 100644
index 00000000..35958354
--- /dev/null
+++ b/css/base/duplicati/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/duplicati/blackberry-dreamscape.css b/css/base/duplicati/blackberry-dreamscape.css
new file mode 100644
index 00000000..f76c1854
--- /dev/null
+++ b/css/base/duplicati/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/duplicati/blackberry-flamingo.css b/css/base/duplicati/blackberry-flamingo.css
new file mode 100644
index 00000000..5a332575
--- /dev/null
+++ b/css/base/duplicati/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/duplicati/blackberry-hearth.css b/css/base/duplicati/blackberry-hearth.css
new file mode 100644
index 00000000..e55be8f4
--- /dev/null
+++ b/css/base/duplicati/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/duplicati/blackberry-martian.css b/css/base/duplicati/blackberry-martian.css
new file mode 100644
index 00000000..538d060c
--- /dev/null
+++ b/css/base/duplicati/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/duplicati/blackberry-pumpkin.css b/css/base/duplicati/blackberry-pumpkin.css
new file mode 100644
index 00000000..ea60325e
--- /dev/null
+++ b/css/base/duplicati/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/duplicati/blackberry-royal.css b/css/base/duplicati/blackberry-royal.css
new file mode 100644
index 00000000..abd61d70
--- /dev/null
+++ b/css/base/duplicati/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/duplicati/blackberry-shadow.css b/css/base/duplicati/blackberry-shadow.css
new file mode 100644
index 00000000..ef78ec11
--- /dev/null
+++ b/css/base/duplicati/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/duplicati/blackberry-solar.css b/css/base/duplicati/blackberry-solar.css
new file mode 100644
index 00000000..4f49402c
--- /dev/null
+++ b/css/base/duplicati/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/duplicati/blackberry-vanta.css b/css/base/duplicati/blackberry-vanta.css
new file mode 100644
index 00000000..e148b103
--- /dev/null
+++ b/css/base/duplicati/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/duplicati/dark.css b/css/base/duplicati/dark.css
new file mode 100644
index 00000000..b0b45ffc
--- /dev/null
+++ b/css/base/duplicati/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/duplicati/dracula.css b/css/base/duplicati/dracula.css
new file mode 100644
index 00000000..8f56e523
--- /dev/null
+++ b/css/base/duplicati/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/duplicati/duplicati-base.css b/css/base/duplicati/duplicati-base.css
new file mode 100644
index 00000000..d91b8cc1
--- /dev/null
+++ b/css/base/duplicati/duplicati-base.css
@@ -0,0 +1,350 @@
+@import url("/css/defaults/placeholders.css");
+
+* {
+    outline: none !important;
+}
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text) !important;
+}
+
+body .container .header {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+body .container .footer {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.mainmenu {
+    background: initial;
+}
+
+.mainmenu ul li a {
+    background-color: initial !important;
+}
+
+.mainmenu ul li a.active {
+    background-color: initial !important;
+    color: var(--link-color-hover) !important;
+}
+
+body .container .header .action-icons>.pause,
+body .container .header .action-icons-small>.pause {
+    background: url(/resources/duplicati/pause.png);
+}
+
+body .container .header .action-icons>.throttle,
+body .container .header .action-icons-small>.throttle {
+    background: url(/resources/duplicati/throttle.png);
+}
+
+body .container .body .content div.add .steps .step.active span,
+body .container .body .content div.restore .steps .step.active span {
+    border: 4px var(--button-color) solid;
+    background: var(--button-color);
+    color: var(--button-text);
+}
+
+body .container .body .content div.add .steps-legend li.active,
+body .container .body .content div.restore .steps-legend li.active {
+    color: var(--link-color);
+}
+
+body .container .body .content div.add .steps .step span,
+body .container .body .content div.restore .steps .step span {
+    display: block;
+    border: 4px var(--button-color) solid;
+    background: var(--button-color);
+}
+
+body .container .body .content div.add .steps-legend li,
+body .container .body .content div.restore .steps-legend li {
+    color: var(--text-muted);
+}
+
+body .container .body .content div.add .steps .step,
+body .container .body .content div.restore .steps .step {
+    color: var(--button-text-hover);
+}
+
+a,
+a span:not(.tabs>li>a>span):not(.buttons>a>span),
+body .container .body a {
+    color: var(--link-color);
+}
+
+a:hover,
+a span:hover:not(.tabs>li>a>span):not(.buttons>a>span) {
+    color: var(--link-color-hover);
+}
+
+body .container .header a {
+    color: rgb(var(--accent-color))
+}
+
+body .container .header a:hover {
+    color: var(--accent-color-hover)
+}
+
+.taskmenu dt {
+    color: var(--text-hover) !important;
+}
+
+dt {
+    color: var(--text-hover) !important;
+}
+
+dd {
+    color: var(--text) !important;
+}
+
+.tasklist dd a,
+.tasklist dd p {
+    color: var(--link-color) !important;
+}
+
+.tasklist dd a:hover,
+.tasklist dd p:hover {
+    color: var(--link-color-hover) !important;
+}
+
+.action-icons {
+    color: var(--text-hover) !important;
+}
+
+.submit {
+    color: var(--button-text) !important;
+    background: var(--button-color) !important;
+}
+
+.submit:hover {
+    color: var(--button-text-hover) !important;
+    background: var(--button-color-hover) !important;
+}
+
+input,
+select,
+form.styled input,
+form.styled textarea,
+form.styled select,
+form.styled .input.select select {
+    color: var(--text);
+    border: none;
+    background: rgba(0, 0, 0, .25);
+}
+
+form.styled input:focus,
+form.styled textarea:focus {
+    color: var(--text-hover);
+    border: none;
+    background: rgba(0, 0, 0, .45);
+}
+
+select:focus,
+form.styled select:focus,
+form.styled .input.select select:focus {
+    background: #1f1f1f;
+    color: var(--text-hover);
+    border: none;
+
+}
+
+h1,
+h2 {
+    color: var(--text-hover);
+}
+
+body .container .header .state {
+    background: rgb(var(--accent-color), .1);
+    color: var(--text);
+    border-color: rgb(var(--accent-color));
+}
+
+/* DROP DOWN MENU */
+@media (max-width:1150px),
+(max-width:1150px) and (min-resolution:192dpi),
+(max-width:1150px) and (min-resolution:1.25dppx) {
+    body .container .body .mainmenu {
+        background: var(--drop-down-menu-bg) !important;
+    }
+
+}
+
+body .container .body .contextmenu {
+    display: none;
+    position: absolute;
+    background: var(--drop-down-menu-bg);
+    border: 1px rgba(255, 255, 255, 0.1) solid;
+    box-shadow: 0 4px 8px rgb(0 0 0 / 30%);
+    z-index: 200;
+    padding: 5px;
+}
+
+body .container .body .contextmenu li a:hover {
+    background: rgba(255, 255, 255, 0.25);
+    color: var(--text-hover);
+}
+
+body .container .body .mainmenu>ul>li>a.home {
+    background: url(/resources/duplicati/home.png) no-repeat 8px 7px;
+}
+
+body .container .body .mainmenu>ul>li>a.add {
+    background: url(/resources/duplicati/add.png) no-repeat 8px 7px;
+}
+
+body .container .body .mainmenu>ul>li>a.restore {
+    background: url(/resources/duplicati/restore.png) no-repeat 8px 7px;
+}
+
+body .container .body .mainmenu>ul>li>a.settings {
+    background: url(/resources/duplicati/settings.png) no-repeat 8px 7px;
+}
+
+body .container .body .mainmenu>ul>li>a.about {
+    background: url(/resources/duplicati/about.png) no-repeat 8px 7px;
+}
+
+body .container .body .mainmenu>ul>li>a.logout {
+    background: url(/resources/duplicati/logout.png) no-repeat 8px 7px;
+}
+
+#threedotmenu_add_destination>ul>li>a>span {
+    color: var(--text) !important;
+}
+
+
+/* MODAL */
+
+div.connection-lost div.title,
+div.modal-dialog div.title {
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    background: var(--modal-bg-color);
+    border-radius: 5px 5px 0 0;
+    padding: 10px 20px;
+    font-weight: bold;
+    color: var(--text);
+    text-align: center;
+}
+
+div.connection-lost div.content,
+div.modal-dialog div.content {
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    background: var(--modal-bg-color);
+    padding: 20px;
+}
+
+
+/* BUTTONS */
+
+#login-button {
+    cursor: pointer;
+}
+
+.button,
+form.styled .buttons input,
+form.styled .buttons a {
+    display: block;
+    background: var(--button-color);
+    color: var(--button-text) !important;
+    padding: 5px 15px;
+    float: right;
+    margin-left: 10px;
+    cursor: pointer;
+    width: auto;
+    border: none;
+    font-family: 'Clear Sans', sans-serif;
+    font-size: 16px;
+    font-weight: 300;
+    border-radius: 0;
+}
+
+.button:hover,
+form.styled .buttons input:hover,
+form.styled .buttons a:hover {
+    background: var(--button-color-hover);
+    color: var(--button-text-hover) !important;
+}
+
+ul.tabs>li.active>a {
+    background: var(--button-color-hover);
+    color: var(--button-text-hover) !important;
+}
+
+ul.tabs>li.active {
+    background-color: var(--button-color);
+    color: var(--button-text-hover);
+}
+
+
+ul.tabs>li {
+    display: inline;
+    margin-right: 10px;
+    border: 1px solid var(--button-color);
+    padding: 5px;
+}
+
+/* FOLDER TREE*/
+.tree-view li div.selected {
+    border-color: rgba(255, 255, 255, .1);
+    background-color: rgba(252, 252, 252, .25);
+}
+
+
+/* PROGRESS BAR */
+body .container .header .state .progress-bar {
+    background: rgba(var(--accent-color), 0.25);
+}
+
+/* LOGIN */
+#login h2 {
+    background: rgba(255, 255, 255, .15);
+    color: var(--text);
+}
+
+#login fieldset p {
+    color: var(--text-hover);
+}
+
+#login fieldset {
+    background-color: rgba(255, 255, 255, .15);
+}
+
+#login fieldset input[type="submit"] {
+    background: var(--button-color);
+    color: var(--button-text);
+}
+
+#login fieldset input[type="submit"]:hover {
+    background: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+#login fieldset input[type="email"],
+#login fieldset input[type="password"] {
+    background: rgba(0, 0, 0, .25);
+    color: var(--text);
+}
\ No newline at end of file
diff --git a/css/base/duplicati/hotline-old.css b/css/base/duplicati/hotline-old.css
new file mode 100644
index 00000000..ef02b7e6
--- /dev/null
+++ b/css/base/duplicati/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/duplicati/hotline.css b/css/base/duplicati/hotline.css
new file mode 100644
index 00000000..446f1a8d
--- /dev/null
+++ b/css/base/duplicati/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/duplicati/hotpink.css b/css/base/duplicati/hotpink.css
new file mode 100644
index 00000000..bf27e4dc
--- /dev/null
+++ b/css/base/duplicati/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/duplicati/mind.css b/css/base/duplicati/mind.css
new file mode 100644
index 00000000..181367ec
--- /dev/null
+++ b/css/base/duplicati/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/duplicati/nord.css b/css/base/duplicati/nord.css
new file mode 100644
index 00000000..44bad6e8
--- /dev/null
+++ b/css/base/duplicati/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/duplicati/onedark.css b/css/base/duplicati/onedark.css
new file mode 100644
index 00000000..269b0402
--- /dev/null
+++ b/css/base/duplicati/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/duplicati/organizr.css b/css/base/duplicati/organizr.css
new file mode 100644
index 00000000..32f3d9c8
--- /dev/null
+++ b/css/base/duplicati/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/duplicati/overseerr.css b/css/base/duplicati/overseerr.css
new file mode 100644
index 00000000..2e45c48f
--- /dev/null
+++ b/css/base/duplicati/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/duplicati/pine-shadow.css b/css/base/duplicati/pine-shadow.css
new file mode 100644
index 00000000..b14c4e7c
--- /dev/null
+++ b/css/base/duplicati/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/duplicati/plex.css b/css/base/duplicati/plex.css
new file mode 100644
index 00000000..69b1cae3
--- /dev/null
+++ b/css/base/duplicati/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/duplicati/power.css b/css/base/duplicati/power.css
new file mode 100644
index 00000000..223ba68a
--- /dev/null
+++ b/css/base/duplicati/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/duplicati/reality.css b/css/base/duplicati/reality.css
new file mode 100644
index 00000000..2803b711
--- /dev/null
+++ b/css/base/duplicati/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/duplicati/soul.css b/css/base/duplicati/soul.css
new file mode 100644
index 00000000..501a7f80
--- /dev/null
+++ b/css/base/duplicati/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/duplicati/space-gray.css b/css/base/duplicati/space-gray.css
new file mode 100644
index 00000000..65a4452b
--- /dev/null
+++ b/css/base/duplicati/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/duplicati/space.css b/css/base/duplicati/space.css
new file mode 100644
index 00000000..babd4573
--- /dev/null
+++ b/css/base/duplicati/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/duplicati/time.css b/css/base/duplicati/time.css
new file mode 100644
index 00000000..87185138
--- /dev/null
+++ b/css/base/duplicati/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/duplicati/trueblack.css b/css/base/duplicati/trueblack.css
new file mode 100644
index 00000000..a38e99c3
--- /dev/null
+++ b/css/base/duplicati/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/emby/aquamarine.css b/css/base/emby/aquamarine.css
new file mode 100644
index 00000000..2cb75b66
--- /dev/null
+++ b/css/base/emby/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/emby/blackberry-abyss.css b/css/base/emby/blackberry-abyss.css
new file mode 100644
index 00000000..c960f7c7
--- /dev/null
+++ b/css/base/emby/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/emby/blackberry-amethyst.css b/css/base/emby/blackberry-amethyst.css
new file mode 100644
index 00000000..c58ec518
--- /dev/null
+++ b/css/base/emby/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/emby/blackberry-carol.css b/css/base/emby/blackberry-carol.css
new file mode 100644
index 00000000..b1dafc81
--- /dev/null
+++ b/css/base/emby/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/emby/blackberry-dreamscape.css b/css/base/emby/blackberry-dreamscape.css
new file mode 100644
index 00000000..80bd7ae4
--- /dev/null
+++ b/css/base/emby/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/emby/blackberry-flamingo.css b/css/base/emby/blackberry-flamingo.css
new file mode 100644
index 00000000..06cafee9
--- /dev/null
+++ b/css/base/emby/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/emby/blackberry-hearth.css b/css/base/emby/blackberry-hearth.css
new file mode 100644
index 00000000..0ef5df30
--- /dev/null
+++ b/css/base/emby/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/emby/blackberry-martian.css b/css/base/emby/blackberry-martian.css
new file mode 100644
index 00000000..4c4b5299
--- /dev/null
+++ b/css/base/emby/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/emby/blackberry-pumpkin.css b/css/base/emby/blackberry-pumpkin.css
new file mode 100644
index 00000000..ff4cf76c
--- /dev/null
+++ b/css/base/emby/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/emby/blackberry-royal.css b/css/base/emby/blackberry-royal.css
new file mode 100644
index 00000000..f549a814
--- /dev/null
+++ b/css/base/emby/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/emby/blackberry-shadow.css b/css/base/emby/blackberry-shadow.css
new file mode 100644
index 00000000..caddeeff
--- /dev/null
+++ b/css/base/emby/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/emby/blackberry-solar.css b/css/base/emby/blackberry-solar.css
new file mode 100644
index 00000000..e104f0c2
--- /dev/null
+++ b/css/base/emby/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/emby/blackberry-vanta.css b/css/base/emby/blackberry-vanta.css
new file mode 100644
index 00000000..6074f3d9
--- /dev/null
+++ b/css/base/emby/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/emby/dark.css b/css/base/emby/dark.css
new file mode 100644
index 00000000..c0344dc4
--- /dev/null
+++ b/css/base/emby/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/emby/dracula.css b/css/base/emby/dracula.css
new file mode 100644
index 00000000..66d260b5
--- /dev/null
+++ b/css/base/emby/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/emby/emby-base.css b/css/base/emby/emby-base.css
new file mode 100644
index 00000000..b4ea5322
--- /dev/null
+++ b/css/base/emby/emby-base.css
@@ -0,0 +1,747 @@
+:root {
+    --theme-primary-color: var(--accent-color);
+    --theme-text-color: var(--text);
+    --theme-text-color-opaque: var(--text-hover);
+    --theme-accent-text-color: var(--accent-color);
+    --theme-primary-color-lightened: var(--accent-color-hover);
+    --theme-icon-focus-background: rgba(var(--accent-color), 0.2);
+
+    --theme-background: var(--main-bg-color);
+    --header-blur-background: rgba(20,20,20,0.66);
+    --drawer-background: #2C2C2E;
+    --docked-drawer-background: rgba(0, 0, 0, 0.25);
+    --button-background: var(--button-color);
+    --card-background: rgba(0, 0, 0, 0.15);
+    --footer-background: var(--modal-footer-color);
+    --footer-blur-background: rgba(29,29,31,0.66);
+    
+    --header-background: var(--theme-background);
+    --theme-body-secondary-text-color: rgba(255, 255, 255, .6);
+    --line-background: rgba(255, 255, 255, .08);
+    --line-size: .08em;
+    --scrollbar-thumb-background: rgba(255,255,255,.3);
+}
+
+@media (pointer: fine) {
+    :not(.layout-tv):root {
+        --theme-background: var(--main-bg-color);
+        --header-blur-background: rgba(20,20,20,0.66);
+        --drawer-background: #2C2C2E;
+        --docked-drawer-background: rgba(0, 0, 0, 0.25);
+        --button-background: #1f1f1f;
+        --card-background: rgba(0, 0, 0, 0.15);
+        --footer-background: var(--modal-footer-color);
+        --footer-blur-background: rgba(29,29,31,0.66);
+    }
+}
+
+.layout-tv:root {
+    --theme-background: var(--main-bg-color);
+    --header-blur-background: rgba(20,20,20,0.66);
+    --drawer-background: #2C2C2E;
+    --docked-drawer-background: rgba(0, 0, 0, 0.25);
+    --button-background: #1f1f1f;
+    --card-background: rgba(0, 0, 0, 0.15);
+    --footer-background: var(--modal-footer-color);
+    --footer-blur-background: rgba(29,29,31,0.66);
+}
+
+/*TP CUSTOM */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.inputLabel,
+label {
+    color: var(--text-hover);
+}
+
+a:not(.emby-button),
+.cardText.cardTextCentered.cardText-first>button {
+    color: var(--link-color) !important;
+}
+
+a:hover:not(.emby-button),
+.cardText.cardTextCentered.cardText-first>button:hover {
+    color: var(--link-color-hover) !important;
+}
+
+/*TP END*/
+
+html {
+    color: var(--theme-text-color);
+    scrollbar-color: var(--scrollbar-thumb-background) transparent
+}
+
+.emby-collapsible-button {
+    border-color: var(--line-background) !important
+}
+
+.skinHeader-withBackground.skinHeader-withfulldrawer {
+    border-bottom: .08em solid var(--line-background)
+}
+
+.skinHeader-withBackground {
+    background: var(--header-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.appfooter,
+.formDialogFooter:not(.formDialogFooter-clear) {
+    background: var(--footer-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.formDialogHeader:not(.formDialogHeader-clear) {
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.dialog {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+    .skinHeader-withBackground {
+        background: var(--header-blur-background);
+        -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
+        backdrop-filter: saturate(1.8) blur(1.5em)
+    }
+
+    .appfooter-withbackdropfilter {
+        background: var(--footer-blur-background);
+        -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
+        backdrop-filter: saturate(1.8) blur(1.5em)
+    }
+}
+
+.skinHeader.semiTransparent {
+    -webkit-backdrop-filter: none !important;
+    backdrop-filter: none !important;
+    background-color: rgba(0, 0, 0, .3);
+    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));
+    background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
+    background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
+    background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+    border-bottom: 0;
+    color: rgba(255, 255, 255, .87)
+}
+
+.pageTitleWithDefaultLogo {
+    background-image: url(/resources/emby/logowhite.png)
+}
+
+.backgroundContainer,
+html {
+    background: var(--theme-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.backgroundContainer.withBackdrop {
+    background-color: rgba(0, 0, 0, .83)
+}
+
+@media not all and (min-width: 50em) {
+    .itemBackgroundContainer.withBackdrop {
+        background: var(--theme-background);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+.paper-icon-button-light-tv:focus,
+.paper-icon-button-light:active {
+    color: rgb(var(--theme-primary-color));
+    background-color: var(--theme-icon-focus-background)
+}
+
+@media(hover: hover) and (pointer:fine) {
+    .paper-icon-button-light:focus {
+        color: rgb(var(--theme-primary-color));
+        background-color: var(--theme-icon-focus-background)
+    }
+}
+
+.detailButton-icon,
+.fab,
+.raised:not(.raised-mini) {
+    background: var(--button-color);
+    color: var(--button-text);
+}
+
+.detailButton-icon {
+    border-color: rgba(255, 255, 255, .3)
+}
+
+.emby-select-withcolor {
+    color: inherit;
+    background: rgba(0, 0, 0, 0.25);
+    border: var(--line-size) solid transparent
+}
+
+.toast {
+    background: var(--button-background);
+    color: var(--theme-text-color)
+}
+
+@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+
+    .detailButton-icon,
+    .emby-select-withcolor.detailTrackSelect,
+    .fab,
+    .raised:not(.nobackdropfilter) {
+        background: rgba(85, 85, 85, .3);
+        -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
+        backdrop-filter: saturate(1.8) blur(1.5em)
+    }
+
+    .dialog-blur,
+    .toast {
+        color: var(--text-hover);
+        background: rgba(56, 56, 56, .76);
+        -webkit-backdrop-filter: blur(2.5em) saturate(1.8);
+        backdrop-filter: blur(2.5em) saturate(1.8);
+        -webkit-box-shadow: none !important;
+        box-shadow: none !important
+    }
+
+    .toast-large {
+        color: rgba(255, 255, 255, .87)
+    }
+}
+
+.fab:focus,
+.raised:focus {
+    background: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+.button-submit:not(.emby-button-tv) {
+    background: var(--button-color);
+    color: var(--button-text)
+}
+
+.button-submit:not(.emby-button-tv):focus,
+.button-submit:not(.emby-button-tv):hover {
+    background: var(--button-color-hover);
+    color: var(--button-text-hover)
+}
+
+.emby-select-withcolor>option {
+    color: inherit;
+    background: var(--button-background)
+}
+
+.emby-select-withcolor:focus {
+    border-color: rgb(var(--theme-primary-color)) !important
+}
+
+.emby-select-tv-withcolor:focus {
+    background-color: rgb(var(--theme-primary-color)) !important;
+    color: var(--text-hover) !important
+}
+
+.checkboxLabel {
+    color: inherit
+}
+
+.emby-checkbox-focusring:focus:before {
+    background-color: var(--theme-icon-focus-background)
+}
+
+.inputLabelFocused,
+.selectLabelFocused,
+.textareaLabelFocused {
+    color: rgb(var(--accent-color))
+}
+
+.button-link {
+    color: var(--link-color)
+}
+
+.button-flat-accent {
+    color: rgb(var(--accent-color))
+}
+
+.paperList,
+.visualCardBox {
+    background-color: var(--card-background)
+}
+
+.collapseContent {
+    border: var(--line-size) solid var(--line-background)
+}
+
+.fieldDescription,
+.listItemBodyText-secondary,
+.secondaryText {
+    color: var(--theme-body-secondary-text-color)
+}
+
+.cardText-secondary {
+    color: var(--text)
+}
+
+.cardText-first {
+    color: var(--theme-text-color-opaque)
+}
+
+.actionsheetDivider {
+    background: var(--line-background)
+}
+
+@media(hover: hover) and (pointer:fine) {
+    .actionSheetMenuItem:hover {
+        background-color: rgba(255, 255, 255, .2)
+    }
+}
+
+.selectionCommandsPanel {
+    background: rgb(var(--theme-primary-color));
+    color: var(--label-text-color);
+}
+
+.itemSelectionCount {
+    color: var(--label-text-color) !important;
+
+}
+
+.upNextDialog-countdownText {
+    color: rgb(var(--theme-primary-color))
+}
+
+.alphaPickerButton {
+    color: var(--theme-body-secondary-text-color);
+    background-color: transparent
+}
+
+.alphaPickerButton-selected {
+    color: var(--theme-text-color-opaque)
+}
+
+.alphaPickerButton-tv:focus {
+    background-color: rgb(var(--theme-primary-color));
+    color: var(--text-hover) !important
+}
+
+.detailTableBodyRow-shaded:nth-child(even) {
+    background: #1c1c1c;
+    background: rgba(30, 30, 30, .9)
+}
+
+.listItem-border {
+    border-color: var(--line-background) !important
+}
+
+.listItem-focusscale:focus {
+    background: rgba(54, 54, 54, .8)
+}
+
+.progressring-spiner {
+    border-color: rgb(var(--theme-primary-color))
+}
+
+.mediaInfoText {
+    background: var(--button-background)
+}
+
+.starIcon {
+    color: #cb272a
+}
+
+.mediaInfoTimerIcon {
+    color: #cb272a
+}
+
+.emby-input,
+.emby-textarea {
+    color: inherit;
+    background: rgb(0 0 0 / 25%);
+    border: var(--line-size) solid rgba(255, 255, 255, 0.1)
+}
+
+.emby-input:focus,
+.emby-textarea:focus {
+    border-color: rgb(var(--theme-primary-color))
+}
+
+.emby-checkbox:checked+span:before {
+    border-color: currentColor
+}
+
+.emby-checkbox:checked+span:before {
+    border-color: rgb(var(--theme-primary-color)) !important;
+    background-color: rgb(var(--theme-primary-color)) !important;
+
+}
+
+.checkboxLabel::after {
+    color: var(--label-text-color);
+}
+
+.itemProgressBarForeground {
+    background-color: rgb(var(--theme-primary-color))
+}
+
+.itemProgressBarForeground-recording {
+    background-color: #cb272a
+}
+
+.countIndicator {
+    background: rgb(var(--theme-primary-color));
+    color: var(--label-text-color);
+}
+
+.playedIndicator {
+    background: rgb(var(--theme-primary-color))
+}
+
+.mainDrawer {
+    background: var(--drawer-background)
+}
+
+.drawer-docked {
+    background: var(--docked-drawer-background);
+    border-right: var(--line-size) solid var(--line-background)
+}
+
+@media(hover: hover) and (pointer:fine) {
+    .navMenuOption:hover {
+        background: #303030
+    }
+}
+
+.navMenuOption-selected {
+    background-color: var(--theme-icon-focus-background) !important;
+    color: rgb(var(--accent-color))
+}
+
+.emby-button-focusscale:focus,
+.emby-button-focusscale:focus .detailButton-icon {
+    background: rgb(var(--theme-primary-color));
+    color: var(--text-hover)
+}
+
+.emby-tab-button {
+    color: var(--theme-body-secondary-text-color)
+}
+
+.emby-tab-button-active {
+    color: rgb(var(--accent-color))
+}
+
+.emby-tab-button-active.emby-button-tv {
+    color: var(--theme-text-color-opaque)
+}
+
+.emby-tab-button.emby-button-tv:focus {
+    color: rgb(var(--accent-color));
+    background: 0 0
+}
+
+.emby-button {
+    outline-color: rgb(var(--theme-primary-color))
+}
+
+.channelCell,
+.guide-headerTimeslots,
+.timeslotHeaders {
+    background: var(--theme-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+@media (pointer: coarse) {
+    .channelCell-mobilefocus {
+        background: var(--theme-background) !important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+.channelCell-mobilefocus:not(:focus-visible) {
+    background: var(--theme-background) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.channelCell-mobilefocus:not(:-moz-focusring) {
+    background: var(--theme-background) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.channelCell,
+.epgRow,
+.programCell {
+    border-color: rgba(255, 255, 255, .05)
+}
+
+.guide-currentTimeIndicatorDot {
+    border-right-color: var(--theme-icon-focus-background)
+}
+
+.guide-currentTimeIndicatorDot:after {
+    border-top-color: rgb(var(--theme-primary-color))
+}
+
+.firstChannelCell {
+    border-color: transparent
+}
+
+.programCell-sports {
+    background: #3949ab !important
+}
+
+.programCell-movie {
+    background: #5e35b1 !important
+}
+
+.programCell-kids {
+    background: #039be5 !important
+}
+
+.programCell-news {
+    background: #43a047 !important
+}
+
+.channelCell:focus,
+.programCell:focus {
+    background-color: rgb(var(--theme-primary-color));
+    color: var(--text-hover)
+}
+
+.guide-programTextIcon {
+    color: #1e1e1e;
+    background: #555
+}
+
+.infoBanner {
+    background: var(--card-background);
+    padding: 1em;
+    -webkit-border-radius: .3em;
+    border-radius: .3em
+}
+
+.ratingbutton-icon-withrating {
+    color: #c33 !important
+}
+
+.downloadbutton-icon-on {
+    color: #4285f4
+}
+
+.downloadbutton-icon-complete {
+    color: #4285f4
+}
+
+.playstatebutton-icon-played {
+    color: #c33 !important
+}
+
+.repeatButton-active {
+    color: #4285f4
+}
+
+.card:focus .card-focuscontent {
+    border-color: rgb(var(--theme-primary-color))
+}
+
+.cardContent-button {
+    background-color: transparent
+}
+
+.cardContent-shadow {
+    background-color: var(--card-background)
+}
+
+.defaultCardBackground0 {
+    background-color: var(--card-background)
+}
+
+.defaultCardBackground1 {
+    background-color: #d2b019
+}
+
+.defaultCardBackground2 {
+    background-color: #338abb
+}
+
+.defaultCardBackground3 {
+    background-color: #6b689d
+}
+
+.defaultCardBackground4 {
+    background-color: #dd452b
+}
+
+.defaultCardBackground5 {
+    background-color: #5ccea9
+}
+
+.cardOverlayButtonIcon {
+    background-color: rgb(var(--theme-primary-color))
+}
+
+.cardScalable.cardPadder-portrait>div>button>i {
+    color: var(--label-text-color) !important;
+}
+
+::-webkit-scrollbar-track-piece {
+    background-color: transparent
+}
+
+::-webkit-scrollbar-thumb {
+    background: var(--scrollbar-thumb-background)
+}
+
+.emby-slider-background {
+    background: var(--scrollbar-thumb-background)
+}
+
+.emby-slider {
+    color: rgb(var(--theme-primary-color))
+}
+
+.emby-slider::-moz-range-track {
+    background: #444
+}
+
+.emby-slider::-moz-range-progress {
+    background: rgb(var(--theme-primary-color))
+}
+
+.emby-slider::-webkit-slider-thumb {
+    background: rgb(var(--theme-primary-color))
+}
+
+.emby-slider::-moz-range-thumb {
+    background: rgb(var(--theme-primary-color))
+}
+
+.emby-slider::-ms-thumb {
+    background: rgb(var(--theme-primary-color))
+}
+
+.emby-slider-background-lower {
+    background-color: rgb(var(--theme-primary-color))
+}
+
+.scrollbuttoncontainer {
+    color: var(--text-hover);
+    background: rgba(20, 20, 20, .5)
+}
+
+.recordingIcon-active {
+    color: #c33 !important
+}
+
+.drawerLogo {
+    background-image: url(/resources/emby/logowhite.png);
+    border-bottom-color: var(--line-background)
+}
+
+.searchTabsContainer {
+    border-bottom: var(--line-size) solid var(--line-background)
+}
+
+.emby-search-tab-button.emby-tab-button-active {
+    background: rgb(var(--accent-color)) !important
+}
+
+.textActionButton.dragging {
+    background: var(--button-background) !important
+}
+
+.dragging-over.full-drop-target {
+    background: rgb(var(--theme-primary-color)) !important;
+    color: var(--text-hover) !important
+}
+
+.dragging-over-top:before {
+    background: rgb(var(--accent-color))
+}
+
+.dragging-over-bottom:after {
+    background: rgb(var(--accent-color))
+}
+
+@media (hover: hover) and (pointer: fine) {
+    .navMenuOption:hover:not(.navMenuOption-selected) {
+        background: 0 !important;
+        color: var(--accent-color-hover);
+    }
+}
+
+.mainDrawer {
+    background: var(--header-blur-background);
+    -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
+    backdrop-filter: saturate(1.8) blur(1.5em);
+}
+
+.jstree-default .jstree-clicked {
+    background: rgb(var(--accent-color));
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+    color: var(--label-text-color) !important;
+}
\ No newline at end of file
diff --git a/css/base/emby/hotline-old.css b/css/base/emby/hotline-old.css
new file mode 100644
index 00000000..1dda771c
--- /dev/null
+++ b/css/base/emby/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/emby/hotline.css b/css/base/emby/hotline.css
new file mode 100644
index 00000000..a12259e9
--- /dev/null
+++ b/css/base/emby/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/emby/hotpink.css b/css/base/emby/hotpink.css
new file mode 100644
index 00000000..1055fe00
--- /dev/null
+++ b/css/base/emby/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/emby/mind.css b/css/base/emby/mind.css
new file mode 100644
index 00000000..51f812fa
--- /dev/null
+++ b/css/base/emby/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/emby/nord.css b/css/base/emby/nord.css
new file mode 100644
index 00000000..6ceeea54
--- /dev/null
+++ b/css/base/emby/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/emby/onedark.css b/css/base/emby/onedark.css
new file mode 100644
index 00000000..f0e53013
--- /dev/null
+++ b/css/base/emby/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/emby/organizr.css b/css/base/emby/organizr.css
new file mode 100644
index 00000000..0857c2f7
--- /dev/null
+++ b/css/base/emby/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/emby/overseerr.css b/css/base/emby/overseerr.css
new file mode 100644
index 00000000..e14c7e1c
--- /dev/null
+++ b/css/base/emby/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/emby/pine-shadow.css b/css/base/emby/pine-shadow.css
new file mode 100644
index 00000000..7d9ded1a
--- /dev/null
+++ b/css/base/emby/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/emby/plex.css b/css/base/emby/plex.css
new file mode 100644
index 00000000..6b68c2e3
--- /dev/null
+++ b/css/base/emby/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/emby/power.css b/css/base/emby/power.css
new file mode 100644
index 00000000..430ddfae
--- /dev/null
+++ b/css/base/emby/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/emby/reality.css b/css/base/emby/reality.css
new file mode 100644
index 00000000..38683688
--- /dev/null
+++ b/css/base/emby/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/emby/soul.css b/css/base/emby/soul.css
new file mode 100644
index 00000000..a2480999
--- /dev/null
+++ b/css/base/emby/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/emby/space-gray.css b/css/base/emby/space-gray.css
new file mode 100644
index 00000000..db3e780a
--- /dev/null
+++ b/css/base/emby/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/emby/space.css b/css/base/emby/space.css
new file mode 100644
index 00000000..79e7ab90
--- /dev/null
+++ b/css/base/emby/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/emby/time.css b/css/base/emby/time.css
new file mode 100644
index 00000000..8de8ffc2
--- /dev/null
+++ b/css/base/emby/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/emby/trueblack.css b/css/base/emby/trueblack.css
new file mode 100644
index 00000000..59cd22ba
--- /dev/null
+++ b/css/base/emby/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/filebrowser/aquamarine.css b/css/base/filebrowser/aquamarine.css
new file mode 100644
index 00000000..35c53314
--- /dev/null
+++ b/css/base/filebrowser/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/filebrowser/blackberry-abyss.css b/css/base/filebrowser/blackberry-abyss.css
new file mode 100644
index 00000000..4490e7ef
--- /dev/null
+++ b/css/base/filebrowser/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/filebrowser/blackberry-amethyst.css b/css/base/filebrowser/blackberry-amethyst.css
new file mode 100644
index 00000000..b2f06bfa
--- /dev/null
+++ b/css/base/filebrowser/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/filebrowser/blackberry-carol.css b/css/base/filebrowser/blackberry-carol.css
new file mode 100644
index 00000000..c6a2670b
--- /dev/null
+++ b/css/base/filebrowser/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/filebrowser/blackberry-dreamscape.css b/css/base/filebrowser/blackberry-dreamscape.css
new file mode 100644
index 00000000..377b3761
--- /dev/null
+++ b/css/base/filebrowser/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/filebrowser/blackberry-flamingo.css b/css/base/filebrowser/blackberry-flamingo.css
new file mode 100644
index 00000000..3c924083
--- /dev/null
+++ b/css/base/filebrowser/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/filebrowser/blackberry-hearth.css b/css/base/filebrowser/blackberry-hearth.css
new file mode 100644
index 00000000..eea54a48
--- /dev/null
+++ b/css/base/filebrowser/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/filebrowser/blackberry-martian.css b/css/base/filebrowser/blackberry-martian.css
new file mode 100644
index 00000000..7418d43b
--- /dev/null
+++ b/css/base/filebrowser/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/filebrowser/blackberry-pumpkin.css b/css/base/filebrowser/blackberry-pumpkin.css
new file mode 100644
index 00000000..01a328b6
--- /dev/null
+++ b/css/base/filebrowser/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/filebrowser/blackberry-royal.css b/css/base/filebrowser/blackberry-royal.css
new file mode 100644
index 00000000..7232cfc9
--- /dev/null
+++ b/css/base/filebrowser/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/filebrowser/blackberry-shadow.css b/css/base/filebrowser/blackberry-shadow.css
new file mode 100644
index 00000000..23fba9ae
--- /dev/null
+++ b/css/base/filebrowser/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/filebrowser/blackberry-solar.css b/css/base/filebrowser/blackberry-solar.css
new file mode 100644
index 00000000..99887b72
--- /dev/null
+++ b/css/base/filebrowser/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/filebrowser/blackberry-vanta.css b/css/base/filebrowser/blackberry-vanta.css
new file mode 100644
index 00000000..9f9db5fb
--- /dev/null
+++ b/css/base/filebrowser/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/filebrowser/dark.css b/css/base/filebrowser/dark.css
new file mode 100644
index 00000000..4cdd8ecf
--- /dev/null
+++ b/css/base/filebrowser/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/filebrowser/dracula.css b/css/base/filebrowser/dracula.css
new file mode 100644
index 00000000..07bc4659
--- /dev/null
+++ b/css/base/filebrowser/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/filebrowser/filebrowser-base.css b/css/base/filebrowser/filebrowser-base.css
new file mode 100644
index 00000000..2a15beff
--- /dev/null
+++ b/css/base/filebrowser/filebrowser-base.css
@@ -0,0 +1,684 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+/* PLACEHOLDERS */
+input::-webkit-input-placeholder {
+    color: var(--text);
+}
+
+input:focus::-webkit-input-placeholder {
+    color: var(--text-hover);
+}
+
+/* Firefox < 19 */
+input:-moz-placeholder {
+    color: var(--text);
+}
+
+input:focus:-moz-placeholder {
+    color: var(--text-hover);
+}
+
+/* Firefox > 19 */
+input::-moz-placeholder {
+    color: var(--text);
+}
+
+input:focus::-moz-placeholder {
+    color: var(--text-hover);
+}
+
+/* Internet Explorer 10 */
+input:-ms-input-placeholder {
+    color: var(--text);
+}
+
+input:focus:-ms-input-placeholder {
+    color: var(--text-hover);
+}
+
+.message {
+    color: var(--text-hover);
+}
+
+#login {
+    min-height: 100%;
+    height: auto;
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+body {
+
+    color: var(--text);
+    font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+th {
+    color: var(--text-hover) !important;
+}
+
+#login input[type=password],
+#login input[type=text] {
+    color: var(--text-hover) !important;
+    background-color: rgba(0, 0, 0, 0.15) !important;
+    border: none;
+}
+
+#loading {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+#loading .spinner * {
+    background-color: #FFF !important;
+}
+
+html {
+    min-height: 100%;
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+@media (max-width: 736px) {
+
+    nav,
+    nav.active {
+        background: var(--modal-bg-color) !important;
+    }
+
+    #dropdown.active {
+        background: var(--drop-down-menu-bg) !important;
+    }
+}
+
+nav {
+    background: rgba(0, 0, 0, .45);
+    height: 100%;
+    top: 64px;
+    width: 240px;
+}
+
+.overlay:not(nav) {
+    background-color: transparent;
+}
+
+nav .action {
+    color: var(--text);
+    font-size: 13px;
+    font-family: Open Sans Semibold, Helvetica Neue, Helvetica, Arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    padding-top: 0px;
+    padding-bottom: 0px;
+}
+
+nav .action:hover {
+    background-color: rgba(255, 255, 255, 0.05);
+    color: rgb(var(--accent-color));
+}
+
+nav>div {
+    border-top: none;
+}
+
+header {
+    background: rgba(0, 0, 0, 0.25);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-bottom: transparent;
+    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);
+}
+
+header>div:first-child {
+    height: 60px;
+}
+
+body {
+    padding-top: 60px;
+}
+
+.shell {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: rgb(var(--accent-color));
+}
+
+.shell__prompt i {
+    color: rgb(var(--accent-color));
+}
+
+.action {
+    color: var(--text-hover);
+}
+
+#listing.list .item {
+    background-color: rgba(0, 0, 0, .15);
+    color: var(--text);
+    border: none;
+}
+
+#listing.list .item:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+    border: none;
+    transition: .4s;
+}
+
+#listing.list .item.header {
+    background-color: rgba(0, 0, 0, .45);
+    color: var(--text-hover);
+    border-bottom: none;
+    right: auto;
+}
+
+.material-icons,
+.prompt .file-list ul li:before {
+    color: rgb(var(--accent-color));
+}
+
+.action:hover {
+    background-color: rgba(var(--accent-color), .1);
+}
+
+.action .counter {
+    background: rgb(var(--accent-color));
+    color: var(--label-text-color);
+    border: 2px solid var(--label-text-color);
+}
+
+.share__box {
+    background: transparent;
+}
+
+.share__box__info {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.share__box__download {
+    background: rgb(var(--accent-color));
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+.share__box__element {
+    border-top: 1px solid rgb(255 255 255 / 10%);
+}
+
+svg {
+    fill: rgb(var(--accent-color)) !important;
+}
+
+#listing.list .item div:first-of-type i {
+    color: rgb(var(--accent-color));
+}
+
+#listing .item i {
+    color: rgb(var(--accent-color));
+}
+
+#listing.mosaic:hover .item:hover i:hover {
+    color: var(--accent-color-hover);
+}
+
+#listing .item[aria-selected=true] {
+    background-color: rgba(255, 255, 255, 0.2) !important;
+    color: var(--text-hover) !important;
+}
+
+#listing h2 {
+    color: var(--text-hover);
+}
+
+#listing #multiple-selection {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+#breadcrumbs span a {
+    color: var(--text-hover);
+}
+
+#breadcrumbs {
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+#listing .item {
+    background-color: rgba(0, 0, 0, .15);
+    color: var(--text);
+    border: none;
+}
+
+.input {
+    background: rgba(0, 0, 0, 0.25);
+    color: var(--text-hover);
+}
+
+select>option {
+    background: #1f1f1f;
+}
+
+#search #input {
+    background: #fff;
+    display: flex;
+    padding: 10px;
+}
+
+#search #result {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+}
+
+#search .boxes {
+    background-color: rgba(0, 0, 0, .15);
+    padding: 15px;
+}
+
+#search .boxes h3 {
+    color: var(--text-hover);
+}
+
+#search .boxes>div>div {
+    background-color: rgba(0, 0, 0, .10);
+}
+
+#search .boxes>div>div:hover {
+    background-color: rgba(255, 255, 255, .08);
+}
+
+#search.active #input {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    height: 60px;
+    color: black;
+}
+
+#search.active i,
+#search.active input {
+    color: var(--text-hover);
+}
+
+#search #result>div>:first-child {
+    margin-top: 10px;
+}
+
+.card {
+    background-color: rgba(0, 0, 0, .15);
+}
+
+.card h3 {
+    color: var(--text-hover);
+}
+
+.card#share ul li a {
+    color: rgb(var(--accent-color));
+}
+
+select {
+    color: var(--text-hover);
+}
+
+.card#share .input-group * {
+    border: none;
+    background: transparent;
+}
+
+input,
+textarea,
+select,
+button {
+    color: var(--text-hover);
+}
+
+.collapsible>label * {
+    color: var(--text-hover);
+}
+
+a,
+.link,
+.breadcrumbs span a,
+.breadcrumbs,
+.breadcrumbs span {
+    color: var(--link-color);
+}
+
+a:hover,
+.link:hover,
+.breadcrumbs span a:hover {
+    color: var(--link-color-hover);
+}
+
+table th {
+    color: var(--text-hover);
+}
+
+.card.floating {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+#search #input {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+#listing.mosaic .item {
+    box-shadow: none !important;
+}
+
+#listing.mosaic .item:hover {
+    box-shadow: none !important;
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+.dashboard p label {
+    color: var(--text-hover);
+}
+
+.dashboard #nav li.active {
+    border-color: rgb(var(--accent-color));
+}
+
+.dashboard #nav ul li.active {
+    border-color: rgb(var(--accent-color));
+    color: rgb(var(--accent-color));
+}
+
+.dashboard #nav ul li.active:before {
+    background: rgb(var(--accent-color));
+    opacity: .08;
+}
+
+.dashboard #nav ul li:hover {
+    background: rgb(var(--accent-color), .15);
+    color: rgb(var(--accent-color));
+}
+
+.dashboard #nav .wrapper {
+    border-bottom: 2px solid var(--accent-color-hover);
+}
+
+
+@media (min-width: 1024px) {
+    main {
+        margin-left: 270px;
+    }
+}
+
+@media (max-width: 1024px) {
+    nav {
+        width: 175px;
+    }
+}
+
+/* Buttons */
+.button:not(.button--flat.button--red) {
+    background: var(--button-color);
+    color: var(--button-text);
+}
+
+.button:hover:not(.button--flat.button--red),
+.button:active:not(.button--flat.button--red),
+.button:focus:not(.button--flat.button--red) {
+    background: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+button:hover:not(.action),
+input[type=submit]:hover {
+    color: var(--button-text-hover);
+}
+
+.button--flat {
+    margin-left: 5px;
+}
+
+.button--flat:hover {
+    background: var(--dark-red);
+    color: var(--text-hover);
+    margin-left: 5px;
+}
+
+
+#editor-container {
+    background: var(--modal-bg-color);
+}
+
+/* ACE EDITOR */
+
+.ace-chrome .ace_gutter {
+    background: #282a36 !important;
+    color: rgb(144, 145, 148) !important;
+}
+
+.ace-chrome .ace_print-margin {
+    width: 1px;
+    background: #44475a
+}
+
+.ace-chrome {
+    background-color: #282a36;
+    color: #f8f8f2
+}
+
+.ace-chrome .ace_cursor {
+    color: #f8f8f0
+}
+
+.ace-chrome .ace_marker-layer .ace_selection {
+    background: #44475a
+}
+
+.ace-chrome.ace_multiselect .ace_selection.ace_start {
+    box-shadow: 0 0 3px 0px #282a36;
+    border-radius: 2px
+}
+
+.ace-chrome .ace_marker-layer .ace_step {
+    background: rgb(198, 219, 174)
+}
+
+.ace-chrome .ace_marker-layer .ace_bracket {
+    margin: -1px 0 0 -1px;
+    border: 1px solid #a29709
+}
+
+.ace-chrome .ace_marker-layer .ace_active-line {
+    background: #44475a
+}
+
+.ace-chrome .ace_gutter-active-line {
+    background-color: #44475a
+}
+
+.ace-chrome .ace_marker-layer .ace_selected-word {
+    box-shadow: 0px 0px 0px 1px #a29709;
+    border-radius: 3px;
+}
+
+.ace-chrome .ace_fold {
+    background-color: #50fa7b;
+    border-color: #f8f8f2
+}
+
+.ace-chrome .ace_keyword {
+    color: #ff79c6
+}
+
+.ace-chrome .ace_constant.ace_language {
+    color: #bd93f9
+}
+
+.ace-chrome .ace_constant.ace_numeric {
+    color: #bd93f9
+}
+
+.ace-chrome .ace_constant.ace_character {
+    color: #bd93f9
+}
+
+.ace-chrome .ace_constant.ace_character.ace_escape {
+    color: #ff79c6
+}
+
+.ace-chrome .ace_constant.ace_other {
+    color: #bd93f9
+}
+
+.ace-chrome .ace_support.ace_function {
+    color: #8be9fd
+}
+
+.ace-chrome .ace_support.ace_constant {
+    color: #6be5fd
+}
+
+.ace-chrome .ace_support.ace_class {
+    font-style: italic;
+    color: #66d9ef
+}
+
+.ace-chrome .ace_support.ace_type {
+    font-style: italic;
+    color: #66d9ef
+}
+
+.ace-chrome .ace_storage {
+    color: #ff79c6
+}
+
+.ace-chrome .ace_storage.ace_type {
+    font-style: italic;
+    color: #8be9fd
+}
+
+.ace-chrome .ace_invalid {
+    color: #F8F8F0;
+    background-color: #ff79c6
+}
+
+.ace-chrome .ace_invalid.ace_deprecated {
+    color: #F8F8F0;
+    background-color: #bd93f9
+}
+
+.ace-chrome .ace_string {
+    color: #f1fa8c
+}
+
+.ace-chrome .ace_comment {
+    color: #6272a4
+}
+
+.ace-chrome .ace_variable {
+    color: #50fa7b
+}
+
+.ace-chrome .ace_variable.ace_parameter {
+    font-style: italic;
+    color: #ffb86c
+}
+
+.ace-chrome .ace_entity.ace_other.ace_attribute-name {
+    color: #50fa7b
+}
+
+.ace-chrome .ace_entity.ace_name.ace_function {
+    color: #50fa7b
+}
+
+.ace-chrome .ace_entity.ace_name.ace_tag {
+    color: #ff79c6
+}
+
+.ace-chrome .ace_invisible {
+    color: #626680;
+}
+
+.ace-chrome .ace_indent-guide {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYHB3d/8PAAOIAdULw8qMAAAAAElFTkSuQmCC) right repeat-y
+}
+
+.credits {
+
+    color: var(--text-muted);
+}
\ No newline at end of file
diff --git a/css/base/filebrowser/hotline-old.css b/css/base/filebrowser/hotline-old.css
new file mode 100644
index 00000000..478f0f46
--- /dev/null
+++ b/css/base/filebrowser/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/filebrowser/hotline.css b/css/base/filebrowser/hotline.css
new file mode 100644
index 00000000..4de15248
--- /dev/null
+++ b/css/base/filebrowser/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/filebrowser/hotpink.css b/css/base/filebrowser/hotpink.css
new file mode 100644
index 00000000..0ab11eca
--- /dev/null
+++ b/css/base/filebrowser/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/filebrowser/mind.css b/css/base/filebrowser/mind.css
new file mode 100644
index 00000000..db7de052
--- /dev/null
+++ b/css/base/filebrowser/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/filebrowser/nord.css b/css/base/filebrowser/nord.css
new file mode 100644
index 00000000..2dca59c9
--- /dev/null
+++ b/css/base/filebrowser/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/filebrowser/onedark.css b/css/base/filebrowser/onedark.css
new file mode 100644
index 00000000..be920930
--- /dev/null
+++ b/css/base/filebrowser/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/filebrowser/organizr.css b/css/base/filebrowser/organizr.css
new file mode 100644
index 00000000..39a92416
--- /dev/null
+++ b/css/base/filebrowser/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/filebrowser/overseerr.css b/css/base/filebrowser/overseerr.css
new file mode 100644
index 00000000..5a9c70ed
--- /dev/null
+++ b/css/base/filebrowser/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/filebrowser/pine-shadow.css b/css/base/filebrowser/pine-shadow.css
new file mode 100644
index 00000000..4871d30b
--- /dev/null
+++ b/css/base/filebrowser/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/filebrowser/plex.css b/css/base/filebrowser/plex.css
new file mode 100644
index 00000000..63d4226d
--- /dev/null
+++ b/css/base/filebrowser/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/filebrowser/power.css b/css/base/filebrowser/power.css
new file mode 100644
index 00000000..183e7810
--- /dev/null
+++ b/css/base/filebrowser/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/filebrowser/reality.css b/css/base/filebrowser/reality.css
new file mode 100644
index 00000000..63ebedf8
--- /dev/null
+++ b/css/base/filebrowser/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/filebrowser/soul.css b/css/base/filebrowser/soul.css
new file mode 100644
index 00000000..490d3854
--- /dev/null
+++ b/css/base/filebrowser/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/filebrowser/space-gray.css b/css/base/filebrowser/space-gray.css
new file mode 100644
index 00000000..acc97313
--- /dev/null
+++ b/css/base/filebrowser/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/filebrowser/space.css b/css/base/filebrowser/space.css
new file mode 100644
index 00000000..7240de7d
--- /dev/null
+++ b/css/base/filebrowser/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/filebrowser/time.css b/css/base/filebrowser/time.css
new file mode 100644
index 00000000..f354b955
--- /dev/null
+++ b/css/base/filebrowser/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/filebrowser/trueblack.css b/css/base/filebrowser/trueblack.css
new file mode 100644
index 00000000..a39755c2
--- /dev/null
+++ b/css/base/filebrowser/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/flood/aquamarine.css b/css/base/flood/aquamarine.css
new file mode 100644
index 00000000..6e05c23a
--- /dev/null
+++ b/css/base/flood/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/flood/blackberry-abyss.css b/css/base/flood/blackberry-abyss.css
new file mode 100644
index 00000000..acfe21c0
--- /dev/null
+++ b/css/base/flood/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/flood/blackberry-amethyst.css b/css/base/flood/blackberry-amethyst.css
new file mode 100644
index 00000000..3c80f9d3
--- /dev/null
+++ b/css/base/flood/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/flood/blackberry-carol.css b/css/base/flood/blackberry-carol.css
new file mode 100644
index 00000000..621d9996
--- /dev/null
+++ b/css/base/flood/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/flood/blackberry-dreamscape.css b/css/base/flood/blackberry-dreamscape.css
new file mode 100644
index 00000000..0575951a
--- /dev/null
+++ b/css/base/flood/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/flood/blackberry-flamingo.css b/css/base/flood/blackberry-flamingo.css
new file mode 100644
index 00000000..2cf1998b
--- /dev/null
+++ b/css/base/flood/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/flood/blackberry-hearth.css b/css/base/flood/blackberry-hearth.css
new file mode 100644
index 00000000..4fac138a
--- /dev/null
+++ b/css/base/flood/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/flood/blackberry-martian.css b/css/base/flood/blackberry-martian.css
new file mode 100644
index 00000000..97f3d044
--- /dev/null
+++ b/css/base/flood/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/flood/blackberry-pumpkin.css b/css/base/flood/blackberry-pumpkin.css
new file mode 100644
index 00000000..73377a8e
--- /dev/null
+++ b/css/base/flood/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/flood/blackberry-royal.css b/css/base/flood/blackberry-royal.css
new file mode 100644
index 00000000..250c2558
--- /dev/null
+++ b/css/base/flood/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/flood/blackberry-shadow.css b/css/base/flood/blackberry-shadow.css
new file mode 100644
index 00000000..0d151443
--- /dev/null
+++ b/css/base/flood/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/flood/blackberry-solar.css b/css/base/flood/blackberry-solar.css
new file mode 100644
index 00000000..a3e365de
--- /dev/null
+++ b/css/base/flood/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/flood/blackberry-vanta.css b/css/base/flood/blackberry-vanta.css
new file mode 100644
index 00000000..08c4a340
--- /dev/null
+++ b/css/base/flood/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/flood/dark.css b/css/base/flood/dark.css
new file mode 100644
index 00000000..2c33801e
--- /dev/null
+++ b/css/base/flood/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/flood/dracula.css b/css/base/flood/dracula.css
new file mode 100644
index 00000000..00c75d06
--- /dev/null
+++ b/css/base/flood/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/flood/flood-base.css b/css/base/flood/flood-base.css
new file mode 100644
index 00000000..9f8d81f9
--- /dev/null
+++ b/css/base/flood/flood-base.css
@@ -0,0 +1,732 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+/* MOBILE */
+
+@media (max-width: 720px) {
+
+    .modal__body,
+    .modal__content__wrapper,
+    .modal__header,
+    body,
+    .dark .torrents,
+    .torrents,
+    .action-bar {
+        background: #1b1b1b !important;
+    }
+}
+
+
+body,
+.dark .torrents,
+.torrents {
+    color: var(--text);
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/* TEXT */
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+.inverse .h1,
+.inverse .h2,
+.inverse .h3,
+.inverse .h4,
+.inverse .h5,
+.inverse .h6,
+.inverse h1,
+.inverse h2,
+.inverse h3,
+.inverse h4,
+.inverse h5,
+.inverse h6 .dark .torrents__alert,
+.torrents__alert {
+    color: var(--text-hover);
+}
+
+/* AUTH PAGE */
+
+.application__view--auth-form {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+
+.panel--light {
+    background: rgba(0, 0, 0, .25);
+}
+
+.panel {
+    border: 1px solid transparent;
+    border-radius: 4px;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 1px 3px 1px rgba(0, 0, 0, .2);
+    overflow: hidden;
+}
+
+/* FORMS */
+
+.input,
+.inverse .input {
+    background: rgba(255, 255, 255, .05);
+    color: var(--text-hover);
+    border: 1px solid #0000;
+    box-shadow: 0 1px 1px rgba(210, 216, 222, 0), 0 1px 3px 1px rgba(210, 216, 222, 0);
+}
+
+.input:hover,
+.inverse .input:hover {
+    border: 1px solid rgba(255, 255, 255, .1);
+}
+
+.input:active,
+.input:focus,
+.inverse .input:active,
+.inverse .input:focus,
+.inverse .button--quaternary:active {
+    background-color: rgba(52, 156, 244, .05);
+    color: var(--text);
+    border-color: rgb(var(--accent-color));
+    box-shadow: 0 1px 1px rgb(var(--accent-color) / 15%), 0 1px 3px 1px rgb(var(--accent-color) / 20%), 0 0 0 1px rgb(var(--accent-color));
+}
+
+.button--quaternary,
+.inverse .button--quaternary {
+    background: rgba(255, 255, 255, .05);
+    border-color: transparent;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0), 0 1px 3px 1px rgba(0, 0, 0, 0);
+    color: var(--text);
+}
+
+.button--quaternary:focus-visible,
+.button--quaternary:hover,
+.inverse .button--quaternary:focus,
+.inverse .button--quaternary:hover {
+    border: 1px solid rgba(255, 255, 255, .1);
+    color: var(--text);
+}
+
+.button--quaternary:active,
+.button--quaternary:focus,
+.inverse .button--quaternary:active,
+.inverse .button--quaternary:focus {
+    border-color: rgb(var(--accent-color));
+    box-shadow: 0 1px 1px rgb(var(--accent-color) / 15%), 0 1px 3px 1px rgb(var(--accent-color) / 20%), 0 0 0 1px rgb(var(--accent-color));
+    color: var(--text-hover);
+}
+
+.context-menu__items .select__item:focus-visible,
+.context-menu__items .select__item:hover {
+    background: rgba(255, 255, 255, .15);
+}
+
+.inverse .form__element__addon {
+    border-color: rgb(255 255 255 / 10%);
+}
+
+.form__element__addon--is-interactive:focus .icon,
+.form__element__addon--is-interactive:hover .icon {
+    fill: rgb(var(--accent-color));
+    transition: all .125s;
+}
+
+.form__element:active~.form__element__addon .icon,
+.form__element:focus~.form__element__addon .icon {
+    fill: rgb(var(--accent-color));
+}
+
+.form__element__addon .icon {
+    fill: var(--text-hover);
+}
+
+.select__item--is-selected .icon {
+    fill: rgb(var(--accent-color));
+}
+
+.sortable-list__item {
+    background: rgb(255 255 255 / 10%);
+    border: 1px solid rgb(255 255 255 / 10%);
+
+}
+
+.css-1759iaw {
+    color: var(--text);
+}
+
+.css-q5wzhq:hover {
+    color: var(--text-hover);
+    background: rgba(255, 255, 255, .1);
+}
+
+.css-m5tpeq:hover {
+    color: var(--text-hover);
+    background: rgba(94, 114, 140, 0.1);
+}
+
+/* Cancel button */
+.button--tertiary {
+    background: rgb(255 255 255 / 20%);
+    border-color: #768a9b;
+    box-shadow: 0 1px 1px rgb(136 153 168 / 0%), 0 1px 3px 1px rgb(0 0 0 / 0%);
+    text-shadow: 0 1px 0 #00000000, 0 1px 2px rgb(0 0 0 / 0%);
+}
+
+.inverse .button--tertiary {
+    border-color: rgb(255 255 255 / 0%);
+}
+
+.inverse .button--tertiary:focus,
+.inverse .button--tertiary:hover {
+    background: rgba(255, 255, 255, .35);
+    border-color: #0000;
+    box-shadow: 0 1px 1px rgb(136 153 168 / 0%), 0 1px 3px 1px rgb(0 0 0 / 0%);
+    text-shadow: 0 1px 0 #00000000, 0 1px 2px rgb(0 0 0 / 0%);
+}
+
+.inverse .button--tertiary:active {
+    background: rgba(255, 255, 255, .35);
+    border-color: #0000;
+    box-shadow: 0 1px 1px rgb(136 153 168 / 0%), 0 1px 3px 1px rgb(0 0 0 / 0%);
+    text-shadow: 0 1px 0 #00000000, 0 1px 2px rgb(0 0 0 / 0%);
+}
+
+.inverse .button--tertiary:focus,
+.inverse .button--tertiary:hover {
+    background: rgba(255, 255, 255, .35);
+    border-color: #0000;
+    box-shadow: 0 1px 1px rgb(136 153 168 / 0%), 0 1px 3px 1px rgb(0 0 0 / 0%);
+    text-shadow: 0 1px 0 #00000000, 0 1px 2px rgb(0 0 0 / 0%);
+}
+
+/* DROPDOWN MENUS*/
+
+.context-menu__items,
+.menu {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-radius: 4px;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, .05), 0 1px 3px 1px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
+    color: var(--text);
+}
+
+.select__item--is-selected,
+.menu__item.is-selectable.is-selected,
+.dark .sidebar__icon-button:focus-visible,
+.dark .sidebar__icon-button:hover,
+.sidebar__icon-button:focus-visible,
+.sidebar__icon-button:hover,
+.dark .sidebar__icon-button:focus-visible .icon,
+.dark .sidebar__icon-button:hover .icon,
+.sidebar__icon-button:focus-visible .icon,
+.sidebar__icon-button:hover .icon {
+    color: rgb(var(--accent-color));
+    fill: rgb(var(--accent-color));
+}
+
+.menu__item.is-selectable:focus-within,
+.menu__item.is-selectable:hover {
+    background: rgba(255, 255, 255, .1);
+    color: var(--text-hover);
+}
+
+/* BUTTONS */
+.button--primary,
+.inverse .button--primary {
+    background: var(--button-color);
+    border-color: var(--button-color);
+    box-shadow: none;
+    text-shadow: none;
+    color: var(--button-text)
+}
+
+.inverse .button--primary:focus,
+.inverse .button--primary:hover {
+    background: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.button--primary:active {
+    background: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+
+
+::placeholder {
+    color: var(--text) !important;
+}
+
+:-ms-input-placeholder {
+    color: var(--text) !important;
+}
+
+::-webkit-input-placeholder {
+    color: var(--text) !important;
+}
+
+.error {
+    background: #f34570;
+    border-radius: 3px;
+    color: var(--text-hover);
+    padding: 8px 12px;
+    transition: opacity .25s;
+}
+
+/* TORRENT PAGE */
+
+.dark .torrent--is-condensed.torrent--is-selected,
+.dark .torrent--is-condensed.torrent--is-selected+.torrent,
+.torrent--is-condensed.torrent--is-selected,
+.torrent--is-condensed.torrent--is-selected+.torrent {
+    border-color: rgba(var(--accent-color), .7);
+}
+
+.dark .torrent--is-selected:after,
+.dark .torrent--is-selected:hover:after,
+.torrent--is-selected:after,
+.torrent--is-selected:hover:after {
+    background: rgba(var(--accent-color), .7);
+}
+
+.dark .table__row--heading,
+.table__row--heading {
+    background: rgba(255, 255, 255, .15);
+    box-shadow: 0 1px 0 hsl(0deg 0% 100% / 12%);
+    color: var(--text-hover);
+}
+
+.dark .torrent__detail--name,
+.torrent__detail--name {
+    color: var(--text-hover);
+}
+
+.dark .torrent--is-condensed,
+.torrent--is-condensed {
+    border-top: 1px solid hsla(0, 0%, 100%, .12);
+}
+
+.dark .torrent__detail,
+.torrent__detail {
+    color: var(--text);
+}
+
+.torrent--is-downloading--actively .torrent__detail--downRate {
+    color: #39ce83;
+    font-weight: 500;
+}
+
+.dark .torrent--is-condensed.torrent--is-selected .torrent__detail,
+.torrent--is-condensed.torrent--is-selected .torrent__detail,
+.dark .torrent--is-condensed.torrent--is-selected.torrent--is-stopped .torrent__detail,
+.torrent--is-condensed.torrent--is-selected.torrent--is-stopped .torrent__detail {
+    color: var(--label-text-color);
+}
+
+.table__heading:focus-visible,
+.table__heading:hover,
+.dark .table__heading:focus-visible,
+.dark .table__heading:hover {
+    color: var(--text-hover);
+}
+
+.dark .table__heading--is-sorted,
+.table__heading--is-sorted {
+    color: var(--text-hover);
+}
+
+.dark .table__heading,
+.table__heading {
+    border-right: 1px solid hsla(0, 0%, 100%, .12);
+}
+
+.dark .table__heading__handle:after,
+.table__heading__handle:after {
+    background: hsla(0, 0%, 100%, .6);
+}
+
+.torrent--is-condensed:nth-child(0n+1),
+.dark .torrent--is-condensed,
+.torrent--is-condensed {
+    border-top: 1px solid hsla(0, 0%, 100%, .12);
+}
+
+.torrent-details__sub-heading__secondary,
+.dark .torrent-details__sub-heading__secondary {
+    color: var(--text);
+    display: flex;
+    font-size: .85rem;
+    flex: 1 0 auto;
+}
+
+.torrent-details__sub-heading__tertiary .icon,
+.dark .torrent-details__sub-heading__tertiary .icon {
+    fill: rgba(var(--accent-color), .5);
+    height: 12px;
+    margin-right: 3px;
+    margin-top: -3px;
+    vertical-align: middle;
+    width: 12px;
+}
+
+.torrent-details__table,
+.dark .torrent-details__table,
+.torrent-details__table__heading--tertiary,
+.dark .torrent-details__table__heading--tertiary,
+.torrent-details__detail__label,
+.dark .torrent-details__detail__label {
+    color: var(--text);
+}
+
+.torrent-details__section--file-tree .directory-tree__node {
+    color: var(--text) !important;
+}
+
+.torrent-details__section--file-tree .directory-tree__parent-directory,
+.dark .torrent-details__section--file-tree .directory-tree__parent-directory {
+    color: var(--text-hover);
+}
+
+.dark .torrent-details__table__heading--primary,
+.torrent-details__table__heading--primary,
+.dark .torrent-details__table__heading--secondary .torrent-details__table__heading--secondary,
+.dark .torrent-details__table__heading--tertiary,
+.torrent-details__table__heading--tertiary {
+    color: var(--text-hover);
+}
+
+.torrent-details__section .badge {
+    background: var(--button-color);
+    color: var(--button-text);
+}
+
+.torrent-details__action.is-active {
+    color: rgb(var(--accent-color));
+}
+
+.priority-meter--max-3.priority-meter--level-1:after {
+    background: rgb(var(--accent-color));
+}
+
+/* TOB NAVBAR */
+.action-bar {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-bottom: 1px solid rgba(255, 255, 255, .1);
+    color: var(--text);
+}
+
+.dark .action .icon,
+.action .icon {
+    fill: var(--text-hover);
+}
+
+.dark .action:focus-visible,
+.dark .action:hover,
+.action:focus-visible,
+.action:hover {
+    background: rgba(255, 255, 255, .1);
+    box-shadow: none;
+}
+
+.action:focus-visible .icon,
+.action:hover .icon,
+.dark .action:focus-visible .icon,
+.dark .action:hover .icon {
+    fill: rgb(var(--accent-color));
+}
+
+.dropdown__value,
+.dropdown.is-expanded .dropdown__header .dropdown__value {
+    color: rgb(var(--accent-color));
+}
+
+/* SIDE MENU */
+.dark .application__sidebar,
+.application__sidebar {
+    background: rgba(0, 0, 0, .25);
+    box-shadow: 1px 0 hsl(0deg 0% 100% / 12%);
+    color: var(--text);
+}
+
+.sidebar-filter__item--heading,
+.sidebar-filter__item--heading:focus-visible,
+.sidebar-filter__item--heading:hover {
+    color: var(--text-hover) !important;
+}
+
+.dark .sidebar-filter__item,
+.sidebar-filter__item {
+    color: var(--text);
+}
+
+.dark .sidebar-filter__item.is-active,
+.sidebar-filter__item.is-active {
+    color: rgb(var(--accent-color));
+}
+
+.dark .sidebar-filter__item.is-active .icon,
+.sidebar-filter__item.is-active .icon {
+    fill: rgb(var(--accent-color));
+}
+
+.dark .sidebar-filter__item.is-active .badge,
+.sidebar-filter__item.is-active .badge {
+    background: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+.dark .sidebar-filter__item .icon,
+.sidebar-filter__item .icon {
+    fill: rgb(var(--accent-color), .3);
+}
+
+.sidebar-filter .badge,
+.dark .sidebar-filter .badge {
+    background: rgb(var(--accent-color), .3);
+    color: var(--label-text-color);
+}
+
+.dark .sidebar-filter__item:focus-visible .icon,
+.dark .sidebar-filter__item:hover .icon,
+.sidebar-filter__item:focus-visible .icon,
+.sidebar-filter__item:hover .icon {
+    fill: rgb(var(--accent-color));
+}
+
+.dark .sidebar-filter__item:focus-visible,
+.dark .sidebar-filter__item:hover,
+.sidebar-filter__item:focus-visible,
+.sidebar-filter__item:hover {
+    color: var(--text-hover);
+}
+
+.search.is-in-use .textbox {
+    background: rgba(var(--accent-color), .25);
+    border-bottom: 1px solid rgba(var(--accent-color), .3);
+    border-top: 1px solid rgba(var(--accent-color), .3);
+    color: var(--text);
+    padding-right: 45px;
+}
+
+.search.is-in-use .icon {
+    fill: rgb(var(--accent-color));
+    opacity: 1;
+}
+
+.search .textbox {
+    border: 1px solid rgba(var(--accent-color), .2);
+    background: rgba(var(--accent-color), .1);
+    color: var(--text);
+}
+
+.search .icon {
+    fill: var(--text-hover);
+}
+
+.dark .sidebar__diskusage .progress-bar__fill,
+.sidebar__diskusage .progress-bar__fill {
+    background: hsla(0, 0%, 100%, .38);
+}
+
+.dark .sidebar__diskusage .progress-bar__fill__wrapper,
+.sidebar__diskusage .progress-bar__fill__wrapper {
+    background: hsla(0, 0%, 100%, .12);
+}
+
+.torrent--is-selected.torrent--is-stopped .progress-bar__icon .icon {
+    color: var(--text-hover);
+}
+
+.torrent--is-selected.torrent--is-stopped .progress-bar__fill {
+    background: #ffffff;
+}
+
+.dark .sidebar__icon-button,
+.sidebar__icon-button {
+    color: var(--text);
+}
+
+.sidebar__icon-button .icon,
+.dark .sidebar__icon-button .icon {
+    fill: var(--text);
+}
+
+.diskusage__details-list__label {
+    color: rgb(var(--accent-color));
+}
+
+.tooltip__content {
+    background: #1b1b1b;
+    color: var(--text);
+}
+
+/* MODAL */
+.modal__body,
+.modal__content__wrapper,
+.modal__header {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text)
+}
+
+.modal--size-large {
+    width: 776px;
+}
+
+.modal--vertical.modal--tabs-in-header .modal__header {
+    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .1);
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.modal--vertical.modal--tabs-in-header .modal__header,
+.modal--vertical.modal--tabs-in-body .modal__tabs {
+    /* Modal side menu*/
+    background: rgb(0 0 0 / 45%) !important;
+    color: var(--text-hover);
+}
+
+.modal__tabs .modal__tab.is-active:after {
+    background: rgb(var(--accent-color));
+}
+
+.modal--vertical .modal__tabs .modal__tab:after {
+    width: 3px;
+}
+
+.modal__header {
+    color: var(--text-hover);
+    box-shadow: inset 0 -1px 0 rgb(255 255 255 / 10%);
+}
+
+.modal__tabs .modal__tab.is-active {
+    color: var(--text-hover);
+    background: rgb(255 255 255 / 15%);
+    border-radius: 3px 3px 0px 0px;
+}
+
+.modal__tabs {
+    color: var(--text);
+    font-size: .85rem;
+    font-weight: 500;
+    margin: 5px -5px 0;
+}
+
+.toggle-input__indicator__icon .icon {
+    fill: var(--button-text);
+    transition: all .25s;
+}
+
+.inverse .toggle-input__indicator {
+    background: var(--button-color);
+    border: 1px solid var(--button-color);
+    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 1px 3px 1px rgba(0, 0, 0, .2);
+}
+
+.inverse .toggle-input:hover .toggle-input__indicator {
+    border-color: var(--button-color-hover);
+    background: var(--button-color-hover)
+}
+
+.toggle-input:active,
+.toggle-input:focus {
+    color: var(--accent-color-hover);
+}
+
+.toggle-input:active .toggle-input__indicator .icon,
+.toggle-input:active .toggle-input__indicator__icon .icon,
+.toggle-input:focus .toggle-input__indicator .icon,
+.toggle-input:focus .toggle-input__indicator__icon .icon {
+    fill: var(--accent-color-hover);
+}
+
+.inverse .toggle-input:active .toggle-input__indicator,
+.inverse .toggle-input:focus .toggle-input__indicator,
+.toggle-input:active .toggle-input__indicator,
+.toggle-input:focus .toggle-input__indicator {
+    border-color: var(--accent-color-hover);
+    box-shadow: 0 1px 1px rgb(var(--accent-color) / 15%), 0 1px 3px 1px rgb(var(--accent-color) / 20%), 0 0 0 1px var(--accent-color-hover);
+    ;
+}
+
+.interactive-list {
+    background: rgb(255 255 255 / 10%);
+    border: 1px solid rgb(255 255 255 / 10%);
+    box-shadow: 0 1px 1px rgb(0 0 0 / 15%), 0 1px 3px 1px rgb(0 0 0 / 20%);
+    color: var(--text);
+}
+
+.dropzone__icon .icon--files {
+    fill: rgba(var(--accent-color), .5);
+    height: 64px;
+    transition: fill .25s;
+    width: 64px;
+}
+
+.dropzone__browse-button {
+    color: rgb(var(--accent-color));
+    text-decoration: underline;
+}
+
+.dropzone:hover {
+    border-color: rgb(0 0 0 / 25%);
+}
+
+.dropzone:hover .dropzone__icon .icon {
+    fill: var(--accent-color-hover);
+}
\ No newline at end of file
diff --git a/css/base/flood/hotline-old.css b/css/base/flood/hotline-old.css
new file mode 100644
index 00000000..b365707b
--- /dev/null
+++ b/css/base/flood/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/flood/hotline.css b/css/base/flood/hotline.css
new file mode 100644
index 00000000..b134ac7f
--- /dev/null
+++ b/css/base/flood/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/flood/hotpink.css b/css/base/flood/hotpink.css
new file mode 100644
index 00000000..3f9135a1
--- /dev/null
+++ b/css/base/flood/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/flood/mind.css b/css/base/flood/mind.css
new file mode 100644
index 00000000..4bf74137
--- /dev/null
+++ b/css/base/flood/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/flood/nord.css b/css/base/flood/nord.css
new file mode 100644
index 00000000..f3587212
--- /dev/null
+++ b/css/base/flood/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/flood/onedark.css b/css/base/flood/onedark.css
new file mode 100644
index 00000000..89a3142a
--- /dev/null
+++ b/css/base/flood/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/flood/organizr.css b/css/base/flood/organizr.css
new file mode 100644
index 00000000..fa258d86
--- /dev/null
+++ b/css/base/flood/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/flood/overseerr.css b/css/base/flood/overseerr.css
new file mode 100644
index 00000000..03b839fc
--- /dev/null
+++ b/css/base/flood/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/flood/pine-shadow.css b/css/base/flood/pine-shadow.css
new file mode 100644
index 00000000..7c4ca3dc
--- /dev/null
+++ b/css/base/flood/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/flood/plex.css b/css/base/flood/plex.css
new file mode 100644
index 00000000..ce561de3
--- /dev/null
+++ b/css/base/flood/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/flood/power.css b/css/base/flood/power.css
new file mode 100644
index 00000000..a1c64c2f
--- /dev/null
+++ b/css/base/flood/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/flood/reality.css b/css/base/flood/reality.css
new file mode 100644
index 00000000..41444f97
--- /dev/null
+++ b/css/base/flood/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/flood/soul.css b/css/base/flood/soul.css
new file mode 100644
index 00000000..5f70988e
--- /dev/null
+++ b/css/base/flood/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/flood/space-gray.css b/css/base/flood/space-gray.css
new file mode 100644
index 00000000..b88a8aef
--- /dev/null
+++ b/css/base/flood/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/flood/space.css b/css/base/flood/space.css
new file mode 100644
index 00000000..578b32b8
--- /dev/null
+++ b/css/base/flood/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/flood/time.css b/css/base/flood/time.css
new file mode 100644
index 00000000..3bce3807
--- /dev/null
+++ b/css/base/flood/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/flood/trueblack.css b/css/base/flood/trueblack.css
new file mode 100644
index 00000000..5a910af4
--- /dev/null
+++ b/css/base/flood/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/gaps/aquamarine.css b/css/base/gaps/aquamarine.css
new file mode 100644
index 00000000..29b686ab
--- /dev/null
+++ b/css/base/gaps/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/gaps/blackberry-abyss.css b/css/base/gaps/blackberry-abyss.css
new file mode 100644
index 00000000..9dcb8079
--- /dev/null
+++ b/css/base/gaps/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/gaps/blackberry-amethyst.css b/css/base/gaps/blackberry-amethyst.css
new file mode 100644
index 00000000..7a3f7143
--- /dev/null
+++ b/css/base/gaps/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/gaps/blackberry-carol.css b/css/base/gaps/blackberry-carol.css
new file mode 100644
index 00000000..386a2cdf
--- /dev/null
+++ b/css/base/gaps/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/gaps/blackberry-dreamscape.css b/css/base/gaps/blackberry-dreamscape.css
new file mode 100644
index 00000000..0b5aecb6
--- /dev/null
+++ b/css/base/gaps/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/gaps/blackberry-flamingo.css b/css/base/gaps/blackberry-flamingo.css
new file mode 100644
index 00000000..5a169a9e
--- /dev/null
+++ b/css/base/gaps/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/gaps/blackberry-hearth.css b/css/base/gaps/blackberry-hearth.css
new file mode 100644
index 00000000..b96bb987
--- /dev/null
+++ b/css/base/gaps/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/gaps/blackberry-martian.css b/css/base/gaps/blackberry-martian.css
new file mode 100644
index 00000000..38a98d79
--- /dev/null
+++ b/css/base/gaps/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/gaps/blackberry-pumpkin.css b/css/base/gaps/blackberry-pumpkin.css
new file mode 100644
index 00000000..e2d59ee0
--- /dev/null
+++ b/css/base/gaps/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/gaps/blackberry-royal.css b/css/base/gaps/blackberry-royal.css
new file mode 100644
index 00000000..4fce5da6
--- /dev/null
+++ b/css/base/gaps/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/gaps/blackberry-shadow.css b/css/base/gaps/blackberry-shadow.css
new file mode 100644
index 00000000..7329cf06
--- /dev/null
+++ b/css/base/gaps/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/gaps/blackberry-solar.css b/css/base/gaps/blackberry-solar.css
new file mode 100644
index 00000000..3364bb88
--- /dev/null
+++ b/css/base/gaps/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/gaps/blackberry-vanta.css b/css/base/gaps/blackberry-vanta.css
new file mode 100644
index 00000000..0a743a61
--- /dev/null
+++ b/css/base/gaps/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/gaps/dark.css b/css/base/gaps/dark.css
new file mode 100644
index 00000000..08e99e21
--- /dev/null
+++ b/css/base/gaps/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/gaps/dracula.css b/css/base/gaps/dracula.css
new file mode 100644
index 00000000..7f99a8dd
--- /dev/null
+++ b/css/base/gaps/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/gaps/gaps-base.css b/css/base/gaps/gaps-base.css
new file mode 100644
index 00000000..54ce6d34
--- /dev/null
+++ b/css/base/gaps/gaps-base.css
@@ -0,0 +1,395 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+/* Scrollbar */
+@media only screen and (min-width: 768px) {
+    html {
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+    }
+
+    body {
+        overflow-y: auto;
+        height: 100%;
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .2);
+    background-clip: padding-box;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .5);
+    background-clip: padding-box;
+}
+
+a {
+    color: var(--link-color);
+
+}
+
+a:hover {
+    color: var(--link-color-hover);
+    text-decoration: underline;
+}
+
+.text-primary {
+    color: var(--text) !important;
+}
+
+.text-muted {
+    color: var(--text-muted) !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h4.text-primary,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+label {
+    color: var(--text-hover) !important;
+}
+
+.alert-heading {
+    color: var(--text-hover) !important;
+}
+
+/* Header */
+.bg-primary {
+    background-color: transparent !important;
+    background: rgba(0, 0, 0, .25) !important;
+}
+
+.navbar .list-ul-active,
+.info-circle-active,
+.arrow-clockwise-active,
+.gear-active,
+.rss-active,
+.exclamation-triangle-active,
+.collection-fill-active,
+.activePage {
+    background-color: rgb(var(--accent-color));
+}
+
+.bg-primary .navbar-nav .active>.nav-link {
+    color: rgb(var(--accent-color)) !important;
+}
+
+.default {
+    background-color: var(--text);
+}
+
+.navbar-dark .navbar-nav .nav-link {
+    color: var(--text);
+}
+
+.navbar-dark .navbar-nav .nav-link:hover,
+.navbar-dark .navbar-nav .nav-link:focus {
+    color: var(--text-hover);
+}
+
+.navbar-dark .navbar-nav .nav-link:hover .default,
+.navbar-dark .navbar-nav .nav-link:focus .default {
+    background-color: var(--text-hover);
+}
+
+/* Tables */
+table.dataTable.stripe tbody tr.odd,
+table.dataTable.display tbody tr.odd,
+table.dataTable tbody tr {
+    background-color: rgba(0, 0, 0, .25);
+}
+
+table.dataTable.hover tbody tr:hover,
+table.dataTable.display tbody tr:hover {
+    background-color: rgba(0, 0, 0, .25);
+}
+
+table.dataTable thead th,
+table.dataTable thead td {
+    border-bottom: 1px solid #00000000;
+}
+
+table.dataTable.row-border tbody th,
+table.dataTable.row-border tbody td,
+table.dataTable.display tbody th,
+table.dataTable.display tbody td {
+    border-top: 1px solid rgb(255 255 255 / 10%);
+}
+
+/* Pagination */
+.dataTables_wrapper .dataTables_paginate .paginate_button.current,
+.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
+    color: var(--text) !important;
+    border: 1px solid transparent;
+    background: rgba(0, 0, 0, .25);
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
+.dataTables_wrapper .dataTables_paginate .paginate_button:active {
+    color: var(--text-hover) !important;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, .08);
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button:active {
+    outline: none;
+}
+
+/* Cards */
+.card {
+    background: transparent;
+    color: var(--text);
+    border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.card .text-muted {
+    color: var(--text) !important;
+}
+
+#movies .card img {
+    height: 200px !important;
+    width: auto !important;
+}
+
+.card-text .text-info {
+    color: rgb(var(--accent-color)) !important;
+}
+
+/* Buttons */
+.btn-primary,
+.btn-info {
+    color: var(--button-text);
+    background-color: var(--button-color) !important;
+    border-color: var(--button-color) !important;
+}
+
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.show>.btn-primary.dropdown-toggle:focus,
+.btn-info:focus,
+.btn-info.focus {
+    -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--accent-color), .5);
+    box-shadow: 0 0 0 0.2rem rgb(var(--accent-color), .5);
+}
+
+.btn-primary:hover,
+.btn-info:hover {
+    background-color: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover) !important;
+}
+
+.btn-secondary {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-secondary:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.list-group-item {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.list-group-item.active {
+    color: var(--label-text-color);
+    background: rgb(var(--accent-color));
+    border-color: rgb(var(--accent-color));
+}
+
+.list-group-item.active:hover {
+    color: var(--label-text-color);
+    background: var(--accent-color-hover);
+    border-color: var(--accent-color-hover);
+}
+
+.list-group-item-action:hover,
+.list-group-item-action:focus {
+    color: var(--button-text-hover);
+    background: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+/* Settings */
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-link.active:hover,
+.nav-tabs .nav-link.active:focus,
+.nav-tabs .nav-item.open .nav-link:focus,
+.nav-pills .nav-link.active:focus,
+.nav-pills .nav-item.open .nav-link:focus,
+.nav-tabs .nav-item.show .nav-link {
+    color: rgb(var(--accent-color));
+    background-color: rgba(255, 255, 255, .1);
+    border-color: transparent;
+}
+
+.nav-tabs .nav-link,
+.nav-tabs .nav-item.open .nav-link,
+.nav-pills .nav-link,
+.nav-pills .nav-link.active,
+.nav-pills .nav-link.active:hover,
+.nav-pills .nav-item.open .nav-link {
+    color: var(--text);
+}
+
+.nav-tabs .nav-link:hover,
+.nav-tabs .nav-link:focus,
+.nav-tabs .nav-item.open .nav-link:hover,
+.nav-pills .nav-item.open .nav-link:hover {
+    background-color: rgba(0, 0, 0, .25);
+    border-color: transparent;
+    color: var(--text-hover);
+}
+
+.nav-tabs .nav-link.active:hover {
+    background-color: rgba(255, 255, 255, .1);
+}
+
+.badge-primary {
+    color: var(--label-text-color);
+    background-color: rgb(var(--accent-color));
+}
+
+#plexServers .card-header {
+    background-color: rgba(255, 255, 255, .1);
+    color: var(--text-hover)
+}
+
+#plexServers .border-secondary {
+    border-color: #0000 !important;
+}
+
+#plexServers .list-group-item {
+    background-color: rgba(0, 0, 0, .25);
+    border: none;
+}
+
+#plexServers .card-footer {
+    background-color: rgb(0 0 0 / 25%);
+}
+
+.dropdown-menu {
+    color: var(--text);
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border: 1px solid transparent;
+    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
+}
+
+.dropdown-item {
+    color: var(--text);
+}
+
+.dropdown-item:hover,
+.dropdown-item:focus {
+    color: var(--text-hover);
+    text-decoration: none;
+    background-color: rgba(255, 255, 255, .08);
+}
+
+/* Input */
+[type="search"] {
+    outline-offset: -2px;
+    -webkit-appearance: none;
+    outline: none;
+    border: none;
+    border-radius: 5px;
+}
+
+button,
+select {
+    text-transform: none;
+    outline: none;
+}
+
+/* Progress Bar */
+.progress-bar-striped {
+    background-image: linear-gradient(45deg, rgba(var(--accent-color)) 25%, transparent 25%, transparent 50%, rgba(var(--accent-color)) 50%, rgba(var(--accent-color)) 75%, transparent 75%, transparent);
+    background-size: .625rem .625rem;
+}
+
+.progress-bar {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    overflow: hidden;
+    color: var(--text-hover);
+    text-align: center;
+    white-space: nowrap;
+    background-color: rgb(var(--accent-color), .15);
+    -webkit-transition: width .6s ease;
+    transition: width .6s ease;
+}
\ No newline at end of file
diff --git a/css/base/gaps/hotline-old.css b/css/base/gaps/hotline-old.css
new file mode 100644
index 00000000..fd894690
--- /dev/null
+++ b/css/base/gaps/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/gaps/hotline.css b/css/base/gaps/hotline.css
new file mode 100644
index 00000000..d9a9905e
--- /dev/null
+++ b/css/base/gaps/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/gaps/hotpink.css b/css/base/gaps/hotpink.css
new file mode 100644
index 00000000..5c69d54d
--- /dev/null
+++ b/css/base/gaps/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/gaps/mind.css b/css/base/gaps/mind.css
new file mode 100644
index 00000000..06b0a593
--- /dev/null
+++ b/css/base/gaps/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/gaps/nord.css b/css/base/gaps/nord.css
new file mode 100644
index 00000000..77b6b7db
--- /dev/null
+++ b/css/base/gaps/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/gaps/onedark.css b/css/base/gaps/onedark.css
new file mode 100644
index 00000000..64f4044f
--- /dev/null
+++ b/css/base/gaps/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/gaps/organizr.css b/css/base/gaps/organizr.css
new file mode 100644
index 00000000..1816e2fa
--- /dev/null
+++ b/css/base/gaps/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/gaps/overseerr.css b/css/base/gaps/overseerr.css
new file mode 100644
index 00000000..20c0a472
--- /dev/null
+++ b/css/base/gaps/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/gaps/pine-shadow.css b/css/base/gaps/pine-shadow.css
new file mode 100644
index 00000000..e3e95d0c
--- /dev/null
+++ b/css/base/gaps/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/gaps/plex.css b/css/base/gaps/plex.css
new file mode 100644
index 00000000..3f71748c
--- /dev/null
+++ b/css/base/gaps/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/gaps/power.css b/css/base/gaps/power.css
new file mode 100644
index 00000000..1a2deee4
--- /dev/null
+++ b/css/base/gaps/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/gaps/reality.css b/css/base/gaps/reality.css
new file mode 100644
index 00000000..7c2851a3
--- /dev/null
+++ b/css/base/gaps/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/gaps/soul.css b/css/base/gaps/soul.css
new file mode 100644
index 00000000..8acb956a
--- /dev/null
+++ b/css/base/gaps/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/gaps/space-gray.css b/css/base/gaps/space-gray.css
new file mode 100644
index 00000000..6f2f4fc5
--- /dev/null
+++ b/css/base/gaps/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/gaps/space.css b/css/base/gaps/space.css
new file mode 100644
index 00000000..492fa887
--- /dev/null
+++ b/css/base/gaps/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/gaps/time.css b/css/base/gaps/time.css
new file mode 100644
index 00000000..18c65bb0
--- /dev/null
+++ b/css/base/gaps/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/gaps/trueblack.css b/css/base/gaps/trueblack.css
new file mode 100644
index 00000000..9c7c2b06
--- /dev/null
+++ b/css/base/gaps/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/gitea/aquamarine.css b/css/base/gitea/aquamarine.css
new file mode 100644
index 00000000..1755a209
--- /dev/null
+++ b/css/base/gitea/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/gitea/blackberry-abyss.css b/css/base/gitea/blackberry-abyss.css
new file mode 100644
index 00000000..18084df0
--- /dev/null
+++ b/css/base/gitea/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/gitea/blackberry-amethyst.css b/css/base/gitea/blackberry-amethyst.css
new file mode 100644
index 00000000..39d4f8df
--- /dev/null
+++ b/css/base/gitea/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/gitea/blackberry-carol.css b/css/base/gitea/blackberry-carol.css
new file mode 100644
index 00000000..e79b67cb
--- /dev/null
+++ b/css/base/gitea/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/gitea/blackberry-dreamscape.css b/css/base/gitea/blackberry-dreamscape.css
new file mode 100644
index 00000000..305e812d
--- /dev/null
+++ b/css/base/gitea/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/gitea/blackberry-flamingo.css b/css/base/gitea/blackberry-flamingo.css
new file mode 100644
index 00000000..56e9bd87
--- /dev/null
+++ b/css/base/gitea/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/gitea/blackberry-hearth.css b/css/base/gitea/blackberry-hearth.css
new file mode 100644
index 00000000..89b6d2c7
--- /dev/null
+++ b/css/base/gitea/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/gitea/blackberry-martian.css b/css/base/gitea/blackberry-martian.css
new file mode 100644
index 00000000..1c87f142
--- /dev/null
+++ b/css/base/gitea/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/gitea/blackberry-pumpkin.css b/css/base/gitea/blackberry-pumpkin.css
new file mode 100644
index 00000000..09eacecf
--- /dev/null
+++ b/css/base/gitea/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/gitea/blackberry-royal.css b/css/base/gitea/blackberry-royal.css
new file mode 100644
index 00000000..4d5c29f4
--- /dev/null
+++ b/css/base/gitea/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/gitea/blackberry-shadow.css b/css/base/gitea/blackberry-shadow.css
new file mode 100644
index 00000000..0520d5f4
--- /dev/null
+++ b/css/base/gitea/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/gitea/blackberry-solar.css b/css/base/gitea/blackberry-solar.css
new file mode 100644
index 00000000..27a8e79a
--- /dev/null
+++ b/css/base/gitea/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/gitea/blackberry-vanta.css b/css/base/gitea/blackberry-vanta.css
new file mode 100644
index 00000000..9bdfe4a0
--- /dev/null
+++ b/css/base/gitea/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/gitea/chroma.css b/css/base/gitea/chroma.css
new file mode 100644
index 00000000..67a61fc5
--- /dev/null
+++ b/css/base/gitea/chroma.css
@@ -0,0 +1,561 @@
+/*
+/*                                    dP                   oo 
+/*                                    88                   
+/* 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88  .dP  .d8888b. dP 
+/* 88'`88'`88 88'  `88 88'  `88 88'  `88 88888"   88'  `88 88 
+/* 88  88  88 88.  .88 88    88 88.  .88 88  `8b. 88.  .88 88 
+/* dP  dP  dP `88888P' dP    dP `88888P' dP   `YP `88888P8 dP 
+
+/* Source: https://gist.github.com/ntrrg/f70d4dc6ed8a739a36fe7c55f422c5f3 */
+:root {
+    /* Background */
+    --code-background: #1f1f1f;
+    --code-color: #f8f8f2;
+  
+    /* Error */
+    --code-err-background: #960050;
+    --code-err-color: #1e0010;
+  
+    /* LineHighlight */
+    --code-hl-background: #ffffcc;
+  
+    /* Keyword */
+    --code-k-color: #66d9ef;
+  
+    /* KeywordConstant */
+    --code-kc-color: #66d9ef;
+  
+    /* KeywordDeclaration */
+    --code-kd-color: #66d9ef;
+  
+    /* KeywordNamespace */
+    --code-kn-color: #f92672;
+  
+    /* KeywordPseudo */
+    --code-kp-color: #66d9ef;
+  
+    /* KeywordReserved */
+    --code-kr-color: #66d9ef;
+  
+    /* KeywordType */
+    --code-kt-color: #66d9ef;
+  
+    /* NameAttribute */
+    --code-na-color: #a6e22e;
+  
+    /* NameClass */
+    --code-nc-color: #a6e22e;
+  
+    /* NameConstant */
+    --code-no-color: #66d9ef;
+  
+    /* NameDecorator */
+    --code-nd-color: #a6e22e;
+  
+    /* NameException */
+    --code-ne-color: #a6e22e;
+  
+    /* NameFunction */
+    --code-nf-color: #a6e22e;
+  
+    /* NameOther */
+    --code-nx-color: #a6e22e;
+  
+    /* NameTag */
+    --code-nt-color: #f92672;
+  
+    /* Literal */
+    --code-l-color: #ae81ff;
+  
+    /* LiteralDate */
+    --code-ld-color: #e6db74;
+  
+    /* LiteralString */
+    --code-s-color: #e6db74;
+  
+    /* LiteralStringAffix */
+    --code-sa-color: #e6db74;
+  
+    /* LiteralStringBacktick */
+    --code-sb-color: #e6db74;
+  
+    /* LiteralStringChar */
+    --code-sc-color: #e6db74;
+  
+    /* LiteralStringDelimiter */
+    --code-dl-color: #e6db74;
+  
+    /* LiteralStringDoc */
+    --code-sd-color: #e6db74;
+  
+    /* LiteralStringDouble */
+    --code-s2-color: #e6db74;
+  
+    /* LiteralStringEscape */
+    --code-se-color: #ae81ff;
+  
+    /* LiteralStringHeredoc */
+    --code-sh-color: #e6db74;
+  
+    /* LiteralStringInterpol */
+    --code-si-color: #e6db74;
+  
+    /* LiteralStringOther */
+    --code-sx-color: #e6db74;
+  
+    /* LiteralStringRegex */
+    --code-sr-color: #e6db74;
+  
+    /* LiteralStringSingle */
+    --code-s1-color: #e6db74;
+  
+    /* LiteralStringSymbol */
+    --code-ss-color: #e6db74;
+  
+    /* LiteralNumber */
+    --code-m-color: #ae81ff;
+  
+    /* LiteralNumberBin */
+    --code-mb-color: #ae81ff;
+  
+    /* LiteralNumberFloat */
+    --code-mf-color: #ae81ff;
+  
+    /* LiteralNumberHex */
+    --code-mh-color: #ae81ff;
+  
+    /* LiteralNumberInteger */
+    --code-mi-color: #ae81ff;
+  
+    /* LiteralNumberIntegerLong */
+    --code-il-color: #ae81ff;
+  
+    /* LiteralNumberOct */
+    --code-mo-color: #ae81ff;
+  
+    /* Operator */
+    --code-o-color: #f92672;
+  
+    /* OperatorWord */
+    --code-ow-color: #f92672;
+  
+    /* Comment */
+    --code-c-color: #75715e;
+  
+    /* CommentHashbang */
+    --code-ch-color: #75715e;
+  
+    /* CommentMultiline */
+    --code-cm-color: #75715e;
+  
+    /* CommentSingle */
+    --code-c1-color: #75715e;
+  
+    /* CommentSpecial */
+    --code-cs-color: #75715e;
+  
+    /* CommentPreproc */
+    --code-cp-color: #75715e;
+  
+    /* CommentPreprocFile */
+    --code-cpf-color: #75715e;
+  
+    /* GenericDeleted */
+    --code-gd-color: #f92672;
+  
+    /* GenericInserted */
+    --code-gi-color: #a6e22e;
+  
+    /* GenericSubheading */
+    --code-gu-color: #75715e;
+}
+
+/* CHROMA */
+/* Table */
+.chroma .ui.table tbody tr {
+    border-color: #333640;
+    background: var(--code-background);
+}
+/* Background */
+.chroma,
+.markdown:not(code) .highlight pre,
+.markdown:not(code) pre {
+    background-color: var(--code-background);
+    color: var(--code-color);
+}
+
+/* Error */
+.chroma .err {
+    background-color: var(--code-err-background);
+    color: var(--code-err-color);
+}
+
+/* LineTableTD */
+.chroma .lntd {
+    border: 0;
+    margin: 0;
+    padding: 0;
+    vertical-align: top;
+}
+
+/* LineTable */
+.chroma .lntable {
+    width: auto;
+
+    border: 0;
+    border-spacing: 0;
+    display: block;
+    margin: 0;
+    overflow: auto;
+    padding: 0;
+}
+
+/* LineHighlight */
+.chroma .hl {
+    width: 100%;
+
+    background-color: var(--code-hl-background);
+    display: block;
+}
+
+/* LineNumbersTable */
+.chroma .lnt {
+    margin-right: 0.4em;
+    padding: 0 0.4em 0 0.4em;
+}
+
+/* LineNumbers */
+.chroma .ln {
+    margin-right: 0.4em;
+    padding: 0 0.4em 0 0.4em;
+}
+
+/* Keyword */
+.chroma .k {
+    color: var(--code-k-color);
+}
+
+/* KeywordConstant */
+.chroma .kc {
+    color: var(--code-kc-color);
+}
+
+/* KeywordDeclaration */
+.chroma .kd {
+    color: var(--code-kd-color);
+}
+
+/* KeywordNamespace */
+.chroma .kn {
+    color: var(--code-kn-color);
+}
+
+/* KeywordPseudo */
+.chroma .kp {
+    color: var(--code-kp-color);
+}
+
+/* KeywordReserved */
+.chroma .kr {
+    color: var(--code-kr-color);
+}
+
+/* KeywordType */
+.chroma .kt {
+    color: var(--code-kt-color);
+}
+
+/* Name */
+.chroma .n {
+    color: var(--code-n-color);
+}
+
+/* NameAttribute */
+.chroma .na {
+    color: var(--code-na-color);
+}
+
+/* NameBuiltin */
+.chroma .nb {
+    color: var(--code-nb-color);
+}
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+    color: var(--code-bp-color);
+}
+
+/* NameClass */
+.chroma .nc {
+    color: var(--code-nc-color);
+}
+
+/* NameConstant */
+.chroma .no {
+    color: var(--code-no-color);
+}
+
+/* NameDecorator */
+.chroma .nd {
+    color: var(--code-nd-color);
+}
+
+/* NameEntity */
+.chroma .ni {
+    color: var(--code-ni-color);
+}
+
+/* NameException */
+.chroma .ne {
+    color: var(--code-ne-color);
+}
+
+/* NameFunction */
+.chroma .nf {
+    color: var(--code-nf-color);
+}
+
+/* NameFunctionMagic */
+.chroma .fm {
+    color: var(--code-fm-color);
+}
+
+/* NameLabel */
+.chroma .nl {
+    color: var(--code-nl-color);
+}
+
+/* NameNamespace */
+.chroma .nn {
+    color: var(--code-nn-color);
+}
+
+/* NameOther */
+.chroma .nx {
+    color: var(--code-nx-color);
+}
+
+/* NameProperty */
+.chroma .py {
+    color: var(--code-py-color);
+}
+
+/* NameTag */
+.chroma .nt {
+    color: var(--code-nt-color);
+}
+
+/* NameVariable */
+.chroma .nv {
+    color: var(--code-nv-color);
+}
+
+/* NameVariableClass */
+.chroma .vc {
+    color: var(--code-vc-color);
+}
+
+/* NameVariableGlobal */
+.chroma .vg {
+    color: var(--code-vg-color);
+}
+
+/* NameVariableInstance */
+.chroma .vi {
+    color: var(--code-vi-color);
+}
+
+/* NameVariableMagic */
+.chroma .vm {
+    color: var(--code-vm-color);
+}
+
+/* Literal */
+.chroma .l {
+    color: var(--code-l-color);
+}
+
+/* LiteralDate */
+.chroma .ld {
+    color: var(--code-ld-color);
+}
+
+/* LiteralString */
+.chroma .s {
+    color: var(--code-s-color);
+}
+
+/* LiteralStringAffix */
+.chroma .sa {
+    color: var(--code-sa-color);
+}
+
+/* LiteralStringBacktick */
+.chroma .sb {
+    color: var(--code-sb-color);
+}
+
+/* LiteralStringChar */
+.chroma .sc {
+    color: var(--code-sc-color);
+}
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+    color: var(--code-dl-color);
+}
+
+/* LiteralStringDoc */
+.chroma .sd {
+    color: var(--code-sd-color);
+}
+
+/* LiteralStringDouble */
+.chroma .s2 {
+    color: var(--code-s2-color);
+}
+
+/* LiteralStringEscape */
+.chroma .se {
+    color: var(--code-se-color);
+}
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+    color: var(--code-sh-color);
+}
+
+/* LiteralStringInterpol */
+.chroma .si {
+    color: var(--code-si-color);
+}
+
+/* LiteralStringOther */
+.chroma .sx {
+    color: var(--code-sx-color);
+}
+
+/* LiteralStringRegex */
+.chroma .sr {
+    color: var(--code-sr-color);
+}
+
+/* LiteralStringSingle */
+.chroma .s1 {
+    color: var(--code-s1-color);
+}
+
+/* LiteralStringSymbol */
+.chroma .ss {
+    color: var(--code-ss-color);
+}
+
+/* LiteralNumber */
+.chroma .m {
+    color: var(--code-m-color);
+}
+
+/* LiteralNumberBin */
+.chroma .mb {
+    color: var(--code-mb-color);
+}
+
+/* LiteralNumberFloat */
+.chroma .mf {
+    color: var(--code-mf-color);
+}
+
+/* LiteralNumberHex */
+.chroma .mh {
+    color: var(--code-mh-color);
+}
+
+/* LiteralNumberInteger */
+.chroma .mi {
+    color: var(--code-mi-color);
+}
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+    color: var(--code-il-color);
+}
+
+/* LiteralNumberOct */
+.chroma .mo {
+    color: var(--code-mo-color);
+}
+
+/* Operator */
+.chroma .o {
+    color: var(--code-o-color);
+}
+
+/* OperatorWord */
+.chroma .ow {
+    color: var(--code-ow-color);
+}
+
+/* Punctuation */
+.chroma .p {
+    color: var(--code-p-color);
+}
+
+/* Comment */
+.chroma .c {
+    color: var(--code-c-color);
+}
+
+/* CommentHashbang */
+.chroma .ch {
+    color: var(--code-ch-color);
+}
+
+/* CommentMultiline */
+.chroma .cm {
+    color: var(--code-cm-color);
+}
+
+/* CommentSingle */
+.chroma .c1 {
+    color: var(--code-c1-color);
+}
+
+/* CommentSpecial */
+.chroma .cs {
+    color: var(--code-cs-color);
+}
+
+/* CommentPreproc */
+.chroma .cp {
+    color: var(--code-cp-color);
+}
+
+/* CommentPreprocFile */
+.chroma .cpf {
+    color: var(--code-cpf-color);
+}
+
+/* GenericDeleted */
+.chroma .gd {
+    color: var(--code-gd-color);
+}
+
+/* GenericEmph */
+.chroma .ge {
+    font-style: italic;
+}
+
+/* GenericInserted */
+.chroma .gi {
+    color: var(--code-gi-color);
+}
+
+/* GenericStrong */
+.chroma .gs {
+    font-weight: bold;
+}
+
+/* GenericSubheading */
+.chroma .gu {
+    color: var(--code-gu-color);
+}
\ No newline at end of file
diff --git a/css/base/gitea/dark.css b/css/base/gitea/dark.css
new file mode 100644
index 00000000..9449fa00
--- /dev/null
+++ b/css/base/gitea/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/gitea/dracula.css b/css/base/gitea/dracula.css
new file mode 100644
index 00000000..4f5fec58
--- /dev/null
+++ b/css/base/gitea/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/gitea/gitea-base.css b/css/base/gitea/gitea-base.css
new file mode 100644
index 00000000..304c0176
--- /dev/null
+++ b/css/base/gitea/gitea-base.css
@@ -0,0 +1,1669 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+@import url("/css/base/gitea/chroma.css");
+@import url("/css/base/gitea/monaco_vs_dark.css");
+:root {
+    --color-text: var(--text);
+    --color-caret: white;
+    --color-secondary-alpha-70: rgba(0, 0, 0, 0.35);
+    --color-primary-light-4: rgb(var(--gitea-color-primary-dark-4),.2);
+    --color-primary-light-2: rgb(var(--gitea-color-primary-dark-4),.4);
+    --color-primary: rgb(var(--gitea-color-primary-dark-4),.6);
+    --color-primary-dark-2: rgb(var(--gitea-color-primary-dark-4),.8);
+    --color-primary-dark-4: rgb(var(--gitea-color-primary-dark-4));
+  }
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+* {
+    outline: none;
+}
+
+/* LINKS */
+a,
+.home a,
+.ui.user.list .item .description a,
+.ui.breadcrumb a,
+.repository .labelspage .item a,
+.repository .milestone.list>.item>a,
+.repository .milestone.list>.item .operate>a,
+.ui.card>.content>a.header,
+.ui.cards>.card>.content>a.header,
+.ui.card>.extra a:not(.ui),
+.ui.cards>.card>.extra a:not(.ui),
+.ui.card>.content>.description,
+.ui.card>.content>.header,
+.ui.cards>.card>.content>.description,
+.ui.cards>.card>.content>.header {
+    color: var(--link-color);
+}
+
+/* LINK HOVER */
+a:hover,
+.ui.user.list .item .description a:hover,
+.ui.breadcrumb a:hover,
+.repository .labelspage .item a:hover,
+.repository .milestone.list>.item>a:hover,
+.repository .milestone.list>.item .operate>a:hover,
+.ui.card>.content>a.header:hover,
+.ui.cards>.card>.content>a.header:hover,
+.ui.card>.extra a:not(.ui):hover,
+.ui.cards>.card>.extra a:not(.ui):hover {
+    color: var(--link-color-hover);
+}
+
+/* LINKS IMPORTANT */
+.ui .text.blue a,
+.issue.list a:not(.label):hover,
+.ui .migrate a,
+.ui .text.grey a,
+.issue.list>.item .title:hover {
+    color: var(--link-color) !important;
+}
+
+/* LINKS HOVER IMPORTANT */
+.ui .text.blue a:hover,
+.ui .text.grey a:hover,
+.ui .migrate a:hover {
+    color: var(--link-color-hover) !important;
+}
+
+/* SCROLLBAR */
+@media only screen and (min-width: 768px) {
+    html {
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+    }
+
+    body {
+        overflow-y: auto;
+        height: 100%;
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px !important;
+    background-color: hsla(0, 0%, 100%, .2);
+    background-clip: padding-box;
+    box-shadow: none !important;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px !important;
+    background-color: hsla(0, 0%, 100%, .5);
+    background-clip: padding-box;
+}
+
+/* TEXT */
+body,
+p,
+/*strong,*/
+footer,
+.ui.list>.item .description,
+.ui.list .list>.item>.content,
+.ui.list>.item>.content,
+.issue.list>.item .title,
+.ui.accordion .title:not(.ui),
+.ui.checkbox label,
+.ui .text.black,
+.ui.form .inline.field>label,
+.form .help,
+.ui.form .field>label,
+.ui.form .inline.field>label,
+.ui.form .inline.field>p,
+.ui.form .inline.fields .field>label,
+.ui.form .inline.fields .field>p,
+.ui.form .inline.fields>label,
+.ui.dropdown .menu>.message:not(.ui),
+.ui.dropdown .menu>.header:not(.ui),
+.ui.card>.content>.description,
+.ui.cards>.card>.content>.description,
+.ui.checkbox input[disabled]~label,
+.ui.disabled.checkbox label,
+.repository.view.issue .comment-list .comment .tag,
+.repository .metas .ui.list a .text,
+.repository .diff-box .header .file,
+.CodeMirror,
+.EasyMDEContainer .CodeMirror,
+.feeds .list ul li a .svg {
+    color: var(--text);
+}
+
+.issue.list>.item .desc {
+    color: var(--text-muted);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.ui.header,
+.ui.header .sub.header {
+    color: var(--text-hover);
+}
+
+/* TEXT IMPORTANT */
+.ui .text.grey {
+    color: var(--text) !important;
+}
+
+/* TEXT HOVER */
+b:hover,
+.ui.checkbox+label:hover,
+.ui.checkbox label:hover,
+.ui.checkbox input:focus~label,
+.ui.checkbox input:focus~label:after,
+.repository .metas .ui.list a .text:hover,
+.ui .text.black:hover {
+    color: var(--text-hover);
+}
+
+/* TEXT HOVER IMPORTANT */
+
+
+/* TEXT MUTED */
+.ui .text.light.grey {
+    color: var(--text-muted) !important;
+}
+
+/* NAVBAR */
+.following.bar.light {
+    background-color: transparent;
+    border-bottom: 1px solid transparent;
+    box-shadow: none;
+}
+
+.ui.menu .item {
+    color: var(--text)
+}
+
+.following.bar.light.ui.secondary.menu .active.item,
+.following.bar.lightui.secondary.menu .active.item:hover {
+    box-shadow: none;
+    background: rgba(0, 0, 0, .25) !important;
+    color: rgb(var(--accent-color));
+}
+
+.ui.secondary.menu .dropdown.item:hover,
+.ui.secondary.menu .link.item:hover,
+.ui.secondary.menu a.item:hover {
+    background: rgb(255 255 255 / 0.08);
+    color: var(--text-hover);
+}
+
+.ui.secondary.menu .active.item,
+.ui.secondary.menu .active.item:hover {
+    box-shadow: none;
+    background: rgba(0, 0, 0, .05);
+    color: var(--text-hover);
+}
+
+/* UI */
+
+.captcha-img {
+    background: #fff;
+}
+
+.organization.settings .ui.menu {
+    background: rgb(0 0 0 / 10%);
+    border: 1px solid rgba(255, 255, 255, .1);
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
+}
+
+.organization.settings .ui.vertical.menu {
+    display: block;
+    flex-direction: column;
+    background: rgb(0 0 0 / 15%);
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
+}
+
+.ui.vertical.menu .header.item {
+    background: rgb(0 0 0 / 35%);
+}
+
+.ui.attached.segment {
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ui.segment {
+    background: rgb(0 0 0 / 15%) !important;
+}
+
+.ui.attached.segment,
+.ui.segment,
+.ui.segments {
+    background: transparent;
+    color: var(--text) !important;
+    border-color: rgba(255, 255, 255, 0.1);
+}
+
+.ui .info.segment.top {
+    background-color: rgb(0 0 0 / 15%) !important;
+    color: var(--text);
+}
+
+.ui.attached.info.message,
+.ui.info.message {
+    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%), 0 0 0 0 transparent;
+}
+
+.ui.info.message {
+    background-color: rgb(0 0 0 / 15%);
+    color: #276f86;
+}
+
+.ui.attached.header {
+    background: rgb(0 0 0 / 25%);
+    border: 1px solid transparent;
+}
+
+.explore .navbar {
+    background-color: rgb(0 0 0 / 25%) !important;
+
+}
+
+.ui .warning.header {
+    background-color: #f9edbe !important;
+    color: black !important;
+}
+
+.ui.red.message p,
+.ui.red.message strong {
+    color: #db2828 !important;
+}
+
+.ui.progress {
+    background: rgb(255 255 255 / 10%);
+}
+
+.ui.progress[data-percent="0"] .bar .progress {
+    color: var(--text-hover);
+}
+
+.ui.list .list>.item .header,
+.ui.list>.item .header {
+    color: var(--text);
+}
+
+.pagination.menu {
+    background: rgba(255, 255, 255, .08) !important;
+}
+
+.ui.pagination.menu .active.item {
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+    box-shadow: none;
+}
+
+.feeds .list ul li:not(:last-child) {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.feeds .list ul li.private {
+    background-color: rgb(255 255 255 / 10%);
+}
+
+.ui.secondary.pointing.menu {
+    border-color: rgb(255 255 255 / 10%) !important;
+}
+
+.ui.secondary.pointing.menu .item {
+    color: var(--text);
+}
+
+.ui.repository.list .item:not(:first-child) {
+    border-top: 1px solid rgb(255 255 255 / 25%);
+
+}
+
+/* MODAL */
+.ui.basic.modal,
+.ui.basic.modal>.actions,
+.ui.basic.modal>.content,
+.ui.basic.modal>.header {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.ui.modal {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.ui.modal>.header {
+    display: block;
+    font-family: Roboto, Helvetica Neue, Arial, Helvetica, sans-serif;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    margin: 0;
+    padding: 1.25rem 1.5rem;
+    box-shadow: none;
+    color: var(--text);
+    border-bottom: 1px solid rgb(255 255 255 / 0.1);
+}
+
+.ui.modal>.content {
+    display: block;
+    width: 100%;
+    font-size: 1em;
+    line-height: 1.4;
+    padding: 1.5rem;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.ui.modal>.actions {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    padding: 1rem;
+    border-top: 1px solid rgb(255 255 255 / 0.1);
+    text-align: right;
+}
+
+.ui .error.header {
+    background-color: #F44336 !important;
+    color: white !important;
+}
+
+/* SIGN IN NAV BAR*/
+.ui.menu.new-menu {
+    background: rgb(0 0 0 / 25%);
+}
+
+.ui.menu.new-menu::after {
+    background: transparent;
+}
+
+@media only screen and (max-width: 1200px) {
+    .ui.menu.new-menu:after {
+        background-image: inherit;
+    }
+}
+
+.ui.secondary.pointing.menu .active.item,
+.ui.secondary.pointing.menu .active.item:hover {
+    border-color: currentColor;
+    color: rgb(var(--accent-color));
+}
+
+.ui.tabular.menu .item {
+    color: var(--text);
+}
+
+.ui.secondary.pointing.menu .dropdown.item:hover,
+.ui.secondary.pointing.menu .link.item:hover,
+.ui.secondary.pointing.menu a.item:hover {
+    background-color: transparent;
+    color: var(--text-hover);
+}
+
+/* DROPDOWN MENU */
+.item:focus {
+    outline: none;
+}
+
+.ui.menu .dropdown.item .menu {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.ui.menu .ui.dropdown .menu>.item {
+    color: var(--text) !important;
+}
+
+.ui.menu .ui.dropdown .menu>.active.item {
+    background: rgb(0 0 0 / 10%) !important;
+    color: rgb(var(--accent-color)) !important;
+}
+
+.ui.menu .ui.dropdown .menu>.item:hover,
+.ui.menu .ui.dropdown .menu>.selected.item {
+    background: rgb(255 255 255 / 0.07) !important;
+    color: var(--text-hover) !important;
+}
+
+.ui.menu,
+.ui.vertical.menu {
+    background: #ffffff00;
+    border-color: rgb(255 255 255 / 10%);
+}
+
+.ui.floating.dropdown .overflow.menu .scrolling.menu.items {
+    border-bottom: 1px solid rgb(255 255 255 / 10%);
+}
+
+.ui.dropdown .scrolling.menu {
+    border-color: rgb(255 255 255 / 10%);
+}
+
+.ui.dropdown .menu {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-color: rgb(255 255 255 / 10%);
+}
+
+.ui.dropdown .menu>.item:hover {
+    background: rgb(255 255 255 / 0.07);
+}
+
+.ui.dropdown .menu .selected.item,
+.ui.dropdown.selected {
+    background: rgb(0 0 0 / 0.25);
+    color: var(--text-hover);
+}
+
+.ui.dropdown .menu .active.item {
+    color: rgb(var(--accent-color));
+    outline: none !important;
+}
+
+.ui.selection.dropdown:hover,
+input:hover,
+textarea:hover {
+    border-color: rgb(255 255 255 / 20%);
+    background: rgb(0 0 0 / .25);
+    color: var(--text-hover);
+}
+
+.ui.dropdown .menu>.item {
+    color: var(--text);
+}
+
+.ui.dropdown .menu>.item:hover {
+    color: var(--text-hover);
+}
+
+.ui.selection.dropdown .menu>.item {
+    border-top: 1px solid rgb(255 255 255 / 20%);
+}
+
+.ui.selection.dropdown {
+    background: rgb(0 0 0 / .25);
+    color: var(--text-hover);
+    border-color: rgb(255 255 255 / 10%);
+}
+
+.ui.selection.dropdown:focus {
+    border-color: rgba(255, 255, 255, .08);
+    background: rgb(0 0 0 / 50%);
+    box-shadow: none;
+}
+
+.ui.selection.active.dropdown,
+.ui.selection.active.dropdown .menu {
+    border-color: transparent;
+}
+
+.ui.selection.active.dropdown:hover,
+.ui.selection.active.dropdown:hover .menu {
+    border-color: transparent;
+}
+
+.ui.selection.visible.dropdown>.text:not(.default) {
+    color: var(--text);
+}
+
+.ui.default.dropdown:not(.button)>.text,
+.ui.dropdown:not(.button)>.default.text {
+    color: var(--text);
+    opacity: .7;
+}
+
+.ui.pointing.dropdown>.menu:not(.hidden):after {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/* MESSAGES */
+.ui.negative.message {
+    background-color: #F44336;
+    box-shadow: none !important;
+}
+
+.ui.negative.message p {
+    color: var(--text-hover) !important;
+    box-shadow: none !important;
+}
+
+.ui.positive.message {
+    background-color: #4CAF50;
+    box-shadow: none !important;
+}
+
+.ui.positive.message p {
+    color: var(--text-hover) !important;
+}
+
+/* DASHBOARD */
+.vue-tooltip-theme.tooltip .tooltip-inner {
+    background: rgb(0 0 0 / 95%);
+    color: var(--text);
+}
+
+svg.vch__wrapper .vch__days__labels__wrapper text.vch__day__label[data-v-a9cfea66],
+svg.vch__wrapper .vch__legend__wrapper text[data-v-a9cfea66],
+svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9cfea66] {
+    fill: var(--text);
+}
+
+#app .ui.item.menu,
+.ui.item.menu .item {
+    background: rgb(0 0 0 / 15%);
+    border-color: rgb(255 255 255 / 10%);
+}
+
+#app .ui.menu .active.item {
+    color: var(--text);
+}
+
+.ui.menu .active.item {
+    background: rgba(0, 0, 0, .25);
+    color: var(--text);
+    font-weight: 400;
+    box-shadow: none;
+}
+
+.ui.menu .active.item:hover,
+.ui.vertical.menu .active.item:hover {
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+}
+
+.ui.menu a.item:hover {
+    color: var(--text-hover);
+    background: rgb(0 0 0 / 15%);
+}
+
+#app .ui.link.menu .item:hover,
+.ui.menu .dropdown.item:hover,
+.ui.menu .link.item:hover {
+    cursor: pointer;
+    background: rgba(0, 0, 0, .03);
+    color: var(--text-hover);
+}
+
+#app .ui.secondary.segment {
+    background: rgb(0 0 0 / 15%);
+    color: rgba(0, 0, 0, .6);
+}
+
+/* COMMIT CALENDAR */
+svg.vch__wrapper rect.vch__day__square[data-v-a9cfea66]:hover {
+    stroke: rgb(var(--accent-color));
+    stroke-width: 1px;
+}
+
+.heatmap-color-0 {
+    background-color: rgba(0, 0, 0, .25);
+}
+
+.activity-bar-graph {
+    color: #9e9e9e;
+}
+
+.heatmap-color-1 {
+    background-color: var(--heatmap-color-1);
+}
+
+.heatmap-color-2 {
+    background-color: var(--heatmap-color-2);
+}
+
+.heatmap-color-3 {
+    background-color: var(--heatmap-color-3);
+}
+
+.heatmap-color-4 {
+    background-color: var(--heatmap-color-4);
+}
+
+.activity-bar-graph,
+.heatmap-color-5 {
+    background-color: var(--heatmap-color-5);
+}
+
+/* REPOSITORY */
+.repository .header-wrapper {
+    background-color: rgb(0 0 0 / 24%);
+}
+
+.repository .diff-detail-box {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.repository .diff-detail-box.sticky {
+    border-bottom: 1px solid rgb(255 255 255 / .1);
+}
+
+.repository .diff-file-box .code-diff-unified tbody tr.del-code td {
+    background-color: #3c2626 !important;
+    border-color: #634343 !important
+}
+
+.repository .diff-file-box .code-diff-unified tbody tr.del-code td.lines-num {
+    background-color: #4e2c2c !important
+}
+
+.repository .diff-file-box .code-diff-unified tbody tr.add-code td {
+    background-color: #283e2d !important;
+    border-color: #314a37 !important
+}
+
+.repository .diff-file-box .code-diff-unified tbody tr.add-code td.lines-num {
+    background-color: #2c4632 !important
+}
+
+.repository.view.issue .comment-list .comment .comment-container {
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.comment-header {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
+}
+
+.removed-code {
+    background-color: #5f3737
+}
+
+.added-code {
+    background-color: #3a523a
+}
+
+.repository .segment.reactions .ui.label.basic {
+    color: rgb(var(--accent-color)) !important;
+}
+
+.repository .diff-file-box .code-diff-split tbody tr.add-code td:first-child,
+.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(2),
+.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(3),
+.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4),
+.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(5),
+.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(6) {
+    background-color: var(--code-background)
+}
+
+.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(4),
+.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(5),
+.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(6),
+.repository .diff-file-box .code-diff-split tbody tr td.add-code,
+.repository .diff-file-box .code-diff-split tbody tr td.lines-num-new.add-code {
+    background-color: #283e2d !important;
+    border-color: #314a37 !important
+}
+
+.repository .diff-file-box .code-diff-split tbody tr.del-code td:first-child,
+.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(2),
+.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(3),
+.repository .diff-file-box .code-diff-split tbody tr td.del-code {
+    background-color: #3c2626 !important;
+    border-color: #634343 !important
+}
+
+.repository.view.issue .comment-list .timeline-item .badge.badge-commit {
+    border-color: transparent;
+    background: radial-gradient(#fff0 40%, transparent 0) no-repeat;
+}
+
+.tag-code,
+.tag-code td {
+    background: rgba(255, 255, 255, .1) !important;
+}
+
+.tag-code td.lines-num {
+    background-color: rgba(255, 255, 255, 0) !important;
+}
+
+a.blob-excerpt {
+    color: var(--text);
+    background: rgba(255, 255, 255, .1) !important;
+}
+
+td.blob-excerpt {
+    background-color: rgba(0, 0, 0, .15);
+}
+
+.repo-header .ui.breadcrumb a {
+    color: rgb(var(--accent-color));
+}
+
+.repo-header .ui.breadcrumb a:hover {
+    color: var(--accent-color-hover);
+}
+
+.repo-header .ui.breadcrumb .divider {
+    color: rgb(255 255 255 / 40%);
+}
+
+.ui.tabular.menu .item.active {
+    color: var(--text);
+}
+
+.ui.tabular.menu .active.item {
+    background: none var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+    border-color: rgb(255 255 255 / 10%) !important;
+}
+
+.ui.tabular.menu {
+    border-bottom: 1px solid rgb(255 255 255 / 10%);
+}
+
+.ui.tabular.menu .item:hover,
+.ui.tabular.menu .active.item,
+.ui.tabular.menu .active.item:hover {
+    color: rgb(var(--accent-color)) !important;
+    border-radius: .28571429rem .28571429rem 0 0 !important;
+}
+
+.ui.card,
+.ui.cards>.card {
+    background: rgb(0 0 0 / 15%);
+    box-shadow: none;
+}
+
+.ui.cards a.card:hover,
+.ui.link.card:hover,
+.ui.link.cards .card:not(.icon):hover,
+a.ui.card:hover {
+    border: 1px solid rgb(255 255 255 / 20%);
+    background: rgb(255 255 255 / 15%);
+}
+
+.repository .ui.menu {
+    background: rgb(0 0 0 / 0%);
+    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
+}
+
+.repository.migrate .card {
+    border: 1px solid transparent;
+}
+
+.ui.card>.content,
+.ui.cards>.card>.content {
+    border-color: rgb(255 255 255 / 10%);
+}
+
+.ui.ui.menu .item.disabled {
+    cursor: default;
+    background-color: transparent;
+    color: rgb(255 255 255 / 30%);
+    pointer-events: none;
+}
+
+.repository.file.editor .commit-form-wrapper .commit-form {
+    position: relative;
+    padding: 15px;
+    margin-bottom: 10px;
+    border: 1px solid rgb(255 255 255 / .1);
+    border-radius: 3px;
+    background: rgb(255 255 255 / 10%);
+}
+
+.repository.release #release-list {
+    border-top: 1px solid rgb(255 255 255 / 0.1);
+}
+
+.repository.release #release-list>li .detail {
+    border-left: 1px solid rgb(255 255 255 / 0.1);
+}
+
+.repository.release #release-list>li .detail .download .list {
+    border-top: 1px solid rgb(255 255 255 / .1);
+}
+
+.repository.release #release-list>li .detail .download .list li {
+    border-bottom: 1px solid rgb(255 255 255 / .1);
+}
+
+/*
+.repository .ui.menu .active.item {
+    background: var(--main-bg-color) !important;
+    color: var(--text-hover);
+    font-weight: 400;
+    box-shadow: none;
+}
+
+    /* WIKI */
+.repository.wiki.pages .ui.ui.table td.grey:not(.marked),
+.repository.wiki.pages .ui.ui.ui.ui.table tr.grey:not(.marked) {
+    background: rgb(255 255 255 / 0.08);
+    ;
+}
+
+.editor-preview,
+.editor-preview-side {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/* COMMIT STUFF */
+#git-graph-container li a {
+    color: var(--link-color);
+}
+
+#git-graph-container li a:hover {
+    color: var(--text-hover);
+}
+
+#git-graph-container #rev-list li.highlight,
+#git-graph-container #rev-list li.hover {
+    background-color: rgba(255, 255, 255, .05);
+}
+
+#git-graph-container #rev-list li.highlight.hover {
+    background-color: rgba(255, 255, 255, .05);
+}
+
+#git-graph-container li .author {
+    color: rgb(var(--accent-color));
+}
+
+.repository .ui.segment.sub-menu .list .item a,
+.repository .ui.segment.sub-menu .list .item span.ui {
+    color: var(--text);
+}
+
+.repository .ui.segment.sub-menu .list .item a:hover,
+.repository .ui.segment.sub-menu .list .item b:hover {
+    color: var(--text-hover) !important;
+}
+
+.repository .ui.segment.sub-menu .list .item.active {
+    background: rgba(255, 255, 255, 0.07);
+}
+
+.repository.file.list #repo-files-table tbody .svg {
+    color: var(--text);
+}
+
+.ui.blue.labels .label,
+.ui.ui.ui.blue.label,
+.ui.grey.labels .label,
+.ui.ui.ui.grey.label {
+    background-color: rgb(var(--accent-color)) !important;
+    border-color: rgb(var(--accent-color)) !important;
+    color: var(--label-text-color);
+}
+
+.ui.black.labels .label,
+.ui.ui.ui.black.label {
+    background-color: rgb(var(--accent-color));
+    border-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+.repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n) {
+    background-color: rgba(0, 0, 0, 0.15) !important;
+}
+
+.repository #commits-table.ui.table>tbody {
+    background-color: transparent !important;
+}
+
+/* ISSUES */
+.CodeMirror-cursor {
+    border-left: 1px solid var(--text)
+}
+
+.CodeMirror,
+.EasyMDEContainer .CodeMirror {
+    border: 1px solid rgb(255 255 255 / .1);
+    background: rgba(0, 0, 0, .25);
+}
+
+.CodeMirror-focused {
+    border-color: rgb(255 255 255 / 20%) !important;
+}
+
+.editor-toolbar a,
+.editor-toolbar button {
+    color: var(--text-hover) !important;
+}
+
+.editor-toolbar {
+    border: 1px solid rgb(255 255 255 / .1);
+    border-left: 1px solid rgb(255 255 255 / .1);
+    border-right: 1px solid rgb(255 255 255 / .1);
+}
+
+.editor-toolbar a.active,
+.editor-toolbar a:hover,
+.editor-toolbar button.active,
+.editor-toolbar button:hover {
+    background: rgb(255 255 255 / 25%);
+    border-color: rgb(255 255 255 / 25%);
+}
+
+.dropzone {
+    min-height: 150px;
+    border: 2px solid rgba(0, 0, 0, .3);
+    background: rgb(255 255 255 / 25%) !important;
+    padding: 20px;
+}
+
+.ui.form .dropzone {
+    border: 2px dashed rgb(var(--accent-color)) !important;
+    box-shadow: none !important;
+    padding: 0;
+    min-height: 5rem;
+    border-radius: 4px;
+}
+
+.ui.form .dropzone .dz-button {
+    color: var(--text-hover) !important;
+}
+
+.ui.form .dropzone:hover .dz-button {
+    color: var(--link-color) !important;
+}
+
+.repository .metas .ui.list .item {
+    color: var(--text) !important;
+}
+
+.repository.view.issue .comment-list .timeline:before {
+    background-color: transparent;
+}
+
+.repository.view.issue .comment-list .comment .content>.header {
+    background-color: rgb(0 0 0 / 25%);
+}
+
+.repository.view.issue .comment-list .comment .content>.header .actions a {
+    color: rgb(255 255 255);
+}
+
+.repository.view.issue .comment-list .comment .content>.header .actions a:hover {
+    color: rgb(var(--accent-color));
+}
+
+.repository.view.issue .pull-desc code {
+    color: rgb(var(--accent-color));
+}
+
+.repository .segment.reactions .ui.label.basic.blue {
+    background-color: #ffffff00 !important;
+    border-color: inherit !important;
+}
+
+.repository.view.issue .comment-list .comment:target>.content {
+    box-shadow: 0 0 10px #000000;
+}
+
+.repository.view.issue .comment-list .timeline-item .badge {
+    background-color: rgb(var(--accent-color));
+    border: 2px solid rgb(var(--accent-color));
+    color: var(--text-hover);
+}
+
+.issue.list>.item .desc .overdue {
+    color: #ec2626;
+}
+
+/* TABLE */
+.ui.table>thead>tr>th {
+    background: rgb(0 0 0 / 25%);
+    color: var(--text);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ui.table {
+    width: 100%;
+    background: rgb(255 255 255 / 0.0);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    color: var(--text);
+}
+
+table#repo-files-table {
+    background: rgb(0 0 0 / 35%);
+}
+
+.ui.table>tbody {
+    border: 1px solid rgba(34, 36, 38, .15);
+    color: var(--text);
+}
+
+.ui.table>tbody>tr>td,
+w .ui.table>tr>td {
+    border-top: 1px solid rgb(255 255 255 / 10%);
+}
+
+.repository.file.list #repo-files-table thead tr:hover {
+    background-color: rgba(0, 0, 0, 0.0) !important;
+}
+
+.repository.file.list #repo-files-table tr:hover {
+    background: rgba(255, 255, 255, 0.08);
+}
+
+.ui.table tbody tr td.selectable:hover,
+.ui.ui.selectable.table>tbody>tr:hover {
+    background: rgb(255 255 255 / 0.08);
+    color: var(--text-hover);
+}
+
+/* FOOTER */
+footer {
+    background-color: rgb(0 0 0 / 25%);
+    border-top: 1px solid rgb(255 255 255 / 25%);
+}
+
+/* BUTTONS / CHECKBOXES */
+.btn:active,
+.btn:focus {
+    outline: none !important;
+}
+
+.ui.checkbox input:checked~label:after {
+    color: var(--label-text-color) !important;
+    background: rgb(var(--accent-color));
+}
+
+.ui.toggle.checkbox input:checked~label:before {
+    background-color: rgb(0 0 0 / 25%) !important;
+}
+
+.ui.toggle.checkbox input:checked~label,
+.ui.toggle.checkbox label {
+    color: var(--label-text-color) !important;
+}
+
+.ui.toggle.checkbox label:before,
+.ui.toggle.checkbox input:focus:checked~label:before {
+    background: rgb(255 255 255 / 10%) !important;
+    background-color: rgb(255 255 255 / 10%) !important;
+}
+
+.ui.toggle.checkbox input:focus:checked~label,
+.ui.checkbox input:focus~label,
+.ui.checkbox input:focus~label:after {
+    color: var(--label-text-color) !important;
+}
+
+.ui.blue.button,
+.ui.blue.buttons .button,
+.ui.primary.button,
+.ui.primary.buttons .button {
+    background-color: var(--button-color) !important;
+    color: var(--button-text) !important;
+}
+
+.ui.primary.button:hover,
+.ui.primary.buttons .button:hover,
+.ui.blue.button:hover,
+.ui.blue.buttons .button:hover,
+.ui.basic.blue.button:focus,
+.ui.basic.blue.buttons .button:focus,
+.ui.basic.primary.button:focus,
+.ui.basic.primary.buttons .button:focus {
+    background-color: var(--button-color-hover) !important;
+    color: var(--button-text) !important;
+    box-shadow: inset 0 0 0 1px transparent !important;
+}
+
+.ui.teal.button,
+.ui.teal.buttons .button {
+    background-color: var(--button-color);
+    color: var(--button-text);
+    text-shadow: none;
+    background-image: none;
+}
+
+.ui.teal.button:hover,
+.ui.teal.buttons .button:hover {
+    background-color: var(--button-color-hover);
+    color: var(--button-text);
+    text-shadow: none;
+}
+
+/*
+.ui.green.button,
+.ui.green.buttons .button {
+    background-color: var(--button-color);
+    color: var(--button-text);
+}
+
+.ui.green.button:focus,
+.ui.green.buttons .button:focus {
+    background-color: var(--button-color-hover);
+    color: var(--button-text);
+    text-shadow: none;
+}
+
+.ui.green.button:hover,
+.ui.green.buttons .button:hover {
+    background-color: var(--button-color-hover);
+    color: var(--button-text);
+}
+*/
+.ui.blue.button,
+.ui.blue.buttons .button {
+    background-color: var(--button-color) !important;
+    color: var(--button-text);
+}
+
+.ui.blue.button:hover,
+.ui.blue.buttons .button:hover {
+    background-color: var(--button-color-hover) !important;
+    color: var(--button-text);
+}
+
+.ui.active.button,
+.ui.active.button:hover {
+    color: var(--button-text);
+}
+
+.ui.active.button,
+.ui.active.button:active,
+.ui.active.button:hover {
+    background-color: var(--button-color-hover);
+
+}
+
+.ui.button {
+    background: var(--button-color);
+    color: var(--button-text);
+    border: 1px solid rgb(255 255 255 / 10%);
+}
+
+.ui.button:hover {
+    background: var(--button-color-hover);
+    color: var(--button-text);
+}
+
+.ui.basic.blue.button,
+.ui.basic.blue.buttons .button {
+    box-shadow: inset 0 0 0 1px rgb(var(--accent-color)) !important;
+    color: var(--button-text) !important;
+}
+
+.ui.basic.blue.button:hover,
+.ui.basic.blue.buttons .button:hover,
+.ui.basic.blue.button:active,
+.ui.basic.blue.buttons .button:active,
+.ui.basic.blue.button:focus,
+.ui.basic.blue.buttons .button:focus {
+    background: var(--button-color) !important;
+    color: var(--button-text) !important;
+}
+
+.ui.basic.buttons .button,
+.ui.basic.blue.button,
+.ui.basic.blue.buttons .button,
+.ui.basic.primary.button,
+.ui.basic.primary.buttons .button {
+    color: var(--button-text);
+    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 15%) !important;
+}
+
+.ui.basic.button {
+    color: var(--text);
+}
+
+.ui.basic.button:focus,
+.ui.basic.button:hover {
+    color: var(--text-hover);
+}
+
+.ui.basic.buttons .button:focus,
+.ui.basic.buttons .button:hover {
+    background: rgb(0 0 0 / 15%);
+    color: var(--button-text);
+}
+
+.ui.basic.red.button,
+.ui.basic.red.buttons .button {
+    background: #F44336;
+    box-shadow: inset 0 0 0 1px #F44336;
+    color: var(--button-text);
+}
+
+.ui.basic.red.button:hover,
+.ui.basic.red.buttons .button:hover {
+    background: #ec2626;
+    box-shadow: inset 0 0 0 1px #ec2626;
+    color: var(--button-text);
+}
+
+.ui.inverted.red.basic.button:hover,
+.ui.inverted.red.basic.buttons .button:hover,
+.ui.inverted.red.buttons .basic.button:hover {
+    box-shadow: inset 0 0 0 2px #ec2626;
+    color: var(--button-text);
+}
+
+.repo-buttons .ui.basic.label,
+.ui.basic.labels .label {
+    background: none var(--button-color);
+    border: 1px solid rgba(34, 36, 38, .15);
+    color: var(--label-text-color);
+}
+
+.repo-buttons .ui.basic.labels a.label:hover,
+a.ui.basic.label:hover,
+.repo-buttons .ui.labeled.button>.label:hover {
+    text-decoration: none;
+    background: none var(--button-color-hover);
+    color: var(--label-text-color);
+    box-shadow: none;
+}
+
+.repo-buttons .ui.labeled.button.disabled>.label {
+    color: var(--button-text-color);
+    background: var(--button-color)!important;
+}
+
+.repo-buttons .disabled-repo-button a.button:hover {
+    background: none !important;
+    color: rgb(255 255 255 / 60%) !important;
+    box-shadow: inset 0 0 0 1px rgba(34, 36, 38, .15) !important;
+}
+
+.repo-title {
+    color: var(--text-hover);
+}
+
+/* LABELS */
+/*
+.ui.label,
+.ui.menu .item>.label {
+    background-color: var(--button-color);
+    color: var(--button-text);
+}
+*/
+.ui.label,
+.ui.menu .item>.label {
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+.ui.labels a.label:hover,
+a.ui.label:hover {
+    background-color: #ffffff;
+    color: rgba(0, 0, 0, .8);
+}
+
+.ui .sha.label {
+    background: var(--button-color) !important;
+    color: var(--label-text-color) !important;
+    border: 1px solid var(--button-color) !important;
+}
+
+a.ui.label:hover,
+a.ui.labels .label:hover {
+    background: var(--button-color-hover);
+    color: var(--label-text-color);
+}
+
+.repository #commits-table td.sha .sha.label,
+.repository #repo-files-table .sha.label,
+.repository .timeline-item.commits-list .singular-commit .sha.label {
+    border: 1px solid transparent;
+}
+
+.repository #commits-table td.sha .sha.label .detail.icon,
+.repository #repo-files-table .sha.label .detail.icon,
+.repository .timeline-item.commits-list .singular-commit .sha.label .detail.icon {
+    background: rgb(0 0 0 / 25%);
+    margin: -6px -10px -4px 0;
+    padding: 5px 4px 5px 6px;
+    border: 0;
+    border-left: 1px solid var(--text-hover);
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+}
+
+.repository.file.list #repo-files-table tbody .svg.octicon-file-directory,
+.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
+    color: rgb(var(--accent-color));
+}
+
+/* FORMS */
+input {
+    caret-color: var(--text) !important;
+}
+
+.ui.form input:not([type]),
+.ui.form input[type=date],
+.ui.form input[type=datetime-local],
+.ui.form input[type=email],
+.ui.form input[type=file],
+.ui.form input[type=number],
+.ui.form input[type=password],
+.ui.form input[type=search],
+.ui.form input[type=tel],
+.ui.form input[type=text],
+.ui.form input[type=time],
+.ui.form input[type=url],
+.ui.form input {
+    background: rgb(0 0 0 / 25%);
+    border: 1px solid transparent;
+    color: var(--text);
+    border-radius: .28571429rem;
+    box-shadow: inset 0 0 0 0 transparent;
+    transition: color .1s ease, border-color .1s ease;
+    caret-color: var(--text) !important;
+}
+
+.ui.form input:not([type]):focus,
+.ui.form input[type=date]:focus,
+.ui.form input[type=datetime-local]:focus,
+.ui.form input[type=email]:focus,
+.ui.form input[type=file]:focus,
+.ui.form input[type=number]:focus,
+.ui.form input[type=password]:focus,
+.ui.form input[type=search]:focus,
+.ui.form input[type=tel]:focus,
+.ui.form input[type=text]:focus,
+.ui.form input[type=time]:focus,
+.ui.form input[type=url]:focus {
+    color: var(--text);
+    border-color: rgb(0 0 0 / 15%);
+    border-radius: .28571429rem;
+    background: rgb(0 0 0 / 50%);
+    box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35);
+    caret-color: var(--text) !important;
+}
+
+.ui.form input:focus:hover,
+.ui.form textarea:focus:hover,
+input:focus:hover,
+textarea:focus:hover {
+    background: rgb(0 0 0 / 50%) !important;
+    border-color: rgb(255 255 255 / .1) !important;
+    color: var(--text-hover) !important;
+}
+
+.ui.form input:hover,
+.ui.form textarea:hover,
+input:hover,
+textarea:hover {
+    background: rgb(0 0 0 / 25%) !important;
+    border-color: rgb(255 255 255 / .1) !important;
+    color: var(--text-hover) !important;
+}
+
+.ui.form textarea:focus {
+    color: var(--text);
+    border-color: transparent;
+    background: rgba(0, 0, 0, .5);
+    box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35);
+    -webkit-appearance: none;
+    caret-color: var(--text) !important;
+}
+
+.ui.form textarea,
+.ui.input textarea {
+    background: rgb(0 0 0 / .25);
+    border: 1px solid rgba(34, 36, 38, .15);
+    color: var(--text);
+    caret-color: var(--text) !important;
+}
+
+
+.ui.input.focus>input,
+.ui.input>input:focus {
+    border-color: transparent;
+    background: rgb(0 0 0 / 50%);
+    color: var(--text);
+    box-shadow: none;
+    caret-color: var(--text) !important;
+}
+
+.ui.input>input {
+    background: rgb(0 0 0 / 25%);
+    border: 1px solid rgba(34, 36, 38, .15);
+    color: var(--text);
+}
+
+.ui.icon.input>i.icon {
+    color: var(--text);
+}
+
+.ui.action.input:not([class*="left action"])>input:focus {
+    border-right-color: rgb(var(--accent-color));
+}
+
+/* MARKDOWN */
+.markdown tbody {
+    background: #f000 !important;
+}
+
+.markdown:not(code) table tr {
+    background-color: rgba(0, 0, 0, .26);
+    border-top: 1px solid #ccc;
+}
+
+.markdown:not(code) table tr:nth-child(2n) {
+    background-color: rgba(0, 0, 0, .45);
+}
+
+.markdown:not(code) code,
+.markdown:not(code) tt {
+    background-color: rgb(0 0 0 / 0.25);
+}
+
+
+/* PLACEHOLDER TEXT */
+::placeholder {
+    color: var(--text) !important;
+    opacity: .5;
+}
+
+:-moz-placeholder {
+    color: var(--text) !important;
+    opacity: .5;
+}
+
+:-ms-input-placeholder {
+    color: var(--text) !important;
+    opacity: .5;
+}
+
+::-webkit-input-placeholder {
+    color: var(--text) !important;
+    opacity: .5;
+}
+
+/* HIGHLIGHTING */
+::-webkit-selection {
+    background-color: rgb(var(--accent-color)) !important;
+    color: var(--text-hover) !important;
+}
+
+::-moz-selection {
+    background-color: rgb(var(--accent-color)) !important;
+    color: var(--text-hover) !important;
+}
+
+::selection {
+    background-color: rgb(var(--accent-color)) !important;
+    color: var(--text-hover) !important;
+}
+
+textarea::-webkit-selection,
+input::-webkit-selection {
+    background-color: rgb(var(--accent-color)) !important;
+    color: var(--text-hover) !important;
+}
+
+textarea::-moz-selection,
+input::-moz-selection {
+    background-color: rgb(var(--accent-color)) !important;
+    color: var(--text-hover) !important;
+}
+
+textarea::-moz-selection,
+input::-moz-selection {
+    background-color: rgb(var(--accent-color)) !important;
+    color: var(--text-hover) !important;
+}
+
+textarea::selection,
+input::selection {
+    background-color: rgb(var(--accent-color)) !important;
+    color: var(--text-hover) !important;
+}
+
+/* CALENDAR */
+::-webkit-calendar-picker-indicator {
+    filter: invert(1);
+}
+
+/* VIEW FILE */
+
+.lines-num {
+    color: var(--text);
+}
+
+.code-view .lines-num:hover {
+    color: var(--text-hover)!important;
+    background: rgb(var(--accent-color),.5);
+}
+
+.code-view .lines-num:active,.code-view .lines-num:focus {
+    color: var(--text-hover)!important;
+    background: rgb(var(--accent-color),.5);
+}
+
+.code-line-button {
+    background-color: var(--button-color);
+    color: var(--button-text);
+    border: 1px solid var(--button-color);
+}
+
+.code-line-button:hover {
+    color: var(--button-text-hover);
+}
+
+.ui.popup {
+    background-color: var(--button-color);
+    color: var(--button-text);
+    border-color: var(--button-color);
+}
+
+.ui.top.popup:before {
+    background: var(--button-color);
+}
+
+.ui.popup:before {
+    box-shadow: 1px 1px var(--button-color);
+}
+
+.ui.link.list .item, .ui.link.list a.item, .ui.link.list .item a:not(.ui) {
+    color: var(--button-text);
+}
+
+.ui.link.list.list a.item:hover, .ui.link.list.list .item a:not(.ui):hover, .ui.link.list.list a.item:active, .ui.link.list.list .item a:not(.ui):active {
+    color: var(--button-text-hover);
+}
\ No newline at end of file
diff --git a/css/base/gitea/hotline-old.css b/css/base/gitea/hotline-old.css
new file mode 100644
index 00000000..87aaeccb
--- /dev/null
+++ b/css/base/gitea/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/gitea/hotline.css b/css/base/gitea/hotline.css
new file mode 100644
index 00000000..e1548c3a
--- /dev/null
+++ b/css/base/gitea/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/gitea/hotpink.css b/css/base/gitea/hotpink.css
new file mode 100644
index 00000000..a4bbeb57
--- /dev/null
+++ b/css/base/gitea/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/gitea/mind.css b/css/base/gitea/mind.css
new file mode 100644
index 00000000..535d3708
--- /dev/null
+++ b/css/base/gitea/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/gitea/monaco_vs_dark.css b/css/base/gitea/monaco_vs_dark.css
new file mode 100644
index 00000000..ffb8df75
--- /dev/null
+++ b/css/base/gitea/monaco_vs_dark.css
@@ -0,0 +1,864 @@
+.codicon-add:before { content: '\ea60'; }
+.codicon-plus:before { content: '\ea60'; }
+.codicon-gist-new:before { content: '\ea60'; }
+.codicon-repo-create:before { content: '\ea60'; }
+.codicon-lightbulb:before { content: '\ea61'; }
+.codicon-light-bulb:before { content: '\ea61'; }
+.codicon-repo:before { content: '\ea62'; }
+.codicon-repo-delete:before { content: '\ea62'; }
+.codicon-gist-fork:before { content: '\ea63'; }
+.codicon-repo-forked:before { content: '\ea63'; }
+.codicon-git-pull-request:before { content: '\ea64'; }
+.codicon-git-pull-request-abandoned:before { content: '\ea64'; }
+.codicon-record-keys:before { content: '\ea65'; }
+.codicon-keyboard:before { content: '\ea65'; }
+.codicon-tag:before { content: '\ea66'; }
+.codicon-tag-add:before { content: '\ea66'; }
+.codicon-tag-remove:before { content: '\ea66'; }
+.codicon-person:before { content: '\ea67'; }
+.codicon-person-follow:before { content: '\ea67'; }
+.codicon-person-outline:before { content: '\ea67'; }
+.codicon-person-filled:before { content: '\ea67'; }
+.codicon-git-branch:before { content: '\ea68'; }
+.codicon-git-branch-create:before { content: '\ea68'; }
+.codicon-git-branch-delete:before { content: '\ea68'; }
+.codicon-source-control:before { content: '\ea68'; }
+.codicon-mirror:before { content: '\ea69'; }
+.codicon-mirror-public:before { content: '\ea69'; }
+.codicon-star:before { content: '\ea6a'; }
+.codicon-star-add:before { content: '\ea6a'; }
+.codicon-star-delete:before { content: '\ea6a'; }
+.codicon-star-empty:before { content: '\ea6a'; }
+.codicon-comment:before { content: '\ea6b'; }
+.codicon-comment-add:before { content: '\ea6b'; }
+.codicon-alert:before { content: '\ea6c'; }
+.codicon-warning:before { content: '\ea6c'; }
+.codicon-search:before { content: '\ea6d'; }
+.codicon-search-save:before { content: '\ea6d'; }
+.codicon-log-out:before { content: '\ea6e'; }
+.codicon-sign-out:before { content: '\ea6e'; }
+.codicon-log-in:before { content: '\ea6f'; }
+.codicon-sign-in:before { content: '\ea6f'; }
+.codicon-eye:before { content: '\ea70'; }
+.codicon-eye-unwatch:before { content: '\ea70'; }
+.codicon-eye-watch:before { content: '\ea70'; }
+.codicon-circle-filled:before { content: '\ea71'; }
+.codicon-primitive-dot:before { content: '\ea71'; }
+.codicon-close-dirty:before { content: '\ea71'; }
+.codicon-debug-breakpoint:before { content: '\ea71'; }
+.codicon-debug-breakpoint-disabled:before { content: '\ea71'; }
+.codicon-debug-hint:before { content: '\ea71'; }
+.codicon-primitive-square:before { content: '\ea72'; }
+.codicon-edit:before { content: '\ea73'; }
+.codicon-pencil:before { content: '\ea73'; }
+.codicon-info:before { content: '\ea74'; }
+.codicon-issue-opened:before { content: '\ea74'; }
+.codicon-gist-private:before { content: '\ea75'; }
+.codicon-git-fork-private:before { content: '\ea75'; }
+.codicon-lock:before { content: '\ea75'; }
+.codicon-mirror-private:before { content: '\ea75'; }
+.codicon-close:before { content: '\ea76'; }
+.codicon-remove-close:before { content: '\ea76'; }
+.codicon-x:before { content: '\ea76'; }
+.codicon-repo-sync:before { content: '\ea77'; }
+.codicon-sync:before { content: '\ea77'; }
+.codicon-clone:before { content: '\ea78'; }
+.codicon-desktop-download:before { content: '\ea78'; }
+.codicon-beaker:before { content: '\ea79'; }
+.codicon-microscope:before { content: '\ea79'; }
+.codicon-vm:before { content: '\ea7a'; }
+.codicon-device-desktop:before { content: '\ea7a'; }
+.codicon-file:before { content: '\ea7b'; }
+.codicon-file-text:before { content: '\ea7b'; }
+.codicon-more:before { content: '\ea7c'; }
+.codicon-ellipsis:before { content: '\ea7c'; }
+.codicon-kebab-horizontal:before { content: '\ea7c'; }
+.codicon-mail-reply:before { content: '\ea7d'; }
+.codicon-reply:before { content: '\ea7d'; }
+.codicon-organization:before { content: '\ea7e'; }
+.codicon-organization-filled:before { content: '\ea7e'; }
+.codicon-organization-outline:before { content: '\ea7e'; }
+.codicon-new-file:before { content: '\ea7f'; }
+.codicon-file-add:before { content: '\ea7f'; }
+.codicon-new-folder:before { content: '\ea80'; }
+.codicon-file-directory-create:before { content: '\ea80'; }
+.codicon-trash:before { content: '\ea81'; }
+.codicon-trashcan:before { content: '\ea81'; }
+.codicon-history:before { content: '\ea82'; }
+.codicon-clock:before { content: '\ea82'; }
+.codicon-folder:before { content: '\ea83'; }
+.codicon-file-directory:before { content: '\ea83'; }
+.codicon-symbol-folder:before { content: '\ea83'; }
+.codicon-logo-github:before { content: '\ea84'; }
+.codicon-mark-github:before { content: '\ea84'; }
+.codicon-github:before { content: '\ea84'; }
+.codicon-terminal:before { content: '\ea85'; }
+.codicon-console:before { content: '\ea85'; }
+.codicon-repl:before { content: '\ea85'; }
+.codicon-zap:before { content: '\ea86'; }
+.codicon-symbol-event:before { content: '\ea86'; }
+.codicon-error:before { content: '\ea87'; }
+.codicon-stop:before { content: '\ea87'; }
+.codicon-variable:before { content: '\ea88'; }
+.codicon-symbol-variable:before { content: '\ea88'; }
+.codicon-array:before { content: '\ea8a'; }
+.codicon-symbol-array:before { content: '\ea8a'; }
+.codicon-symbol-module:before { content: '\ea8b'; }
+.codicon-symbol-package:before { content: '\ea8b'; }
+.codicon-symbol-namespace:before { content: '\ea8b'; }
+.codicon-symbol-object:before { content: '\ea8b'; }
+.codicon-symbol-method:before { content: '\ea8c'; }
+.codicon-symbol-function:before { content: '\ea8c'; }
+.codicon-symbol-constructor:before { content: '\ea8c'; }
+.codicon-symbol-boolean:before { content: '\ea8f'; }
+.codicon-symbol-null:before { content: '\ea8f'; }
+.codicon-symbol-numeric:before { content: '\ea90'; }
+.codicon-symbol-number:before { content: '\ea90'; }
+.codicon-symbol-structure:before { content: '\ea91'; }
+.codicon-symbol-struct:before { content: '\ea91'; }
+.codicon-symbol-parameter:before { content: '\ea92'; }
+.codicon-symbol-type-parameter:before { content: '\ea92'; }
+.codicon-symbol-key:before { content: '\ea93'; }
+.codicon-symbol-text:before { content: '\ea93'; }
+.codicon-symbol-reference:before { content: '\ea94'; }
+.codicon-go-to-file:before { content: '\ea94'; }
+.codicon-symbol-enum:before { content: '\ea95'; }
+.codicon-symbol-value:before { content: '\ea95'; }
+.codicon-symbol-ruler:before { content: '\ea96'; }
+.codicon-symbol-unit:before { content: '\ea96'; }
+.codicon-activate-breakpoints:before { content: '\ea97'; }
+.codicon-archive:before { content: '\ea98'; }
+.codicon-arrow-both:before { content: '\ea99'; }
+.codicon-arrow-down:before { content: '\ea9a'; }
+.codicon-arrow-left:before { content: '\ea9b'; }
+.codicon-arrow-right:before { content: '\ea9c'; }
+.codicon-arrow-small-down:before { content: '\ea9d'; }
+.codicon-arrow-small-left:before { content: '\ea9e'; }
+.codicon-arrow-small-right:before { content: '\ea9f'; }
+.codicon-arrow-small-up:before { content: '\eaa0'; }
+.codicon-arrow-up:before { content: '\eaa1'; }
+.codicon-bell:before { content: '\eaa2'; }
+.codicon-bold:before { content: '\eaa3'; }
+.codicon-book:before { content: '\eaa4'; }
+.codicon-bookmark:before { content: '\eaa5'; }
+.codicon-debug-breakpoint-conditional-unverified:before { content: '\eaa6'; }
+.codicon-debug-breakpoint-conditional:before { content: '\eaa7'; }
+.codicon-debug-breakpoint-conditional-disabled:before { content: '\eaa7'; }
+.codicon-debug-breakpoint-data-unverified:before { content: '\eaa8'; }
+.codicon-debug-breakpoint-data:before { content: '\eaa9'; }
+.codicon-debug-breakpoint-data-disabled:before { content: '\eaa9'; }
+.codicon-debug-breakpoint-log-unverified:before { content: '\eaaa'; }
+.codicon-debug-breakpoint-log:before { content: '\eaab'; }
+.codicon-debug-breakpoint-log-disabled:before { content: '\eaab'; }
+.codicon-briefcase:before { content: '\eaac'; }
+.codicon-broadcast:before { content: '\eaad'; }
+.codicon-browser:before { content: '\eaae'; }
+.codicon-bug:before { content: '\eaaf'; }
+.codicon-calendar:before { content: '\eab0'; }
+.codicon-case-sensitive:before { content: '\eab1'; }
+.codicon-check:before { content: '\eab2'; }
+.codicon-checklist:before { content: '\eab3'; }
+.codicon-chevron-down:before { content: '\eab4'; }
+.codicon-drop-down-button:before { content: '\eab4'; }
+.codicon-chevron-left:before { content: '\eab5'; }
+.codicon-chevron-right:before { content: '\eab6'; }
+.codicon-chevron-up:before { content: '\eab7'; }
+.codicon-chrome-close:before { content: '\eab8'; }
+.codicon-chrome-maximize:before { content: '\eab9'; }
+.codicon-chrome-minimize:before { content: '\eaba'; }
+.codicon-chrome-restore:before { content: '\eabb'; }
+.codicon-circle-outline:before { content: '\eabc'; }
+.codicon-debug-breakpoint-unverified:before { content: '\eabc'; }
+.codicon-circle-slash:before { content: '\eabd'; }
+.codicon-circuit-board:before { content: '\eabe'; }
+.codicon-clear-all:before { content: '\eabf'; }
+.codicon-clippy:before { content: '\eac0'; }
+.codicon-close-all:before { content: '\eac1'; }
+.codicon-cloud-download:before { content: '\eac2'; }
+.codicon-cloud-upload:before { content: '\eac3'; }
+.codicon-code:before { content: '\eac4'; }
+.codicon-collapse-all:before { content: '\eac5'; }
+.codicon-color-mode:before { content: '\eac6'; }
+.codicon-comment-discussion:before { content: '\eac7'; }
+.codicon-compare-changes:before { content: '\eafd'; }
+.codicon-credit-card:before { content: '\eac9'; }
+.codicon-dash:before { content: '\eacc'; }
+.codicon-dashboard:before { content: '\eacd'; }
+.codicon-database:before { content: '\eace'; }
+.codicon-debug-continue:before { content: '\eacf'; }
+.codicon-debug-disconnect:before { content: '\ead0'; }
+.codicon-debug-pause:before { content: '\ead1'; }
+.codicon-debug-restart:before { content: '\ead2'; }
+.codicon-debug-start:before { content: '\ead3'; }
+.codicon-debug-step-into:before { content: '\ead4'; }
+.codicon-debug-step-out:before { content: '\ead5'; }
+.codicon-debug-step-over:before { content: '\ead6'; }
+.codicon-debug-stop:before { content: '\ead7'; }
+.codicon-debug:before { content: '\ead8'; }
+.codicon-device-camera-video:before { content: '\ead9'; }
+.codicon-device-camera:before { content: '\eada'; }
+.codicon-device-mobile:before { content: '\eadb'; }
+.codicon-diff-added:before { content: '\eadc'; }
+.codicon-diff-ignored:before { content: '\eadd'; }
+.codicon-diff-modified:before { content: '\eade'; }
+.codicon-diff-removed:before { content: '\eadf'; }
+.codicon-diff-renamed:before { content: '\eae0'; }
+.codicon-diff:before { content: '\eae1'; }
+.codicon-discard:before { content: '\eae2'; }
+.codicon-editor-layout:before { content: '\eae3'; }
+.codicon-empty-window:before { content: '\eae4'; }
+.codicon-exclude:before { content: '\eae5'; }
+.codicon-extensions:before { content: '\eae6'; }
+.codicon-eye-closed:before { content: '\eae7'; }
+.codicon-file-binary:before { content: '\eae8'; }
+.codicon-file-code:before { content: '\eae9'; }
+.codicon-file-media:before { content: '\eaea'; }
+.codicon-file-pdf:before { content: '\eaeb'; }
+.codicon-file-submodule:before { content: '\eaec'; }
+.codicon-file-symlink-directory:before { content: '\eaed'; }
+.codicon-file-symlink-file:before { content: '\eaee'; }
+.codicon-file-zip:before { content: '\eaef'; }
+.codicon-files:before { content: '\eaf0'; }
+.codicon-filter:before { content: '\eaf1'; }
+.codicon-flame:before { content: '\eaf2'; }
+.codicon-fold-down:before { content: '\eaf3'; }
+.codicon-fold-up:before { content: '\eaf4'; }
+.codicon-fold:before { content: '\eaf5'; }
+.codicon-folder-active:before { content: '\eaf6'; }
+.codicon-folder-opened:before { content: '\eaf7'; }
+.codicon-gear:before { content: '\eaf8'; }
+.codicon-gift:before { content: '\eaf9'; }
+.codicon-gist-secret:before { content: '\eafa'; }
+.codicon-gist:before { content: '\eafb'; }
+.codicon-git-commit:before { content: '\eafc'; }
+.codicon-git-compare:before { content: '\eafd'; }
+.codicon-git-merge:before { content: '\eafe'; }
+.codicon-github-action:before { content: '\eaff'; }
+.codicon-github-alt:before { content: '\eb00'; }
+.codicon-globe:before { content: '\eb01'; }
+.codicon-grabber:before { content: '\eb02'; }
+.codicon-graph:before { content: '\eb03'; }
+.codicon-gripper:before { content: '\eb04'; }
+.codicon-heart:before { content: '\eb05'; }
+.codicon-home:before { content: '\eb06'; }
+.codicon-horizontal-rule:before { content: '\eb07'; }
+.codicon-hubot:before { content: '\eb08'; }
+.codicon-inbox:before { content: '\eb09'; }
+.codicon-issue-closed:before { content: '\eba4'; }
+.codicon-issue-reopened:before { content: '\eb0b'; }
+.codicon-issues:before { content: '\eb0c'; }
+.codicon-italic:before { content: '\eb0d'; }
+.codicon-jersey:before { content: '\eb0e'; }
+.codicon-json:before { content: '\eb0f'; }
+.codicon-kebab-vertical:before { content: '\eb10'; }
+.codicon-key:before { content: '\eb11'; }
+.codicon-law:before { content: '\eb12'; }
+.codicon-lightbulb-autofix:before { content: '\eb13'; }
+.codicon-link-external:before { content: '\eb14'; }
+.codicon-link:before { content: '\eb15'; }
+.codicon-list-ordered:before { content: '\eb16'; }
+.codicon-list-unordered:before { content: '\eb17'; }
+.codicon-live-share:before { content: '\eb18'; }
+.codicon-loading:before { content: '\eb19'; }
+.codicon-location:before { content: '\eb1a'; }
+.codicon-mail-read:before { content: '\eb1b'; }
+.codicon-mail:before { content: '\eb1c'; }
+.codicon-markdown:before { content: '\eb1d'; }
+.codicon-megaphone:before { content: '\eb1e'; }
+.codicon-mention:before { content: '\eb1f'; }
+.codicon-milestone:before { content: '\eb20'; }
+.codicon-mortar-board:before { content: '\eb21'; }
+.codicon-move:before { content: '\eb22'; }
+.codicon-multiple-windows:before { content: '\eb23'; }
+.codicon-mute:before { content: '\eb24'; }
+.codicon-no-newline:before { content: '\eb25'; }
+.codicon-note:before { content: '\eb26'; }
+.codicon-octoface:before { content: '\eb27'; }
+.codicon-open-preview:before { content: '\eb28'; }
+.codicon-package:before { content: '\eb29'; }
+.codicon-paintcan:before { content: '\eb2a'; }
+.codicon-pin:before { content: '\eb2b'; }
+.codicon-play:before { content: '\eb2c'; }
+.codicon-run:before { content: '\eb2c'; }
+.codicon-plug:before { content: '\eb2d'; }
+.codicon-preserve-case:before { content: '\eb2e'; }
+.codicon-preview:before { content: '\eb2f'; }
+.codicon-project:before { content: '\eb30'; }
+.codicon-pulse:before { content: '\eb31'; }
+.codicon-question:before { content: '\eb32'; }
+.codicon-quote:before { content: '\eb33'; }
+.codicon-radio-tower:before { content: '\eb34'; }
+.codicon-reactions:before { content: '\eb35'; }
+.codicon-references:before { content: '\eb36'; }
+.codicon-refresh:before { content: '\eb37'; }
+.codicon-regex:before { content: '\eb38'; }
+.codicon-remote-explorer:before { content: '\eb39'; }
+.codicon-remote:before { content: '\eb3a'; }
+.codicon-remove:before { content: '\eb3b'; }
+.codicon-replace-all:before { content: '\eb3c'; }
+.codicon-replace:before { content: '\eb3d'; }
+.codicon-repo-clone:before { content: '\eb3e'; }
+.codicon-repo-force-push:before { content: '\eb3f'; }
+.codicon-repo-pull:before { content: '\eb40'; }
+.codicon-repo-push:before { content: '\eb41'; }
+.codicon-report:before { content: '\eb42'; }
+.codicon-request-changes:before { content: '\eb43'; }
+.codicon-rocket:before { content: '\eb44'; }
+.codicon-root-folder-opened:before { content: '\eb45'; }
+.codicon-root-folder:before { content: '\eb46'; }
+.codicon-rss:before { content: '\eb47'; }
+.codicon-ruby:before { content: '\eb48'; }
+.codicon-save-all:before { content: '\eb49'; }
+.codicon-save-as:before { content: '\eb4a'; }
+.codicon-save:before { content: '\eb4b'; }
+.codicon-screen-full:before { content: '\eb4c'; }
+.codicon-screen-normal:before { content: '\eb4d'; }
+.codicon-search-stop:before { content: '\eb4e'; }
+.codicon-server:before { content: '\eb50'; }
+.codicon-settings-gear:before { content: '\eb51'; }
+.codicon-settings:before { content: '\eb52'; }
+.codicon-shield:before { content: '\eb53'; }
+.codicon-smiley:before { content: '\eb54'; }
+.codicon-sort-precedence:before { content: '\eb55'; }
+.codicon-split-horizontal:before { content: '\eb56'; }
+.codicon-split-vertical:before { content: '\eb57'; }
+.codicon-squirrel:before { content: '\eb58'; }
+.codicon-star-full:before { content: '\eb59'; }
+.codicon-star-half:before { content: '\eb5a'; }
+.codicon-symbol-class:before { content: '\eb5b'; }
+.codicon-symbol-color:before { content: '\eb5c'; }
+.codicon-symbol-constant:before { content: '\eb5d'; }
+.codicon-symbol-enum-member:before { content: '\eb5e'; }
+.codicon-symbol-field:before { content: '\eb5f'; }
+.codicon-symbol-file:before { content: '\eb60'; }
+.codicon-symbol-interface:before { content: '\eb61'; }
+.codicon-symbol-keyword:before { content: '\eb62'; }
+.codicon-symbol-misc:before { content: '\eb63'; }
+.codicon-symbol-operator:before { content: '\eb64'; }
+.codicon-symbol-property:before { content: '\eb65'; }
+.codicon-wrench:before { content: '\eb65'; }
+.codicon-wrench-subaction:before { content: '\eb65'; }
+.codicon-symbol-snippet:before { content: '\eb66'; }
+.codicon-tasklist:before { content: '\eb67'; }
+.codicon-telescope:before { content: '\eb68'; }
+.codicon-text-size:before { content: '\eb69'; }
+.codicon-three-bars:before { content: '\eb6a'; }
+.codicon-thumbsdown:before { content: '\eb6b'; }
+.codicon-thumbsup:before { content: '\eb6c'; }
+.codicon-tools:before { content: '\eb6d'; }
+.codicon-triangle-down:before { content: '\eb6e'; }
+.codicon-triangle-left:before { content: '\eb6f'; }
+.codicon-triangle-right:before { content: '\eb70'; }
+.codicon-triangle-up:before { content: '\eb71'; }
+.codicon-twitter:before { content: '\eb72'; }
+.codicon-unfold:before { content: '\eb73'; }
+.codicon-unlock:before { content: '\eb74'; }
+.codicon-unmute:before { content: '\eb75'; }
+.codicon-unverified:before { content: '\eb76'; }
+.codicon-verified:before { content: '\eb77'; }
+.codicon-versions:before { content: '\eb78'; }
+.codicon-vm-active:before { content: '\eb79'; }
+.codicon-vm-outline:before { content: '\eb7a'; }
+.codicon-vm-running:before { content: '\eb7b'; }
+.codicon-watch:before { content: '\eb7c'; }
+.codicon-whitespace:before { content: '\eb7d'; }
+.codicon-whole-word:before { content: '\eb7e'; }
+.codicon-window:before { content: '\eb7f'; }
+.codicon-word-wrap:before { content: '\eb80'; }
+.codicon-zoom-in:before { content: '\eb81'; }
+.codicon-zoom-out:before { content: '\eb82'; }
+.codicon-list-filter:before { content: '\eb83'; }
+.codicon-list-flat:before { content: '\eb84'; }
+.codicon-list-selection:before { content: '\eb85'; }
+.codicon-selection:before { content: '\eb85'; }
+.codicon-list-tree:before { content: '\eb86'; }
+.codicon-debug-breakpoint-function-unverified:before { content: '\eb87'; }
+.codicon-debug-breakpoint-function:before { content: '\eb88'; }
+.codicon-debug-breakpoint-function-disabled:before { content: '\eb88'; }
+.codicon-debug-stackframe-active:before { content: '\eb89'; }
+.codicon-debug-stackframe-dot:before { content: '\eb8a'; }
+.codicon-debug-stackframe:before { content: '\eb8b'; }
+.codicon-debug-stackframe-focused:before { content: '\eb8b'; }
+.codicon-debug-breakpoint-unsupported:before { content: '\eb8c'; }
+.codicon-symbol-string:before { content: '\eb8d'; }
+.codicon-debug-reverse-continue:before { content: '\eb8e'; }
+.codicon-debug-step-back:before { content: '\eb8f'; }
+.codicon-debug-restart-frame:before { content: '\eb90'; }
+.codicon-call-incoming:before { content: '\eb92'; }
+.codicon-call-outgoing:before { content: '\eb93'; }
+.codicon-menu:before { content: '\eb94'; }
+.codicon-expand-all:before { content: '\eb95'; }
+.codicon-feedback:before { content: '\eb96'; }
+.codicon-group-by-ref-type:before { content: '\eb97'; }
+.codicon-ungroup-by-ref-type:before { content: '\eb98'; }
+.codicon-account:before { content: '\eb99'; }
+.codicon-bell-dot:before { content: '\eb9a'; }
+.codicon-debug-console:before { content: '\eb9b'; }
+.codicon-library:before { content: '\eb9c'; }
+.codicon-output:before { content: '\eb9d'; }
+.codicon-run-all:before { content: '\eb9e'; }
+.codicon-sync-ignored:before { content: '\eb9f'; }
+.codicon-pinned:before { content: '\eba0'; }
+.codicon-github-inverted:before { content: '\eba1'; }
+.codicon-debug-alt:before { content: '\eb91'; }
+.codicon-server-process:before { content: '\eba2'; }
+.codicon-server-environment:before { content: '\eba3'; }
+.codicon-pass:before { content: '\eba4'; }
+.codicon-stop-circle:before { content: '\eba5'; }
+.codicon-play-circle:before { content: '\eba6'; }
+.codicon-record:before { content: '\eba7'; }
+.codicon-debug-alt-small:before { content: '\eba8'; }
+.codicon-vm-connect:before { content: '\eba9'; }
+.codicon-cloud:before { content: '\ebaa'; }
+.codicon-merge:before { content: '\ebab'; }
+.codicon-export:before { content: '\ebac'; }
+.codicon-graph-left:before { content: '\ebad'; }
+.codicon-magnet:before { content: '\ebae'; }
+.codicon-notebook:before { content: '\ebaf'; }
+.codicon-redo:before { content: '\ebb0'; }
+.codicon-check-all:before { content: '\ebb1'; }
+.codicon-pinned-dirty:before { content: '\ebb2'; }
+.codicon-pass-filled:before { content: '\ebb3'; }
+.codicon-circle-large-filled:before { content: '\ebb4'; }
+.codicon-circle-large-outline:before { content: '\ebb5'; }
+.codicon-combine:before { content: '\ebb6'; }
+.codicon-gather:before { content: '\ebb6'; }
+.codicon-table:before { content: '\ebb7'; }
+.codicon-variable-group:before { content: '\ebb8'; }
+.codicon-type-hierarchy:before { content: '\ebb9'; }
+.codicon-type-hierarchy-sub:before { content: '\ebba'; }
+.codicon-type-hierarchy-super:before { content: '\ebbb'; }
+.codicon-git-pull-request-create:before { content: '\ebbc'; }
+.codicon-run-above:before { content: '\ebbd'; }
+.codicon-run-below:before { content: '\ebbe'; }
+.codicon-notebook-template:before { content: '\ebbf'; }
+.codicon-debug-rerun:before { content: '\ebc0'; }
+.codicon-workspace-trusted:before { content: '\ebc1'; }
+.codicon-workspace-untrusted:before { content: '\ebc2'; }
+.codicon-workspace-unspecified:before { content: '\ebc3'; }
+.codicon-terminal-cmd:before { content: '\ebc4'; }
+.codicon-terminal-debian:before { content: '\ebc5'; }
+.codicon-terminal-linux:before { content: '\ebc6'; }
+.codicon-terminal-powershell:before { content: '\ebc7'; }
+.codicon-terminal-tmux:before { content: '\ebc8'; }
+.codicon-terminal-ubuntu:before { content: '\ebc9'; }
+.codicon-terminal-bash:before { content: '\ebca'; }
+.codicon-arrow-swap:before { content: '\ebcb'; }
+.codicon-copy:before { content: '\ebcc'; }
+.codicon-person-add:before { content: '\ebcd'; }
+.codicon-filter-filled:before { content: '\ebce'; }
+.codicon-wand:before { content: '\ebcf'; }
+.codicon-debug-line-by-line:before { content: '\ebd0'; }
+.codicon-inspect:before { content: '\ebd1'; }
+.codicon-layers:before { content: '\ebd2'; }
+.codicon-layers-dot:before { content: '\ebd3'; }
+.codicon-layers-active:before { content: '\ebd4'; }
+.codicon-compass:before { content: '\ebd5'; }
+.codicon-compass-dot:before { content: '\ebd6'; }
+.codicon-compass-active:before { content: '\ebd7'; }
+.codicon-azure:before { content: '\ebd8'; }
+.codicon-issue-draft:before { content: '\ebd9'; }
+.codicon-git-pull-request-closed:before { content: '\ebda'; }
+.codicon-git-pull-request-draft:before { content: '\ebdb'; }
+.codicon-debug-all:before { content: '\ebdc'; }
+.codicon-debug-coverage:before { content: '\ebdd'; }
+.codicon-run-errors:before { content: '\ebde'; }
+.codicon-folder-library:before { content: '\ebdf'; }
+.codicon-debug-continue-small:before { content: '\ebe0'; }
+.codicon-beaker-stop:before { content: '\ebe1'; }
+.codicon-graph-line:before { content: '\ebe2'; }
+.codicon-graph-scatter:before { content: '\ebe3'; }
+.codicon-pie-chart:before { content: '\ebe4'; }
+.codicon-bracket:before { content: '\eb0f'; }
+.codicon-bracket-dot:before { content: '\ebe5'; }
+.codicon-bracket-error:before { content: '\ebe6'; }
+.codicon-lock-small:before { content: '\ebe7'; }
+.codicon-azure-devops:before { content: '\ebe8'; }
+.codicon-verified-filled:before { content: '\ebe9'; }
+.codicon-tree-item-expanded:before { content: '\eab4'; }
+.codicon-tree-filter-on-type-on:before { content: '\eb83'; }
+.codicon-tree-filter-on-type-off:before { content: '\eb85'; }
+.codicon-tree-filter-clear:before { content: '\ea76'; }
+.codicon-tree-item-loading:before { content: '\eb19'; }
+.codicon-scrollbar-button-left:before { content: '\eb6f'; }
+.codicon-scrollbar-button-right:before { content: '\eb70'; }
+.codicon-scrollbar-button-up:before { content: '\eb71'; }
+.codicon-scrollbar-button-down:before { content: '\eb6e'; }
+.codicon-menu-selection:before { content: '\eab2'; }
+.codicon-menu-submenu:before { content: '\eab6'; }
+.codicon-quick-input-back:before { content: '\ea9b'; }
+.codicon-widget-close:before { content: '\ea76'; }
+.codicon-diff-review-insert:before { content: '\ea60'; }
+.codicon-diff-review-remove:before { content: '\eb3b'; }
+.codicon-diff-review-close:before { content: '\ea76'; }
+.codicon-parameter-hints-next:before { content: '\eab4'; }
+.codicon-parameter-hints-previous:before { content: '\eab7'; }
+.codicon-suggest-more-info:before { content: '\eab6'; }
+.codicon-diff-insert:before { content: '\ea60'; }
+.codicon-diff-remove:before { content: '\eb3b'; }
+.codicon-find-selection:before { content: '\eb85'; }
+.codicon-find-collapsed:before { content: '\eab6'; }
+.codicon-find-expanded:before { content: '\eab4'; }
+.codicon-find-replace:before { content: '\eb3d'; }
+.codicon-find-replace-all:before { content: '\eb3c'; }
+.codicon-find-previous-match:before { content: '\eaa1'; }
+.codicon-find-next-match:before { content: '\ea9a'; }
+.codicon-folding-expanded:before { content: '\eab4'; }
+.codicon-folding-collapsed:before { content: '\eab6'; }
+.codicon-marker-navigation-next:before { content: '\ea9a'; }
+.codicon-marker-navigation-previous:before { content: '\eaa1'; }
+
+			.monaco-scrollable-element > .shadow.top {
+				box-shadow: #000000 0 6px 6px -6px inset;
+			}
+
+			.monaco-scrollable-element > .shadow.left {
+				box-shadow: #000000 6px 0 6px -6px inset;
+			}
+
+			.monaco-scrollable-element > .shadow.top.left {
+				box-shadow: #000000 6px 6px 6px -6px inset;
+			}
+		
+
+			.monaco-scrollable-element > .scrollbar > .slider {
+				background: rgba(121, 121, 121, 0.4);
+			}
+		
+
+			.monaco-scrollable-element > .scrollbar > .slider:hover {
+				background: rgba(100, 100, 100, 0.7);
+			}
+		
+
+			.monaco-scrollable-element > .scrollbar > .slider.active {
+				background: rgba(191, 191, 191, 0.4);
+			}
+
+.monaco-editor .view-overlays .current-line { background-color: rgba(255, 255, 255, .2); }
+.monaco-editor .margin-view-overlays .current-line-margin { background-color: rgba(255, 255, 255, .2); border: none; }		
+.monaco-editor .minimap-slider .minimap-slider-horizontal { background: rgba(121, 121, 121, 0.2); }
+.monaco-editor .minimap-slider:hover .minimap-slider-horizontal { background: rgba(100, 100, 100, 0.35); }
+.monaco-editor .minimap-slider.active .minimap-slider-horizontal { background: rgba(191, 191, 191, 0.2); }
+.monaco-editor .minimap-shadow-visible { box-shadow: #000000 -6px 0 6px -6px inset; }
+.monaco-editor .scroll-decoration { box-shadow: #000000 0 6px 6px -6px inset; }
+.monaco-editor .focused .selected-text { background-color: #264f78; }
+.monaco-editor .selected-text { background-color: #3a3d41; }
+.monaco-editor, .monaco-editor-background, .monaco-editor .inputarea.ime-input { background-color: #1e1e1e; }
+.monaco-editor, .monaco-editor .inputarea.ime-input { color: #d4d4d4; }
+.monaco-editor .margin { background-color: #1e1e1e; }
+.monaco-editor .rangeHighlight { background-color: rgba(255, 255, 255, 0.04); }
+.monaco-editor .symbolHighlight { background-color: rgba(234, 92, 0, 0.33); }
+.monaco-editor .mtkw { color: rgba(227, 228, 226, 0.16) !important; }
+.monaco-editor .mtkz { color: rgba(227, 228, 226, 0.16) !important; }
+.monaco-editor .view-overlays .current-line { border: 2px solid #282828; }
+.monaco-editor .margin-view-overlays .current-line-margin { border: 2px solid #282828; }
+.monaco-editor .line-numbers { color: #858585; }
+.monaco-editor .line-numbers.active-line-number { color: #c6c6c6; }
+.monaco-editor .view-ruler { box-shadow: 1px 0 0 0 #5a5a5a inset; }
+.monaco-editor .cursors-layer .cursor { background-color: #aeafad; border-color: #aeafad; color: #515052; }
+.monaco-editor .unexpected-closing-bracket { color: rgba(255, 18, 18, 0.8); }
+.monaco-editor .bracket-highlighting-0 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-1 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-2 { color: #179fff; }
+.monaco-editor .bracket-highlighting-3 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-4 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-5 { color: #179fff; }
+.monaco-editor .bracket-highlighting-6 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-7 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-8 { color: #179fff; }
+.monaco-editor .bracket-highlighting-9 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-10 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-11 { color: #179fff; }
+.monaco-editor .bracket-highlighting-12 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-13 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-14 { color: #179fff; }
+.monaco-editor .bracket-highlighting-15 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-16 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-17 { color: #179fff; }
+.monaco-editor .bracket-highlighting-18 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-19 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-20 { color: #179fff; }
+.monaco-editor .bracket-highlighting-21 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-22 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-23 { color: #179fff; }
+.monaco-editor .bracket-highlighting-24 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-25 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-26 { color: #179fff; }
+.monaco-editor .bracket-highlighting-27 { color: #ffd700; }
+.monaco-editor .bracket-highlighting-28 { color: #da70d6; }
+.monaco-editor .bracket-highlighting-29 { color: #179fff; }
+.codicon.codicon-symbol-array { color: #cccccc; }
+.codicon.codicon-symbol-boolean { color: #cccccc; }
+.codicon.codicon-symbol-class { color: #ee9d28; }
+.codicon.codicon-symbol-method { color: #b180d7; }
+.codicon.codicon-symbol-color { color: #cccccc; }
+.codicon.codicon-symbol-constant { color: #cccccc; }
+.codicon.codicon-symbol-constructor { color: #b180d7; }
+
+			.codicon.codicon-symbol-value,.codicon.codicon-symbol-enum { color: #ee9d28; }
+.codicon.codicon-symbol-enum-member { color: #75beff; }
+.codicon.codicon-symbol-event { color: #ee9d28; }
+.codicon.codicon-symbol-field { color: #75beff; }
+.codicon.codicon-symbol-file { color: #cccccc; }
+.codicon.codicon-symbol-folder { color: #cccccc; }
+.codicon.codicon-symbol-function { color: #b180d7; }
+.codicon.codicon-symbol-interface { color: #75beff; }
+.codicon.codicon-symbol-key { color: #cccccc; }
+.codicon.codicon-symbol-keyword { color: #cccccc; }
+.codicon.codicon-symbol-module { color: #cccccc; }
+.codicon.codicon-symbol-namespace { color: #cccccc; }
+.codicon.codicon-symbol-null { color: #cccccc; }
+.codicon.codicon-symbol-number { color: #cccccc; }
+.codicon.codicon-symbol-object { color: #cccccc; }
+.codicon.codicon-symbol-operator { color: #cccccc; }
+.codicon.codicon-symbol-package { color: #cccccc; }
+.codicon.codicon-symbol-property { color: #cccccc; }
+.codicon.codicon-symbol-reference { color: #cccccc; }
+.codicon.codicon-symbol-snippet { color: #cccccc; }
+.codicon.codicon-symbol-string { color: #cccccc; }
+.codicon.codicon-symbol-struct { color: #cccccc; }
+.codicon.codicon-symbol-text { color: #cccccc; }
+.codicon.codicon-symbol-type-parameter { color: #cccccc; }
+.codicon.codicon-symbol-unit { color: #cccccc; }
+.codicon.codicon-symbol-variable { color: #75beff; }
+.monaco-editor .monaco-editor-overlaymessage .anchor.below { border-top-color: #007acc; }
+.monaco-editor .monaco-editor-overlaymessage .anchor.top { border-bottom-color: #007acc; }
+.monaco-editor .monaco-editor-overlaymessage .message { border: 1px solid #007acc; }
+.monaco-editor .monaco-editor-overlaymessage .message { background-color: #063b49; }
+.monaco-editor .accessibilityHelpWidget { background-color: #252526; }
+.monaco-editor .accessibilityHelpWidget { color: #cccccc; }
+.monaco-editor .accessibilityHelpWidget { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.36); }
+.monaco-editor .tokens-inspect-widget { border: 1px solid #454545; }
+.monaco-editor .tokens-inspect-widget .tokens-inspect-separator { background-color: #454545; }
+.monaco-editor .tokens-inspect-widget { background-color: #252526; }
+.monaco-editor .tokens-inspect-widget { color: #cccccc; }
+
+			.monaco-editor .zone-widget .codicon.codicon-error,
+			.markers-panel .marker-icon.codicon.codicon-error,
+			.text-search-provider-messages .providerMessage .codicon.codicon-error,
+			.extensions-viewlet > .extensions .codicon.codicon-error {
+				color: #f14c4c;
+			}
+		
+
+			.monaco-editor .zone-widget .codicon.codicon-warning,
+			.markers-panel .marker-icon.codicon.codicon-warning,
+			.extensions-viewlet > .extensions .codicon.codicon-warning,
+			.extension-editor .codicon.codicon-warning,
+			.text-search-provider-messages .providerMessage .codicon.codicon-warning,
+			.preferences-editor .codicon.codicon-warning {
+				color: #cca700;
+			}
+		
+
+			.monaco-editor .zone-widget .codicon.codicon-info,
+			.markers-panel .marker-icon.codicon.codicon-info,
+			.extensions-viewlet > .extensions .codicon.codicon-info,
+			.text-search-provider-messages .providerMessage .codicon.codicon-info,
+			.extension-editor .codicon.codicon-info {
+				color: #3794ff;
+			}
+		
+.monaco-diff-editor .diff-review-line-number { color: #858585; }
+.monaco-diff-editor .diff-review-shadow { box-shadow: #000000 0 -6px 6px -6px inset; }
+.monaco-editor .parameter-hints-widget { border: 1px solid #454545; }
+.monaco-editor .parameter-hints-widget.multiple .body { border-left: 1px solid rgba(69, 69, 69, 0.5); }
+.monaco-editor .parameter-hints-widget .signature.has-docs { border-bottom: 1px solid rgba(69, 69, 69, 0.5); }
+.monaco-editor .parameter-hints-widget { background-color: #252526; }
+.monaco-editor .parameter-hints-widget a { color: #3794ff; }
+.monaco-editor .parameter-hints-widget a:hover { color: #3794ff; }
+.monaco-editor .parameter-hints-widget { color: #cccccc; }
+.monaco-editor .parameter-hints-widget code { background-color: rgba(10, 10, 10, 0.4); }
+.monaco-editor .parameter-hints-widget .parameter.active { color: #18a3ff}
+.monaco-editor .lines-content .core-guide-indent { box-shadow: 1px 0 0 0 #404040 inset; }
+.monaco-editor .lines-content .core-guide-indent-active { box-shadow: 1px 0 0 0 #707070 inset; }
+.monaco-editor .bracket-indent-guide.lvl-0 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-1 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-2 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .bracket-indent-guide.lvl-3 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-4 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-5 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .bracket-indent-guide.lvl-6 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-7 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-8 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .bracket-indent-guide.lvl-9 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-10 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-11 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .bracket-indent-guide.lvl-12 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-13 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-14 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .bracket-indent-guide.lvl-15 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-16 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-17 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .bracket-indent-guide.lvl-18 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-19 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-20 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .bracket-indent-guide.lvl-21 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-22 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-23 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .bracket-indent-guide.lvl-24 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-25 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-26 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .bracket-indent-guide.lvl-27 { --guide-color: rgba(255, 215, 0, 0.3); --guide-color-active: #ffd700; }
+.monaco-editor .bracket-indent-guide.lvl-28 { --guide-color: rgba(218, 112, 214, 0.3); --guide-color-active: #da70d6; }
+.monaco-editor .bracket-indent-guide.lvl-29 { --guide-color: rgba(23, 159, 255, 0.3); --guide-color-active: #179fff; }
+.monaco-editor .vertical { box-shadow: 1px 0 0 0 var(--guide-color) inset; }
+.monaco-editor .horizontal-top { border-top: 1px solid var(--guide-color); }
+.monaco-editor .horizontal-bottom { border-bottom: 1px solid var(--guide-color); }
+.monaco-editor .vertical.indent-active { box-shadow: 1px 0 0 0 var(--guide-color-active) inset; }
+.monaco-editor .horizontal-top.indent-active { border-top: 1px solid var(--guide-color-active); }
+.monaco-editor .horizontal-bottom.indent-active { border-bottom: 1px solid var(--guide-color-active); }
+.monaco-editor .squiggly-error { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%23f14c4c'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left; }
+.monaco-editor .squiggly-warning { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%23cca700'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left; }
+.monaco-editor .squiggly-info { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'%233794ff'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left; }
+.monaco-editor .squiggly-hint { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%223%22%20width%3D%2212%22%3E%3Cg%20fill%3D%22rgba(238%2C%20238%2C%20238%2C%200.7)%22%3E%3Ccircle%20cx%3D%221%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat bottom left; }
+.monaco-editor.showUnused .squiggly-inline-unnecessary { opacity: 0.667; }
+.monaco-editor.showDeprecated .squiggly-inline-deprecated { text-decoration: line-through; text-decoration-color: #d4d4d4}
+.monaco-editor .line-insert, .monaco-editor .char-insert { background-color: rgba(155, 185, 85, 0.2); }
+.monaco-diff-editor .line-insert, .monaco-diff-editor .char-insert { background-color: rgba(155, 185, 85, 0.2); }
+.monaco-editor .inline-added-margin-view-zone { background-color: rgba(155, 185, 85, 0.2); }
+.monaco-editor .line-delete, .monaco-editor .char-delete { background-color: rgba(255, 0, 0, 0.2); }
+.monaco-diff-editor .line-delete, .monaco-diff-editor .char-delete { background-color: rgba(255, 0, 0, 0.2); }
+.monaco-editor .inline-deleted-margin-view-zone { background-color: rgba(255, 0, 0, 0.2); }
+.monaco-diff-editor.side-by-side .editor.modified { box-shadow: -6px 0 5px -5px #000000; }
+
+			.monaco-diff-editor .diffViewport {
+				background: rgba(121, 121, 121, 0.4);
+			}
+		
+
+			.monaco-diff-editor .diffViewport:hover {
+				background: rgba(100, 100, 100, 0.7);
+			}
+		
+
+			.monaco-diff-editor .diffViewport:active {
+				background: rgba(191, 191, 191, 0.4);
+			}
+		
+
+	.monaco-editor .diagonal-fill {
+		background-image: linear-gradient(
+			-45deg,
+			rgba(204, 204, 204, 0.2) 12.5%,
+			#0000 12.5%, #0000 50%,
+			rgba(204, 204, 204, 0.2) 50%, rgba(204, 204, 204, 0.2) 62.5%,
+			#0000 62.5%, #0000 100%
+		);
+		background-size: 8px 8px;
+	}
+	
+.monaco-editor .bracket-match { background-color: rgba(0, 100, 0, 0.1); }
+.monaco-editor .bracket-match { border: 1px solid #888888; }
+
+		.monaco-editor .contentWidgets .codicon.codicon-light-bulb {
+			color: #ffcc00;
+			background-color: rgba(30, 30, 30, 0.7);
+		}
+
+		.monaco-editor .contentWidgets .codicon.codicon-lightbulb-autofix {
+			color: #75beff;
+			background-color: rgba(30, 30, 30, 0.7);
+		}
+.monaco-editor .codelens-decoration { color: #999999; }
+.monaco-editor .codelens-decoration .codicon { color: #999999; }
+.monaco-editor .codelens-decoration > a:hover { color: #4e94ce !important; }
+.monaco-editor .codelens-decoration > a:hover .codicon { color: #4e94ce !important; }
+.monaco-editor .findOptionsWidget { background-color: #252526; }
+.monaco-editor .findOptionsWidget { color: #cccccc; }
+.monaco-editor .findOptionsWidget { box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.36); }
+.monaco-editor .findMatch { background-color: rgba(234, 92, 0, 0.33); }
+.monaco-editor .currentFindMatch { background-color: #515c6a; }
+.monaco-editor .findScope { background-color: rgba(58, 61, 65, 0.4); }
+.monaco-editor .find-widget { background-color: #252526; }
+.monaco-editor .find-widget { box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.36); }
+.monaco-editor .find-widget { color: #cccccc; }
+.monaco-editor .find-widget.no-results .matchesCount { color: #f48771; }
+.monaco-editor .find-widget .monaco-sash { background-color: #454545; }
+
+		.monaco-editor .find-widget .button:not(.disabled):hover,
+		.monaco-editor .find-widget .codicon-find-selection:hover {
+			background-color: rgba(90, 93, 94, 0.31) !important;
+		}
+	
+.monaco-editor .find-widget .monaco-inputbox.synthetic-focus { outline-color: #007fd4; }
+.monaco-editor .folded-background { background-color: rgba(38, 79, 120, 0.3); }
+
+		.monaco-editor .cldr.codicon.codicon-folding-expanded,
+		.monaco-editor .cldr.codicon.codicon-folding-collapsed {
+			color: #c5c5c5 !important;
+		}
+		
+.monaco-editor.vs .valueSetReplacement { outline: solid 2px #888888; }
+.monaco-editor .ghost-text-decoration { opacity: 0.337 !important; color: #ffffff !important; }
+.monaco-editor .ghost-text-decoration-preview { color: rgba(255, 255, 255, 0.34) !important; }
+.monaco-editor .suggest-preview-text .ghost-text { opacity: 0.337 !important; color: #ffffff !important; }
+.monaco-editor .linked-editing-decoration { background: rgba(255, 0, 0, 0.3); border-left-color: rgba(255, 0, 0, 0.3); }
+.monaco-editor .detected-link-active { color: #4e94ce !important; }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-highlighted-label .highlight { color: #18a3ff; }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .monaco-highlighted-label .highlight { color: #18a3ff; }
+.monaco-editor .suggest-widget, .monaco-editor .suggest-details { color: #d4d4d4; }
+.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused { color: #ffffff; }
+.monaco-editor .suggest-details a { color: #3794ff; }
+.monaco-editor .suggest-details a:hover { color: #3794ff; }
+.monaco-editor .suggest-details code { background-color: rgba(10, 10, 10, 0.4); }
+.monaco-editor .focused .selectionHighlight { background-color: rgba(173, 214, 255, 0.15); }
+.monaco-editor .selectionHighlight { background-color: rgba(173, 214, 255, 0.07); }
+.monaco-editor .wordHighlight { background-color: rgba(87, 87, 87, 0.72); }
+.monaco-editor .wordHighlightStrong { background-color: rgba(0, 73, 114, 0.72); }
+.monaco-editor .marker-widget a.code-link span { color: #3794ff; }
+.monaco-editor .marker-widget a.code-link span:hover { color: #3794ff; }
+.monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight { background-color: rgba(234, 92, 0, 0.3); }
+.monaco-editor .reference-zone-widget .preview .reference-decoration { background-color: rgba(255, 143, 0, 0.6); }
+.monaco-editor .reference-zone-widget .ref-tree { background-color: #252526; }
+.monaco-editor .reference-zone-widget .ref-tree { color: #bbbbbb; }
+.monaco-editor .reference-zone-widget .ref-tree .reference-file { color: #ffffff; }
+.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) { background-color: rgba(51, 153, 255, 0.2); }
+.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) { color: #ffffff !important; }
+.monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background,.monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input {	background-color: #001f33;}
+.monaco-editor .reference-zone-widget .preview .monaco-editor .margin {	background-color: #001f33;}
+.monaco-editor .goto-definition-link { color: #4e94ce !important; }
+.monaco-hover .hover-contents a.code-link span { color: #3794ff; }
+.monaco-hover .hover-contents a.code-link span:hover { color: #3794ff; }
+.monaco-editor .snippet-placeholder { background-color: rgba(124, 124, 124, 0.3); outline-color: transparent; }
+.monaco-editor .finish-snippet-placeholder { background-color: transparent; outline-color: #525252; }
+.monaco-editor .hoverHighlight { background-color: rgba(38, 79, 120, 0.25); }
+.monaco-editor .monaco-hover { background-color: #252526; }
+.monaco-editor .monaco-hover { border: 1px solid #454545; }
+.monaco-editor .monaco-hover .hover-row:not(:first-child):not(:empty) { border-top: 1px solid rgba(69, 69, 69, 0.5); }
+.monaco-editor .monaco-hover hr { border-top: 1px solid rgba(69, 69, 69, 0.5); }
+.monaco-editor .monaco-hover hr { border-bottom: 0px solid rgba(69, 69, 69, 0.5); }
+.monaco-editor .monaco-hover a { color: #3794ff; }
+.monaco-editor .monaco-hover a:hover { color: #3794ff; }
+.monaco-editor .monaco-hover { color: #cccccc; }
+.monaco-editor .monaco-hover .hover-row .actions { background-color: #2c2c2d; }
+.monaco-editor .monaco-hover code { background-color: rgba(10, 10, 10, 0.4); }
+
+.mtk1 { color: #d4d4d4; }
+.mtk2 { color: #1e1e1e; }
+.mtk3 { color: #cc6666; }
+.mtk4 { color: #9cdcfe; }
+.mtk5 { color: #ce9178; }
+.mtk6 { color: #b5cea8; }
+.mtk7 { color: #608b4e; }
+.mtk8 { color: #569cd6; }
+.mtk9 { color: #dcdcdc; }
+.mtk10 { color: #808080; }
+.mtk11 { color: #f44747; }
+.mtk12 { color: #c586c0; }
+.mtk13 { color: #a79873; }
+.mtk14 { color: #dd6a6f; }
+.mtk15 { color: #5bb498; }
+.mtk16 { color: #909090; }
+.mtk17 { color: #778899; }
+.mtk18 { color: #ff00ff; }
+.mtk19 { color: #b46695; }
+.mtk20 { color: #ff0000; }
+.mtk21 { color: #4f76ac; }
+.mtk22 { color: #3dc9b0; }
+.mtk23 { color: #74b0df; }
+.mtk24 { color: #4864aa; }
+.mtki { font-style: italic; }
+.mtkb { font-weight: bold; }
+.mtku { text-decoration: underline; text-underline-position: under; }
\ No newline at end of file
diff --git a/css/base/gitea/nord.css b/css/base/gitea/nord.css
new file mode 100644
index 00000000..66f900fe
--- /dev/null
+++ b/css/base/gitea/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/gitea/onedark.css b/css/base/gitea/onedark.css
new file mode 100644
index 00000000..ad8a027a
--- /dev/null
+++ b/css/base/gitea/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/gitea/organizr.css b/css/base/gitea/organizr.css
new file mode 100644
index 00000000..6cb1b461
--- /dev/null
+++ b/css/base/gitea/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/gitea/overseerr.css b/css/base/gitea/overseerr.css
new file mode 100644
index 00000000..24a3f42f
--- /dev/null
+++ b/css/base/gitea/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/gitea/pine-shadow.css b/css/base/gitea/pine-shadow.css
new file mode 100644
index 00000000..93c511c4
--- /dev/null
+++ b/css/base/gitea/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/gitea/plex.css b/css/base/gitea/plex.css
new file mode 100644
index 00000000..05aea603
--- /dev/null
+++ b/css/base/gitea/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/gitea/power.css b/css/base/gitea/power.css
new file mode 100644
index 00000000..1a121c59
--- /dev/null
+++ b/css/base/gitea/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/gitea/reality.css b/css/base/gitea/reality.css
new file mode 100644
index 00000000..7a820f51
--- /dev/null
+++ b/css/base/gitea/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/gitea/soul.css b/css/base/gitea/soul.css
new file mode 100644
index 00000000..dd33b558
--- /dev/null
+++ b/css/base/gitea/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/gitea/space-gray.css b/css/base/gitea/space-gray.css
new file mode 100644
index 00000000..84b9e94c
--- /dev/null
+++ b/css/base/gitea/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/gitea/space.css b/css/base/gitea/space.css
new file mode 100644
index 00000000..9cca1ac8
--- /dev/null
+++ b/css/base/gitea/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/gitea/time.css b/css/base/gitea/time.css
new file mode 100644
index 00000000..b10a4aee
--- /dev/null
+++ b/css/base/gitea/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/gitea/trueblack.css b/css/base/gitea/trueblack.css
new file mode 100644
index 00000000..a69ab5d6
--- /dev/null
+++ b/css/base/gitea/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/grafana/.deprecated b/css/base/grafana/.deprecated
new file mode 100644
index 00000000..e69de29b
diff --git a/css/base/grafana/grafana-base.css b/css/base/grafana/grafana-base.css
new file mode 100644
index 00000000..a26fb18f
--- /dev/null
+++ b/css/base/grafana/grafana-base.css
@@ -0,0 +1,1309 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+body {
+    color: var(--text) !important;
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+}
+
+.theme-dark,
+.theme-light,
+.preloader {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+label,
+legend {
+    color: var(--text-hover);
+}
+
+div>aria-label>span,
+#reactRoot>div>div.main-view>div>div:nth-child(1)>div>div:nth-child(10)>div>div.button-group.css-1uxatfi>div>div>div>div>div>div>span {
+    color: var(--text-hover) !important;
+}
+
+p {
+    color: var(--text);
+}
+
+.page-header-canvas,
+.page-toolbar[class*="css-"] {
+    background: rgba(0, 0, 0, 0.25) !important;
+    box-shadow: none !important;
+    border-bottom: none !important;
+}
+
+.main-view {
+    background: linear-gradient(180deg, #ffffff00 10px, #ffffff00 100px) !important;
+}
+
+/* Scrollbar */
+.no-overlay-scrollbar ::-webkit-scrollbar-thumb:vertical {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background: hsla(0, 0%, 100%, .2) !important;
+}
+
+/* Variable Dropdown Menu */
+.variable-value-dropdown {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+    border: 1px solid #00000000;
+}
+
+.variable-value-dropdown.single .selected {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.css-0.gf-form-select-box__menu {
+    background: #09090b !important;
+    -webkit-box-shadow: 5px 5px 20px -5px #000;
+    box-shadow: 5px 5px 20px -5px #000;
+    position: absolute;
+    z-index: 1000;
+    min-width: 100%
+}
+
+/* time picker Menu */
+.time-picker-popover {
+    border: 1px solid #00000000;
+    background: var(--modal-bg-color);
+}
+
+.time-picker-calendar .react-calendar__navigation,
+.time-picker-calendar .react-calendar__navigation__arrow,
+.time-picker-calendar .react-calendar__navigation__label {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.time-picker-calendar .react-calendar__month-view__weekdays {
+    background-color: rgba(0, 0, 0, 0.6);
+}
+
+.time-picker-calendar .react-calendar__tile--active,
+.time-picker-calendar .react-calendar__tile--active:hover {
+    background: rgba(255, 255, 255, 0.08);
+    border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.time-picker-calendar .time-picker-calendar-tile:hover {
+    -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.08);
+    box-shadow: 0 0 4px #ffffff00;
+    background: rgba(255, 255, 255, 0.08);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.time-picker-calendar .react-calendar__month-view__days {
+    background-color: rgba(0, 0, 0, 0.15);
+}
+
+.time-picker-calendar .time-picker-calendar-tile {
+    border-radius: 0px;
+}
+
+.time-picker-calendar {
+    border: 1px solid #00000000;
+}
+
+/* login page */
+.login {
+    background-image: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+    background-color: rgba(0, 0, 0, .0) !important;
+    color: var(--text-hover) !important;
+}
+
+.login-branding {
+    border-right: none !important;
+}
+
+/* Configuration menu */
+.card-item {
+    background: rgba(0, 0, 0, .25) !important;
+}
+
+.card-item:hover {
+    background: hsla(0, 0%, 100%, .08) !important;
+}
+
+.card-item-sub-name,
+.card-item-type {
+    color: var(--text-hover) !important;
+}
+
+.gf-form--has-input-icon .gf-form-input-icon {
+    color: var(--text-hover) !important;
+}
+
+.gf-tabs-link.active,
+.gf-tabs-link.active:focus,
+.gf-tabs-link.active:hover {
+    background: rgba(0, 0, 0, 0.25) !important;
+}
+
+.filter-table tbody tr:nth-child(odd) {
+    background: hsla(0, 0%, 100%, .08) !important;
+}
+
+.cta-form {
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+.empty-list-cta {
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+.layout-selector button {
+    background: rgba(0, 0, 0, 0.25);
+    color: var(--text-hover);
+}
+
+.layout-selector button.active {
+    background-color: rgba(0, 0, 0, 0.45);
+    color: var(--text-hover);
+}
+
+/* Configuration menu - Teams */
+.css-1ph0cdx-call-to-action-card {
+    background: rgba(0, 0, 0, .25) !important;
+}
+
+.grafana-info-box {
+    background-color: rgba(0, 0, 0, 0.45);
+}
+
+/* sidemenu */
+.sidemenu-open,
+.sidemenu {
+    background: rgba(0, 0, 0, .25) !important;
+}
+
+.sidemenu__logo:hover {
+    background: rgba(0, 0, 0, .25) !important;
+}
+
+.sidemenu-item.active,
+.sidemenu-item:hover {
+    background-color: rgba(0, 0, 0, .25) !important;
+    color: rgb(var(--accent-color)) !important;
+    border-image: none;
+    border-color: rgb(var(--accent-color));
+}
+
+.sidemenu-link {
+    color: var(--text) !important;
+}
+
+.sidemenu-link:hover {
+    color: rgb(var(--accent-color)) !important;
+}
+
+.side-menu-header,
+.dropdown-menu--menu,
+.dropdown-menu--navbar,
+.dropdown-menu--sidemenu,
+
+#reactRoot>div>div.main-view>div[class*="css-"]>div:nth-child(1)>div>div:nth-child(10)>div>div.button-group[class*="css-"]>div>div {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+}
+
+#reactRoot>div>div.main-view>div[class*="css-"]>div:nth-child(1)>div>div:nth-child(10)>div>div.button-group[class*="css-"]>div>div>div>span {
+    color: var(--text-hover);
+}
+
+.dropdown-menu .divider {
+    border-bottom: 1px solid #d8d9da;
+}
+
+.dropdown-menu--sidemenu>li>.side-menu-header-link:hover {
+    color: var(--text-hover) !important;
+    background: var(--drop-down-menu-bg) !important;
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+}
+
+.dropdown-menu--menu>li>a:hover,
+.dropdown-menu--navbar>li>a:hover,
+.dropdown-menu--sidemenu>li>a:hover {
+    background: rgba(0, 0, 0, 0.25) !important;
+    color: var(--text-hover) !important;
+}
+
+.dropdown-menu>li>a {
+    color: var(--text) !important;
+}
+
+.dropdown-menu-item-shortcut {
+    color: var(--text) !important;
+}
+
+.dropdown-menu {
+    border: 1px solid transparent;
+}
+
+.dropdown-submenu:hover>a {
+    Background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+.icon-circle:hover .fa:hover,
+.icon-circle:hover .gicon:hover,
+.icon-circle:hover .icon-gf:hover {
+    color: var(--text-hover);
+    opacity: 1;
+}
+
+/* Dashboard dropdown menu */
+.search-dropdown__col_1 {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+}
+
+.search-container {
+    left: 0px !important;
+}
+
+.navbar-page-btn {
+    color: var(--text-hover) !important;
+}
+
+/* dropdown menu */
+.css-n9566h,
+.css-1m7hyr {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+}
+
+.search-filter-box {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+}
+
+.search-filter-box__header {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+/* Dashboard row  */
+.dashboard-row--collapsed {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.search-section {
+    background: rgba(255, 255, 255, 0.08);
+    border: none;
+}
+
+.search-item {
+    background: rgba(0, 0, 0, 0.15);
+}
+
+.search-item.selected,
+.search-item:hover {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.search-section__header {
+    color: var(--text-hover) !important;
+}
+
+.navbar-page-btn__folder {
+    color: #d8d9da;
+}
+
+/* Panel fullscreen navbar */
+.panel-in-fullscreen .navbar {
+    background: linear-gradient(90deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0.25)) !important;
+}
+
+/* Dashboard search menu */
+.search-field-wrapper>input {
+    height: 55px !important;
+}
+
+/* Dashboard settings menu */
+.dashboard-settings__aside {
+    background: rgba(0, 0, 0, .25) !important;
+}
+
+.dashboard-page--settings-open .navbar {
+    background: linear-gradient(90deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0.25)) !important;
+}
+
+.navbar-button--primary {
+    border-color: #ffffff00 !important;
+}
+
+.dashboard-settings__aside-header {
+    color: var(--text-hover) !important;
+}
+
+.dashboard-settings__nav-item {
+    color: var(--text-hover) !important;
+}
+
+.bootstrap-tagsinput {
+    background-color: #09090b !important;
+}
+
+.gf-form-switch--table-cell {
+    background-color: transparent !important;
+}
+
+.gf-form-select-wrapper {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+.dashboard-settings__nav-item.active {
+    background: rgba(255, 255, 255, 0.08);
+}
+
+.gf-form-checkbox {
+    background: rgba(0, 0, 0, 0.25);
+    border: none;
+}
+
+.gf-form-switch__checkbox {
+    border: none;
+    background: var(--text-hover);
+}
+
+.gf-form-select-box__option {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+}
+
+.gf-form-select-box__option.gf-form-select-box__option--is-focused {
+    color: var(--text-hover);
+    -o-border-image: -o-linear-gradient(rgb(var(--accent-color)) 30%, rgb(var(--accent-color)) 99%);
+    border-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgb(var(--accent-color))), color-stop(99%, rgb(var(--accent-color))));
+    border-image: -webkit-linear-gradient(rgb(var(--accent-color)) 30%, rgb(var(--accent-color)) 99%);
+}
+
+.filter-table td.filter-table__switch-cell {
+    border-right: none;
+}
+
+/* Variable label color  */
+.template-variable,
+.gf-form-label--variable {
+    color: rgb(var(--accent-color)) !important;
+}
+
+/* Variable label box */
+.gf-form-label {
+    background: rgba(0, 0, 0, 0.25) !important;
+    border: none !important;
+}
+
+.gf-form-label>button[class*="css-"] {
+    background: transparent !important;
+}
+
+.gf-form-label--btn:hover {
+    background: rgba(0, 0, 0, 0.45) !important;
+}
+
+.variable-option.highlighted,
+.variable-option:hover {
+    background-color: hsla(0, 0%, 100%, .1) !important;
+}
+
+/* Variable dashboard dropdown */
+.variable-value-link {
+    padding: 7.4px 10px !important;
+    background-color: rgba(0, 0, 0, 0.25) !important;
+    border: none !important;
+    color: var(--text-hover) !important;
+}
+
+/* Variable input box */
+.gf-form-input {
+    color: var(--text-hover) !important;
+    border: none !important;
+}
+
+.gf-form-input:focus {
+    color: var(--text-hover) !important;
+    box-shadow: none !important;
+}
+
+.gf-form-select-box-button-select {
+    background: transparent;
+    border: none;
+}
+
+.gf-form-select-wrapper .gf-form-select-icon+.gf-form-input option {
+    color: var(--text-hover);
+    background: #1f1f1f;
+}
+
+.css-0>.gf-form-input {
+    background-color: transparent !important;
+}
+
+/* NAVBAR BUTTONS */
+.navbar-button {
+    color: var(--text-hover) !important;
+    background-color: rgba(0, 0, 0, 0.25) !important;
+    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)) !important;
+    border: none !important;
+}
+
+/* Custom Range Refreshing every X Dropdown */
+.gf-timepicker-absolute-section select {
+    background-color: #393a3b !important;
+}
+
+/* PANEL BACKGROUND COLOR*/
+.panel-container {
+    background-color: rgba(0, 0, 0, .25);
+    border: transparent;
+    box-shadow: none !important;
+}
+
+.panel-container.panel-transparent,
+.panel-container--transparent {
+    background-color: transparent;
+    border: transparent;
+}
+
+.panel-header:hover {
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+.panel-title-text:hover {
+    color: var(--text-hover);
+}
+
+/* ////PANEL BACKGROUND COLOR//// */
+
+.graph-legend-table .graph-legend-series:nth-child(odd),
+.graph-legend-table .graph-legend-series:nth-child(2n) {
+    background: transparent !important;
+}
+
+/* Panel text color*/
+div.flot-text {
+    color: var(--text-hover) !important;
+}
+
+/* panel loading circle*/
+.panel-loading {
+    color: var(--text-hover) !important;
+}
+
+/* panel resize arrow */
+.theme-dark .react-grid-item>.react-resizable-handle:after {
+    border-right: 2px solid var(--text-hover) !important;
+    border-bottom: 2px solid var(--text-hover) !important;
+}
+
+/* table panel background color */
+.table-panel-container {
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+/* table panel border size */
+.table-panel-table td {
+    padding: .45em 0 .45em 1.1em;
+    border-bottom: 1px solid #171819;
+    border-right: 1px solid #171819;
+}
+
+.table-panel-header-bg {
+    background: rgba(0, 0, 0, 0.25);
+    border-top: 2px solid transparent;
+    border-bottom: 2px solid transparent;
+
+}
+
+/* Panel tables */
+.css-58bavm-thead {
+    background: rgba(0, 0, 0, .25);
+}
+
+.css-sq6g4h-row {
+    border-bottom: 1px solid rgb(255 255 255 / 10%);
+}
+
+.css-11m63ae {
+    border-right: 1px solid rgb(255 255 255 / 10%);
+}
+
+.css-2n373z {
+    border-right: 1px solid rgb(255 255 255 / 25%);
+}
+
+.css-sq6g4h-row:hover {
+    background-color: rgb(255 255 255 / 0.08);
+}
+
+.css-3o5ryu {
+    background: rgb(0 0 0 / 45%);
+}
+
+.css-1n8kpcb-activeTabStyle,
+.css-dnqfjg-activeTabStyle {
+    background: rgb(0 0 0 / 35%);
+}
+
+.css-1n8kpcb-activeTabStyle::before,
+.css-dnqfjg-activeTabStyle::before {
+    background: rgb(var(--accent-color));
+}
+
+/* Edit panel tabs  */
+[aria-label="Panel editor content"] {
+    background: var(--main-bg-color);
+}
+
+div>.scrollbar-view>div>[class*="css-"],
+#reactRoot>div>div.main-view>div.css-1mwktlb>div[class*="css-"]>div[class*="css-"]>div>div.Pane.vertical.Pane1>div>div.Pane.horizontal.Pane2>div>div>div[class*="css-"],
+.css-v2fjpc,
+.css-ld7ft6 {
+    background: rgba(0, 0, 0, .25) !important;
+}
+
+.tabbed-view-header {
+    box-shadow: none;
+    background: rgba(0, 0, 0, 0.25);
+    border-bottom: none;
+}
+
+.tabbed-view-panel-title {
+    padding-left: 10px;
+}
+
+/* panel query settings  */
+.panel-editor__right,
+.toolbar {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.query-editor-row__header {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.query-editor-row__body {
+    background: rgba(0, 0, 0, 0.15);
+}
+
+.panel-options-group {
+    background: rgba(0, 0, 0, 0.15);
+}
+
+.gf-form-switch {
+    background: rgba(0, 0, 0, 0.25);
+    border: transparent;
+}
+
+.viz-picker__item {
+    background: rgba(0, 0, 0, 0.25);
+    border: transparent;
+}
+
+.viz-picker__item--current {
+    box-shadow: 0 0 6px #eb7b18 !important;
+    border: 1px solid #eb7b18 !important;
+    background: rgba(0, 0, 0, 0.4) !important;
+}
+
+.viz-picker__item:hover {
+    box-shadow: 0 0 6px #eb7b18 !important;
+    background: rgba(0, 0, 0, 0.4);
+    border: 1px solid #eb7b18 !important;
+}
+
+.panel-options-group__header {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.custom-scrollbar .thumb-vertical,
+.custom-scrollbar .thumb-horizontal {
+    background-color: rgba(255, 255, 255, 0);
+    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0.25)));
+    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25));
+    background-image: -o-linear-gradient(top, #404357, #424345);
+    background-image: linear-gradient(180deg, rgba(249, 249, 249, 0.25), rgba(251, 251, 251, 0.25));
+}
+
+.toolbar__main {
+    color: var(--text-hover);
+    background-color: rgba(0, 0, 0, 0.15);
+    border: transparent;
+}
+
+/* worldmap zoom buttons and leaflet  */
+.leaflet-bar a,
+.leaflet-bar a:hover {
+    background-color: #1f1f1f !important;
+    border-bottom: 1px solid #1f1f1f !important;
+    color: white !important;
+}
+
+.leaflet-bar a:hover {
+    background-color: #1b1b1b !important;
+}
+
+.leaflet-control-attribution {
+    display: none;
+}
+
+/* buttons  
+.btn-inverse {
+border-color: #b56d16 !important;
+    color: var(--text-hover) !important;
+    background-color: #cc7b19 !important;
+    -webkit-transition: background-color .1s !important;
+    transition: background-color .1s !important;
+	}
+	.btn-inverse.active, .btn-inverse.disabled, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .btn-inverse[disabled] {
+		color: var(--text-hover);
+    background-color: #e59029 !important;
+}
+.btn-outline-disabled {
+    color: var(--text-hover);
+}*/
+
+.btn-inverse {
+    background: rgba(0, 0, 0, 0.25);
+    -webkit-box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0, 0, 0, .3);
+    box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0, 0, 0, .3);
+}
+
+.btn-primary,
+.btn-success {
+    -webkit-box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0, 0, 0, .3);
+    box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0, 0, 0, .3);
+}
+
+.btn-inverse.active,
+.btn-inverse.disabled,
+.btn-inverse:active,
+.btn-inverse:focus,
+.btn-inverse:hover,
+.btn-inverse[disabled] {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+/* New Dashboard */
+.add-panel__item {
+    background: linear-gradient(135deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
+    box-shadow: -1px -1px 0 0 hsla(0, 0%, 100%, .1), 1px 1px 0 0 rgba(0, 0, 0, 0);
+}
+
+.add-panel__item.active,
+.add-panel__item:hover {
+    background: linear-gradient(135deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
+}
+
+.add-panel__header {
+    background: rgba(0, 0, 0, 0.25);
+    box-shadow: none;
+    border-bottom: 0px;
+}
+
+/* Explore */
+.query-transaction {
+    color: var(--text-hover);
+}
+
+.query-type-toggle .btn.active {
+    background-color: rgba(0, 0, 0, 0.45);
+    border: none;
+    border-radius: 3px;
+}
+
+.toggle-button-group .btn {
+    background-color: rgba(0, 0, 0, 0.25);
+    background-image: none;
+    border-color: #00000000;
+    border-radius: 3px !important;
+    border-right: 1px;
+}
+
+.toggle-button-group .btn:hover {
+    background-color: rgba(0, 0, 0, 0.45);
+}
+
+.logs-panel-options {
+    background-color: transparent;
+    border: none;
+}
+
+/* JSON Model */
+.gf-code-dark {
+    background-color: rgba(0, 0, 0, 0.25);
+    color: #e0e0e0;
+}
+
+.gf-code-editor.ace_editor {
+    border: none;
+}
+
+.modal-header,
+.css-1z13zsv-modalHeader {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    border-bottom: 1px solid #d8d9da;
+    color: var(--text);
+}
+
+.modal-body,
+.css-111908g {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+    color: var(--text);
+}
+
+
+
+/*V7*/
+
+/*LOGIN*/
+.css-bnbqsv {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+}
+
+.css-3iwqj4 {
+    background: transparent;
+}
+
+#login-view>div>form>div:nth-child(1)>div:nth-child(2)>div>div>input,
+#login-view>div>form>div:nth-child(2)>div:nth-child(2)>div>div>input {
+    height: 38px;
+}
+
+/*Buttons*/
+button[class$="-button"]:not(button[aria-label="toggle-viz-picker"]),
+.gf-form-button-row a,
+.gf-form-button-row button,
+.page-action-bar>a,
+.page-action-bar>button,
+.btn-primary,
+button.toolbar-button {
+    background: var(--button-color) !important;
+    background-color: var(--button-color) !important;
+    border-color: var(--button-color) !important;
+    color: var(--button-text) !important;
+}
+
+button[class$="-button"]:hover,
+button[class$="-button"]:focus,
+button[class$="-button"]:active,
+.gf-form-button-row a,
+.gf-form-button-row button:hover,
+.btn-primary:hover {
+    color: rgb(255, 255, 255);
+    background: var(--button-color-hover) !important;
+    background-color: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover) !important;
+    box-shadow: none !important;
+}
+
+.css-1d9e5zy-button {
+    color: var(--text-hover);
+    background: var(--button-color)
+}
+
+.css-1d9e5zy-button:hover {
+    color: var(--text-hover);
+    background: var(--button-color-hover)
+}
+
+/*INPUT*/
+input:focus {
+    box-shadow: none !important;
+}
+
+.css-17rc2pp-input-wrapper:focus,
+.css-1i9is3t:focus {
+    box-shadow: none;
+    color: transparent;
+}
+
+.gf-form-select-box__control--is-focused {
+    border-color: transparent;
+    outline: none;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+}
+
+.css-1bjepp-input-input {
+    background-color: hsla(0, 0%, 100%, .25);
+    border-radius: 3px;
+    border-color: transparent;
+    -webkit-transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
+    transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
+}
+
+.css-1bjepp-input-input:focus {
+    box-shadow: none !important;
+    background-color: white;
+    color: black;
+    transition: background-color .2s;
+    -webkit-transition: background-color .2s;
+    border-radius: 3px;
+}
+
+.css-14hvfbu-input-wrapper:focus {
+    border-color: transparent !important;
+    box-shadow: none !important;
+}
+
+.css-1w5c5dq-input-inputWrapper input:not(:last-child) {
+    height: 100%
+}
+
+/*Disabled input*/
+.css-1bjepp-input-input:disabled {
+    background-color: rgba(0, 0, 0, .5);
+    color: rgb(159, 167, 179);
+}
+
+.css-1bjepp-input-input:hover {
+    border-color: transparent;
+}
+
+body>grafana-app>div>div>react-container>div>div>div.view>div>div.page-container.page-body>div:nth-child(2)>form>div>div>div>div.css-1w5c5dq-input-inputWrapper>input {
+    height: 100%;
+}
+
+
+/* SEARCH */
+.css-x9mxj5 {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+}
+
+.css-1m6pigl:focus+label {
+    outline-offset: 2px;
+    box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important;
+    z-index: 3;
+    outline: transparent dotted 2px;
+    transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
+}
+
+.css-1m6pigl:checked+label {
+    color: #eee !important;
+    border-color: rgba(255, 255, 255, .1);
+    background: var(--button-color);
+}
+
+.css-b40tk8:focus+label {
+    box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important;
+
+}
+
+.css-y0yg3l {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+    border-color: transparent;
+}
+
+.css-y0yg3l {
+    background: rgba(0, 0, 0, .25) !important;
+    border-color: transparent;
+}
+
+.css-1je3bh6 {
+    background: transparent;
+    border-bottom: 1px solid rgba(0, 0, 0, 0);
+}
+
+/*Folder bars*/
+.css-1umfglk {
+    background: rgba(0, 0, 0, .25);
+}
+
+.css-1umfglk:hover {
+    background: rgba(0, 0, 0, .35);
+}
+
+/* Login Error message*/
+.css-1ow9mne-input-input {
+    line-height: 1.5;
+    height: 38px;
+    background-color: hsla(0, 0%, 100%, .25);
+    border-radius: 3px;
+    border-color: transparent;
+    -webkit-transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
+    transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
+}
+
+.css-1ow9mne-input-input {
+    box-shadow: none !important;
+    background-color: white;
+    color: black;
+    transition: background-color .2s;
+    -webkit-transition: background-color .2s;
+    height: 38px;
+    border-radius: 3px;
+}
+
+.css-13o428a {
+    margin: 10px 0px 0px;
+}
+
+/*Welcome to Grafana*/
+.css-15xxblz,
+.css-1ld19yb {
+    background: rgba(0, 0, 0, .25);
+}
+
+.css-1as70ku,
+.css-u5zjuh {
+    background: rgba(0, 0, 0, .25);
+}
+
+.css-17abkeq,
+.css-5ak73y {
+    color: var(--text-hover);
+}
+
+
+/* Import */
+body>grafana-app>div>div>react-container>div>div>div.view>div>div.page-container.page-body>form>div:nth-child(4)>div:nth-child(2)>div>div.css-1w5c5dq-input-inputWrapper>input {
+    height: 100%
+}
+
+
+/*PANEL EDIT*/
+
+.css-cxwxzk-Label-description,
+.css-n370st {
+    color: var(--text);
+}
+
+.css-10pj50r,
+.css-15rfc12 {
+    background: rgb(0 0 0 / 50%);
+}
+
+/*Header*/
+.css-1marj6o {
+    display: flex;
+    -webkit-box-pack: justify;
+    justify-content: space-between;
+    padding: 8px;
+    background: transparent;
+    border-bottom: 1px solid transparent;
+}
+
+/*Background*/
+.css-azp59k {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+}
+
+/*Query box*/
+.css-hz0utb {
+    background: rgba(0, 0, 0, .35);
+    border-right: 1px solid rgba(0, 0, 0, 0);
+}
+
+.query-keyword,
+.css-wvxxxy,
+.css-fpnw35 {
+    font-weight: 500;
+    color: rgb(var(--accent-color));
+}
+
+.css-lvafs5 {
+    background: rgba(0, 0, 0, .5);
+}
+
+.css-ui3sz4-activeTabStyle {
+    margin-right: 16px;
+    position: relative;
+    display: block;
+    color: rgb(216, 217, 218);
+    cursor: default;
+    list-style: none;
+    padding: 11px 15px 9px;
+    border-style: solid;
+    border-image: initial;
+    border-width: 0px 1px 1px;
+    border-radius: 3px 3px 0px 0px;
+    border-color: transparent !important;
+    background: rgba(0, 0, 0, .5);
+    overflow: hidden;
+}
+
+.css-1awj6q7-counter {
+    background-color: rgba(0, 0, 0, .5);
+    color: rgb(255, 255, 255);
+}
+
+/*Transform tab*/
+.css-y2f54e {
+    background: rgba(0, 0, 0, .25);
+}
+
+.css-y2f54e:hover {
+    background: rgba(0, 0, 0, .35);
+}
+
+.css-1e8invk::before {
+    background: rgba(0, 0, 0, .35) !important;
+}
+
+/* Right side menu*/
+.css-1xj5tuf {
+    background: rgba(0, 0, 0, .35);
+    border-left: 1px solid transparent;
+}
+
+/*Dropdown bottom borders*/
+.css-1majipf {
+    border-bottom: 1px solid rgba(255, 255, 255, .08);
+}
+
+/*Settings text input*/
+.css-1f38lle:focus {
+    box-shadow: none !important;
+}
+
+.css-1gokw4e input:checked+label,
+.css-1gokw4e input:checked+label:hover {
+    background: rgb(var(--accent-color));
+}
+
+.css-1gokw4e label {
+    background: white;
+}
+
+/*Visualization*/
+.css-1lemfi9 {
+    background: rgba(0, 0, 0, .25);
+    border-color: transparent;
+}
+
+.css-1fsv7gr:hover>div:first-child {
+    border-color: rgb(var(--accent-color));
+}
+
+.css-1emhacm-currentVisualizationItem>div:first-child {
+    outline-offset: 2px;
+    box-shadow: rgb(20, 22, 25) 0px 0px 0px 2px, rgb(var(--accent-color)) 0px 0px 0px 4px;
+}
+
+.css-mgq0xs-currentVisualizationItem>div:first-child {
+    outline: transparent dotted 2px;
+    outline-offset: 1px;
+    box-shadow: rgb(var(--accent-color)) 0px 0px 0px 2px, #607D8B 0px 0px 0px 2px;
+    transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
+}
+
+/*Old stat panel unit dropdown */
+body>grafana-app>div>div>react-container>div>div.css-azp59k>div.css-1bd2u9>div>div.Pane.vertical.Pane2>div>div>div.css-1xj5tuf>div>div.view>div:nth-child(3)>div:nth-child(1)>div.panel-options-group__body>panel-editor-tab>panel-editor-tab-singlestatoptions>div>div:nth-child(2)>div:nth-child(6)>unit-picker>div>div>div>div>input {
+    height: 100%;
+}
+
+/*Buttons*/
+.css-m58wdd:hover {
+    color: rgba(255, 255, 255, .94);
+    z-index: 2;
+    border-width: 1px;
+    border-style: solid;
+    border-color: rgba(255, 255, 255, .1);
+    border-image: initial;
+    background: rgba(255, 255, 255, .15)
+}
+
+.css-m58wdd {
+    color: rgba(255, 255, 255, .94);
+    z-index: 2;
+    border-width: 1px;
+    border-style: solid;
+    border-color: rgba(255, 255, 255, 0);
+    border-image: initial;
+    background: rgba(255, 255, 255, .08)
+}
+
+input:checked+.gf-form-switch__slider {
+    background: rgb(var(--accent-color));
+}
+
+/* RuPaul Drag Line*/
+.css-pii3u7:hover {
+    border-color: rgba(255, 255, 255, .25);
+}
+
+.css-1t13ra6 {
+    border-color: rgba(255, 255, 255, .09);
+}
+
+.css-1t13ra6:hover {
+    border-color: rgba(255, 255, 255, .25);
+}
+
+/*SETTINGS*/
+/*Teams*/
+.css-1w9m9al-call-to-action-card {
+    background: rgba(0, 0, 0, .25);
+}
+
+/*DASHBOARD SETINGS*/
+.dashboard-settings,
+.dashboard-settings__body2 {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+}
+
+.navbar--edit {
+    background: rgba(0, 0, 0, .25);
+    border-bottom: 1px solid transparent;
+    -webkit-box-shadow: 0 0 10px transparent;
+    box-shadow: 0 0 10px transparent;
+}
+
+.grafana-info-box {
+    background-color: rgba(0, 0, 0, .5);
+    border-top: 3px solid rgb(var(--accent-color));
+}
+
+/* Variables*/
+.filter-table--hover tbody tr:hover {
+    background: hsla(0, 0%, 100%, .15);
+}
+
+.filter-table tbody tr:nth-child(odd):hover {
+    background: hsla(0, 0%, 100%, .15) !important;
+}
+
+/*Placeholder text*/
+::placeholder {
+    color: var(--text-hover) !important;
+}
+
+:-ms-input-placeholder {
+    color: var(--text-hover) !important;
+}
+
+::-webkit-input-placeholder {
+    color: var(--text-hover) !important;
+}
\ No newline at end of file
diff --git a/css/base/grafana/organizr-dashboard.css b/css/base/grafana/organizr-dashboard.css
new file mode 100644
index 00000000..c7eeaea0
--- /dev/null
+++ b/css/base/grafana/organizr-dashboard.css
@@ -0,0 +1,599 @@
+
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+/* GRAFANA THEME FOR ORGANIZR DASHBOARD INTEGRATION */
+body {
+    color: #FFFFFF !important;
+    background-color: transparent !important;
+}
+.main-view {
+    background: linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px) !important;
+}
+div.flot-text {
+  color: var(--text-hover) !important;
+}
+/* Loading page */
+.theme-dark, .theme-light, .preloader {
+    background: transparent !important;
+}
+
+/* login page */
+.login-branding {
+    border-right: none !important;
+}
+
+/* sidemenu */
+.sidemenu-open .sidemenu {
+    background: rgba(0, 0, 0, .25) !important;
+}
+.sidemenu__logo:hover {
+    background: rgba(0, 0, 0, .25) !important;
+}
+.sidemenu-item.active, .sidemenu-item:hover {
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+@media (max-width: 768px) {
+.sidemenu .sidemenu__logo_small_breakpoint {
+    background: var(--main-bg-color);
+}
+}
+
+/* Dashboard dropdown menu */
+.search-dropdown__col_1 {
+    background: transparent !important;
+}
+.search-container {
+    left: 0px !important;
+}
+.navbar-page-btn {
+    color: var(--text-hover) !important;
+}
+
+/* Panel fullscreen navbar */
+.panel-in-fullscreen .navbar {
+    background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)) !important;
+}
+
+/* Dashboard search menu */
+.search-field-wrapper {
+	background-color: #1f1f1f !important;
+	box-shadow: none !important;
+}
+.search-field-wrapper>input {
+	height: 55px !important;
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+.search-field-icon {
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+/* Dashboard settings menu */
+.dashboard-settings__aside {
+    background: rgba(0, 0, 0, .25) !important;
+}
+.dashboard-page--settings-open .navbar {
+    background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)) !important;
+}
+.navbar-button--primary {
+    border-color: #ffffff00 !important;
+}
+.dashboard-settings__aside-header {
+    color: #ffffff !important;
+}
+.dashboard-settings__nav-item {
+    color: #ffffff !important;
+}
+.bootstrap-tagsinput {
+    background-color: #09090b !important;
+}
+.gf-form-select-wrapper .gf-form-input {
+    background-color: #393a3b !important;
+}
+
+/*Datasources Menu*/
+
+.add-data-source-item {
+    background: rgba(255, 255, 255, 0.08);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+.add-data-source-item:hover {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    background: rgba(255, 255, 255, 0.15);
+    border: 1px solid #00000000;
+    color: var(--text-hover);
+}
+/* Variable label color */
+.template-variable {
+    color: #f79520 !important;
+}
+
+/* Variable label box */
+.gf-form-label {
+    background-color: rgba(0, 0, 0, 0.25) !important;
+	   border: none !important;
+     color: var(--text-hover);
+}
+.gf-form-input:focus {
+    color: var(--text-hover) !important;
+    background-color: #262626 !important;
+    border: none !important;
+    box-shadow: none !important;
+}
+.variable-option.highlighted, .variable-option:hover {
+    background-color: hsla(0,0%,100%,.1) !important;
+}
+
+/* Variable dashboard dropdown */
+.variable-value-link {
+    padding: 7.4px 10px !important;
+    background-color: rgba(0, 0, 0, 0.25) !important;
+    border: none !important;
+    color: #FFFFFF !important;
+}
+
+/* Variable input box */
+.gf-form-input {
+	color: #FFFFFF !important;
+    background-color: rgba(255, 255, 255, 0.15) !important;
+    border: 0px solid #262628 !important;
+
+}
+
+/* NAVBAR BUTTONS */
+.navbar-button {
+    color: var(--text-hover) !important;
+    background-color: rgba(0, 0, 0, 0.25) !important;
+    background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25)) !important;
+    border: none !important;
+}
+
+/* Custom Range Refreshing every X Dropdown */
+.gf-timepicker-absolute-section select {
+    background-color: #393a3b !important;
+}
+
+/* PANEL BACKGROUND COLOR*/
+.panel-container {
+    background-color: rgba(0, 0, 0, .25);
+    border: transparent;
+    box-shadow: none !important;
+}
+.panel-container.panel-transparent, .panel-container--transparent {
+background-color: transparent;
+  border: transparent;
+}
+.panel-header:hover {
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+.panel-loading {
+    color: transparent;
+}
+/* ////PANEL BACKGROUND COLOR//// */
+
+.graph-legend-table .graph-legend-series:nth-child(odd) {
+    background: transparent !important;
+}
+
+/* Panel text color*/
+div.flot-text {
+    color: var(--text-hover) !important;
+}
+
+/* panel loading circle*/
+.panel-loading {
+    color: var(--text-hover) !important;
+}
+
+/* panel resize arrow */
+.theme-dark .react-grid-item>.react-resizable-handle:after {
+    border-right: 2px solid var(--text-hover) !important;
+    border-bottom: 2px solid var(--text-hover) !important;
+}
+
+/* table panel background color */
+.table-panel-container {
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+/* table panel border size */
+.table-panel-table td {
+    padding: .45em 0 .45em 1.1em;
+    border-bottom: 1px solid #171819;
+    border-right: 1px solid #171819;
+}
+/* Edit panel tabs  */
+.tabbed-view-header {
+    box-shadow: none;
+    background: rgba(0, 0, 0, 0.25);
+    border-bottom: none;
+}
+.tabbed-view-panel-title {
+    padding-left: 10px;
+}
+/* worldmap zoom buttons and leaflet  */
+.leaflet-bar a, .leaflet-bar a:hover {
+    background-color: #1f1f1f !important;
+    border-bottom: 1px solid #1f1f1f !important;
+    color: white !important;
+}
+.leaflet-bar a:hover {
+    background-color: #1b1b1b !important;
+}
+.leaflet-control-attribution {
+    display: none;
+}
+/* New Dashboard */
+.add-panel__item {
+    background: linear-gradient(135deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.25));
+    box-shadow: -1px -1px 0 0 hsla(0,0%,100%,.1), 1px 1px 0 0 rgba(0, 0, 0, 0);
+}
+.add-panel__item.active, .add-panel__item:hover {
+    background: linear-gradient(135deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25));
+}
+.add-panel__header {
+    background: rgba(0, 0, 0, 0.25);
+    box-shadow: none;
+    border-bottom: 0px;
+}
+
+@import url(/css/base/grafana/grafana-base.css);
+
+:root {
+  --main-bg-color: url("/resources/blur-noise.png"), url("/resources/preset-light2.png") center center/cover no-repeat fixed;
+  --modal-bg-color: url("/resources/blur-noise.png"), url("/resources/preset-dark2.png") center center/cover no-repeat fixed;
+ 
+  --button-color: #cc7b19;
+  --button-color-hover: #e59029;
+  --accent-color:  #e5a00d;
+  --accent-color-hover: #ffc107;
+}
+
+
+/*V7*/
+
+/*LOGIN*/
+.css-bnbqsv {background: var(--main-bg-color)}
+.css-3iwqj4 { background: transparent;}
+#login-view > div > form > div:nth-child(1) > div:nth-child(2) > div > div > input, #login-view > div > form > div:nth-child(2) > div:nth-child(2) > div > div > input {
+    height: 38px;
+}
+/*Buttons*/
+.css-y3nv3e-button,
+.css-cc7c9f-button,
+.css-1vlnne-button,
+.css-1ihbihm-button,
+.css-14zdxje-button,
+.css-179z9yx-button,
+.css-370vzt-button,
+.css-msayan-button,
+.css-19kbjxc-button,
+.gf-form-button-row a, .gf-form-button-row button,
+.page-action-bar>a, .page-action-bar>button,
+.btn-primary{ 
+background: var(--button-color) !important;
+background-color: var(--button-color) !important;
+border-color: var(--button-color);
+}
+.css-y3nv3e-button:hover, 
+.css-y3nv3e-button:focus, 
+.css-cc7c9f-button:hover,
+.css-cc7c9f-button:focus,
+.css-1vlnne-button:hover,
+.css-1vlnne-button:focus,
+.css-1ihbihm-button:hover,
+.css-1ihbihm-button:focus,
+.css-14zdxje-button:hover,
+.css-14zdxje-button:focus,
+.css-179z9yx-button:hover,
+.css-179z9yx-button:focus,
+.css-370vzt-button:hover,
+.css-370vzt-button:focus,
+.css-msayan-button:hover,
+.css-msayan-button:focus,
+.css-19kbjxc-button:hover,
+.css-19kbjxc-button:focus,
+.gf-form-button-row a, .gf-form-button-row button:hover,
+.btn-primary:hover{
+color: rgb(255, 255, 255);
+background: var(--button-color-hover) !important;
+background-color: var(--button-color-hover) !important;
+box-shadow: none !important;
+} 
+.css-1d9e5zy-button {color: var(--text-hover); background: var(--button-color)}
+.css-1d9e5zy-button:hover {color: var(--text-hover); background: var(--button-color-hover)}
+
+/*INPUT*/
+input:focus {box-shadow: none !important;}
+.css-17rc2pp-input-wrapper:focus, .css-1i9is3t:focus {
+box-shadow:none;
+color: transparent;
+}
+.gf-form-select-box__control--is-focused {
+border-color: transparent;
+outline: none;
+-webkit-box-shadow: none !important;
+box-shadow: none !important;
+}
+
+.css-1bjepp-input-input {
+background-color: hsla(0,0%,100%,.25);
+border-radius: 3px;
+border-color: transparent;
+-webkit-transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
+transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
+}
+
+.css-1bjepp-input-input:focus {
+box-shadow: none !important;
+background-color: white;
+color: black;
+transition: background-color .2s;
+-webkit-transition: background-color .2s;
+border-radius: 3px;
+}
+.css-14hvfbu-input-wrapper:focus { 
+border-color:transparent !important;
+box-shadow: none !important;    
+}
+.css-1w5c5dq-input-inputWrapper input:not(:last-child) {
+    height: 100%
+}
+/*Disabled input*/
+.css-1bjepp-input-input:disabled {
+    background-color: rgba(0, 0, 0, .5);
+    color: rgb(159, 167, 179);
+}
+.css-1bjepp-input-input:hover {border-color: transparent;}
+body > grafana-app > div > div > react-container > div > div > div.view > div > div.page-container.page-body > div:nth-child(2) > form > div > div > div > div.css-1w5c5dq-input-inputWrapper > input {height: 100%;}
+
+
+/* SEARCH */
+.css-x9mxj5 {
+background: var(--main-bg-color);
+}
+.css-1m6pigl:focus + label {
+outline-offset: 2px;
+box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important;
+z-index: 3;
+outline: transparent dotted 2px;
+transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
+}
+.css-1m6pigl:checked + label {
+color: var(--accent-color) !important;
+border-color: rgba(255, 255, 255, .1);
+background: rgba(0, 0, 0, .5);
+}
+.css-b40tk8:focus + label {
+box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important;
+
+}
+.css-y0yg3l {
+background: var(--main-bg-color);
+border-color: transparent;
+}
+.css-y0yg3l {
+background: rgba(0, 0, 0, .25) !important;
+border-color: transparent;
+}
+
+.css-1je3bh6 {
+background: transparent;
+border-bottom: 1px solid rgba(0, 0, 0, 0);
+}
+
+/*Folder bars*/
+.css-1umfglk {
+background: rgba(0, 0, 0, .25);
+}
+.css-1umfglk:hover {
+background: rgba(0, 0, 0, .35);
+}
+
+/* Login Error message*/
+.css-1ow9mne-input-input {
+line-height: 1.5;
+height: 38px;
+background-color: hsla(0,0%,100%,.25);
+border-radius: 3px;
+border-color: transparent;
+-webkit-transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
+transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
+}
+.css-1ow9mne-input-input {
+box-shadow: none !important;
+background-color: white;
+color: black;
+transition: background-color .2s;
+-webkit-transition: background-color .2s;
+height: 38px;
+border-radius: 3px;
+}
+.css-13o428a {
+margin: 10px 0px 0px;
+}
+
+/*Welcome to Grafana*/
+.css-15xxblz,.css-1ld19yb {background: rgba(0, 0, 0, .25);}
+
+.css-1as70ku, .css-u5zjuh {
+background: rgba(0, 0, 0, .25);}
+.css-17abkeq, .css-5ak73y  {
+color: var(--text-hover);
+}
+
+
+/* Import */
+body > grafana-app > div > div > react-container > div > div > div.view > div > div.page-container.page-body > form > div:nth-child(4) > div:nth-child(2) > div > div.css-1w5c5dq-input-inputWrapper > input {height:100%}
+
+
+/*PANEL EDIT*/
+
+/*Header*/
+.css-1marj6o {
+display: flex;
+-webkit-box-pack: justify;
+justify-content: space-between;
+padding: 8px;
+background: transparent;
+border-bottom: 1px solid transparent;
+}
+/*Background*/
+.css-azp59k {
+background: var(--main-bg-color);
+}
+/*Query box*/
+.css-hz0utb {
+background: rgba(0, 0, 0, .35);
+border-right: 1px solid rgba(0, 0, 0, 0);
+}
+.query-keyword, .css-wvxxxy, .css-fpnw35   {
+    font-weight: 500;
+    color: var(--accent-color);
+}
+.css-lvafs5 {
+    background: rgba(0, 0, 0, .5);
+}
+
+.css-ui3sz4-activeTabStyle {
+margin-right: 16px;
+position: relative;
+display: block;
+color: rgb(216, 217, 218);
+cursor: default;
+list-style: none;
+padding: 11px 15px 9px;
+border-style: solid;
+border-image: initial;
+border-width: 0px 1px 1px;
+border-radius: 3px 3px 0px 0px;
+border-color: transparent !important;
+background: rgba(0, 0, 0, .5);
+overflow: hidden;
+}
+.css-1awj6q7-counter {
+background-color: rgba(0, 0, 0, .5);
+color: rgb(255, 255, 255);
+}
+/*Transform tab*/
+.css-y2f54e {
+background: rgba(0, 0, 0, .25);
+}
+.css-y2f54e:hover {
+background: rgba(0, 0, 0, .35);
+}
+.css-1e8invk::before {
+background:rgba(0, 0, 0, .35) !important;
+}
+
+/* Right side menu*/
+.css-1xj5tuf {
+background: rgba(0, 0, 0, .35);
+border-left: 1px solid transparent;
+}
+/*Dropdown bottom borders*/
+.css-1majipf {
+border-bottom: 1px solid rgba(255, 255, 255, .08);
+}
+/*Settings text input*/
+.css-1f38lle:focus {
+    box-shadow: none !important;
+}
+.css-1gokw4e input:checked + label, .css-1gokw4e input:checked + label:hover {
+background: var(--accent-color);
+}
+.css-1gokw4e label {
+    background: white;
+}
+/*Visualization*/
+.css-1lemfi9 {
+    background: rgba(0, 0, 0, .25);
+    border-color: transparent;
+}
+.css-1fsv7gr:hover > div:first-child {
+    border-color: var(--accent-color);
+}
+.css-1emhacm-currentVisualizationItem > div:first-child {
+    outline-offset: 2px;
+    box-shadow: rgb(20, 22, 25) 0px 0px 0px 2px, var(--accent-color) 0px 0px 0px 4px;
+}
+/*Old stat panel unit dropdown */
+body > grafana-app > div > div > react-container > div > div.css-azp59k > div.css-1bd2u9 > div > div.Pane.vertical.Pane2 > div > div > div.css-1xj5tuf > div > div.view > div:nth-child(3) > div:nth-child(1) > div.panel-options-group__body > panel-editor-tab > panel-editor-tab-singlestatoptions > div > div:nth-child(2) > div:nth-child(6) > unit-picker > div > div > div > div > input {
+height: 100%;
+}
+/*Buttons*/
+.css-m58wdd:hover {
+    color: rgba(255, 255, 255, .94);
+    z-index: 2;
+    border-width: 1px;
+    border-style: solid;
+    border-color: rgba(255, 255, 255, .1);
+    border-image: initial;
+    background: rgba(255, 255, 255, .15)
+}
+.css-m58wdd {
+    color: rgba(255, 255, 255, .94);
+    z-index: 2;
+    border-width: 1px;
+    border-style: solid;
+    border-color: rgba(255, 255, 255, 0);
+    border-image: initial;
+    background: rgba(255, 255, 255, .08)
+}
+input:checked+.gf-form-switch__slider {
+background: var(--accent-color);
+}
+/* RuPaul Drag Line*/
+.css-pii3u7:hover {
+border-color: rgba(255, 255, 255, .25);
+}
+
+.css-1t13ra6 {
+border-color: rgba(255, 255, 255, .09);
+}
+.css-1t13ra6:hover {
+    border-color: rgba(255, 255, 255, .25); 
+}
+
+/*SETTINGS*/
+/*Teams*/
+.css-1w9m9al-call-to-action-card {
+    background: rgba(0, 0, 0, .25);
+    }
+
+
+/*DASHBOARD SETINGS*/
+.dashboard-settings,.dashboard-settings__body2 {
+    background: var(--main-bg-color);
+}
+.navbar--edit {
+    background: rgba(0, 0, 0, .25);
+    border-bottom: 1px solid transparent;
+    -webkit-box-shadow: 0 0 10px transparent;
+    box-shadow: 0 0 10px transparent;
+}
+.grafana-info-box {
+background-color: rgba(0, 0, 0, .5);
+border-top: 3px solid var(--accent-color);
+}
+/* Variables*/
+.filter-table--hover tbody tr:hover {
+    background: hsla(0,0%,100%,.15);
+}
+.filter-table tbody tr:nth-child(odd):hover {
+background: hsla(0,0%,100%,.15) !important;
+}
+/*Placeholder text*/
+::placeholder {color: var(--text-hover) !important;}
+:-ms-input-placeholder {color: var(--text-hover) !important;}
+::-webkit-input-placeholder {color: var(--text-hover) !important;}
\ No newline at end of file
diff --git a/css/base/guacamole/aquamarine.css b/css/base/guacamole/aquamarine.css
new file mode 100644
index 00000000..97d8b078
--- /dev/null
+++ b/css/base/guacamole/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/guacamole/blackberry-abyss.css b/css/base/guacamole/blackberry-abyss.css
new file mode 100644
index 00000000..dd3a4299
--- /dev/null
+++ b/css/base/guacamole/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/guacamole/blackberry-amethyst.css b/css/base/guacamole/blackberry-amethyst.css
new file mode 100644
index 00000000..a894bbf5
--- /dev/null
+++ b/css/base/guacamole/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/guacamole/blackberry-carol.css b/css/base/guacamole/blackberry-carol.css
new file mode 100644
index 00000000..90fbe340
--- /dev/null
+++ b/css/base/guacamole/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/guacamole/blackberry-dreamscape.css b/css/base/guacamole/blackberry-dreamscape.css
new file mode 100644
index 00000000..961a7bc3
--- /dev/null
+++ b/css/base/guacamole/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/guacamole/blackberry-flamingo.css b/css/base/guacamole/blackberry-flamingo.css
new file mode 100644
index 00000000..bb1777b2
--- /dev/null
+++ b/css/base/guacamole/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/guacamole/blackberry-hearth.css b/css/base/guacamole/blackberry-hearth.css
new file mode 100644
index 00000000..faf9cb9d
--- /dev/null
+++ b/css/base/guacamole/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/guacamole/blackberry-martian.css b/css/base/guacamole/blackberry-martian.css
new file mode 100644
index 00000000..a865139a
--- /dev/null
+++ b/css/base/guacamole/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/guacamole/blackberry-pumpkin.css b/css/base/guacamole/blackberry-pumpkin.css
new file mode 100644
index 00000000..b042e0e2
--- /dev/null
+++ b/css/base/guacamole/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/guacamole/blackberry-royal.css b/css/base/guacamole/blackberry-royal.css
new file mode 100644
index 00000000..e768074d
--- /dev/null
+++ b/css/base/guacamole/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/guacamole/blackberry-shadow.css b/css/base/guacamole/blackberry-shadow.css
new file mode 100644
index 00000000..b1438ec9
--- /dev/null
+++ b/css/base/guacamole/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/guacamole/blackberry-solar.css b/css/base/guacamole/blackberry-solar.css
new file mode 100644
index 00000000..49f49454
--- /dev/null
+++ b/css/base/guacamole/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/guacamole/blackberry-vanta.css b/css/base/guacamole/blackberry-vanta.css
new file mode 100644
index 00000000..df4d8d9e
--- /dev/null
+++ b/css/base/guacamole/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/guacamole/dark.css b/css/base/guacamole/dark.css
new file mode 100644
index 00000000..b78bd990
--- /dev/null
+++ b/css/base/guacamole/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/guacamole/dracula.css b/css/base/guacamole/dracula.css
new file mode 100644
index 00000000..100b63e9
--- /dev/null
+++ b/css/base/guacamole/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/guacamole/guacamole-base.css b/css/base/guacamole/guacamole-base.css
new file mode 100644
index 00000000..e06e0d2d
--- /dev/null
+++ b/css/base/guacamole/guacamole-base.css
@@ -0,0 +1,642 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+
+* {
+    outline: none !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    color: var(--text-hover);
+}
+
+body {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text) !important;
+}
+
+div.displayMiddle {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+input::-webkit-input-placeholder {
+    color: var(--text) !important;
+}
+
+input:focus::-webkit-input-placeholder {
+    color: var(--text-hover) !important;
+}
+
+/* Firefox < 19 */
+input:-moz-placeholder {
+    color: var(--text) !important;
+}
+
+input:focus:-moz-placeholder {
+    color: var(--text-hover) !important;
+}
+
+/* Firefox > 19 */
+input::-moz-placeholder {
+    color: var(--text) !important;
+}
+
+input:focus::-moz-placeholder {
+    color: var(--text-hover) !important;
+}
+
+/* Internet Explorer 10 */
+input:-ms-input-placeholder {
+    color: var(--text) !important;
+}
+
+input:focus:-ms-input-placeholder {
+    color: var(--text-hover) !important;
+}
+
+/* Scrollbar */
+@media only screen and (min-width: 768px) {
+    html {
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+    }
+
+    body {
+        overflow-y: auto;
+        height: 100%;
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .2);
+    background-clip: padding-box;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .5);
+    background-clip: padding-box;
+}
+
+/* LOGIN MENU */
+div.login-ui {
+    background: inherit;
+}
+
+.login-ui div.login-dialog {
+    background: rgba(0, 0, 0, .25);
+    border: none;
+}
+
+input[type="submit"],
+button,
+a.button {
+    background-color: var(--button-color);
+    border: none;
+    outline: none;
+}
+
+input[type="submit"]:hover,
+button:hover,
+a.button:hover {
+    background-color: var(--button-color-hover);
+    border: none;
+    cursor: pointer;
+}
+
+.login-ui .login-fields .labeled-field input:focus {
+    background: rgba(0, 0, 0, 0.45) !important;
+    outline: none;
+}
+
+.login-ui .login-fields .labeled-field.empty input {
+    background: rgba(0, 0, 0, 0.25) !important;
+    outline: none;
+}
+
+.login-ui .login-fields .labeled-field.empty input:focus {
+    background: rgba(0, 0, 0, 0.45) !important;
+    outline: none;
+}
+
+.login-ui .login-dialog .login-fields input {
+    background-color: rgba(0, 0, 0, 0.45) !important;
+}
+
+div.location,
+input[type=text],
+input[type=email],
+input[type=number],
+input[type=password],
+textarea {
+    color: var(--text-hover) !important;
+    background: rgba(0, 0, 0, 0.25) !important;
+}
+
+input[type=checkbox],
+input[type=number],
+input[type=text],
+input[type=email],
+input[type=radio],
+textarea {
+    color: var(--text-hover) !important;
+    background: transparent;
+}
+
+/* HOME MENU */
+.header h2 {
+    color: var(--text-hover);
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.connection .icon.vnc,
+.connection .icon.rdp {
+    background-image: url(/resources/guacamole/guac-monitor.png);
+}
+
+.connection .icon.ssh,
+.connection .icon.telnet {
+    background-image: url(/resources/guacamole/guac-text.png);
+}
+
+.user-menu .menu-dropdown .menu-title {
+    background-image: url(/resources/guacamole/guac-user.png);
+    background-color: transparent;
+}
+
+.user-menu .menu-dropdown .menu-contents li a[href="#/"] {
+    background-image: url(/resources/guacamole/guac-home-dark.png);
+}
+
+.user-menu .menu-dropdown .menu-contents li a[href="#/settings/users"],
+.user-menu .menu-dropdown .menu-contents li a[href="#/settings/connections"],
+.user-menu .menu-dropdown .menu-contents li a[href="#/settings/sessions"],
+.user-menu .menu-dropdown .menu-contents li a[href="#/settings/preferences"] {
+    background-image: url(/resources/guacamole/guac-config-dark.png);
+}
+
+.user-menu .menu-dropdown .menu-contents li a.logout {
+    background-image: url(/resources/guacamole/guac-logout-dark.png);
+}
+
+.icon.user {
+    background-image: url(/resources/guacamole/guac-user.png);
+}
+
+.pager .icon.first-page {
+    background-image: url(/resources/guacamole/guac-first-page.png);
+}
+
+.pager .icon.prev-page {
+    background-image: url(/resources/guacamole/guac-prev-page.png);
+}
+
+.pager .icon.next-page {
+    background-image: url(/resources/guacamole/guac-next-page.png);
+}
+
+.pager .icon.last-page {
+    background-image: url(/resources/guacamole/guac-last-page.png);
+}
+
+.loading::before {
+    background-image: url('/resources/guacamole/cog.png');
+}
+
+table.sorted th.sort-primary.sort-descending:after {
+    background-image: url(/resources/guacamole/up.png);
+}
+
+.menu-dropdown .menu-indicator {
+    background-image: url(/resources/guacamole/down.png);
+}
+
+.menu-dropdown .menu-indicator:hover {
+    background-image: url(/resources/guacamole/down.png);
+    color: #f9be03;
+}
+
+table.sorted th.sort-primary:after {
+    background-image: url(/resources/guacamole/down.png);
+}
+
+thead {
+    color: var(--text-hover);
+}
+
+table.sorted th,
+table.sorted td {
+    border: 1px solid rgb(255 255 255 / 15%);
+}
+
+.settings table.session-list tr.session:hover {
+    background: rgba(255, 255, 255, 0.15);
+}
+
+.menu-dropdown.open,
+.menu-dropdown.open:hover {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.menu-dropdown {
+    border-left: none;
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.menu-dropdown .menu-contents li a {
+    display: block;
+    cursor: pointer;
+    color: var(--text);
+    text-decoration: none;
+    padding: .75em;
+}
+
+.menu-dropdown .menu-contents li a.current,
+.menu-dropdown .menu-contents li a.current:hover {
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text-hover)
+}
+
+.menu-dropdown .menu-contents li a:hover {
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+}
+
+.menu-dropdown:hover {
+    background: rgba(0, 0, 0, 0.25);
+    color: var(--text-hover);
+}
+
+.menu-dropdown .menu-contents {
+    background: var(--drop-down-menu-bg);
+
+}
+
+.header .filter input {
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    -khtml-border-radius: 0;
+    border-radius: 0;
+    border: 0;
+    border-left: 1px solid rgba(0, 0, 0, 0.125);
+    background-color: transparent;
+    color: var(--text-hover);
+}
+
+.header .filter {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.filter .search-string {
+    background-image: url(/resources/guacamole/magnifier.png) !important;
+    background-repeat: no-repeat !important;
+    background-size: 1.75em !important;
+    background-position: .25em center !important;
+    padding: .5em !important;
+    padding-left: 2.25em !important;
+    width: 100%;
+    max-width: none;
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 0;
+}
+
+div.location,
+input[type=text],
+input[type=email],
+input[type=number],
+input[type=password],
+textarea {
+    color: var(--text-hover);
+}
+
+
+.user a:visited,
+.connection a:visited,
+.connection-group a:visited {
+    text-decoration: none;
+    color: var(--link-color-hover);
+}
+
+.recent-connections .connection:hover {
+    background: hsla(0, 0%, 100%, 0.08);
+    color: var(--link-color-hover);
+}
+
+.list-item:not(.selected) .caption:hover {
+    background: hsla(0, 0%, 100%, 0.07);
+    color: var(--link-color-hover);
+}
+
+.list-item .name {
+    color: var(--link-color);
+}
+
+.list-item:not(.selected) .caption:hover .name {
+    color: var(--link-color-hover);
+}
+
+/* SIDE MENU */
+.menu,
+.menu .header {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    box-shadow: none;
+}
+
+.menu-content,
+.menu-content .header,
+.menu-body {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.clipboard,
+.clipboard-service-target {
+    background: rgba(0, 0, 0, 0.25);
+    color: var(--text-hover);
+}
+
+/* NOTIFICATION BOX */
+.notification.error {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+}
+
+.notification {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+}
+
+/* SETTINGS */
+.page-tabs .page-list li a[href]:visited {
+    color: var(--text-hover);
+}
+
+.page-tabs .page-list li a[href] {
+    color: var(--text-hover);
+}
+
+.page-tabs .page-list li a[href]:hover {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.user a:visited,
+.connection a:visited,
+.connection-group a:visited {
+    text-decoration: none;
+    color: var(--link-color);
+}
+
+.user a:hover,
+.user-group a:hover,
+.connection a:hover,
+.connection-group a:hover,
+a.ng-binding:hover:not(.add-user):not(.button) {
+    color: var(--link-color-hover) !important;
+}
+
+.user a,
+.connection a,
+.connection-group a,
+a.ng-binding:not(.add-user):not(.button) {
+    text-decoration: none;
+    color: var(--link-color);
+}
+
+div.location,
+input[type=text],
+input[type=email],
+input[type=number],
+input[type=password],
+textarea {
+    border: 0;
+    background: rgba(0, 0, 0, .25);
+}
+
+.location-chooser .dropdown {
+    background: #666;
+}
+
+/* USER SETTINGS */
+.page-tabs .page-list li a[href],
+.section-tabs li a {
+    color: var(--text) !important;
+}
+
+.page-tabs .page-list li a[href].current,
+.page-tabs .page-list li a[href].current:hover,
+.section-tabs li a.current,
+.section-tabs li a.current:hover {
+    background: rgba(0, 0, 0, 0.25);
+    cursor: default;
+    color: rgb(var(--accent-color)) !important;
+}
+
+.page-tabs .page-list li a[href]:hover,
+.section-tabs li a:hover {
+    background-color: hsla(0, 0%, 100%, 0.07);
+    color: var(--text-hover) !important;
+}
+
+.manage-user .page-tabs .page-list li.linked a[href]:before {
+    background-image: url(/resources/guacamole/checkmark.png);
+}
+
+.manage-user .page-tabs .page-list li.read-only a[href]:before {
+    background-image: url(/resources/guacamole/lock.png);
+}
+
+.manage-user .notice.read-only {
+    background: hsla(0, 0%, 100%, 0.07);
+}
+
+/* DUA 2FA PAGE */
+.duo-signature-response-field {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.base-wrapper {
+    border: 1px solid transparent !important;
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.base-body {
+    background-color: #333 !important;
+}
+
+h1.spacious-frame-view {
+    color: var(--text-hover) !important;
+}
+
+@media screen and (-webkit-max-device-pixel-ratio: 1.25),
+screen and (max-resolution: 120dpi) {
+
+    h1,
+    .h1 {
+        color: var(--text-hover) !important;
+    }
+}
+
+.white-wrapper {
+    background-color: #333 !important;
+    color: var(--text) !important;
+}
+
+form:not(.inline) fieldset {
+    background-color: #333 !important;
+}
+
+label span {
+    color: var(--text-hover) !important;
+}
+
+input[type=radio] {
+    border: 1px solid var(--text-hover) !important;
+}
+
+/* Connection */
+
+#connection-warning {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+/* File Transfer */
+#file-transfer-dialog .transfer-manager {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.transfer.error {
+    background: rgba(244, 67, 54, 0.5);
+}
+
+.transfer-manager .header h2 {
+    background-color: transparent;
+}
+
+.transfer .in-progress .progress {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.related-objects .abbreviated-related-objects ul li {
+    display: inline-block;
+    margin: .25em;
+    padding: .25em;
+    border: 1px solid rgb(var(--accent-color));
+    background: rgb(var(--accent-color));
+}
+
+.related-objects .abbreviated-related-objects ul li label span {
+    color: var(--label-text-color) !important;
+}
\ No newline at end of file
diff --git a/css/base/guacamole/hotline-old.css b/css/base/guacamole/hotline-old.css
new file mode 100644
index 00000000..2d7909c2
--- /dev/null
+++ b/css/base/guacamole/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/guacamole/hotline.css b/css/base/guacamole/hotline.css
new file mode 100644
index 00000000..7e32cf02
--- /dev/null
+++ b/css/base/guacamole/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/guacamole/hotpink.css b/css/base/guacamole/hotpink.css
new file mode 100644
index 00000000..1cbda274
--- /dev/null
+++ b/css/base/guacamole/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/guacamole/mind.css b/css/base/guacamole/mind.css
new file mode 100644
index 00000000..8f41161e
--- /dev/null
+++ b/css/base/guacamole/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/guacamole/nord.css b/css/base/guacamole/nord.css
new file mode 100644
index 00000000..fbee771b
--- /dev/null
+++ b/css/base/guacamole/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/guacamole/onedark.css b/css/base/guacamole/onedark.css
new file mode 100644
index 00000000..5e83f11e
--- /dev/null
+++ b/css/base/guacamole/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/guacamole/organizr.css b/css/base/guacamole/organizr.css
new file mode 100644
index 00000000..0b85a748
--- /dev/null
+++ b/css/base/guacamole/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/guacamole/overseerr.css b/css/base/guacamole/overseerr.css
new file mode 100644
index 00000000..1528751e
--- /dev/null
+++ b/css/base/guacamole/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/guacamole/pine-shadow.css b/css/base/guacamole/pine-shadow.css
new file mode 100644
index 00000000..215ca3a6
--- /dev/null
+++ b/css/base/guacamole/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/guacamole/plex.css b/css/base/guacamole/plex.css
new file mode 100644
index 00000000..238c433f
--- /dev/null
+++ b/css/base/guacamole/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/guacamole/power.css b/css/base/guacamole/power.css
new file mode 100644
index 00000000..e99ea863
--- /dev/null
+++ b/css/base/guacamole/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/guacamole/reality.css b/css/base/guacamole/reality.css
new file mode 100644
index 00000000..2ad60f0d
--- /dev/null
+++ b/css/base/guacamole/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/guacamole/soul.css b/css/base/guacamole/soul.css
new file mode 100644
index 00000000..f596cfaf
--- /dev/null
+++ b/css/base/guacamole/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/guacamole/space-gray.css b/css/base/guacamole/space-gray.css
new file mode 100644
index 00000000..d5f2a535
--- /dev/null
+++ b/css/base/guacamole/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/guacamole/space.css b/css/base/guacamole/space.css
new file mode 100644
index 00000000..67f35365
--- /dev/null
+++ b/css/base/guacamole/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/guacamole/time.css b/css/base/guacamole/time.css
new file mode 100644
index 00000000..5b5d6928
--- /dev/null
+++ b/css/base/guacamole/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/guacamole/trueblack.css b/css/base/guacamole/trueblack.css
new file mode 100644
index 00000000..8151f56b
--- /dev/null
+++ b/css/base/guacamole/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/jackett/aquamarine.css b/css/base/jackett/aquamarine.css
new file mode 100644
index 00000000..27fcab34
--- /dev/null
+++ b/css/base/jackett/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/jackett/blackberry-abyss.css b/css/base/jackett/blackberry-abyss.css
new file mode 100644
index 00000000..204f25cc
--- /dev/null
+++ b/css/base/jackett/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/jackett/blackberry-amethyst.css b/css/base/jackett/blackberry-amethyst.css
new file mode 100644
index 00000000..f0c5f270
--- /dev/null
+++ b/css/base/jackett/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/jackett/blackberry-carol.css b/css/base/jackett/blackberry-carol.css
new file mode 100644
index 00000000..e22ff6e3
--- /dev/null
+++ b/css/base/jackett/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/jackett/blackberry-dreamscape.css b/css/base/jackett/blackberry-dreamscape.css
new file mode 100644
index 00000000..d7fcb7d4
--- /dev/null
+++ b/css/base/jackett/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/jackett/blackberry-flamingo.css b/css/base/jackett/blackberry-flamingo.css
new file mode 100644
index 00000000..e8386fdf
--- /dev/null
+++ b/css/base/jackett/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/jackett/blackberry-hearth.css b/css/base/jackett/blackberry-hearth.css
new file mode 100644
index 00000000..5455ce60
--- /dev/null
+++ b/css/base/jackett/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/jackett/blackberry-martian.css b/css/base/jackett/blackberry-martian.css
new file mode 100644
index 00000000..a958d70e
--- /dev/null
+++ b/css/base/jackett/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/jackett/blackberry-pumpkin.css b/css/base/jackett/blackberry-pumpkin.css
new file mode 100644
index 00000000..c795412a
--- /dev/null
+++ b/css/base/jackett/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/jackett/blackberry-royal.css b/css/base/jackett/blackberry-royal.css
new file mode 100644
index 00000000..b7ee9282
--- /dev/null
+++ b/css/base/jackett/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/jackett/blackberry-shadow.css b/css/base/jackett/blackberry-shadow.css
new file mode 100644
index 00000000..bc064e11
--- /dev/null
+++ b/css/base/jackett/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/jackett/blackberry-solar.css b/css/base/jackett/blackberry-solar.css
new file mode 100644
index 00000000..92867391
--- /dev/null
+++ b/css/base/jackett/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/jackett/blackberry-vanta.css b/css/base/jackett/blackberry-vanta.css
new file mode 100644
index 00000000..39729718
--- /dev/null
+++ b/css/base/jackett/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/jackett/dark.css b/css/base/jackett/dark.css
new file mode 100644
index 00000000..14fdc0c0
--- /dev/null
+++ b/css/base/jackett/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/jackett/dracula.css b/css/base/jackett/dracula.css
new file mode 100644
index 00000000..c774732b
--- /dev/null
+++ b/css/base/jackett/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/jackett/hotline-old.css b/css/base/jackett/hotline-old.css
new file mode 100644
index 00000000..7ee5abf2
--- /dev/null
+++ b/css/base/jackett/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/jackett/hotline.css b/css/base/jackett/hotline.css
new file mode 100644
index 00000000..7847012a
--- /dev/null
+++ b/css/base/jackett/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/jackett/hotpink.css b/css/base/jackett/hotpink.css
new file mode 100644
index 00000000..a8f02a31
--- /dev/null
+++ b/css/base/jackett/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/jackett/jackett-base.css b/css/base/jackett/jackett-base.css
new file mode 100644
index 00000000..ff885471
--- /dev/null
+++ b/css/base/jackett/jackett-base.css
@@ -0,0 +1,441 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+* {
+    outline: none !important;
+}
+
+body {
+    background-repeat: repeat;
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+#header-title {
+    color: var(--text-hover);
+}
+
+hr {
+    border-top-color: rgb(var(--accent-color), .25);
+}
+
+/* Scrollbar */
+@media only screen and (min-width: 768px) {
+    html {
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+    }
+
+    body {
+        overflow-y: auto;
+        height: 100%;
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .2);
+    background-clip: padding-box;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .5);
+    background-clip: padding-box;
+}
+
+.dataTables_wrapper .dataTables_length,
+.dataTables_wrapper .dataTables_filter,
+.dataTables_wrapper .dataTables_info,
+.dataTables_wrapper .dataTables_processing,
+.dataTables_wrapper .dataTables_paginate,
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
+    color: var(--text-hover);
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
+    color: var(--text-hover) !important;
+    background-color: rgba(255, 255, 255, 0.15);
+}
+
+
+.dataTables_wrapper .dataTables_paginate .paginate_button.current,
+.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
+.dataTables_wrapper .dataTables_paginate .paginate_button.current:active,
+.dataTables_wrapper .dataTables_paginate .paginate_button:active {
+    color: var(--button-text-hover) !important;
+    border: 1px solid var(--button-color-hover) !important;
+    background-color: var(--button-color-hover) !important;
+    background: var(--button-color-hover) !important;
+    box-shadow: inset 0 0 3px var(--button-color-hover);
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button {
+    color: var(--button-text) !important;
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, 0.15);
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
+    color: var(--button-text-hover) !important;
+    border: 1px solid var(--button-color-hover) !important;
+    background-color: var(--button-color-hover) !important;
+    background: var(--button-color-hover) !important;
+}
+
+
+a {
+    color: var(--link-color);
+}
+
+a:focus,
+a:hover {
+    color: var(--link-color-hover);
+}
+
+.dataTables_wrapper .dataTables_filter input {
+    background: rgba(255, 255, 255, 0.08);
+    border: none;
+    outline: none;
+    color: var(--text-hover);
+}
+
+table.dataTable.cell-border tbody tr:first-child th,
+table.dataTable.cell-border tbody tr:first-child td {
+    border-top: none;
+}
+
+table.dataTable.cell-border tbody tr th:first-child,
+table.dataTable.cell-border tbody tr td:first-child {
+    border-left: none;
+}
+
+table.dataTable.cell-border tbody th,
+table.dataTable.cell-border tbody td {
+    border-top: 1px solid #ddd0;
+    border-right: 1px solid #0000;
+}
+
+button,
+input,
+textarea {
+    background: rgba(0, 0, 0, 0.25);
+    border: none;
+    outline: none;
+}
+
+
+#page {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+table.dataTable.stripe tbody tr.odd,
+table.dataTable.display tbody tr.odd {
+    background-color: transparent;
+}
+
+table.dataTable.hover tbody tr:hover,
+table.dataTable.display tbody tr:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+table.dataTable tbody tr {
+    background-color: transparent;
+}
+
+table.dataTable tfoot th,
+table.dataTable tfoot td {
+    border-top: 1px solid #0000;
+}
+
+table.dataTable thead th,
+table.dataTable thead td {
+    border-bottom: 1px solid #0000;
+}
+
+.form-control {
+    color: var(--text-hover);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 1px solid #ccc0;
+
+}
+
+select {
+    background: rgba(0, 0, 0, 0.25);
+    color: var(--text) !important;
+    border: 1px solid rgba(0, 0, 0, 0) !important;
+    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+    height: 26px;
+    padding: 0 8px;
+    border-radius: 4px;
+}
+
+select:focus {
+    background: #1f1f1f !important;
+    color: var(--text) !important;
+    border: 1px solid #1f1f1f !important;
+    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+}
+
+.form-control:focus:not([checked="checked"]) {
+    border-color: rgb(var(--accent-color));
+    outline: 0;
+    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(var(--accent-color), .6);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(var(--accent-color), .6);
+}
+
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.dataTables_length select,
+.dataTables_filter input,
+.dataTable.compact tfoot td select {
+    background: rgba(0, 0, 0, 0.25);
+    border: 1px solid rgba(204, 204, 204, 0);
+}
+
+#footer {
+    color: rgb(var(--accent-color));
+}
+
+.modal-header {
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+.modal-content {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.modal-footer {
+    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-top: 1px solid rgb(var(--accent-color));
+}
+
+.dropdown-menu {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.dropdown-menu>li>a {
+    color: var(--text);
+}
+
+.dropdown-menu>li>a:focus,
+.dropdown-menu>li>a:hover {
+    color: var(--text-hover);
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+.dropdown-menu>.active>a,
+.dropdown-menu>.active>a:focus,
+.dropdown-menu>.active>a:hover {
+    color: var(--text-hover);
+    text-decoration: none;
+    background-color: rgba(255, 255, 255, 0.15);
+    outline: 0;
+}
+
+.close {
+    color: var(--text-hover);
+}
+
+.btn-default {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-default.active,
+.btn-default.focus,
+.btn-default:active,
+.btn-default:focus,
+.btn-default:hover,
+.open>.dropdown-toggle.btn-default {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-primary {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-primary.active,
+.btn-primary.focus,
+.btn-primary:active,
+.btn-primary:focus,
+.btn-primary:hover,
+.open>.dropdown-toggle.btn-primary {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-primary.active,
+.btn-primary:active,
+.open>.dropdown-toggle.btn-primary {
+    background-image: none
+}
+
+.btn-primary.disabled,
+.btn-primary.disabled.active,
+.btn-primary.disabled.focus,
+.btn-primary.disabled:active,
+.btn-primary.disabled:focus,
+.btn-primary.disabled:hover,
+.btn-primary[disabled],
+.btn-primary[disabled].active,
+.btn-primary[disabled].focus,
+.btn-primary[disabled]:active,
+.btn-primary[disabled]:focus,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary,
+fieldset[disabled] .btn-primary.active,
+fieldset[disabled] .btn-primary.focus,
+fieldset[disabled] .btn-primary:active,
+fieldset[disabled] .btn-primary:focus,
+fieldset[disabled] .btn-primary:hover {
+    background-color: hsla(0, 0%, 100%, 0.35);
+    border-color: hsla(0, 0%, 100%, 0.35);
+}
+
+.btn-primary .badge {
+    color: var(--label-text-color);
+    background-color: rgb(var(--accent-color));
+}
+
+#page>form>div:nth-child(2)>input[type=submit] {
+    padding: 5px 10px;
+    font-size: 12px;
+    line-height: 1.5;
+    border-radius: 3px;
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+#page>form>div:nth-child(2)>input[type=submit]:hover,
+#page>form>div:nth-child(2)>input[type=submit]:focus {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.input-group-addon {
+    color: var(--text-hover);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 1px solid #0000;
+
+}
+
+.alert-info {
+    color: var(--text-hover);
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-color: transparent;
+}
+
+pre {
+    color: var(--text);
+}
+
+.jackettlogWarn,
+.jackettlogWarn pre {
+    background-color: #FFFF8E !important;
+    color: black !important;
+}
+
+.indexer-caps {
+    padding: 0 15px 15px 15px;
+    border-top: 1px solid rgb(var(--accent-color));
+}
+
+#logo {
+    filter: invert(1);
+}
\ No newline at end of file
diff --git a/css/base/jackett/mind.css b/css/base/jackett/mind.css
new file mode 100644
index 00000000..7c31464f
--- /dev/null
+++ b/css/base/jackett/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/jackett/nord.css b/css/base/jackett/nord.css
new file mode 100644
index 00000000..29861d2b
--- /dev/null
+++ b/css/base/jackett/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/jackett/onedark.css b/css/base/jackett/onedark.css
new file mode 100644
index 00000000..4125738e
--- /dev/null
+++ b/css/base/jackett/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/jackett/organizr.css b/css/base/jackett/organizr.css
new file mode 100644
index 00000000..ea0ec5c8
--- /dev/null
+++ b/css/base/jackett/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/jackett/overseerr.css b/css/base/jackett/overseerr.css
new file mode 100644
index 00000000..8e5278e4
--- /dev/null
+++ b/css/base/jackett/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/jackett/pine-shadow.css b/css/base/jackett/pine-shadow.css
new file mode 100644
index 00000000..84781b62
--- /dev/null
+++ b/css/base/jackett/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/jackett/plex.css b/css/base/jackett/plex.css
new file mode 100644
index 00000000..a0ee48ea
--- /dev/null
+++ b/css/base/jackett/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/jackett/power.css b/css/base/jackett/power.css
new file mode 100644
index 00000000..81b8b485
--- /dev/null
+++ b/css/base/jackett/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/jackett/reality.css b/css/base/jackett/reality.css
new file mode 100644
index 00000000..48e7d033
--- /dev/null
+++ b/css/base/jackett/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/jackett/soul.css b/css/base/jackett/soul.css
new file mode 100644
index 00000000..9c51a492
--- /dev/null
+++ b/css/base/jackett/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/jackett/space-gray.css b/css/base/jackett/space-gray.css
new file mode 100644
index 00000000..3d96760d
--- /dev/null
+++ b/css/base/jackett/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/jackett/space.css b/css/base/jackett/space.css
new file mode 100644
index 00000000..866ca9e1
--- /dev/null
+++ b/css/base/jackett/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/jackett/time.css b/css/base/jackett/time.css
new file mode 100644
index 00000000..d73c3aa0
--- /dev/null
+++ b/css/base/jackett/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/jackett/trueblack.css b/css/base/jackett/trueblack.css
new file mode 100644
index 00000000..bd9751be
--- /dev/null
+++ b/css/base/jackett/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/jellyfin/aquamarine.css b/css/base/jellyfin/aquamarine.css
new file mode 100644
index 00000000..1f2f7eb0
--- /dev/null
+++ b/css/base/jellyfin/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/jellyfin/blackberry-abyss.css b/css/base/jellyfin/blackberry-abyss.css
new file mode 100644
index 00000000..c59afdca
--- /dev/null
+++ b/css/base/jellyfin/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/jellyfin/blackberry-amethyst.css b/css/base/jellyfin/blackberry-amethyst.css
new file mode 100644
index 00000000..a6392e19
--- /dev/null
+++ b/css/base/jellyfin/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/jellyfin/blackberry-carol.css b/css/base/jellyfin/blackberry-carol.css
new file mode 100644
index 00000000..413a0c60
--- /dev/null
+++ b/css/base/jellyfin/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/jellyfin/blackberry-dreamscape.css b/css/base/jellyfin/blackberry-dreamscape.css
new file mode 100644
index 00000000..18cd66fc
--- /dev/null
+++ b/css/base/jellyfin/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/jellyfin/blackberry-flamingo.css b/css/base/jellyfin/blackberry-flamingo.css
new file mode 100644
index 00000000..ce05350f
--- /dev/null
+++ b/css/base/jellyfin/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/jellyfin/blackberry-hearth.css b/css/base/jellyfin/blackberry-hearth.css
new file mode 100644
index 00000000..29fda814
--- /dev/null
+++ b/css/base/jellyfin/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/jellyfin/blackberry-martian.css b/css/base/jellyfin/blackberry-martian.css
new file mode 100644
index 00000000..f504db1f
--- /dev/null
+++ b/css/base/jellyfin/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/jellyfin/blackberry-pumpkin.css b/css/base/jellyfin/blackberry-pumpkin.css
new file mode 100644
index 00000000..5b2109ce
--- /dev/null
+++ b/css/base/jellyfin/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/jellyfin/blackberry-royal.css b/css/base/jellyfin/blackberry-royal.css
new file mode 100644
index 00000000..b6d8e56b
--- /dev/null
+++ b/css/base/jellyfin/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/jellyfin/blackberry-shadow.css b/css/base/jellyfin/blackberry-shadow.css
new file mode 100644
index 00000000..086ae1e8
--- /dev/null
+++ b/css/base/jellyfin/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/jellyfin/blackberry-solar.css b/css/base/jellyfin/blackberry-solar.css
new file mode 100644
index 00000000..b1767dc4
--- /dev/null
+++ b/css/base/jellyfin/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/jellyfin/blackberry-vanta.css b/css/base/jellyfin/blackberry-vanta.css
new file mode 100644
index 00000000..8b6ea7bb
--- /dev/null
+++ b/css/base/jellyfin/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/jellyfin/dark.css b/css/base/jellyfin/dark.css
new file mode 100644
index 00000000..e356bc57
--- /dev/null
+++ b/css/base/jellyfin/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/jellyfin/dracula.css b/css/base/jellyfin/dracula.css
new file mode 100644
index 00000000..9a104f15
--- /dev/null
+++ b/css/base/jellyfin/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/jellyfin/hotline-old.css b/css/base/jellyfin/hotline-old.css
new file mode 100644
index 00000000..55e48dba
--- /dev/null
+++ b/css/base/jellyfin/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/jellyfin/hotline.css b/css/base/jellyfin/hotline.css
new file mode 100644
index 00000000..19c1df0d
--- /dev/null
+++ b/css/base/jellyfin/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/jellyfin/hotpink.css b/css/base/jellyfin/hotpink.css
new file mode 100644
index 00000000..18e2cec7
--- /dev/null
+++ b/css/base/jellyfin/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/jellyfin/jellyfin-base.css b/css/base/jellyfin/jellyfin-base.css
new file mode 100644
index 00000000..5bef3117
--- /dev/null
+++ b/css/base/jellyfin/jellyfin-base.css
@@ -0,0 +1,936 @@
+:root {
+    --theme-primary-color: var(--accent-color);
+    --theme-text-color: var(--text);
+    --theme-text-color-opaque: var(--text-hover);
+    --theme-accent-text-color: var(--accent-color);
+    --theme-primary-color-lightened: var(--accent-color-hover);
+    --theme-icon-focus-background: rgba(var(--accent-color), 0.2);
+
+    --theme-background: var(--main-bg-color);
+    --header-blur-background: rgba(20, 20, 20, 0.66);
+    --drawer-background: #2C2C2E;
+    --docked-drawer-background: rgba(0, 0, 0, 0.25);
+    --button-background: var(--button-color);
+    --card-background: rgba(0, 0, 0, 0.15);
+    --footer-background: var(--modal-footer-color);
+    --footer-blur-background: rgba(29, 29, 31, 0.66);
+
+    --header-background: var(--theme-background);
+    --theme-body-secondary-text-color: rgba(255, 255, 255, .6);
+    --line-background: rgba(255, 255, 255, .08);
+    --line-size: .08em;
+    --scrollbar-thumb-background: rgba(255, 255, 255, .3);
+}
+
+@media (pointer: fine) {
+    :not(.layout-tv):root {
+        --theme-background: var(--main-bg-color);
+        --header-blur-background: rgba(20, 20, 20, 0.66);
+        --drawer-background: #2C2C2E;
+        --docked-drawer-background: rgba(0, 0, 0, 0.25);
+        --button-background: #1f1f1f;
+        --card-background: rgba(0, 0, 0, 0.15);
+        --footer-background: var(--modal-footer-color);
+        --footer-blur-background: rgba(29, 29, 31, 0.66);
+    }
+}
+
+.layout-tv:root {
+    --theme-background: var(--main-bg-color);
+    --header-blur-background: rgba(20, 20, 20, 0.66);
+    --drawer-background: #2C2C2E;
+    --docked-drawer-background: rgba(0, 0, 0, 0.25);
+    --button-background: #1f1f1f;
+    --card-background: rgba(0, 0, 0, 0.15);
+    --footer-background: var(--modal-footer-color);
+    --footer-blur-background: rgba(29, 29, 31, 0.66);
+}
+
+/*TP CUSTOM */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.inputLabel {
+    color: var(--text-hover);
+}
+
+a:not(.emby-button),
+.cardText.cardTextCentered.cardText-first>button,
+.emby-linkbutton>a {
+    color: var(--link-color) !important;
+}
+
+a:hover:not(.emby-button),
+.cardText.cardTextCentered.cardText-first>button:hover,
+.emby-linkbutton>a:hover {
+    color: var(--link-color-hover) !important;
+}
+
+/*TP END*/
+
+html {
+    color: var(--theme-text-color);
+    scrollbar-color: var(--scrollbar-thumb-background) transparent
+}
+
+.emby-collapsible-button {
+    border-color: var(--line-background) !important
+}
+
+.skinHeader-withBackground.skinHeader-withfulldrawer {
+    border-bottom: .08em solid var(--line-background)
+}
+
+.skinHeader-withBackground {
+    background: var(--header-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.appfooter,
+.formDialogFooter:not(.formDialogFooter-clear) {
+    background: var(--footer-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.formDialogHeader:not(.formDialogHeader-clear) {
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.dialog {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+    .skinHeader-withBackground {
+        background: var(--header-blur-background);
+        -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
+        backdrop-filter: saturate(1.8) blur(1.5em)
+    }
+
+    .appfooter-withbackdropfilter {
+        background: var(--footer-blur-background);
+        -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
+        backdrop-filter: saturate(1.8) blur(1.5em)
+    }
+}
+
+.skinHeader.semiTransparent {
+    -webkit-backdrop-filter: none !important;
+    backdrop-filter: none !important;
+    background-color: rgba(0, 0, 0, .3);
+    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));
+    background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
+    background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
+    background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+    border-bottom: 0;
+    color: rgba(255, 255, 255, .87)
+}
+
+
+.backgroundContainer:not(.backgroundContainer.withBackdrop),
+html {
+    background: var(--theme-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.backgroundContainer.withBackdrop {
+    background-color: rgba(0, 0, 0, .83)
+}
+
+@media not all and (min-width: 50em) {
+    .itemBackgroundContainer.withBackdrop {
+        background: var(--theme-background);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+.paper-icon-button-light-tv:focus,
+.paper-icon-button-light:active {
+    color: rgb(var(--theme-primary-color));
+    background-color: var(--theme-icon-focus-background)
+}
+
+@media(hover: hover) and (pointer:fine) {
+    .paper-icon-button-light:focus {
+        color: rgb(var(--theme-primary-color));
+        background-color: var(--theme-icon-focus-background)
+    }
+}
+
+.fab,
+.raised {
+    background: var(--button-background);
+    color: var(--theme-text-color)
+}
+
+.detailButton-icon {
+    background: none !important;
+    border-color: rgba(255, 255, 255, .3)
+}
+
+.emby-select-withcolor {
+    color: inherit;
+    background: rgba(0, 0, 0, 0.25);
+    border: var(--line-size) solid transparent
+}
+
+.toast {
+    background: var(--button-background);
+    color: var(--theme-text-color)
+}
+
+.dialog-blur,
+.toast {
+    background: var(--button-background) !important;
+    color: var(--theme-text-color) !important;
+}
+
+@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+
+    .detailButton-icon:not(.playstatebutton-icon-unplayed),
+    .emby-select-withcolor.detailTrackSelect,
+    .fab,
+    .raised:not(.nobackdropfilter) {
+        background: rgba(85, 85, 85, .3);
+        -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
+        backdrop-filter: saturate(1.8) blur(1.5em)
+    }
+
+    .dialog-blur,
+    .toast {
+        color: var(--text-hover);
+        background: rgba(56, 56, 56, .76);
+        -webkit-backdrop-filter: blur(2.5em) saturate(1.8);
+        backdrop-filter: blur(2.5em) saturate(1.8);
+        -webkit-box-shadow: none !important;
+        box-shadow: none !important
+    }
+
+    .toast-large {
+        color: rgba(255, 255, 255, .87)
+    }
+}
+
+.fab:focus,
+.raised:focus {
+    background: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+.button-submit:not(.emby-button-tv) {
+    background: var(--button-color);
+    color: var(--button-text)
+}
+
+.button-submit:not(.emby-button-tv):focus {
+    background: var(--button-color-hover);
+    color: var(--button-text-hover)
+}
+
+.emby-select-withcolor>option {
+    color: inherit;
+    background: var(--button-background)
+}
+
+.emby-select-withcolor:focus {
+    border-color: rgb(var(--theme-primary-color)) !important
+}
+
+.emby-select-tv-withcolor:focus {
+    background-color: rgb(var(--theme-primary-color)) !important;
+    color: var(--label-text-color) !important
+}
+
+.checkboxLabel {
+    color: inherit
+}
+
+.emby-checkbox-focusring:focus:before {
+    background-color: var(--theme-icon-focus-background)
+}
+
+.inputLabelFocused,
+.selectLabelFocused,
+.textareaLabelFocused {
+    color: rgb(var(--accent-color))
+}
+
+.button-link {
+    color: var(--link-color) !important;
+}
+
+.button-link:hover {
+    color: var(--link-color-hover) !important;
+}
+
+.button-flat-accent {
+    color: rgb(var(--accent-color))
+}
+
+.paperList,
+.visualCardBox {
+    background-color: var(--card-background)
+}
+
+.collapseContent {
+    border: var(--line-size) solid var(--line-background)
+}
+
+.fieldDescription,
+.listItemBodyText-secondary,
+.secondaryText {
+    color: var(--theme-body-secondary-text-color)
+}
+
+.cardText-secondary {
+    color: var(--text)
+}
+
+.cardText-first {
+    color: var(--theme-text-color-opaque)
+}
+
+.actionsheetDivider {
+    background: var(--line-background)
+}
+
+@media(hover: hover) and (pointer:fine) {
+    .actionSheetMenuItem:hover {
+        background-color: rgba(255, 255, 255, .2);
+        color: var(--text-hover);
+    }
+}
+
+.selectionCommandsPanel {
+    background: rgb(rgb(var(--theme-primary-color)));
+    color: var(--label-text-color);
+}
+
+.itemSelectionCount {
+    color: var(--label-text-color) !important;
+
+}
+
+.upNextDialog-countdownText {
+    color: rgb(var(--theme-primary-color))
+}
+
+.alphaPickerButton {
+    color: var(--theme-body-secondary-text-color);
+    background-color: transparent
+}
+
+.alphaPickerButton-selected {
+    color: var(--theme-text-color-opaque)
+}
+
+.alphaPickerButton-tv:focus {
+    background-color: rgb(var(--theme-primary-color));
+    color: var(--label-text-color) !important
+}
+
+.detailTableBodyRow-shaded:nth-child(even) {
+    background: #1c1c1c;
+    background: rgba(30, 30, 30, .9)
+}
+
+.listItem-border {
+    border-color: var(--line-background) !important
+}
+
+.listItem-focusscale:focus {
+    background: rgba(54, 54, 54, .8)
+}
+
+.listItemIcon:not(.listItemIcon-transparent) {
+    background-color: rgb(var(--theme-primary-color));
+    color: var(--label-text-color);
+}
+
+.progressring-spiner {
+    border-color: rgb(var(--theme-primary-color))
+}
+
+.mediaInfoText {
+    background: var(--button-background)
+}
+
+.starIcon {
+    color: #cb272a
+}
+
+.mediaInfoTimerIcon {
+    color: #cb272a
+}
+
+.emby-input,
+.emby-textarea {
+    color: inherit;
+    background: rgb(0 0 0 / 25%);
+    border: var(--line-size) solid rgba(255, 255, 255, 0.1)
+}
+
+.emby-input:focus,
+.emby-textarea:focus {
+    border-color: rgb(var(--theme-primary-color))
+}
+
+.emby-checkbox:checked+span:before {
+    border-color: currentColor
+}
+
+.emby-checkbox:checked+span:before {
+    border-color: rgb(var(--theme-primary-color)) !important;
+    background-color: rgb(var(--theme-primary-color)) !important;
+
+}
+
+.checkboxLabel::after,
+.checkboxIcon {
+    color: var(--label-text-color) !important;
+}
+
+.itemProgressBarForeground {
+    background-color: rgb(var(--theme-primary-color))
+}
+
+.itemProgressBarForeground-recording {
+    background-color: #cb272a
+}
+
+.countIndicator {
+    background: rgb(var(--theme-primary-color));
+    color: var(--label-text-color);
+}
+
+.playedIndicator {
+    background: rgb(var(--theme-primary-color))
+}
+
+.mainDrawer {
+    background: var(--drawer-background)
+}
+
+.drawer-docked {
+    background: var(--docked-drawer-background);
+    border-right: var(--line-size) solid var(--line-background)
+}
+
+@media(hover: hover) and (pointer:fine) {
+    .navMenuOption:hover {
+        background: #303030
+    }
+}
+
+.navMenuOption-selected {
+    background-color: var(--theme-icon-focus-background) !important;
+    color: rgb(var(--accent-color))
+}
+
+.emby-button-focusscale:focus,
+.emby-button-focusscale:focus .detailButton-icon {
+    background: rgb(var(--theme-primary-color));
+    color: var(--label-text-color)
+}
+
+.emby-tab-button {
+    color: var(--theme-body-secondary-text-color)
+}
+
+.emby-tab-button-active {
+    color: rgb(var(--theme-accent-text-color))
+}
+
+.emby-tab-button-active.emby-button-tv {
+    color: var(--theme-text-color-opaque)
+}
+
+.emby-tab-button.emby-button-tv:focus {
+    color: rgb(var(--accent-color));
+    background: 0 0
+}
+
+.emby-button {
+    outline-color: rgb(var(--theme-primary-color))
+}
+
+.channelCell,
+.guide-headerTimeslots,
+.timeslotHeaders {
+    background: var(--theme-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+@media (pointer: coarse) {
+    .channelCell-mobilefocus {
+        background: var(--theme-background) !important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+.channelCell-mobilefocus:not(:focus-visible) {
+    background: var(--theme-background) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.channelCell-mobilefocus:not(:-moz-focusring) {
+    background: var(--theme-background) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.channelCell,
+.epgRow,
+.programCell {
+    border-color: rgba(255, 255, 255, .05)
+}
+
+.guide-currentTimeIndicatorDot {
+    border-right-color: var(--theme-icon-focus-background)
+}
+
+.guide-currentTimeIndicatorDot:after {
+    border-top-color: rgb(var(--theme-primary-color))
+}
+
+.firstChannelCell {
+    border-color: transparent
+}
+
+.programCell-sports {
+    background: #3949ab !important
+}
+
+.programCell-movie {
+    background: #5e35b1 !important
+}
+
+.programCell-kids {
+    background: #039be5 !important
+}
+
+.programCell-news {
+    background: #43a047 !important
+}
+
+.channelCell:focus,
+.programCell:focus {
+    background-color: rgb(var(--theme-primary-color));
+    color: var(--label-text-color)
+}
+
+.guide-programTextIcon {
+    color: #1e1e1e;
+    background: #555
+}
+
+.infoBanner {
+    background: var(--card-background);
+    padding: 1em;
+    -webkit-border-radius: .3em;
+    border-radius: .3em
+}
+
+.ratingbutton-icon-withrating {
+    color: #c33 !important
+}
+
+.downloadbutton-icon-on {
+    color: #4285f4
+}
+
+.downloadbutton-icon-complete {
+    color: #4285f4
+}
+
+.playstatebutton-icon-played {
+    color: #c33 !important
+}
+
+.repeatButton-active {
+    color: #4285f4
+}
+
+.card:focus .card-focuscontent {
+    border-color: rgb(var(--theme-primary-color))
+}
+
+.cardContent-button {
+    background-color: transparent
+}
+
+.cardContent-shadow {
+    background-color: var(--card-background)
+}
+
+.defaultCardBackground0 {
+    background-color: var(--card-background)
+}
+
+.defaultCardBackground1 {
+    background-color: #d2b019
+}
+
+.defaultCardBackground2 {
+    background-color: #338abb
+}
+
+.defaultCardBackground3 {
+    background-color: #6b689d
+}
+
+.defaultCardBackground4 {
+    background-color: #dd452b
+}
+
+.defaultCardBackground5 {
+    background-color: #5ccea9
+}
+
+.cardOverlayButtonIcon {
+    background-color: rgb(var(--theme-primary-color))
+}
+
+.cardScalable.cardPadder-portrait>div>button>i {
+    color: var(--label-text-color) !important;
+}
+
+::-webkit-scrollbar-track-piece {
+    background-color: transparent
+}
+
+::-webkit-scrollbar-thumb {
+    background: var(--scrollbar-thumb-background)
+}
+
+.emby-slider-background {
+    background: var(--scrollbar-thumb-background)
+}
+
+.emby-slider {
+    color: rgb(var(--theme-primary-color))
+}
+
+.emby-slider::-moz-range-track {
+    background: #444
+}
+
+.emby-slider::-moz-range-progress {
+    background: rgb(var(--theme-primary-color))
+}
+
+.emby-slider::-webkit-slider-thumb {
+    background: rgb(var(--theme-primary-color))
+}
+
+.emby-slider::-moz-range-thumb {
+    background: rgb(var(--theme-primary-color))
+}
+
+.emby-slider::-ms-thumb {
+    background: rgb(var(--theme-primary-color))
+}
+
+.emby-slider-background-lower {
+    background-color: rgb(var(--theme-primary-color))
+}
+
+.scrollbuttoncontainer {
+    color: var(--text-hover);
+    background: rgba(20, 20, 20, .5)
+}
+
+.recordingIcon-active {
+    color: #c33 !important
+}
+
+.searchTabsContainer {
+    border-bottom: var(--line-size) solid var(--line-background)
+}
+
+.emby-search-tab-button.emby-tab-button-active {
+    background: rgb(var(--accent-color)) !important
+}
+
+.textActionButton.dragging {
+    background: var(--button-background) !important
+}
+
+.dragging-over.full-drop-target {
+    background: rgb(var(--theme-primary-color)) !important;
+    color: var(--label-text-color) !important
+}
+
+.dragging-over-top:before {
+    background: rgb(var(--accent-color))
+}
+
+.dragging-over-bottom:after {
+    background: rgb(var(--accent-color))
+}
+
+
+/* TP CUSTOM */
+@media (hover: hover) and (pointer: fine) {
+    .navMenuOption:hover:not(.navMenuOption-selected) {
+        background: 0 !important;
+        color: var(--accent-color-hover);
+    }
+}
+
+.mainDrawer {
+    background: var(--header-background);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+    .mainDrawer {
+        background: var(--header-blur-background);
+        -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
+        backdrop-filter: saturate(1.8) blur(1.5em);
+    }
+}
+
+.jstree-default .jstree-clicked {
+    background: rgb(var(--accent-color));
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+    color: var(--label-text-color) !important;
+}
+
+.cardImageIcon {
+    color: var(--text-hover);
+}
+
+.dialog .inputLabelFocused,
+.selectLabelFocused,
+.textareaLabelFocused {
+    color: var(--text-hover);
+}
+
+
+/* JELLYFIN */
+
+@media (hover: hover) and (pointer: fine) {
+    .paper-icon-button-light:hover:not(:disabled) {
+        color: rgb(var(--theme-accent-text-color));
+        background-color: var(--theme-icon-focus-background);
+    }
+}
+
+.paper-icon-button-light:active:not(:disabled) {
+    color: rgb(var(--theme-accent-text-color));
+    background-color: var(--theme-icon-focus-background);
+}
+
+.paper-icon-button-light.show-focus:focus {
+    color: rgb(var(--theme-accent-text-color));
+}
+
+.button-submit {
+    background: rgb(var(--theme-accent-text-color));
+    color: var(--label-text-color);
+}
+
+.button-submit:focus {
+    background: rgb(var(--theme-accent-text-color));
+    color: var(--label-text-color);
+}
+
+.inputLabelFocused,
+.selectLabelFocused,
+.textareaLabelFocused {
+    color: rgb(var(--theme-accent-text-color));
+}
+
+.itemSelectionPanel {
+    border: 1px solid rgb(var(--theme-accent-text-color));
+}
+
+.selectionCommandsPanel {
+    background: rgb(var(--theme-accent-text-color));
+    color: var(--label-text-color);
+}
+
+.upNextDialog-countdownText {
+    color: rgb(var(--theme-accent-text-color));
+}
+
+.alphaPickerButton-tv:focus {
+    background-color: rgb(var(--theme-accent-text-color));
+    color: var(--label-text-color) !important;
+}
+
+.progressring-spiner {
+    border-color: rgb(var(--theme-accent-text-color));
+}
+
+.button-flat:hover {
+    color: rgb(var(--theme-accent-text-color));
+}
+
+.button-link {
+    color: rgb(var(--theme-accent-text-color));
+}
+
+.emby-input:focus,
+.emby-textarea:focus {
+    border-color: rgb(var(--theme-accent-text-color));
+}
+
+.emby-select-withcolor:focus {
+    border-color: rgb(var(--theme-accent-text-color)) !important;
+}
+
+.emby-select-tv-withcolor:focus {
+    background-color: rgb(var(--theme-accent-text-color)) !important;
+    color: var(--label-text-color) !important;
+}
+
+.emby-checkbox:checked+span+.checkboxOutline {
+    border-color: rgb(var(--theme-accent-text-color));
+}
+
+.emby-checkbox:checked+span+.checkboxOutline,
+.itemProgressBarForeground {
+    background-color: rgb(var(--theme-accent-text-color));
+}
+
+.emby-checkbox:focus:not(:checked)+span+.checkboxOutline {
+    border-color: rgb(var(--theme-accent-text-color));
+}
+
+.countIndicator,
+.fullSyncIndicator,
+.playedIndicator {
+    background: rgb(var(--theme-accent-text-color));
+}
+
+.navMenuOption-selected {
+    background: rgb(var(--theme-accent-text-color)) !important;
+    color: var(--label-text-color);
+}
+
+.emby-button.show-focus:focus {
+    background: rgb(var(--theme-accent-text-color));
+    color: var(--label-text-color);
+}
+
+.emby-tab-button.show-focus:focus {
+    color: rgb(var(--theme-accent-text-color));
+}
+
+.emby-tab-button:hover {
+    color: rgb(var(--theme-accent-text-color));
+}
+
+.guide-channelHeaderCell:focus,
+.programCell:focus {
+    background-color: rgb(var(--theme-accent-text-color)) !important;
+    color: var(--label-text-color) !important;
+}
+
+.guide-date-tab-button.emby-tab-button-active,
+.guide-date-tab-button:focus {
+    color: rgb(var(--theme-accent-text-color));
+}
+
+.guide-date-tab-button.show-focus:focus {
+    background-color: rgb(var(--theme-accent-text-color));
+    color: var(--label-text-color);
+}
+
+.buttonActive {
+    color: rgb(var(--theme-accent-text-color)) !important;
+}
+
+.card:focus .cardBox.visualCardBox,
+.card:focus .cardBox:not(.visualCardBox) .cardScalable {
+    border-color: rgb(var(--theme-accent-text-color)) !important;
+}
+
+.metadataSidebarIcon {
+    color: rgb(var(--theme-accent-text-color));
+}
+
+.emby-button.detailFloatingButton {
+    background-color: rgb(var(--theme-accent-text-color));
+    color: var(--label-text-color);
+}
+
+.layout-tv .emby-button.detailFloatingButton:focus {
+    background-color: #f2f2f2;
+    color: rgb(var(--theme-accent-text-color));
+}
\ No newline at end of file
diff --git a/css/base/jellyfin/mind.css b/css/base/jellyfin/mind.css
new file mode 100644
index 00000000..ed8edb15
--- /dev/null
+++ b/css/base/jellyfin/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/jellyfin/nord.css b/css/base/jellyfin/nord.css
new file mode 100644
index 00000000..ddb7332a
--- /dev/null
+++ b/css/base/jellyfin/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/jellyfin/onedark.css b/css/base/jellyfin/onedark.css
new file mode 100644
index 00000000..eaa88fee
--- /dev/null
+++ b/css/base/jellyfin/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/jellyfin/organizr.css b/css/base/jellyfin/organizr.css
new file mode 100644
index 00000000..da09b172
--- /dev/null
+++ b/css/base/jellyfin/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/jellyfin/overseerr.css b/css/base/jellyfin/overseerr.css
new file mode 100644
index 00000000..3f4217b4
--- /dev/null
+++ b/css/base/jellyfin/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/jellyfin/pine-shadow.css b/css/base/jellyfin/pine-shadow.css
new file mode 100644
index 00000000..8b8f7bfd
--- /dev/null
+++ b/css/base/jellyfin/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/jellyfin/plex.css b/css/base/jellyfin/plex.css
new file mode 100644
index 00000000..cc702439
--- /dev/null
+++ b/css/base/jellyfin/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/jellyfin/power.css b/css/base/jellyfin/power.css
new file mode 100644
index 00000000..f766b983
--- /dev/null
+++ b/css/base/jellyfin/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/jellyfin/reality.css b/css/base/jellyfin/reality.css
new file mode 100644
index 00000000..6e944053
--- /dev/null
+++ b/css/base/jellyfin/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/jellyfin/soul.css b/css/base/jellyfin/soul.css
new file mode 100644
index 00000000..bc2e5b58
--- /dev/null
+++ b/css/base/jellyfin/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/jellyfin/space-gray.css b/css/base/jellyfin/space-gray.css
new file mode 100644
index 00000000..525106f0
--- /dev/null
+++ b/css/base/jellyfin/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/jellyfin/space.css b/css/base/jellyfin/space.css
new file mode 100644
index 00000000..5227a065
--- /dev/null
+++ b/css/base/jellyfin/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/jellyfin/time.css b/css/base/jellyfin/time.css
new file mode 100644
index 00000000..5f433f43
--- /dev/null
+++ b/css/base/jellyfin/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/jellyfin/trueblack.css b/css/base/jellyfin/trueblack.css
new file mode 100644
index 00000000..b9e23eaa
--- /dev/null
+++ b/css/base/jellyfin/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/kitana/aquamarine.css b/css/base/kitana/aquamarine.css
new file mode 100644
index 00000000..ef3024b7
--- /dev/null
+++ b/css/base/kitana/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/kitana/blackberry-abyss.css b/css/base/kitana/blackberry-abyss.css
new file mode 100644
index 00000000..0f050471
--- /dev/null
+++ b/css/base/kitana/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/kitana/blackberry-amethyst.css b/css/base/kitana/blackberry-amethyst.css
new file mode 100644
index 00000000..e16f2515
--- /dev/null
+++ b/css/base/kitana/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/kitana/blackberry-carol.css b/css/base/kitana/blackberry-carol.css
new file mode 100644
index 00000000..29fed739
--- /dev/null
+++ b/css/base/kitana/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/kitana/blackberry-dreamscape.css b/css/base/kitana/blackberry-dreamscape.css
new file mode 100644
index 00000000..14891599
--- /dev/null
+++ b/css/base/kitana/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/kitana/blackberry-flamingo.css b/css/base/kitana/blackberry-flamingo.css
new file mode 100644
index 00000000..070eb788
--- /dev/null
+++ b/css/base/kitana/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/kitana/blackberry-hearth.css b/css/base/kitana/blackberry-hearth.css
new file mode 100644
index 00000000..5b9bef8b
--- /dev/null
+++ b/css/base/kitana/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/kitana/blackberry-martian.css b/css/base/kitana/blackberry-martian.css
new file mode 100644
index 00000000..771a5c71
--- /dev/null
+++ b/css/base/kitana/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/kitana/blackberry-pumpkin.css b/css/base/kitana/blackberry-pumpkin.css
new file mode 100644
index 00000000..e39c04f0
--- /dev/null
+++ b/css/base/kitana/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/kitana/blackberry-royal.css b/css/base/kitana/blackberry-royal.css
new file mode 100644
index 00000000..8844dd8e
--- /dev/null
+++ b/css/base/kitana/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/kitana/blackberry-shadow.css b/css/base/kitana/blackberry-shadow.css
new file mode 100644
index 00000000..4cb9bfa5
--- /dev/null
+++ b/css/base/kitana/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/kitana/blackberry-solar.css b/css/base/kitana/blackberry-solar.css
new file mode 100644
index 00000000..0ab728dd
--- /dev/null
+++ b/css/base/kitana/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/kitana/blackberry-vanta.css b/css/base/kitana/blackberry-vanta.css
new file mode 100644
index 00000000..bb9aa3b5
--- /dev/null
+++ b/css/base/kitana/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/kitana/dark.css b/css/base/kitana/dark.css
new file mode 100644
index 00000000..7b0d8eac
--- /dev/null
+++ b/css/base/kitana/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/kitana/dracula.css b/css/base/kitana/dracula.css
new file mode 100644
index 00000000..e176434a
--- /dev/null
+++ b/css/base/kitana/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/kitana/hotline-old.css b/css/base/kitana/hotline-old.css
new file mode 100644
index 00000000..eaccace1
--- /dev/null
+++ b/css/base/kitana/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/kitana/hotline.css b/css/base/kitana/hotline.css
new file mode 100644
index 00000000..e0d51991
--- /dev/null
+++ b/css/base/kitana/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/kitana/hotpink.css b/css/base/kitana/hotpink.css
new file mode 100644
index 00000000..6e999400
--- /dev/null
+++ b/css/base/kitana/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/kitana/kitana-base.css b/css/base/kitana/kitana-base.css
new file mode 100644
index 00000000..4043bada
--- /dev/null
+++ b/css/base/kitana/kitana-base.css
@@ -0,0 +1,253 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+a {
+    color: var(--link-color);
+}
+
+a:hover {
+    color: var(--link-color-hover);
+}
+
+a.ml-2,
+a.mx-2 {
+    color: rgb(var(--accent-color)) !important;
+}
+
+#content:before {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+* {
+    outline: none !important;
+}
+
+/* TEXT */
+body,
+.navbar-dark .navbar-text {
+    color: var(--text);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+label {
+    color: var(--text-hover);
+}
+
+/* ACCENTS */
+.badge-dark {
+    color: var(--label-text-color);
+    background-color: rgb(rgb(var(--accent-color)));
+}
+
+/* NAVBAR */
+#nav .bg-dark {
+    background: hsla(0, 0%, 0%, .25) !important;
+}
+
+.navbar-dark .navbar-nav .nav-link {
+    color: var(--text);
+}
+
+.navbar-dark .navbar-nav .nav-link:hover,
+.navbar-dark .navbar-nav .nav-link:focus {
+    color: var(--text-hover);
+}
+
+#navbarSupportedContent ul li {
+    background-color: transparent !important;
+    border: none !important;
+}
+
+/* DROPDOWN MENU */
+.dropdown-menu {
+    color: var(--text-hover);
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border: 1px solid transparent;
+}
+
+.dropdown-item.active,
+.dropdown-item:active,
+.dropdown:active:hover {
+    color: var(--text-hover);
+    background-color: rgb(0 0 0 / 25%) !important;
+}
+
+.dropdown-item {
+    color: var(--text);
+}
+
+.dropdown-item:hover,
+.dropdown-item:focus {
+    color: var(--text-hover);
+    text-decoration: none;
+    background-color: rgb(255 255 255 / 8%);
+}
+
+
+/* CARDS */
+.card {
+    background: rgb(255 255 255 / 8%) !important;
+    border: 1px solid transparent;
+}
+
+.card-header {
+    color: var(--text-hover);
+    background-color: rgb(0 0 0 / 25%);
+    border-bottom: 1px solid rgba(255, 255, 255, .125) !important;
+}
+
+ul li {
+    background-color: rgb(255 255 255 / 8%) !important;
+    border: none !important;
+}
+
+ul li:hover {
+    background-color: rgb(255 255 255 / 16%) !important;
+    border: none;
+}
+
+/* SETTINGS */
+.plugin_content .nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+    color: var(--text-hover) !important;
+    background-color: rgb(0 0 0 / 25%) !important;
+    border-color: #4440 #4440 transparent;
+}
+
+.plugin_content .nav-tabs {
+    border-bottom: 1px solid rgb(255 255 255 / 20%);
+}
+
+.alert-secondary {
+    background-color: rgb(255 255 255 / 20%);
+}
+
+/* BUTTONS */
+.btn {
+    border-color: var(--button-color);
+    background: var(--button-color);
+    color: var(--button-text);
+    margin-right: 5px;
+}
+
+.btn:hover,
+.btn:focus,
+.btn:active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.btn-primary:not(:disabled):not(.disabled).active,
+.show>.btn-primary.dropdown-toggle {
+    border-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    box-shadow: none !important;
+}
+
+.badge-primary {
+    color: var(--label-text-color);
+    background-color: rgb(var(--accent-color));
+}
+
+.badge-secondary {
+    color: var(--button-text);
+    background-color: rgb(0 0 0 / 25%);
+}
+
+/* FORMS */
+.form-control {
+    color: var(--text) !important;
+    background-color: rgba(0, 0, 0, .25) !important;
+    border: 1px solid transparent !important;
+    box-shadow: none !important;
+    transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.form-control:focus {
+    background-color: rgb(0 0 0 / 50%) !important;
+    color: var(--text-hover) !important;
+}
+
+.custom-control-input:checked~.custom-control-label::before {
+    color: var(--label-text-color);
+    border-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+}
+
+.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
+    filter: invert(1);
+}
+
+.custom-control-input:focus~.custom-control-label::before {
+    box-shadow: 0 0 0 .2rem rgba(55, 90, 127, 0.25)
+}
+
+.custom-control-input:focus:not(:checked)~.custom-control-label::before {
+    border-color: rgb(var(--accent-color));
+}
+
+.custom-control-input:not(:disabled):active~.custom-control-label::before {
+    color: var(--text-hover);
+    background-color: #97b3d2;
+    border-color: #97b3d2
+}
+
+
+/* PLACEHOLDER TEXT */
+::placeholder {
+    color: var(--text) !important;
+    opacity: .5 !important;
+}
+
+:-moz-placeholder {
+    color: var(--text) !important;
+    opacity: .5 !important;
+}
+
+:-ms-input-placeholder {
+    color: var(--text) !important;
+    opacity: .5 !important;
+}
+
+::-webkit-input-placeholder {
+    color: var(--text) !important;
+    opacity: .5;
+}
\ No newline at end of file
diff --git a/css/base/kitana/mind.css b/css/base/kitana/mind.css
new file mode 100644
index 00000000..bf4f527b
--- /dev/null
+++ b/css/base/kitana/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/kitana/nord.css b/css/base/kitana/nord.css
new file mode 100644
index 00000000..701cd3a0
--- /dev/null
+++ b/css/base/kitana/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/kitana/onedark.css b/css/base/kitana/onedark.css
new file mode 100644
index 00000000..85b1a286
--- /dev/null
+++ b/css/base/kitana/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/kitana/organizr.css b/css/base/kitana/organizr.css
new file mode 100644
index 00000000..fa96e94d
--- /dev/null
+++ b/css/base/kitana/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/kitana/overseerr.css b/css/base/kitana/overseerr.css
new file mode 100644
index 00000000..e9d787d6
--- /dev/null
+++ b/css/base/kitana/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/kitana/pine-shadow.css b/css/base/kitana/pine-shadow.css
new file mode 100644
index 00000000..d85dbed7
--- /dev/null
+++ b/css/base/kitana/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/kitana/plex.css b/css/base/kitana/plex.css
new file mode 100644
index 00000000..ecd2dce8
--- /dev/null
+++ b/css/base/kitana/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/kitana/power.css b/css/base/kitana/power.css
new file mode 100644
index 00000000..1f2d111d
--- /dev/null
+++ b/css/base/kitana/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/kitana/reality.css b/css/base/kitana/reality.css
new file mode 100644
index 00000000..de87b7ac
--- /dev/null
+++ b/css/base/kitana/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/kitana/soul.css b/css/base/kitana/soul.css
new file mode 100644
index 00000000..f806c62d
--- /dev/null
+++ b/css/base/kitana/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/kitana/space-gray.css b/css/base/kitana/space-gray.css
new file mode 100644
index 00000000..fab94809
--- /dev/null
+++ b/css/base/kitana/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/kitana/space.css b/css/base/kitana/space.css
new file mode 100644
index 00000000..61000049
--- /dev/null
+++ b/css/base/kitana/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/kitana/time.css b/css/base/kitana/time.css
new file mode 100644
index 00000000..15d3c462
--- /dev/null
+++ b/css/base/kitana/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/kitana/trueblack.css b/css/base/kitana/trueblack.css
new file mode 100644
index 00000000..9e68486c
--- /dev/null
+++ b/css/base/kitana/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/aquamarine.css b/css/base/lazylibrarian/aquamarine.css
new file mode 100644
index 00000000..593f1f8e
--- /dev/null
+++ b/css/base/lazylibrarian/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/blackberry-abyss.css b/css/base/lazylibrarian/blackberry-abyss.css
new file mode 100644
index 00000000..9c618a0e
--- /dev/null
+++ b/css/base/lazylibrarian/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/blackberry-amethyst.css b/css/base/lazylibrarian/blackberry-amethyst.css
new file mode 100644
index 00000000..0c9de555
--- /dev/null
+++ b/css/base/lazylibrarian/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/blackberry-carol.css b/css/base/lazylibrarian/blackberry-carol.css
new file mode 100644
index 00000000..439b60d6
--- /dev/null
+++ b/css/base/lazylibrarian/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/blackberry-dreamscape.css b/css/base/lazylibrarian/blackberry-dreamscape.css
new file mode 100644
index 00000000..e85b4788
--- /dev/null
+++ b/css/base/lazylibrarian/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/blackberry-flamingo.css b/css/base/lazylibrarian/blackberry-flamingo.css
new file mode 100644
index 00000000..adcfd582
--- /dev/null
+++ b/css/base/lazylibrarian/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/blackberry-hearth.css b/css/base/lazylibrarian/blackberry-hearth.css
new file mode 100644
index 00000000..3ef34f8b
--- /dev/null
+++ b/css/base/lazylibrarian/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/blackberry-martian.css b/css/base/lazylibrarian/blackberry-martian.css
new file mode 100644
index 00000000..e8383510
--- /dev/null
+++ b/css/base/lazylibrarian/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/blackberry-pumpkin.css b/css/base/lazylibrarian/blackberry-pumpkin.css
new file mode 100644
index 00000000..aecd8927
--- /dev/null
+++ b/css/base/lazylibrarian/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/blackberry-royal.css b/css/base/lazylibrarian/blackberry-royal.css
new file mode 100644
index 00000000..6ec373ea
--- /dev/null
+++ b/css/base/lazylibrarian/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/blackberry-shadow.css b/css/base/lazylibrarian/blackberry-shadow.css
new file mode 100644
index 00000000..9d8f47d7
--- /dev/null
+++ b/css/base/lazylibrarian/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/blackberry-solar.css b/css/base/lazylibrarian/blackberry-solar.css
new file mode 100644
index 00000000..c88beb1e
--- /dev/null
+++ b/css/base/lazylibrarian/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/blackberry-vanta.css b/css/base/lazylibrarian/blackberry-vanta.css
new file mode 100644
index 00000000..82cd57c8
--- /dev/null
+++ b/css/base/lazylibrarian/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/dark.css b/css/base/lazylibrarian/dark.css
new file mode 100644
index 00000000..eca85e3f
--- /dev/null
+++ b/css/base/lazylibrarian/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/dracula.css b/css/base/lazylibrarian/dracula.css
new file mode 100644
index 00000000..aa5fb3b3
--- /dev/null
+++ b/css/base/lazylibrarian/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/hotline-old.css b/css/base/lazylibrarian/hotline-old.css
new file mode 100644
index 00000000..3fe756a4
--- /dev/null
+++ b/css/base/lazylibrarian/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/hotline.css b/css/base/lazylibrarian/hotline.css
new file mode 100644
index 00000000..361e3cd7
--- /dev/null
+++ b/css/base/lazylibrarian/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/hotpink.css b/css/base/lazylibrarian/hotpink.css
new file mode 100644
index 00000000..fa6956f5
--- /dev/null
+++ b/css/base/lazylibrarian/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/lazylibrarian-base.css b/css/base/lazylibrarian/lazylibrarian-base.css
new file mode 100644
index 00000000..addaa5fd
--- /dev/null
+++ b/css/base/lazylibrarian/lazylibrarian-base.css
@@ -0,0 +1,489 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+* {
+    outline: none !important;
+}
+
+body {
+    color: var(--text);
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+p {
+    color: var(--text) !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+label,
+legend {
+    color: var(--text-hover);
+}
+
+legend,
+.nav-tabs {
+    border-bottom: 1px solid rgb(var(--accent-color), .45) !important;
+}
+
+a,
+.btn-link {
+    color: var(--link-color);
+}
+
+a:hover,
+.btn-link:hover {
+    color: var(--link-color-hover);
+}
+
+input::-webkit-input-placeholder {
+    color: var(--text-muted) !important;
+}
+
+input:focus::-webkit-input-placeholder {
+    color: var(--text-hover) !important;
+}
+
+/* Placeholders */
+/* Firefox < 19 */
+input:-moz-placeholder {
+    color: var(--text-muted) !important;
+}
+
+input:focus:-moz-placeholder {
+    color: var(--text-hover) !important;
+}
+
+/* Firefox > 19 */
+input::-moz-placeholder {
+    color: var(--text-muted) !important;
+}
+
+input:focus::-moz-placeholder {
+    color: var(--text-hover) !important;
+}
+
+/* Internet Explorer 10 */
+input:-ms-input-placeholder {
+    color: var(--text-muted) !important;
+}
+
+input:focus:-ms-input-placeholder {
+    color: var(--text-hover) !important;
+}
+
+/* SCROLLBAR */
+@media only screen and (min-width: 768px) {
+    html {
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+    }
+
+    body {
+        overflow-y: auto;
+        height: 100%;
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .2);
+    background-clip: padding-box;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .5);
+    background-clip: padding-box;
+}
+
+/* NAVBAR */
+.navbar {
+    border: 1px solid transparent;
+    text-shadow: 1px 1px 1px rgb(0, 0, 0);
+    background: rgba(0, 0, 0, 0);
+}
+
+.navbar-inverse {
+    background-image: none;
+    background-color: transparent;
+    border-color: transparent;
+}
+
+.navbar-default .navbar-brand {
+    color: rgb(var(--accent-color));
+}
+
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+    color: var(--accent-color-hover);
+    background-color: none;
+}
+
+.navbar-default .navbar-nav>li>a {
+    color: var(--text);
+}
+
+.navbar-default .navbar-nav>li>a:hover,
+.navbar-default .navbar-nav>li>a:focus {
+    color: var(--text-hover);
+    background-image: none;
+    background-color: rgba(0, 0, 0, .25);
+}
+
+/* BUTTONS */
+
+.btn-primary,
+.btn-default {
+    color: var(--button-text) !important;
+    background-color: var(--button-color) !important;
+    background: var(--button-color) !important;
+    border-color: var(--button-color) !important;
+    background-image: none !important;
+    outline: none;
+}
+
+.btn-primary:hover,
+.btn-default:hover,
+.btn-primary:active,
+.btn-primary.active,
+.open>.dropdown-toggle.btn-primary {
+    background-image: none;
+    color: var(--button-text-hover) !important;
+    background-color: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
+}
+
+.btn-primary:active:hover,
+.btn-primary.active:hover,
+.open>-toggle.btn-primary:hover,
+.btn-primary:active:focus,
+.btn-primary.active:focus,
+.open>.dropdown-toggle.btn-primary:focus,
+.btn-primary:active.focus,
+.btn-primary.active.focus,
+.open>.dropdown-toggle.btn-primary.focus {
+    color: var(--button-text-hover) !important;
+    background-color: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
+}
+
+.btn-primary.active.focus,
+.btn-primary.active:focus,
+.btn-primary.active:hover,
+.btn-primary:active.focus,
+.btn-primary:active:focus,
+.btn-primary:active:hover,
+.open>.dropdown-toggle.btn-primary.focus,
+.open>.dropdown-toggle.btn-primary:focus,
+.open>.dropdown-toggle.btn-primary:hover {
+    color: var(--button-text-hover) !important;
+    background-color: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
+}
+
+.btn-primary:active:hover,
+.btn-primary.active:hover,
+.open>.dropdown-toggle.btn-primary:hover,
+.btn-primary:active:focus,
+.btn-primary.active:focus,
+.open>.dropdown-toggle.btn-primary:focus,
+.btn-primary:active.focus,
+.btn-primary.active.focus,
+.open>.dropdown-toggle.btn-primary.focus {
+    outline: none;
+    color: var(--button-text-hover) !important;
+    background-color: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
+}
+
+.btn-link:hover,
+.btn-link:focus,
+button.close {
+    outline: none
+}
+
+.btn-warning {
+    background-image: none;
+    color: var(--button-text-hover);
+    background-color: #f89406;
+    border-color: #f89406;
+}
+
+.btn-warning:hover {
+    background-image: none;
+    color: var(--button-text-hover);
+    background-color: #c67605;
+    border-color: #bc7005;
+}
+
+.btn:hover,
+.btn:focus,
+.btn.focus {
+    color: var(--button-text-hover);
+    text-decoration: none;
+}
+
+.pagination>li.disabled>a,
+.pagination>li.disabled>a:hover,
+.pagination>li.disabled>span,
+.pagination>li.disabled>span:hover {
+    background-color: var(--button-color);
+    color: var(--text-muted);
+    background-image: none;
+    outline: none;
+}
+
+.pagination>.disabled>span,
+.pagination>.disabled>span:hover,
+.pagination>.disabled>span:focus,
+.pagination>.disabled>a,
+.pagination>.disabled>a:hover,
+.pagination>.disabled>a:focus {
+    color: var(--text-muted);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+    cursor: not-allowed;
+}
+
+.pagination>.active>a,
+.pagination>.active>span,
+.pagination>.active>a:hover,
+.pagination>.active>span:hover,
+.pagination>.active>a:focus,
+.pagination>.active>span:focus {
+    color: var(--button-text-hover);
+    background-image: none;
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+    outline: none;
+}
+
+.pagination>li.active>a,
+.pagination>li.active>span {
+    background-image: none;
+}
+
+.pagination>li>a,
+.pagination>li>span {
+    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+    background-image: none;
+}
+
+.pagination>li>a,
+.pagination>li>span {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border: 1px solid var(--button-color);
+
+}
+
+.pagination>li>a:hover,
+.pagination>li>span:hover,
+.pagination>li>a:focus,
+.pagination>li>span:focus {
+    color: var(--button-text-hover);
+    background-image: none;
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+    outline: none;
+}
+
+/* FORM CONTYROL */
+
+.form-control:focus {
+    border-color: transparent;
+    outline: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.form-control {
+    color: var(--text);
+    background-color: rgba(255, 255, 255, 0.1);
+    background-image: none;
+    border: 1px solid transparent;
+}
+
+select:focus,
+select:active,
+select.form-control:focus,
+select.form-control:active,
+#auth_type:focus {
+    background: #1b1b1b !important;
+    color: white !important;
+}
+
+.form-control:active:not(select.form-control),
+.form-control:focus:not(select.form-control),
+.configtable .input-group .form-control:active,
+.configtable .input-group .form-control:focus {
+    color: var(--text-hover);
+    background-color: rgba(0, 0, 0, 0.25) !important;
+    background-image: none;
+    border: 1px solid transparent;
+}
+
+
+/* TABLE */
+
+table {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+thead {
+    color: var(--text-hover);
+}
+
+.table-striped>tbody>tr:nth-of-type(odd) {
+    background-color: rgba(0, 0, 0, 0.08);
+}
+
+.table-hover>tbody>tr:hover {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+}
+
+.table-bordered {
+    border: 1px solid transparent;
+}
+
+.table-bordered>thead>tr>th,
+.table-bordered>tbody>tr>th,
+.table-bordered>tfoot>tr>th,
+.table-bordered>thead>tr>td,
+.table-bordered>tbody>tr>td,
+.table-bordered>tfoot>tr>td {
+    border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+/* BOOKWALL */
+
+.table-responsive>.table {
+    background-color: rgba(255, 255, 255, .08);
+}
+
+/* SETTINGS */
+
+.nav-tabs>li.active>a,
+.nav-tabs>li.active>a:hover,
+.nav-tabs>li.active>a:focus {
+    color: rgb(var(--accent-color));
+    background-color: rgba(255, 255, 255, 0.08);
+    border: 1px solid TRANSPARENT;
+    border-bottom-color: transparent;
+    cursor: default;
+}
+
+.nav-tabs {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.45);
+}
+
+.nav-tabs>li>a:hover {
+    border-color: transparent;
+}
+
+.nav>li>a:hover,
+.nav>li>a:focus {
+    text-decoration: none;
+    background-color: rgba(255, 255, 255, 0.15);
+}
+
+.input-group-addon {
+    border: none;
+    border-color: transparent;
+    background-image: none;
+    color: var(--button-text);
+    background-color: var(--button-color);
+}
+
+.input-group {
+    margin-top: 2px;
+}
+
+legend {
+    border-bottom: 1px solid rgba(255, 255, 255, .45);
+}
+
+/* MODAL */
+
+.modal-content {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border: 1px solid transparent;
+}
+
+.modal-header {
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+.modal-footer {
+    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-top: 1px solid rgb(var(--accent-color));
+}
+
+pre {
+    color: var(--text);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 1px solid transparent;
+}
\ No newline at end of file
diff --git a/css/base/lazylibrarian/mind.css b/css/base/lazylibrarian/mind.css
new file mode 100644
index 00000000..93a92a6c
--- /dev/null
+++ b/css/base/lazylibrarian/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/nord.css b/css/base/lazylibrarian/nord.css
new file mode 100644
index 00000000..feb2fd94
--- /dev/null
+++ b/css/base/lazylibrarian/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/onedark.css b/css/base/lazylibrarian/onedark.css
new file mode 100644
index 00000000..f947b3c0
--- /dev/null
+++ b/css/base/lazylibrarian/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/organizr.css b/css/base/lazylibrarian/organizr.css
new file mode 100644
index 00000000..25e14aba
--- /dev/null
+++ b/css/base/lazylibrarian/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/overseerr.css b/css/base/lazylibrarian/overseerr.css
new file mode 100644
index 00000000..30d79141
--- /dev/null
+++ b/css/base/lazylibrarian/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/pine-shadow.css b/css/base/lazylibrarian/pine-shadow.css
new file mode 100644
index 00000000..eb794a0f
--- /dev/null
+++ b/css/base/lazylibrarian/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/plex.css b/css/base/lazylibrarian/plex.css
new file mode 100644
index 00000000..8d2fe8d6
--- /dev/null
+++ b/css/base/lazylibrarian/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/power.css b/css/base/lazylibrarian/power.css
new file mode 100644
index 00000000..a7353abf
--- /dev/null
+++ b/css/base/lazylibrarian/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/reality.css b/css/base/lazylibrarian/reality.css
new file mode 100644
index 00000000..42036d8a
--- /dev/null
+++ b/css/base/lazylibrarian/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/soul.css b/css/base/lazylibrarian/soul.css
new file mode 100644
index 00000000..287eb97a
--- /dev/null
+++ b/css/base/lazylibrarian/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/space-gray.css b/css/base/lazylibrarian/space-gray.css
new file mode 100644
index 00000000..5e3c8bbb
--- /dev/null
+++ b/css/base/lazylibrarian/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/space.css b/css/base/lazylibrarian/space.css
new file mode 100644
index 00000000..110b42ee
--- /dev/null
+++ b/css/base/lazylibrarian/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/time.css b/css/base/lazylibrarian/time.css
new file mode 100644
index 00000000..bb0039ad
--- /dev/null
+++ b/css/base/lazylibrarian/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/lazylibrarian/trueblack.css b/css/base/lazylibrarian/trueblack.css
new file mode 100644
index 00000000..3528444c
--- /dev/null
+++ b/css/base/lazylibrarian/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/librespeed/aquamarine.css b/css/base/librespeed/aquamarine.css
new file mode 100644
index 00000000..d908b65b
--- /dev/null
+++ b/css/base/librespeed/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/librespeed/blackberry-abyss.css b/css/base/librespeed/blackberry-abyss.css
new file mode 100644
index 00000000..548e20ef
--- /dev/null
+++ b/css/base/librespeed/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/librespeed/blackberry-amethyst.css b/css/base/librespeed/blackberry-amethyst.css
new file mode 100644
index 00000000..c0ba6646
--- /dev/null
+++ b/css/base/librespeed/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/librespeed/blackberry-carol.css b/css/base/librespeed/blackberry-carol.css
new file mode 100644
index 00000000..483fbc53
--- /dev/null
+++ b/css/base/librespeed/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/librespeed/blackberry-dreamscape.css b/css/base/librespeed/blackberry-dreamscape.css
new file mode 100644
index 00000000..c53e2c57
--- /dev/null
+++ b/css/base/librespeed/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/librespeed/blackberry-flamingo.css b/css/base/librespeed/blackberry-flamingo.css
new file mode 100644
index 00000000..5c3d77bc
--- /dev/null
+++ b/css/base/librespeed/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/librespeed/blackberry-hearth.css b/css/base/librespeed/blackberry-hearth.css
new file mode 100644
index 00000000..ea12374d
--- /dev/null
+++ b/css/base/librespeed/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/librespeed/blackberry-martian.css b/css/base/librespeed/blackberry-martian.css
new file mode 100644
index 00000000..38526be9
--- /dev/null
+++ b/css/base/librespeed/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/librespeed/blackberry-pumpkin.css b/css/base/librespeed/blackberry-pumpkin.css
new file mode 100644
index 00000000..8492287f
--- /dev/null
+++ b/css/base/librespeed/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/librespeed/blackberry-royal.css b/css/base/librespeed/blackberry-royal.css
new file mode 100644
index 00000000..c8cce975
--- /dev/null
+++ b/css/base/librespeed/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/librespeed/blackberry-shadow.css b/css/base/librespeed/blackberry-shadow.css
new file mode 100644
index 00000000..f93af610
--- /dev/null
+++ b/css/base/librespeed/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/librespeed/blackberry-solar.css b/css/base/librespeed/blackberry-solar.css
new file mode 100644
index 00000000..2f3fbf0d
--- /dev/null
+++ b/css/base/librespeed/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/librespeed/blackberry-vanta.css b/css/base/librespeed/blackberry-vanta.css
new file mode 100644
index 00000000..7e25ddf3
--- /dev/null
+++ b/css/base/librespeed/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/librespeed/dark.css b/css/base/librespeed/dark.css
new file mode 100644
index 00000000..27fc37c1
--- /dev/null
+++ b/css/base/librespeed/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/librespeed/dracula.css b/css/base/librespeed/dracula.css
new file mode 100644
index 00000000..e53b6f6e
--- /dev/null
+++ b/css/base/librespeed/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/librespeed/hotline-old.css b/css/base/librespeed/hotline-old.css
new file mode 100644
index 00000000..0f312441
--- /dev/null
+++ b/css/base/librespeed/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/librespeed/hotline.css b/css/base/librespeed/hotline.css
new file mode 100644
index 00000000..8ba45341
--- /dev/null
+++ b/css/base/librespeed/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/librespeed/hotpink.css b/css/base/librespeed/hotpink.css
new file mode 100644
index 00000000..9a5877fe
--- /dev/null
+++ b/css/base/librespeed/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/librespeed/librespeed-base.css b/css/base/librespeed/librespeed-base.css
new file mode 100644
index 00000000..e5dbc293
--- /dev/null
+++ b/css/base/librespeed/librespeed-base.css
@@ -0,0 +1,119 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+html,
+body {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text) !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+label {
+    color: var(--text-hover);
+}
+
+div.meterText:empty:before {
+    color: var(--text-hover) !important;
+}
+
+#dlText {
+    color: #F44336;
+}
+
+#ulText {
+    color: #4CAF50;
+}
+
+#pingText,
+#jitText {
+    color: #2cabe3;
+}
+
+#startStopBtn {
+    color: var(--button-text);
+    background: var(--button-color);
+    border: 0.15em solid var(--button-color);
+}
+
+#startStopBtn:hover {
+    border: 0.15em solid var(--button-color-hover);
+    background: var(--button-color-hover);
+}
+
+#startStopBtn.running {
+    background: #FF3030 !important;
+    border-color: #FF6060;
+    color: #FFFFFF;
+}
+
+#startStopBtn.running:hover {
+    background: #FF3030;
+    border-color: #FF6060;
+    color: #FFFFFF;
+}
+
+a,
+a:-webkit-any-link {
+    color: var(--link-color);
+}
+
+a:hover,
+a:-webkit-any-link:hover {
+    color: var(--link-color-hover);
+}
+
+#ip,
+.unit {
+    color: rgb(var(--accent-color));
+}
+
+#privacyPolicy {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+input {
+    font-family: "Roboto", sans-serif;
+    color: var(--text-hover);
+    background-color: rgba(0, 0, 0, 0.25) !important;
+    -webkit-rtl-ordering: logical;
+    Font-size: 16px;
+    padding: 10px;
+    border: none;
+    padding-left: 10px;
+    max-width: -webkit-fill-available;
+    border-radius: 3px;
+    margin-bottom: 5px !important;
+    outline: none;
+}
+
+.testName {
+    color: var(--text-hover) !important;
+}
\ No newline at end of file
diff --git a/css/base/librespeed/mind.css b/css/base/librespeed/mind.css
new file mode 100644
index 00000000..e67d963d
--- /dev/null
+++ b/css/base/librespeed/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/librespeed/nord.css b/css/base/librespeed/nord.css
new file mode 100644
index 00000000..70896844
--- /dev/null
+++ b/css/base/librespeed/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/librespeed/onedark.css b/css/base/librespeed/onedark.css
new file mode 100644
index 00000000..f1942448
--- /dev/null
+++ b/css/base/librespeed/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/librespeed/organizr.css b/css/base/librespeed/organizr.css
new file mode 100644
index 00000000..6f7ae532
--- /dev/null
+++ b/css/base/librespeed/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/librespeed/overseerr.css b/css/base/librespeed/overseerr.css
new file mode 100644
index 00000000..119ecf30
--- /dev/null
+++ b/css/base/librespeed/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/librespeed/pine-shadow.css b/css/base/librespeed/pine-shadow.css
new file mode 100644
index 00000000..79e2b5e5
--- /dev/null
+++ b/css/base/librespeed/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/librespeed/plex.css b/css/base/librespeed/plex.css
new file mode 100644
index 00000000..22ffa800
--- /dev/null
+++ b/css/base/librespeed/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/librespeed/power.css b/css/base/librespeed/power.css
new file mode 100644
index 00000000..224078d1
--- /dev/null
+++ b/css/base/librespeed/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/librespeed/reality.css b/css/base/librespeed/reality.css
new file mode 100644
index 00000000..6c13d52d
--- /dev/null
+++ b/css/base/librespeed/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/librespeed/soul.css b/css/base/librespeed/soul.css
new file mode 100644
index 00000000..5b0f8876
--- /dev/null
+++ b/css/base/librespeed/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/librespeed/space-gray.css b/css/base/librespeed/space-gray.css
new file mode 100644
index 00000000..66c04884
--- /dev/null
+++ b/css/base/librespeed/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/librespeed/space.css b/css/base/librespeed/space.css
new file mode 100644
index 00000000..38222939
--- /dev/null
+++ b/css/base/librespeed/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/librespeed/time.css b/css/base/librespeed/time.css
new file mode 100644
index 00000000..e831f282
--- /dev/null
+++ b/css/base/librespeed/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/librespeed/trueblack.css b/css/base/librespeed/trueblack.css
new file mode 100644
index 00000000..ef10c082
--- /dev/null
+++ b/css/base/librespeed/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/lidarr/aquamarine.css b/css/base/lidarr/aquamarine.css
new file mode 100644
index 00000000..c7362843
--- /dev/null
+++ b/css/base/lidarr/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/lidarr/blackberry-abyss.css b/css/base/lidarr/blackberry-abyss.css
new file mode 100644
index 00000000..db375db1
--- /dev/null
+++ b/css/base/lidarr/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/lidarr/blackberry-amethyst.css b/css/base/lidarr/blackberry-amethyst.css
new file mode 100644
index 00000000..dbb90f15
--- /dev/null
+++ b/css/base/lidarr/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/lidarr/blackberry-carol.css b/css/base/lidarr/blackberry-carol.css
new file mode 100644
index 00000000..44ed0bd0
--- /dev/null
+++ b/css/base/lidarr/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/lidarr/blackberry-dreamscape.css b/css/base/lidarr/blackberry-dreamscape.css
new file mode 100644
index 00000000..54f3ef60
--- /dev/null
+++ b/css/base/lidarr/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/lidarr/blackberry-flamingo.css b/css/base/lidarr/blackberry-flamingo.css
new file mode 100644
index 00000000..2f7b3ac6
--- /dev/null
+++ b/css/base/lidarr/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/lidarr/blackberry-hearth.css b/css/base/lidarr/blackberry-hearth.css
new file mode 100644
index 00000000..274096ab
--- /dev/null
+++ b/css/base/lidarr/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/lidarr/blackberry-martian.css b/css/base/lidarr/blackberry-martian.css
new file mode 100644
index 00000000..303629b2
--- /dev/null
+++ b/css/base/lidarr/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/lidarr/blackberry-pumpkin.css b/css/base/lidarr/blackberry-pumpkin.css
new file mode 100644
index 00000000..791d8489
--- /dev/null
+++ b/css/base/lidarr/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/lidarr/blackberry-royal.css b/css/base/lidarr/blackberry-royal.css
new file mode 100644
index 00000000..c426a9b4
--- /dev/null
+++ b/css/base/lidarr/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/lidarr/blackberry-shadow.css b/css/base/lidarr/blackberry-shadow.css
new file mode 100644
index 00000000..d1f8d4c6
--- /dev/null
+++ b/css/base/lidarr/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/lidarr/blackberry-solar.css b/css/base/lidarr/blackberry-solar.css
new file mode 100644
index 00000000..f4cea74a
--- /dev/null
+++ b/css/base/lidarr/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/lidarr/blackberry-vanta.css b/css/base/lidarr/blackberry-vanta.css
new file mode 100644
index 00000000..6f5f6525
--- /dev/null
+++ b/css/base/lidarr/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/lidarr/dark.css b/css/base/lidarr/dark.css
new file mode 100644
index 00000000..f9484e47
--- /dev/null
+++ b/css/base/lidarr/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/lidarr/dracula.css b/css/base/lidarr/dracula.css
new file mode 100644
index 00000000..181c6113
--- /dev/null
+++ b/css/base/lidarr/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/lidarr/hotline-old.css b/css/base/lidarr/hotline-old.css
new file mode 100644
index 00000000..4ebcb022
--- /dev/null
+++ b/css/base/lidarr/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/lidarr/hotline.css b/css/base/lidarr/hotline.css
new file mode 100644
index 00000000..db94b787
--- /dev/null
+++ b/css/base/lidarr/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/lidarr/hotpink.css b/css/base/lidarr/hotpink.css
new file mode 100644
index 00000000..491d5913
--- /dev/null
+++ b/css/base/lidarr/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/lidarr/lidarr-base.css b/css/base/lidarr/lidarr-base.css
new file mode 100644
index 00000000..41641446
--- /dev/null
+++ b/css/base/lidarr/lidarr-base.css
@@ -0,0 +1,1231 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+:root {
+    --calendar-downloading: 122 67 182;
+    --calendar-downloaded: 39 194 76;
+    --calendar-unreleased: 93 156 236;
+    --calendar-partial: 255, 165, 0;
+    --calendar-unmonitored: 173 173 173;
+    --calendar-missing: 240 80 80;
+}
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+/* Froms */
+
+[class*="FormInputHelpText-helpText-"] {
+    color: var(--text);
+}
+
+[class*="FormInputGroup-inputUnit-"] {
+    color: var(--text) !important;
+}
+
+/* LINKS */
+[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]) {
+    color: var(--link-color);   
+   }
+   
+[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover {
+color: var(--link-color-hover);   
+}
+
+a {
+    color: var(--link-color);
+}
+
+a:hover {
+    color: var(--link-color-hover);
+}
+
+[class*="TableRowCell-cell-"] [class*="Link-to-"] {
+    color: var(--link-color) !important;
+}
+
+[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover {
+    color: var(--link-color-hover) !important;
+}
+
+/* Buttons */
+
+[class*="Button-default-"] {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: transparent;
+}
+
+[class*="Button-default-"]:hover {
+    border-color: transparent;
+    background-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover);
+}
+
+[class*="Button-primary-"] {
+    border-color: transparent;
+    background-color: var(--button-color);
+    color: var(--button-text);
+}
+
+[class*="Button-primary-"]:hover {
+    border-color: transparent;
+    background-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover);
+}
+
+[class*="Button-success-"] {
+    border-color: var(--button-color);
+    background-color: var(--button-color);
+    color: var(--button-text);
+}
+
+[class*="Button-success-"]:hover {
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+/* LOADING PAGE */
+[class*="ErrorPage-page-"],
+[class*="ErrorPage-version-"],
+[class*="LoadingMessage-loadingMessage-"] {
+    color: var(--text);
+}
+
+[class*="LoadingIndicator-ripple-"] {
+    border: 2px solid var(--text-hover);
+}
+
+/* MODAL */
+[class*="ModalHeader-modalHeader-"] {
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+[class*="Modal-large-"],
+[class*="Modal-modal-"],
+[class*="ModalContent-modalContent-"] {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="ModalFooter-modalFooter-"] {
+    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+    border-top: 1px solid rgb(var(--accent-color));
+}
+
+[class*="ModalContent-closeButton-"]:hover {
+    color: var(--text-hover);
+}
+
+/* INPUT */
+[class*="TagInput-internalInput-"] {
+    background-color: transparent;
+    color: var(--text-hover);
+}
+
+[class*="SelectInput-select-"] {
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+[class*="SelectInput-select-"]:active,
+[class*="SelectInput-select-"]:focus {
+    background: #1e1e1e !important;
+}
+
+[class*="AutoSuggestInput-suggestionsList-"],
+[class*="AutoSuggestInput-suggestionsContainerOpen-"],
+[class*="AutoSuggestInput-suggestionsContainer-"] {
+    background-color: #323232 !important;
+    color: white;
+    border: none !important;
+}
+
+[class*="AutoSuggestInput-suggestionHighlighted-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="CheckInput-primaryIsChecked-"] {
+    border-color: rgb(var(--accent-color)) !important;
+    background-color: rgb(var(--accent-color)) !important;
+    color: var(--label-text-color) !important;
+}
+
+[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] {
+    background: #fff;
+}
+
+/* HEADER */
+
+[class*="PageHeader-header-"] {
+    background-color: rgba(0, 0, 0, .35);
+}
+
+/* SEARCH DROPDOWN HEADER */
+
+[class*="PageHeader-donate-"] {
+    color: #c4273c !important;
+}
+
+/* LIDARR SPECIFIC */
+[class*="ArtistSearchInput-sectionTitle-"] {
+    color: var(--text-hover);
+}
+
+[class*="ArtistSearchInput-containerOpen-"] [class*="ArtistSearchInput-artistContainer-"] {
+    border: none !important;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover) !important;
+    box-shadow: 0 0 10px 1px transparent !important;
+}
+
+[class*="ArtistSearchInput-highlighted-"] {
+    background-color: hsla(0, 0%, 100%, .08)
+}
+
+[class*"=ArtistSearchInput-artistContainer-"]::-webkit-scrollbar-thumb,
+[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb {
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+/* MINI RIGHT SCROLL BAR */
+[class*="OverlayScroller-thumb-"],
+[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb,
+[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="OverlayScroller-thumb-"]:hover,
+[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb:hover,
+[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(255, 255, 255, 0.25) !important;
+}
+
+/* ADD NEW */
+[class*="EnhancedSelectInput-options-"] {
+    border-radius: 4px;
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-options-"] {
+    border: 1px solid rgba(var(--accent-color)) !important;
+}
+
+[class*="EnhancedSelectInputOption-isSelected-"],
+[class*="EnhancedSelectInputOption-isSelected-"]:hover {
+    background-color: rgba(255, 255, 255, 0.20) !important;
+    color: var(--text-hover);
+}
+
+[class*="EnhancedSelectInputOption-option-"]:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+[class*="HintedSelectInputOption-hintText-"] {
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-optionsModalScroller-"] {
+    border: 1px solid var(--drop-down-menu-bg);
+    border-radius: 4px;
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"] {
+    color: var(--button-text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"]:hover {
+    color: var(--button-text-hover);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] {
+    
+    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+}
+
+/* SIDE MENU */
+[class*="PageSidebar-sidebarContainer-"] {
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="PageSidebar-sidebar-"] {
+    background-color: transparent;
+}
+
+[class*="PageSidebarItem-link-"] {
+    color: var(--text-hover)
+}
+
+[class*="PageSidebarItem-link-"]:hover {
+    color: rgb(var(--accent-color));
+    text-decoration: none;
+}
+
+[class*="PageSidebarItem-isActiveLink-"],
+[class*="PageSidebarItem-isActiveLink-"]:hover,
+[class*="PageSidebarItem-link-"]:focus {
+    color: rgb(var(--accent-color)) !important;
+}
+
+[class*="PageSidebarItem-isActiveParentLink-"] {
+    background-color: rgba(0, 0, 0, 0.15);
+}
+
+@media only screen and (max-width: 768px) {
+    [class*="PageSidebar-sidebarContainer-"] {
+        background: var(--main-bg-color) !important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+[class*="PageSidebarItem-isActiveItem-"] {
+    border-left: 3px solid rgb(var(--accent-color));
+}
+
+#sidebar-toggle-button {
+    color: var(--text);
+}
+#sidebar-toggle-button:hover,
+#sidebar-toggle-button:focus,
+#sidebar-toggle-button:active {
+    color: var(--text-hover);
+}
+
+/* LIBRARY PAGE */
+/* LIDARR SPECIFIC */
+[class*="ArtistIndexPoster-controls-"] {
+    background-color: rgb(var(--accent-color)) !important;
+}
+
+/* OVERVIEW PAGE */
+
+/* OVERVIEW PAGE */
+[class*="ArtistIndexOverview-container-"],
+[class*="ArtistIndexOverview-container-"]:hover {
+    background-color: transparent !important;
+}
+
+[class*="ArtistIndexOverview-container-"]:hover [class*="ArtistIndexOverview-content-"] {
+    background-color: transparent;
+}
+
+[class*="ArtistIndexOverview-content-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="ArtistIndexOverview-link-"]:hover {
+    text-decoration: none;
+}
+
+[class*="ProgressBar-container-"] {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+[class*=".ProgressBar-purple-"] {
+    background-color: rgb(var(--accent-color));
+}
+
+
+/*ARTIST PAGE*/
+[class*="ArtistDetailsSeason-albumType-"],
+[class*="ArtistDetailsSeason-collapseButtonContainer-"] {
+    border: none !important;
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+[class*="ArtistDetailsSeason-header-"],
+[class*="ArtistDetailsSeason-albumCount-"],
+[class*="ArtistDetails-metadataMessage-"],
+[class*="ArtistDetailsSeason-albumCount-"] {
+    color: var(--text-hover);
+}
+
+[class*="ArtistDetailsSeason-albums-"] {
+    border-top: 1px solid rgba(255, 255, 255, 0.5);
+}
+
+/* .fa-search:hover {
+    color: var(--text-hover) !important;
+} */
+
+[class*="Label-default-"] {
+    border-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) {
+    color: var(--text-hover);
+}
+
+[class*="MonitorToggleButton-toggleButton-"] {
+    color: #dadada;
+}
+
+[class*="ProtocolLabel-torrent-"] {
+    border-color: #00853d !important;
+    background-color: #00853d !important;
+    color: #fff !important;
+}
+
+[class*="ProtocolLabel-usenet-"] {
+    border-color: #17b1d9 !important;
+    background-color: #17b1d9 !important;
+    color: #fff !important;
+}
+
+/*ARTIST ALBUM PAGE*/
+[class*="AlbumDetailsMedium-mediumNumber-"] {
+    color: var(--text-hover);
+}
+
+[class*="AlbumDetailsMedium-medium-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="ExtraFileTable-container-"] {
+    border: 1px solid transparent;
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="AlbumDetails-selectedTab-"] {
+    border-bottom: 4px solid rgb(var(--accent-color));
+}
+
+[class*="AlbumDetailsMedium-collapseButtonContainer-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="ArtistIndexProgressBar-progress-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="ArtistIndexBanner-title-"],
+[class*="ArtistIndexBannerInfo-info-"] {
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+}
+
+[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
+[class*="Popover-title-"],
+[class*="SeasonInfo-title-"],
+[class*="Popover-body-"],
+[class*="Tooltip-body-"],
+[class*="Tooltip-tooltipContainer-"],
+[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+    background: #1f1f1f;
+    color: var(--text);
+}
+/* 
+@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+    [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
+    [class*="Popover-title-"],
+    [class*="SeasonInfo-title-"],
+    [class*="Popover-body-"],
+    [class*="Tooltip-body-"],
+    [class*="Tooltip-tooltipContainer-"],
+    [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+        -webkit-backdrop-filter: saturate(1) blur(1.5em);
+        backdrop-filter: saturate(1) blur(1.5em);
+        background: rgb(var(--accent-color),0.05);
+        color: white;
+    }
+} */
+
+[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
+    border-top-color: var(--text);
+}
+
+[class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
+    border-bottom-color: var(--text);
+}
+
+[class*="Tooltip-right-"][class*="Tooltip-default-"] {
+    border-right-color: var(--text);
+}
+
+[class*="EpisodeTitleLink-link-"]:hover {
+    color: var(--text-hover);
+    text-decoration: none;
+}
+
+[class*="IconButton-button-"] {
+    color: var(--text);
+}
+
+[class*="Label-default-"] [class*="IconButton-button-"],
+[class*="Label-small-"] [class*="IconButton-button-"]:hover {
+    color: var(--label-text-color);
+}
+
+[class*="IconButton-button-"]:hover {
+    background-color: transparent;
+    color: var(--text-hover);
+}
+
+[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover {
+    background-color: transparent;
+    color: var(--text-hover);
+}
+
+
+[class*="Label-info-"] {
+    border-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+[class*="PageSidebarItem-status-"][class*="Label-info-"] {
+    border-color: var(--arr-queue-color);
+    background-color: var(--arr-queue-color);
+    color: var(--label-text-color);
+}
+
+[class*="Label-success-"] {
+    border-color: #27c24c;
+    background-color: #27c24c;
+    color: #000;
+}
+
+[class*="Label-disabled-"][class*="Label-outline-"] {
+    color: #000;
+}
+
+[class*="Label-outline-"] {
+    background-color: #999;
+}
+
+[class*="Label-disabled-"] {
+    border-color: #999;
+    background-color: #999;
+    color: #000;
+}
+
+/* Table options*/
+[class*="TableOptionsColumn-column-"] {
+    background: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+    border: none;
+}
+
+[class*="TableHeaderCell-headerCell-"] {
+    color: var(--text-hover);
+}
+
+[class*="Table-table-"] {
+    color: var(--text);
+}
+
+[class*="TableRow-row-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08);
+    color: var(--text-hover);
+}
+
+[class*="TableRowCell-cell-"] {
+    border-top: 1px solid rgb(255 255 255 / 25%);
+}
+
+/* TOP MENU SERIES */
+[class*="PageToolbar-toolbar-"] {
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-label-"] {
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] {
+    opacity: .5;
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover,
+[class*="PageToolbarButton-isDisabled-"]:hover {
+    color: var(--text) !important;
+}
+
+[class*="PageToolbarButton-label-"] {
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-toolbarButton-"]:hover {
+    color: rgb(var(--accent-color));
+}
+
+[class*="MenuButton-menuButton-"]:hover {
+    color: rgb(var(--accent-color));
+}
+
+/* POSTERS */
+[class*="ArtistIndexPoster-title-"],
+[class*="ArtistIndexPosterInfo-info-"] {
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+
+/* TOP HEADER DROPDOWN */
+[class*="MenuItem-menuItem-"] {
+    color: var(--text);
+    background: 0;
+}
+
+[class*="MenuContent-menuContent-"] {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;  
+}
+
+[class*="MenuContent-scroller-"] {
+    box-shadow: black 0 0 5px 0px;
+}
+
+[class*="MenuItem-menuItem-"]:hover,
+[class*="MenuItem-menuItem-"]:focus {
+    background: hsla(0, 0%, 100%, .08) !important;
+    color: var(--text-hover);
+    text-decoration: none;
+}
+
+[class*="MenuItemSeparator-separator-"] {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+/* ALPHABET JUMP BAR */
+[class*="PageJumpBar-jumpBar-"] {
+    color: var(--text-hover);
+}
+
+/* SEARCH BAR */
+[class*="Input-input-"],
+[class*="AddNewArtist-searchIconContainer-"],
+[class*="AddNewItem-searchIconContainer-"],
+[class*="CheckInput-isIndeterminate-"] {
+    border: none;
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+[class*="ArtistSearchInput-container-"] [class*="Input-input-"] {
+    background: transparent;
+    border-bottom: solid 1px var(--text-hover);
+}
+
+[class*="ArtistSearchInput-container-"] [class*="Input-input-"]:focus {
+    border-bottom: none;
+    background: transparent;
+}
+
+[class*="ArtistSearchResult-alternateTitle-"] {
+    color: var(--text-hover);
+    font-size: 12px;
+}
+
+[class*="Input-input-"]:focus {
+    outline: 0;
+    border-color: var(--text-hover);
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+[class*="TagInput-input-"][class*="TagInput-isFocused-"] {
+    outline: 0;
+    border-color: var(--text-hover);
+    box-shadow: none;
+}
+
+/* TEXT COLOR */
+
+[class*="PageContentBody-innerContentBody-"] {
+    color: var(--text);
+}
+
+/* SEARCH RESULTS */
+[class*="SearchResult-title-"]{
+    color:var(--link-color);
+}
+
+[class*="AddNewArtistSearchResult-year-"] {
+    color: var(--text-hover);
+}
+
+[class*="AddNewArtistSearchResult-searchResult-"],
+[class*="AddNewArtistSearchResult-underlay-"],
+[class*="AddNewAlbumSearchResult-underlay-"] {
+    background-color: transparent;
+}
+
+[class*="AddNewArtistSearchResult-searchResult-"]:hover,
+[class*="AddNewArtistSearchResult-underlay-"]:hover,
+[class*="AddNewAlbumSearchResult-underlay-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08);
+    color: inherit;
+    text-decoration: none;
+}
+
+[class*="RootFolderSelectInputSelectedValue-freeSpace-"] {
+    color: var(--text-hover);
+}
+
+[class*="RootFolderSelectInputOption-freeSpace-"],
+[class*="RootFolderSelectInputOption-seriesFolder-"] {
+    color: var(--text-muted);
+}
+
+/* IMPORT ARTIST */
+[class*="ImportArtistSelectArtist-content-"],
+[class*="ImportArtistSelectArtist-searchIconContainer-"] {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+    border: 1px solid transparent;
+}
+
+[class*="ImportArtistName-disambiguation-"] {
+    color: var(--text-muted);
+}
+
+[class*="ImportArtistSearchResult-artist-"]:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+/* MOVE THIS */
+input::-webkit-input-placeholder {
+    color: var(--text);
+}
+
+input:focus::-webkit-input-placeholder {
+    color: var(--text-hover);
+}
+
+/* Firefox < 19 */
+input:-moz-placeholder {
+    color: var(--text);
+}
+
+input:focus:-moz-placeholder {
+    color: var(--text-hover);
+}
+
+/* Firefox > 19 */
+input::-moz-placeholder {
+    color: var(--text);
+}
+
+input:focus::-moz-placeholder {
+    color: var(--text-hover);
+}
+
+/* Internet Explorer 10 */
+input:-ms-input-placeholder {
+    color: var(--text);
+}
+
+input:focus:-ms-input-placeholder {
+    color: var(--text-hover);
+}
+
+/* IMPORT */
+/* Text color */
+[class*="ImportArtistSelectFolder-header-"] {
+    color: var(--text-hover);
+}
+
+[class*="ExpandingFileDetails-fileDetails-"] {
+    border: 1px solid rgb(255 255 255 / .1);
+    background-color: rgb(255 255 255 / 8%);
+}
+
+/* IMPORT NEW ARTIST */
+/* Drop down menu/button*/
+[class*="ImportArtistSelectArtist-button-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, 0.25) !important;
+    color: var(--text-hover);
+}
+
+
+/* IMPORT */
+
+[class*="FieldSet-legend-"] {
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+[class*="VirtualTableRow-row-"]:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+/*Title*/
+
+[class*="PageJumpBarItem-jumpBarItem-"]:hover {
+    color: var(--text-hover);
+    background: hsla(0, 0%, 100%, .08);
+}
+
+/*Posters*/
+
+
+/* MASS EDITOR */
+
+/* FOOTER */
+[class*="PageContentFooter-contentFooter-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+}
+
+/* CALENDAR */
+[class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
+    stroke: var(--text-hover) !important;
+}
+
+[class*="CalendarEvent-downloaded-"] {
+    background: rgb(var(--calendar-available) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover {
+    background: rgb(var(--calendar-available) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-missing-"] {
+    background: rgb(var(--calendar-missing) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover {
+    background: rgba(var(--calendar-missing) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-unreleased-"] {
+    background: rgb(var(--calendar-unaired) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover {
+    background: rgb(var(--calendar-unaired) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-unmonitored-"] {
+    background: rgb(var(--calendar-unmonitored) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover {
+    background: rgb(var(--calendar-unmonitored) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-downloading-"],
+[class*="CalendarEvent-queue-"] {
+    background: rgb(var(--calendar-downloading) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover,
+[class*="Calendar-calendar-"] [class*="CalendarEvent-queue-"]:hover {
+    background: rgb(var(--calendar-downloading) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="DayOfWeek-dayOfWeek-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="CalendarDay-dayOfMonth-"] {
+    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="CalendarDay-isToday-"],
+[class*="DayOfWeek-isToday-"] {
+    background-color: hsla(0, 0%, 100%, .25) !important;
+}
+
+[class*="CalendarDay-day-"],
+[class*="CalendarDays-days-"] {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1 0 14.28%;
+    flex: 1 0 14.28%;
+    overflow: hidden;
+    min-height: 70px;
+    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
+    border-left: 1px solid hsla(0, 0%, 100%, .08);
+    border-right: 1px solid hsla(0, 0%, 100%, .08);
+}
+
+[class*="CalendarEvent-event-"] {
+    border-bottom: 1px solid transparent;
+}
+
+[class*="CalendarEventGroup-eventGroup-"] {
+    border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important;
+}
+
+/* calendar agenda */
+[class*="AgendaEvent-event-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+/* SETTINGS */
+[class*="Settings-link-"] {
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+[class*="Settings-summary-"] {
+    color: var(--text);
+}
+
+[class*="FormLabel-large-"] {
+    color: var(--text-hover);
+}
+
+[class*="FormLabel-isAdvanced-"] {
+    color: #ff902b;
+}
+
+/* MEDIA MANAGEMENT - FILE NAME TOKENS */
+[class*="NamingOption-small-"] {
+    border: 1px solid transparent;
+}
+
+[class*="NamingOption-token-"] {
+    background-color: rgba(255, 255, 255, 0.15);
+}
+
+[class*="NamingOption-token-"] {
+    background-color: rgba(255, 255, 255, 0.15);
+}
+
+[class*="NamingOption-example-"] {
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+[class*="NamingOption-option-"] {
+    border: 1px solid transparent;
+}
+
+[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] {
+    background-color: rgba(255, 255, 2550, 0.25);
+}
+
+[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] {
+    background-color: rgba(255, 255, 2550, 0.35);
+}
+
+/* PROFILES */
+[class*="Card-card-"],
+[class*="QualityProfiles-addQualityProfile-"] {
+    background-color: rgba(0, 0, 0, .45);
+    box-shadow: 0 0 10px 1px #000000;
+    color: var(--text);
+}
+
+
+[class*="-cloneButton-"][class*="IconButton-button-"]:hover {
+    color: var(--text-hover);
+}
+
+[class*="Card-card-"]:hover {
+    color: var(--text-hover);
+}
+
+[class*="QualityProfiles-center-"],
+[class*="LanguageProfiles-center-"],
+[class*="ReleaseProfiles-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+[class*="QualityProfileItem-qualityProfileItem-"],
+[class*="QualityProfileItemGroup-qualityProfileItemGroup-"],
+[class*="LanguageProfileItem-languageProfileItem-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+}
+
+[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+[class*="KeyValueListInputItem-keyInput-"],
+[class*="KeyValueListInputItem-valueInput-"] {
+    border: none;
+    background: transparent;
+    color: var(--text-hover);
+}
+
+[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] {
+    border: 1px solid transparent;
+    background: rgba(0, 0, 0, .25);
+}
+
+[class*="QualityDefinitions-sizeLimitHelpText-"] {
+    color: var(--text);
+}
+
+/* PROFILES */
+[class*="Indexers-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+[class*="Card-card-"],
+[class*="QualityProfiles-addQualityProfile-"] {
+    background-color: rgba(0, 0, 0, .45);
+    box-shadow: 0 0 10px 1px #000000;
+    color: var(--text);
+}
+
+[class*="QualityProfiles-center-"],
+[class*="LanguageProfiles-center-"],
+[class*="MetadataProfiles-center-"],
+[class*="RootFolders-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+[class*="Indexers-center-"],
+[class*="Restrictions-center-"],
+[class*="DownloadClients-center-"],
+[class*="ImportLists-center-"],
+[class*="Notifications-center-"] {
+    display: inline-block;
+    padding: 15px 20px 15px;
+    border-radius: 4px;
+}
+
+/* DOWNLOAD CLIENTS */
+[class*="DownloadClients-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/* CONNECTIONS */
+[class*="Notifications-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/* LISTS */
+[class*="ImportLists-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/* LOG */
+[class*="Alert-info-"] {
+    border-color: transparent;
+    background-color: rgba(0, 0, 0, 0.25);
+    color: #FFC107;
+}
+
+/* INDEXER */
+[class*="Restrictions-center-"] {
+    border: 1px solid transparent;
+    background-color: transparent;
+}
+
+/* LISTS */
+[class*="NetImports-center-"] {
+    border: 1px solid transparent;
+    background-color: transparent;
+}
+
+/* CUSTOM FORMAT */
+[class*="CustomFormats-center-"],
+[class*="EditCustomFormatModalContent-center-"] {
+    border: 1px solid transparent;
+    background-color: transparent;
+}
+
+/* Login Page */
+
+.panel-body {
+    background-color: rgba(0, 0, 0, 0.25);
+    color: var(--text);
+}
+
+.panel-header {
+    background-color: rgba(0, 0, 0, 0.45);
+}
+
+.forgot-password {
+    color: var(--text) !important;
+}
+
+input[type=email],
+input[type=password] {
+    border: none;
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+.button {
+    border-color: var(--button-color);
+    background-color: var(--button-color);
+    cursor: pointer;
+}
+
+.button:hover {
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+    color: var(--text-hover);
+    text-decoration: none;
+}
+
+.form-input:focus {
+    outline: 0;
+    border-color: var(--text-hover);
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+/* Custom filter */
+[class*="FilterBuilderRow-filterRow-"]:hover {
+    background-color: transparent;
+}
+
+[class*="CustomFilter-customFilter-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+/* -------------------------LIDARR STUFF------------------------------*/
+
+[class*="ArtistIndexHeader-sortName-"]:hover,
+[class*="ArtistIndexHeader-artistType-"]:hover,
+[class*="ArtistIndexHeader-trackCount-"]:hover,
+[class*="ArtistIndexHeader-qualityProfileId-"]:hover,
+[class*="ArtistIndexHeader-languageProfileId-"]:hover,
+[class*="ArtistIndexHeader-metadataProfileId-"]:hover,
+[class*="ArtistIndexHeader-nextAlbum-"]:hover,
+[class*="ArtistIndexHeader-lastAlbum-"]:hover,
+[class*="ArtistIndexHeader-added-"]:hover,
+[class*="ArtistIndexHeader-genres-"]:hover,
+[class*="ArtistIndexHeader-albumCount-"]:hover,
+[class*="ArtistIndexHeader-trackProgress-"]:hover,
+[class*="ArtistIndexHeader-latestAlbum-"]:hover,
+[class*="ArtistIndexHeader-actions-"]:hover {
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+}
+
+/* Fix rating border*/
+[class*="ArtistIndexRow-ratings-"] {
+    border-top: 1px solid var(--text) !important;
+}
+
+/* ALBUM STUDIO */
+[class*="AlbumStudioAlbum-albumType-"],
+[class*="AlbumStudioAlbum-album-"],
+[class*="AlbumStudioAlbum-tracks-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, 0.25);
+    color: var(--text-hover);
+}
+
+[class*="AlbumStudioAlbum-missingWanted-"] {
+    background-color: #f05050;
+}
+
+[class*="AlbumStudioAlbum-allTracks-"] {
+    background-color: #0b8750;
+}
+
+/* CONNECTIONS */
+[class*="Label-danger-"][class*="Label-outline-"] {
+    color: var(--text-hover);
+    background-color: #f05050;
+}
\ No newline at end of file
diff --git a/css/base/lidarr/mind.css b/css/base/lidarr/mind.css
new file mode 100644
index 00000000..5dd2d799
--- /dev/null
+++ b/css/base/lidarr/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/lidarr/nord.css b/css/base/lidarr/nord.css
new file mode 100644
index 00000000..2e723bfe
--- /dev/null
+++ b/css/base/lidarr/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/lidarr/onedark.css b/css/base/lidarr/onedark.css
new file mode 100644
index 00000000..b2ffc5ae
--- /dev/null
+++ b/css/base/lidarr/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/lidarr/organizr.css b/css/base/lidarr/organizr.css
new file mode 100644
index 00000000..faa59e12
--- /dev/null
+++ b/css/base/lidarr/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/lidarr/overseerr.css b/css/base/lidarr/overseerr.css
new file mode 100644
index 00000000..6b46e854
--- /dev/null
+++ b/css/base/lidarr/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/lidarr/pine-shadow.css b/css/base/lidarr/pine-shadow.css
new file mode 100644
index 00000000..5e3ea4eb
--- /dev/null
+++ b/css/base/lidarr/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/lidarr/plex.css b/css/base/lidarr/plex.css
new file mode 100644
index 00000000..9a2be9db
--- /dev/null
+++ b/css/base/lidarr/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/lidarr/power.css b/css/base/lidarr/power.css
new file mode 100644
index 00000000..b0d2b325
--- /dev/null
+++ b/css/base/lidarr/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/lidarr/reality.css b/css/base/lidarr/reality.css
new file mode 100644
index 00000000..e2c4601b
--- /dev/null
+++ b/css/base/lidarr/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/lidarr/soul.css b/css/base/lidarr/soul.css
new file mode 100644
index 00000000..bbbacbb5
--- /dev/null
+++ b/css/base/lidarr/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/lidarr/space-gray.css b/css/base/lidarr/space-gray.css
new file mode 100644
index 00000000..f885ee14
--- /dev/null
+++ b/css/base/lidarr/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/lidarr/space.css b/css/base/lidarr/space.css
new file mode 100644
index 00000000..2a11cc55
--- /dev/null
+++ b/css/base/lidarr/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/lidarr/time.css b/css/base/lidarr/time.css
new file mode 100644
index 00000000..141081f3
--- /dev/null
+++ b/css/base/lidarr/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/lidarr/trueblack.css b/css/base/lidarr/trueblack.css
new file mode 100644
index 00000000..9f5a8bfa
--- /dev/null
+++ b/css/base/lidarr/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/logarr/.deprecated b/css/base/logarr/.deprecated
new file mode 100644
index 00000000..e69de29b
diff --git a/css/base/logarr/logarr-base.css b/css/base/logarr/logarr-base.css
new file mode 100644
index 00000000..a78c502b
--- /dev/null
+++ b/css/base/logarr/logarr-base.css
@@ -0,0 +1,581 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+body {
+    font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif;
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover) !important;
+}
+
+/* Scrollbar */
+
+@media only screen and (min-width: 768px) {
+    html {
+        height: 100%;
+        width: 100%;
+        overflow: auto;
+    }
+
+    body {
+        overflow-y: auto;
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+.expand::-webkit-scrollbar-track {
+    background-color: transparent !important;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+}
+
+.expand::-webkit-scrollbar {
+    background-color: transparent !important;
+}
+
+.expand::-webkit-scrollbar-thumb {
+    background-color: hsla(0, 0%, 100%, .2) !important;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+}
+
+.expand::-webkit-scrollbar-thumb:hover {
+    background-color: hsla(0, 0%, 100%, .5) !important;
+}
+
+body::-webkit-scrollbar-track {
+    background-color: transparent !important;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+}
+
+body::-webkit-scrollbar {
+    background-color: transparent !important;
+}
+
+body::-webkit-scrollbar-thumb {
+    background-color: hsla(0, 0%, 100%, .2) !important;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+}
+
+body::-webkit-scrollbar-thumb:hover {
+    background-color: hsla(0, 0%, 100%, .5) !important;
+}
+
+.flex-child {
+    border-radius: 0px;
+    background-color: rgba(255, 255, 255, 0.08);
+    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
+}
+
+#includedContent {
+    background-color: transparent;
+    background: transparent;
+}
+
+body {
+    opacity: 1;
+    transition: 1s opacity;
+    background-color: #00000000;
+    -webkit-font-smoothing: antialiased;
+    font-family: 'Roboto:400', sans-serif !important;
+    color: #FFFFFF;
+    padding: 10px 10px 0;
+}
+
+.btn {
+    font-weight: 600 !important;
+}
+
+body.fade-out {
+    opacity: 0;
+    transition: none;
+}
+
+.left,
+.right,
+.category-filter-item,
+.nav-item,
+.filesize,
+.path {
+    color: var(--text-hover);
+}
+
+#username:hover,
+#password:hover {
+    text-shadow: 0 0 1rem transparent;
+}
+
+#categoryFilter,
+#auto-update {
+    color: var(--text-hover) !important;
+    background-color: transparent !important;
+    box-shadow: none;
+    border-radius: 0px;
+}
+
+#markform {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+
+}
+
+.slide {
+    border: 1px solid transparent;
+}
+
+.expandtoggle {
+    background-color: transparent !important;
+}
+
+.expandtoggle:hover {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+}
+
+.expandtoggle:checked~.expandtoggle::before {
+    content: "";
+    background: url(/resources/logarr/increase.png) no-repeat;
+    background-size: 2em;
+    display: inline-block;
+    width: 2em;
+    height: 2em;
+    cursor: row-resize;
+}
+
+.expandtoggle::before {
+    background: url(/resources/logarr/decrease.png) no-repeat;
+    background-size: 2em;
+    content: "";
+    display: inline-block;
+    width: 2em;
+    height: 2em;
+    -webkit-transition: .5s;
+    -moz-transition: .5s;
+    transition: .5s;
+    cursor: pointer;
+}
+
+.expand {
+    height: 43rem;
+    width: auto;
+    overflow: auto;
+    transition: height 0.5s;
+    color: rgb(255, 255, 255);
+    background-color: rgba(0, 0, 0, 0.3);
+    word-wrap: break-word;
+    padding: 0 10px 0 10px;
+}
+
+.header-brand,
+.logheader {
+    text-shadow: none !important;
+}
+
+/* Settings */
+/* Text Color */
+.alpaca-control-label,
+.alpaca-control.radio {
+    color: var(--text-hover) !important;
+}
+
+.alpaca-form-buttons-container {
+    background-color: transparent !important;
+}
+
+.Rtable-cell {
+    color: var(--text-hover) !important;
+}
+
+#colorkey {
+    color: var(--text-hover) !important;
+}
+
+.settingstitle {
+    text-shadow: none !important;
+}
+
+#reginfo {
+    color: var(--text-hover) !important;
+}
+
+#infodata {
+    background-color: transparent !important;
+    box-shadow: none !important;
+}
+
+.input_icon {
+    color: var(--button-color) !important;
+}
+
+.input_icon:hover {
+    color: var(--button-color-hover) !important;
+}
+
+.input:hover,
+input.form-control:hover,
+select.form-control:hover {
+    border: .2rem solid transparent;
+}
+
+.input:focus,
+input.form-control:focus,
+select.form-control:focus {
+    border: .2rem solid transparent;
+}
+
+input:invalid {
+    border: .2rem solid transparent;
+}
+
+input:valid {
+    border: .2rem solid transparent;
+}
+
+/* Sidebar */
+#sidebar-wrapper {
+    box-shadow: none !important;
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:hover:before {
+    -webkit-transition: none !important;
+    transition: none !important;
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:before {
+    background-color: rgba(0, 0, 0, 0.07);
+    transition: none !important;
+    -webkit-transition: none !important;
+}
+
+.sidebar-nav li:first-child a {
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:nth-child(2):before {
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:nth-child(3):before {
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:nth-child(4):before {
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:nth-child(5):before {
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:nth-child(6):before {
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:nth-child(7):before {
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:nth-child(8):before {
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:nth-child(9):before {
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+#modalloading {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover) !important;
+    border: 1px solid transparent !important;
+    box-shadow: 0.5rem 0.5rem 1rem rgb(15, 15, 15, 0.45) !important;
+}
+
+.modaltextloading,
+.modalloadingspinner {
+    color: var(--text-hover) !important;
+}
+
+.container {
+    max-width: 100% !important;
+    padding-right: 2rem !important;
+}
+
+#stats {
+    background-color: rgba(0, 0, 0, .15) !important;
+    padding-left: .0rem !important;
+    padding-right: 1.11rem !important;
+    box-shadow: none;
+}
+
+#hd {
+    padding-left: 0.8rem !important;
+}
+
+.double-val-label>span.success {
+    background-color: #28a745 !important;
+}
+
+.servicetile:hover,
+.servicetile:focus {
+    text-shadow: 0 0 20px #000;
+}
+
+#servicetitle:hover,
+#servicetitle:focus {
+    text-shadow: 0 0 20px #000;
+}
+
+#servicetitle {
+    color: var(--text-hover) !important;
+}
+
+.btnoffline,
+.btnunknown,
+.btnonline {
+    box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
+    -webkit-box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
+}
+
+.btnonline {
+    background-color: #28a745 !important;
+}
+
+.btn {
+    background-color: var(--button-color) !important;
+    border: none !important;
+}
+
+.btn:hover {
+    background-color: var(--button-color-hover) !important;
+    border: none !important;
+}
+
+.btn-primary,
+.btn-primary:hover {
+    border-color: transparent;
+}
+
+.btn-group>.btn-group:not(:first-child)>.btn,
+.btn-group>.btn:not(:first-child) {
+    color: var(--text-hover) !important;
+}
+
+.btn-group>.btn:first-child {
+    color: var(--text-hover) !important;
+}
+
+#time {
+    background-color: rgba(0, 0, 0, .15) !important;
+    color: var(--text-hover) !important;
+    box-shadow: none;
+}
+
+#slidertable {
+    background-color: rgba(0, 0, 0, .15) !important;
+    box-shadow: none;
+}
+
+#textslider {
+    color: var(--text-hover) !important;
+}
+
+.dtg {
+    color: var(--text-hover) !important;
+}
+
+.datemin {
+    color: var(--text-hover) !important;
+}
+
+#center {
+    background-color: rgba(0, 0, 0, .0) !important;
+    box-shadow: 0px 0px 0px 0px #ffffff00, 0px 0px 0px 0px #ffffff00, 10px 0px 10px 0px #ffffff00, -10px 0px 10px 2px #ffffff00 !important;
+}
+
+/*Service tile*/
+.col-lg-4 {
+    background-color: rgba(0, 0, 0, .15) !important;
+    margin: 1rem .1rem 1.5rem 1rem !important;
+    width: 9rem !important;
+    box-shadow: none;
+}
+
+.col-lg-4:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+    margin: 1rem .1rem 1.5rem 1rem !important;
+    width: 9rem !important;
+    box-shadow: none;
+}
+
+.servicetile,
+.servicetile:hover,
+.servicetile:focus {
+    color: var(--text-hover);
+    text-shadow: none !important;
+    text-decoration: none !important;
+    outline: 0;
+    font-weight: inherit !important;
+    -webkit-transition: none !important;
+    -moz-transition: none !important;
+    -ms-transition: none !important;
+    -o-transition: none !important;
+    transition: none !important;
+}
+
+.servicetile {
+    color: var(--text-hover);
+    text-shadow: none !important;
+    text-decoration: none !important;
+    outline: 0;
+    font-weight: inherit !important;
+    -webkit-transition: none !important;
+    -moz-transition: none !important;
+    -ms-transition: none !important;
+    -o-transition: none !important;
+    transition: none !important;
+}
+
+#servicetitle:hover,
+#servicetitle:focus {
+    text-shadow: none !important;
+    font-weight: inherit !important;
+}
+
+#clock {
+    background-color: rgba(0, 0, 0, .15) !important;
+    color: var(--text-hover) !important;
+    box-shadow: none;
+}
+
+.date {
+    color: var(--text-hover) !important;
+}
+
+#summary {
+    background-color: #e84242 !important;
+    border-radius: 23px 22px 22px 23px/23px 23px 22px 22px;
+    box-shadow: 0px 2px 5px rgb(15, 15, 15) !important;
+}
+
+.pace,
+.pace-progress {
+    background: rgba(0, 0, 0, .15) !important;
+}
+
+.pace,
+.pace-progress-inner {
+    box-shadow: 0 0 10px rgba(0, 0, 0, .15), 0 0 5px rgba(0, 0, 0, .15) !important;
+}
+
+.pace .pace-activity {
+    border-top-color: var(--text-hover) !important;
+    border-left-color: var(--text-hover) !important;
+}
+
+.footer {
+    color: var(--text-hover) !important;
+}
+
+.footer:hover {
+    text-shadow: 0 0 15px transparent !important;
+}
+
+#footer {
+    color: transparent !important;
+}
+
+.navbar-brand {
+    text-shadow: 0 0 15px #000000 !important;
+}
+
+/* ButtonShadow */
+.btnoffline,
+.btnunknown,
+.btnonline {
+    box-shadow: none !important;
+    -webkit-box-shadow: none !important;
+}
+
+.logrollmodal {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border: 1px solid transparent !important;
+}
+
+.modalimgpath,
+.modaltext,
+#uploadbutton {
+    color: var(--text-hover) !important;
+}
+
+.file-upload {
+    background-color: var(--button-color) !important;
+    color: var(--button-text) !important;
+}
+
+.file-upload:hover {
+    background-color: var(--button-color-hover) !important;
+    color: var(--button-text) !important;
+}
+
+@media only screen and (max-width: 775px) {
+    #slidertable {
+        display: none !important;
+    }
+
+    #time {
+        display: none !important;
+    }
+}
+
+@media only screen and (max-width: 768px) {
+    #dateRight {
+        background-color: rgba(0, 0, 0, .15) !important;
+        color: var(--text-hover) !important;
+        box-shadow: none;
+    }
+}
\ No newline at end of file
diff --git a/css/base/monitorr/.deprecated b/css/base/monitorr/.deprecated
new file mode 100644
index 00000000..e69de29b
diff --git a/css/base/monitorr/monitorr-base.css b/css/base/monitorr/monitorr-base.css
new file mode 100644
index 00000000..78a7868f
--- /dev/null
+++ b/css/base/monitorr/monitorr-base.css
@@ -0,0 +1,433 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+
+#footer:after {
+    color: var(--text-hover);
+    content: "theme.park v2.0";
+}
+
+body {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover) !important;
+}
+
+/* Scrollbar */
+
+body::-webkit-scrollbar-track {
+    background-color: transparent !important;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+}
+
+body::-webkit-scrollbar {
+    background-color: transparent !important;
+}
+
+body::-webkit-scrollbar-thumb {
+    background-color: hsla(0, 0%, 100%, .2) !important;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+}
+
+body::-webkit-scrollbar-thumb:hover {
+    background-color: hsla(0, 0%, 100%, .5) !important;
+}
+
+
+
+#myModal3::-webkit-scrollbar-track {
+    background-color: transparent !important;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+}
+
+#myModal3::-webkit-scrollbar {
+    background-color: transparent !important;
+}
+
+#myModal3::-webkit-scrollbar-thumb {
+    background-color: hsla(0, 0%, 100%, .2) !important;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+}
+
+#myModal3::-webkit-scrollbar-thumb:hover {
+    background-color: hsla(0, 0%, 100%, .5) !important;
+}
+
+#includedContent {
+    background-color: transparent;
+    background: transparent;
+}
+
+#username:hover,
+#password:hover {
+    text-shadow: 0 0 1rem transparent;
+}
+
+/* Settings */
+/* Text Color */
+.alpaca-control-label,
+.alpaca-control.radio {
+    color: var(--text-hover) !important;
+}
+
+.alpaca-form-buttons-container {
+    background-color: transparent !important;
+}
+
+.Rtable-cell {
+    color: var(--text-hover) !important;
+}
+
+#colorkey {
+    color: var(--text-hover) !important;
+}
+
+.settingstitle {
+    text-shadow: none !important;
+}
+
+#reginfo {
+    color: var(--text-hover) !important;
+}
+
+#infodata {
+    background-color: transparent !important;
+    box-shadow: none !important;
+}
+
+.input_icon {
+    color: var(--button-color) !important;
+}
+
+.input_icon:hover {
+    color: var(--button-color-hover) !important;
+}
+
+/* Sidebar */
+#sidebar-wrapper {
+    box-shadow: none !important;
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:hover:before {
+    -webkit-transition: none !important;
+    transition: none !important;
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:before {
+    background-color: rgba(0, 0, 0, 0.07);
+    transition: none !important;
+    -webkit-transition: none !important;
+}
+
+.sidebar-nav li:first-child a {
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:nth-child(2):before {
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:nth-child(3):before {
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:nth-child(4):before {
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:nth-child(5):before {
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:nth-child(6):before {
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:nth-child(7):before {
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:nth-child(8):before {
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+.sidebar-nav li:nth-child(9):before {
+    background-color: rgba(0, 0, 0, 0.07);
+}
+
+#modalloading {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover) !important;
+    border: 1px solid transparent !important;
+    box-shadow: 0.5rem 0.5rem 1rem rgb(15, 15, 15, 0.45) !important;
+}
+
+.modaltextloading,
+.modalloadingspinner {
+    color: var(--text-hover) !important;
+}
+
+.container {
+    max-width: 100% !important;
+    padding-right: 2rem !important;
+}
+
+#stats {
+    background-color: rgba(0, 0, 0, .15) !important;
+    padding-left: .0rem !important;
+    padding-right: 1.11rem !important;
+    box-shadow: none;
+}
+
+#hd {
+    padding-left: 0.8rem !important;
+}
+
+.double-val-label>span.success {
+    background-color: #28a745 !important;
+}
+
+.servicetile:hover,
+.servicetile:focus {
+    text-shadow: 0 0 20px #000;
+}
+
+#servicetitle:hover,
+#servicetitle:focus {
+    text-shadow: 0 0 20px #000;
+}
+
+#servicetitle {
+    color: var(--text-hover) !important;
+}
+
+.btnoffline,
+.btnunknown,
+.btnonline {
+    box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
+    -webkit-box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
+}
+
+.btnonline {
+    background-color: #28a745 !important;
+}
+
+.btn {
+    background-color: var(--button-color) !important;
+}
+
+.btn:hover {
+    background-color: var(--button-color-hover) !important;
+}
+
+.btn-primary,
+.btn-primary:hover {
+    border-color: transparent;
+}
+
+.btn-group>.btn-group:not(:first-child)>.btn,
+.btn-group>.btn:not(:first-child) {
+    color: var(--text-hover) !important;
+}
+
+.btn-group>.btn:first-child {
+    color: var(--text-hover) !important;
+}
+
+#time {
+    background-color: rgba(0, 0, 0, .15) !important;
+    color: var(--text-hover) !important;
+    box-shadow: none;
+}
+
+#slidertable {
+    background-color: rgba(0, 0, 0, .15) !important;
+    box-shadow: none;
+}
+
+#textslider {
+    color: var(--text-hover) !important;
+}
+
+.dtg {
+    color: var(--text-hover) !important;
+}
+
+.datemin {
+    color: var(--text-hover) !important;
+}
+
+#center {
+    background-color: rgba(0, 0, 0, .0) !important;
+    box-shadow: 0px 0px 0px 0px #ffffff00, 0px 0px 0px 0px #ffffff00, 10px 0px 10px 0px #ffffff00, -10px 0px 10px 2px #ffffff00 !important;
+}
+
+/*Service tile*/
+.col-lg-4 {
+    background-color: rgba(0, 0, 0, .15) !important;
+    margin: 1rem .1rem 1.5rem 1rem !important;
+    width: 9rem !important;
+    box-shadow: none;
+}
+
+.col-lg-4:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+    margin: 1rem .1rem 1.5rem 1rem !important;
+    width: 9rem !important;
+    box-shadow: none;
+}
+
+.servicetile,
+.servicetile:hover,
+.servicetile:focus {
+    color: var(--text-hover);
+    text-shadow: none !important;
+    text-decoration: none !important;
+    outline: 0;
+    font-weight: inherit !important;
+    -webkit-transition: none !important;
+    -moz-transition: none !important;
+    -ms-transition: none !important;
+    -o-transition: none !important;
+    transition: none !important;
+}
+
+.servicetile {
+    color: var(--text-hover);
+    text-shadow: none !important;
+    text-decoration: none !important;
+    outline: 0;
+    font-weight: inherit !important;
+    -webkit-transition: none !important;
+    -moz-transition: none !important;
+    -ms-transition: none !important;
+    -o-transition: none !important;
+    transition: none !important;
+}
+
+#servicetitle:hover,
+#servicetitle:focus {
+    text-shadow: none !important;
+    font-weight: inherit !important;
+}
+
+#clock {
+    background-color: rgba(0, 0, 0, .15) !important;
+    color: var(--text-hover) !important;
+    box-shadow: none;
+}
+
+.date {
+    color: var(--text-hover) !important;
+}
+
+#summary {
+    background-color: #e84242 !important;
+    border-radius: 23px 22px 22px 23px/23px 23px 22px 22px;
+    box-shadow: 0px 2px 5px rgb(15, 15, 15) !important;
+}
+
+.pace,
+.pace-progress {
+    background: rgba(0, 0, 0, .15) !important;
+}
+
+.pace,
+.pace-progress-inner {
+    box-shadow: 0 0 10px rgba(0, 0, 0, .15), 0 0 5px rgba(0, 0, 0, .15) !important;
+}
+
+.pace .pace-activity {
+    border-top-color: var(--text-hover) !important;
+    border-left-color: var(--text-hover) !important;
+}
+
+.footer {
+    color: var(--text-hover) !important;
+}
+
+.footer:hover {
+    text-shadow: 0 0 15px transparent !important;
+}
+
+#footer {
+    color: transparent !important;
+}
+
+.navbar-brand {
+    text-shadow: 0 0 15px #000000 !important;
+}
+
+/* ButtonShadow */
+.btnoffline,
+.btnunknown,
+.btnonline {
+    box-shadow: none !important;
+    -webkit-box-shadow: none !important;
+}
+
+#myModal3 {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border: 1px solid transparent !important;
+}
+
+.modalimgpath,
+.modaltext,
+#uploadbutton {
+    color: var(--text-hover) !important;
+}
+
+.file-upload {
+    background-color: var(--button-color) !important;
+    color: var(--text-hover) !important;
+}
+
+.file-upload:hover {
+    background-color: var(--button-color-hover) !important;
+    color: var(--text-hover) !important;
+}
+
+@media only screen and (max-width: 775px) {
+    #slidertable {
+        display: none !important;
+    }
+
+    #time {
+        display: none !important;
+    }
+}
\ No newline at end of file
diff --git a/css/base/monitorr/organizr-dashboard.css b/css/base/monitorr/organizr-dashboard.css
new file mode 100644
index 00000000..766cbee3
--- /dev/null
+++ b/css/base/monitorr/organizr-dashboard.css
@@ -0,0 +1,210 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+body {
+    background-color: transparent !important;
+}
+
+.container {
+    max-width: 100% !important;
+    padding-right: 2rem !important;
+}
+
+#stats {
+    background-color: rgba(0, 0, 0, .15) !important;
+    padding-left: .0rem !important;
+    padding-right: 1.11rem !important;
+    box-shadow: none;
+}
+
+#hd {
+    padding-left: 0.8rem !important;
+}
+
+.double-val-label>span.success {
+    background-color: #28a745 !important;
+}
+
+.servicetile:hover,
+.servicetile:focus {
+    text-shadow: 0 0 20px #000;
+}
+
+#servicetitle:hover,
+#servicetitle:focus {
+    text-shadow: 0 0 20px #000;
+}
+
+#servicetitle {
+    color: var(--text-hover) !important;
+}
+
+.btnoffline,
+.btnunknown,
+.btnonline {
+    box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
+    -webkit-box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.9) !important;
+}
+
+.btnonline {
+    background-color: #28a745 !important;
+}
+
+#time {
+    background-color: rgba(0, 0, 0, .15) !important;
+    color: var(--text-hover) !important;
+    box-shadow: none;
+}
+
+#slidertable {
+    background-color: rgba(0, 0, 0, .15) !important;
+    box-shadow: none;
+}
+
+#textslider {
+    color: var(--text-hover) !important;
+}
+
+.dtg {
+    color: var(--text-hover) !important;
+}
+
+.datemin {
+    color: var(--text-hover) !important;
+}
+
+#center {
+    background-color: rgba(0, 0, 0, .0) !important;
+    box-shadow: 0px 0px 0px 0px #ffffff00, 0px 0px 0px 0px #ffffff00, 10px 0px 10px 0px #ffffff00, -10px 0px 10px 2px #ffffff00 !important;
+}
+
+/*Service tile*/
+.col-lg-4 {
+    background-color: rgba(0, 0, 0, .15) !important;
+    margin: 1rem .1rem 1.5rem 1rem !important;
+    width: 9rem !important;
+    box-shadow: none;
+}
+
+.col-lg-4:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+    margin: 1rem .1rem 1.5rem 1rem !important;
+    width: 9rem !important;
+    box-shadow: none;
+}
+
+.servicetile,
+.servicetile:hover,
+.servicetile:focus {
+    color: #ffffff;
+    text-shadow: none !important;
+    text-decoration: none !important;
+    outline: 0;
+    font-weight: inherit !important;
+    -webkit-transition: none !important;
+    -moz-transition: none !important;
+    -ms-transition: none !important;
+    -o-transition: none !important;
+    transition: none !important;
+}
+
+.servicetile {
+    color: #ffffff;
+    text-shadow: none !important;
+    text-decoration: none !important;
+    outline: 0;
+    font-weight: inherit !important;
+    -webkit-transition: none !important;
+    -moz-transition: none !important;
+    -ms-transition: none !important;
+    -o-transition: none !important;
+    transition: none !important;
+}
+
+#servicetitle:hover,
+#servicetitle:focus {
+    text-shadow: none !important;
+    font-weight: inherit !important;
+}
+
+#clock {
+    background-color: rgba(0, 0, 0, .15) !important;
+    color: var(--text-hover) !important;
+    box-shadow: none;
+}
+
+.date {
+    color: var(--text-hover) !important;
+}
+
+#summary {
+    background-color: #e84242 !important;
+    border-radius: 23px 22px 22px 23px/23px 23px 22px 22px;
+    box-shadow: 0px 2px 5px rgb(15, 15, 15) !important;
+}
+
+.pace,
+.pace-progress {
+    background: rgba(0, 0, 0, .15) !important;
+}
+
+.pace,
+.pace-progress-inner {
+    box-shadow: 0 0 10px rgba(0, 0, 0, .15), 0 0 5px rgba(0, 0, 0, .15) !important;
+}
+
+.footer {
+    color: transparent !important;
+}
+
+.footer:hover {
+    text-shadow: 0 0 15px transparent !important;
+}
+
+#footer {
+    color: transparent !important;
+}
+
+.alpaca-control-label,
+.alpaca-control.radio {
+    color: black !important;
+}
+
+.navbar-brand {
+    text-shadow: 0 0 15px #000000 !important;
+}
+
+.Rtable-cell {
+    color: #000000 !important;
+}
+
+#colorkey {
+    color: #000000 !important;
+}
+
+/* ButtonShadow */
+.btnoffline,
+.btnunknown,
+.btnonline {
+    box-shadow: none !important;
+    -webkit-box-shadow: none !important;
+}
+
+@media only screen and (max-width: 775px) {
+    #slidertable {
+        display: none !important;
+    }
+
+    #time {
+        display: none !important;
+    }
+}
\ No newline at end of file
diff --git a/css/base/moviematch/aquamarine.css b/css/base/moviematch/aquamarine.css
new file mode 100644
index 00000000..160c5b3c
--- /dev/null
+++ b/css/base/moviematch/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/moviematch/blackberry-abyss.css b/css/base/moviematch/blackberry-abyss.css
new file mode 100644
index 00000000..31e4220f
--- /dev/null
+++ b/css/base/moviematch/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/moviematch/blackberry-amethyst.css b/css/base/moviematch/blackberry-amethyst.css
new file mode 100644
index 00000000..7481c64a
--- /dev/null
+++ b/css/base/moviematch/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/moviematch/blackberry-carol.css b/css/base/moviematch/blackberry-carol.css
new file mode 100644
index 00000000..430955c7
--- /dev/null
+++ b/css/base/moviematch/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/moviematch/blackberry-dreamscape.css b/css/base/moviematch/blackberry-dreamscape.css
new file mode 100644
index 00000000..7b377555
--- /dev/null
+++ b/css/base/moviematch/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/moviematch/blackberry-flamingo.css b/css/base/moviematch/blackberry-flamingo.css
new file mode 100644
index 00000000..2fa09cc6
--- /dev/null
+++ b/css/base/moviematch/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/moviematch/blackberry-hearth.css b/css/base/moviematch/blackberry-hearth.css
new file mode 100644
index 00000000..94444ba9
--- /dev/null
+++ b/css/base/moviematch/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/moviematch/blackberry-martian.css b/css/base/moviematch/blackberry-martian.css
new file mode 100644
index 00000000..57caf9ac
--- /dev/null
+++ b/css/base/moviematch/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/moviematch/blackberry-pumpkin.css b/css/base/moviematch/blackberry-pumpkin.css
new file mode 100644
index 00000000..d0c776df
--- /dev/null
+++ b/css/base/moviematch/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/moviematch/blackberry-royal.css b/css/base/moviematch/blackberry-royal.css
new file mode 100644
index 00000000..c62d09c4
--- /dev/null
+++ b/css/base/moviematch/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/moviematch/blackberry-shadow.css b/css/base/moviematch/blackberry-shadow.css
new file mode 100644
index 00000000..e7cac6d7
--- /dev/null
+++ b/css/base/moviematch/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/moviematch/blackberry-solar.css b/css/base/moviematch/blackberry-solar.css
new file mode 100644
index 00000000..4bf4a517
--- /dev/null
+++ b/css/base/moviematch/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/moviematch/blackberry-vanta.css b/css/base/moviematch/blackberry-vanta.css
new file mode 100644
index 00000000..51bbe364
--- /dev/null
+++ b/css/base/moviematch/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/moviematch/dark.css b/css/base/moviematch/dark.css
new file mode 100644
index 00000000..9138b17d
--- /dev/null
+++ b/css/base/moviematch/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/moviematch/dracula.css b/css/base/moviematch/dracula.css
new file mode 100644
index 00000000..b845d348
--- /dev/null
+++ b/css/base/moviematch/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/moviematch/hotline-old.css b/css/base/moviematch/hotline-old.css
new file mode 100644
index 00000000..9d296fc4
--- /dev/null
+++ b/css/base/moviematch/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/moviematch/hotline.css b/css/base/moviematch/hotline.css
new file mode 100644
index 00000000..a911dfb4
--- /dev/null
+++ b/css/base/moviematch/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/moviematch/hotpink.css b/css/base/moviematch/hotpink.css
new file mode 100644
index 00000000..5427fd73
--- /dev/null
+++ b/css/base/moviematch/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/moviematch/mind.css b/css/base/moviematch/mind.css
new file mode 100644
index 00000000..c17ac7db
--- /dev/null
+++ b/css/base/moviematch/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/moviematch/moviematch-base.css b/css/base/moviematch/moviematch-base.css
new file mode 100644
index 00000000..ce16cf06
--- /dev/null
+++ b/css/base/moviematch/moviematch-base.css
@@ -0,0 +1,147 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+* {
+    outline: none;
+
+}
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text)
+}
+
+
+
+/* TEXT COLOR */
+.matches-title,
+.matches-list:empty::before,
+.card-stack:empty::after,
+footer,
+.Field_Label {
+    color: var(--text);
+}
+
+/* ACCENTS */
+.matches-section hr {
+    border: 0.5px solid rgb(var(--accent-color));
+}
+
+.matches-section hr::before,
+.matches-title .matches-count {
+    background: rgb(var(--accent-color));
+    color: var(--button-text);
+}
+
+.Logo {
+    color: rgb(var(--accent-color));
+}
+
+/* FORMS */
+.login-form input,
+input,
+.TextInput {
+    background: rgba(0, 0, 0, .25);
+    border: 1px solid transparent;
+    color: var(--text)
+}
+
+.login-form input:focus,
+input:focus,
+.TextInput:focus {
+    background: #fff;
+    border: 1px solid transparent;
+    color: black;
+}
+
+input:focus {
+    outline: none;
+}
+
+.Select_Element {
+    border: 2px solid var(--button-color);
+    color: var(--button-text);
+}
+
+/* BUTTONS */
+.login-form .room-code-container .generate-button,
+.login-form .submit-button,
+.ButtonPrimary,
+.AddRemoveList_Add,
+.SegmentedControlsListItem {
+    background: var(--button-color);
+    color: var(--button-text);
+    border: 1px solid var(--button-color);
+}
+
+.login-form .room-code-container .generate-button:hover,
+.login-form .submit-button:hover,
+.ButtonPrimary:hover,
+.ButtonPrimary:active .ButtonSecondary:hover,
+.ButtonSecondary:active,
+.ButtonTertiary:hover,
+.ButtonTertiary:active,
+.AddRemoveList_Add:hover,
+.AddRemoveList_Add:active,
+.SegmentedControlsListItem:hover,
+.SegmentedControlsListItem:active {
+    background: var(--button-color-hover);
+    color: var(--button-text-hover);
+    border-color: var(--button-color-hover);
+}
+
+@media (hover: hover) {
+    .ButtonSecondary:hover {
+        color: var(--button-text-hover);
+        border-color: var(--button-color-hover);
+    }
+}
+
+.ButtonSecondary {
+    border: 2px solid var(--button-color);
+    color: var(--button-color);
+}
+
+.ButtonTertiary {
+    color: var(--button-color);
+    transition: background-color var(--button-color-hover) ease-in-out;
+}
+
+.SegmentedControlOption {
+    color: var(--button-text);
+}
+
+/* CARDS */
+.card {
+    border: 1px solid transparent;
+}
+
+.Card_MoreInfoButton:hover {
+    color: rgb(var(--accent-color));
+}
+
+.RoomInfoBar {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+/* MENUS POPOVER */
+.PopoverMenuButton:hover {
+    background: rgb(255 255 255 / 15%) !important;
+    color: var(--mm-white);
+}
\ No newline at end of file
diff --git a/css/base/moviematch/nord.css b/css/base/moviematch/nord.css
new file mode 100644
index 00000000..27a6d380
--- /dev/null
+++ b/css/base/moviematch/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/moviematch/onedark.css b/css/base/moviematch/onedark.css
new file mode 100644
index 00000000..a6667d51
--- /dev/null
+++ b/css/base/moviematch/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/moviematch/organizr.css b/css/base/moviematch/organizr.css
new file mode 100644
index 00000000..01e2da1c
--- /dev/null
+++ b/css/base/moviematch/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/moviematch/overseerr.css b/css/base/moviematch/overseerr.css
new file mode 100644
index 00000000..26122878
--- /dev/null
+++ b/css/base/moviematch/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/moviematch/pine-shadow.css b/css/base/moviematch/pine-shadow.css
new file mode 100644
index 00000000..57e232f8
--- /dev/null
+++ b/css/base/moviematch/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/moviematch/plex.css b/css/base/moviematch/plex.css
new file mode 100644
index 00000000..ef6e5fa1
--- /dev/null
+++ b/css/base/moviematch/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/moviematch/power.css b/css/base/moviematch/power.css
new file mode 100644
index 00000000..23521714
--- /dev/null
+++ b/css/base/moviematch/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/moviematch/reality.css b/css/base/moviematch/reality.css
new file mode 100644
index 00000000..1c03138d
--- /dev/null
+++ b/css/base/moviematch/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/moviematch/soul.css b/css/base/moviematch/soul.css
new file mode 100644
index 00000000..a2851038
--- /dev/null
+++ b/css/base/moviematch/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/moviematch/space-gray.css b/css/base/moviematch/space-gray.css
new file mode 100644
index 00000000..6f26a96a
--- /dev/null
+++ b/css/base/moviematch/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/moviematch/space.css b/css/base/moviematch/space.css
new file mode 100644
index 00000000..a3fb9d41
--- /dev/null
+++ b/css/base/moviematch/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/moviematch/time.css b/css/base/moviematch/time.css
new file mode 100644
index 00000000..0816b7b0
--- /dev/null
+++ b/css/base/moviematch/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/moviematch/trueblack.css b/css/base/moviematch/trueblack.css
new file mode 100644
index 00000000..e8b31f7c
--- /dev/null
+++ b/css/base/moviematch/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/mylar3/aquamarine.css b/css/base/mylar3/aquamarine.css
new file mode 100644
index 00000000..3146ec52
--- /dev/null
+++ b/css/base/mylar3/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/mylar3/blackberry-abyss.css b/css/base/mylar3/blackberry-abyss.css
new file mode 100644
index 00000000..35b9d976
--- /dev/null
+++ b/css/base/mylar3/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/mylar3/blackberry-amethyst.css b/css/base/mylar3/blackberry-amethyst.css
new file mode 100644
index 00000000..3dfa4b9e
--- /dev/null
+++ b/css/base/mylar3/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/mylar3/blackberry-carol.css b/css/base/mylar3/blackberry-carol.css
new file mode 100644
index 00000000..23fd1de7
--- /dev/null
+++ b/css/base/mylar3/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/mylar3/blackberry-dreamscape.css b/css/base/mylar3/blackberry-dreamscape.css
new file mode 100644
index 00000000..ab71295e
--- /dev/null
+++ b/css/base/mylar3/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/mylar3/blackberry-flamingo.css b/css/base/mylar3/blackberry-flamingo.css
new file mode 100644
index 00000000..62313b29
--- /dev/null
+++ b/css/base/mylar3/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/mylar3/blackberry-hearth.css b/css/base/mylar3/blackberry-hearth.css
new file mode 100644
index 00000000..e65b0b3c
--- /dev/null
+++ b/css/base/mylar3/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/mylar3/blackberry-martian.css b/css/base/mylar3/blackberry-martian.css
new file mode 100644
index 00000000..afc90072
--- /dev/null
+++ b/css/base/mylar3/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/mylar3/blackberry-pumpkin.css b/css/base/mylar3/blackberry-pumpkin.css
new file mode 100644
index 00000000..7b46fbc0
--- /dev/null
+++ b/css/base/mylar3/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/mylar3/blackberry-royal.css b/css/base/mylar3/blackberry-royal.css
new file mode 100644
index 00000000..db59c230
--- /dev/null
+++ b/css/base/mylar3/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/mylar3/blackberry-shadow.css b/css/base/mylar3/blackberry-shadow.css
new file mode 100644
index 00000000..524b3e80
--- /dev/null
+++ b/css/base/mylar3/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/mylar3/blackberry-solar.css b/css/base/mylar3/blackberry-solar.css
new file mode 100644
index 00000000..218fba7e
--- /dev/null
+++ b/css/base/mylar3/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/mylar3/blackberry-vanta.css b/css/base/mylar3/blackberry-vanta.css
new file mode 100644
index 00000000..72df0dab
--- /dev/null
+++ b/css/base/mylar3/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/mylar3/dark.css b/css/base/mylar3/dark.css
new file mode 100644
index 00000000..55d2acaa
--- /dev/null
+++ b/css/base/mylar3/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/mylar3/dracula.css b/css/base/mylar3/dracula.css
new file mode 100644
index 00000000..4e56aab9
--- /dev/null
+++ b/css/base/mylar3/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/mylar3/hotline-old.css b/css/base/mylar3/hotline-old.css
new file mode 100644
index 00000000..1fcd7349
--- /dev/null
+++ b/css/base/mylar3/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/mylar3/hotline.css b/css/base/mylar3/hotline.css
new file mode 100644
index 00000000..21af4ed7
--- /dev/null
+++ b/css/base/mylar3/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/mylar3/hotpink.css b/css/base/mylar3/hotpink.css
new file mode 100644
index 00000000..55939b18
--- /dev/null
+++ b/css/base/mylar3/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/mylar3/mind.css b/css/base/mylar3/mind.css
new file mode 100644
index 00000000..71178350
--- /dev/null
+++ b/css/base/mylar3/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/mylar3/mylar3-base.css b/css/base/mylar3/mylar3-base.css
new file mode 100644
index 00000000..6b3ba80e
--- /dev/null
+++ b/css/base/mylar3/mylar3-base.css
@@ -0,0 +1,3355 @@
+@import url("/css/defaults/placeholders.css");
+
+* {
+    outline: none !important;
+}
+
+/* Variables */
+/* Mixins */
+html,
+body,
+div,
+span,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+abbr,
+address,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+samp,
+small,
+strong,
+sub,
+sup,
+var,
+b,
+i,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+    border: 0;
+    font: inherit;
+    font-size: 100%;
+    margin: 0;
+    padding: 0;
+    vertical-align: baseline;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+    display: block;
+}
+
+html {
+    color: var(--text);
+    font-size: 12px;
+    line-height: 1.5;
+}
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+    font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+    margin: 0;
+    overflow-y: scroll;
+    padding: 0;
+}
+
+a {
+    color: var(--link-color);
+    text-decoration: none;
+    outline: none;
+}
+
+a:hover {
+    color: var(--link-color-hover);
+    -text-decoration: underline;
+}
+
+a.blue {
+    color: blue;
+}
+
+a .ui-icon {
+    display: inline-block;
+    position: relative;
+    top: 3px;
+}
+
+.links a {
+    color: var(--link-color);
+    clear: both;
+    display: inline-block;
+    float: left;
+}
+
+.links a:hover {
+    color: var(--link-color-hover);
+}
+
+.links a .ui-icon {
+    float: left;
+    margin-right: 5px;
+    margin-top: 3px;
+}
+
+h1 {
+    font-size: 24px;
+}
+
+h2 {
+    font-size: 20px;
+}
+
+h3 {
+    font-size: 16px;
+}
+
+p.center {
+    text-align: center;
+}
+
+p.tab {
+    margin-left: 40px;
+}
+
+hr {
+    border: 0;
+    border-top: 1px solid rgba(255, 255, 255, 0.2);
+    display: block;
+    height: 1px;
+    margin: 1em 0;
+    padding: 0;
+}
+
+small {
+    font-size: 100%;
+}
+
+norm {
+    font-size: 115%;
+}
+
+big {
+    font-size: 135%;
+}
+
+td.thickborder {
+    border: solid #000 3px;
+}
+
+img.albumArt {
+    float: left;
+    min-height: 100%;
+    min-width: 100%;
+    max-width: 300px;
+    max-height: 300px;
+    position: relative;
+}
+
+img.editArt {
+    float: left;
+    min-height: 50%;
+    min-width: 50%;
+    max-width: 300px;
+    max-height: 300px;
+    position: relative;
+}
+
+.className {
+    width: 500px;
+    height: 400px;
+    overflow: scroll;
+}
+
+.title {
+    margin-bottom: 20px;
+    margin-top: 10px;
+}
+
+.title h1 img {
+    float: left;
+    margin-right: 10px;
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+    border: 1px solid rgba(255, 255, 255, 0.1) !important;
+    background: rgba(0, 0, 0, 0.25) !important;
+}
+
+table th {
+    background-image: -moz-linear-gradient(#fafafa, #eaeaea) !important;
+    background-image: linear-gradient(#fafafa, #eaeaea) !important;
+    background-image: -webkit-linear-gradient(#2e333844, #2e33382d) !important;
+    background-image: -o-linear-gradient(#fafafa, #eaeaea) !important;
+    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    border-left: 1px solid rgba(255, 255, 255, 0.1);
+    -moz-box-shadow: 1px 0 0 #1c1e22;
+    -webkit-box-shadow: 1px 0 0 #1c1e22;
+    -o-box-shadow: 1px 0 0 #1c1e22;
+    box-shadow: 0px 0 0 #1c1e22;
+    -text-shadow: 1px 1px 0 #1c1e22;
+    color: var(--text-hover) !important;
+}
+
+table th input[type="checkbox"] {
+    vertical-align: middle;
+}
+
+table th:first-child {
+    border-left: 0;
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    -o-box-shadow: none;
+    box-shadow: none;
+}
+
+table th.sorting_desc,
+table th.sorting_asc {
+    background-image: -moz-linear-gradient(#fafbfd, #dce6ef) !important;
+    background-image: linear-gradient(#fafbfd, #dce6ef) !important;
+    background-image: -webkit-linear-gradient(#484e551a, #3a3f442a) !important;
+    background-image: -o-linear-gradient(#fafbfd, #dce6ef) !important;
+    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    -color: #4183c4;
+}
+
+table td {
+    vertical-align: top;
+    background: transparent !important;
+    color: var(--text-hover);
+}
+
+table td a {
+    color: var(--link-color);
+}
+
+/* datatables */
+
+.paging_full_numbers .paginate_button,
+.paging_full_numbers .paginate_active,
+.paging_simple_numbers .paginate_button,
+.paging_simple_numbers .paginate_active {
+    background: var(--button-color);
+    border-radius: 4px 4px 4px 4px;
+    margin: 0 0 0 4px;
+    font-size: 15px;
+    padding: 2px 5px;
+    color: var(--button-text);
+    cursor: pointer;
+    *cursor: hand;
+}
+
+.paging_full_numbers .paginate_button:hover,
+.paging_simple_numbers .paginate_button:hover {
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+.paging_full_numbers .paginate_active,
+.paging_simple_numbers .paginate_active {
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+
+.dataTables_filter input {
+    background: none repeat scroll 0 0 rgb(255 255 255 / 10%);
+    border: 1px solid rgb(255 255 255 / 10%);
+    font-size: 15px;
+    padding: 2px 4px;
+    color: var(--text);
+}
+
+table.display thead th {
+    padding: 3px 5px 3px 5px;
+    background-color: rgba(0, 0, 0, 0);
+    font-weight: bold;
+    font-size: 16px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
+    border-bottom-width: 3px;
+    text-align: center;
+}
+
+/* table.display tr.odd {
+	background-color: rgba(255, 255, 255, 0.15) !important;
+}
+
+table.display tr.even {
+	background-color: rgba(255, 255, 255, 0.05) !important;
+} */
+
+/* DataTables row classes */
+table.display tr.odd.gradeA {
+    background-color: rgba(255, 255, 255, 0.15);
+}
+
+table.display tr.even.gradeA {
+    background-color: rgba(255, 255, 255, 0.05);
+}
+
+table.display tr.odd.gradeB {
+    background-color: #61925f55;
+}
+
+table.display tr.even.gradeB {
+    background-color: #61925f55;
+}
+
+table.display tr.odd.gradeC {
+    background-color: #1a497755;
+}
+
+table.display tr.even.gradeC {
+    background-color: #1a497755;
+}
+
+table.display tr.even.gradeE {
+    background-color: #444b5455;
+}
+
+table.display tr.odd.gradeE {
+    background-color: #444b5455;
+}
+
+table.display tr.even.gradeG {
+    background-color: #0A0A0A55;
+}
+
+table.display tr.odd.gradeG {
+    background-color: #0A0A0A55;
+}
+
+table.display tr.even.gradeH {
+    background-color: #ae343155;
+}
+
+table.display tr.odd.gradeH {
+    background-color: #ae343155;
+}
+
+table.display tr.odd.gradeI {
+    background-color: #216f7055;
+}
+
+table.display tr.even.gradeI {
+    background-color: #216f7055;
+}
+
+table.display tr.even.gradeL {
+    background-color: #1c518855;
+}
+
+table.display tr.odd.gradeL {
+    background-color: #ebf5ff55;
+}
+
+table.display tr.odd.gradeX {
+    background-color: #64171655;
+}
+
+table.display tr.even.gradeX {
+    background-color: #64171655;
+}
+
+table.display tr.odd.gradeU {
+    background-color: #382f6455;
+}
+
+table.display tr.even.gradeU {
+    background-color: #382f6455;
+}
+
+table.display tr.odd.gradeP {
+    background-color: #68FC6855;
+}
+
+table.display tr.even.gradeP {
+    background-color: #68FC6855;
+}
+
+table.display tr.odd.gradeD {
+    background-color: #29813855;
+}
+
+table.display tr.even.gradeD {
+    background-color: #29813855;
+}
+
+table.display tr.odd.gradeZ {
+    background-color: #353a4155;
+}
+
+table.display tr.even.gradeZ {
+    background-color: #2e333855;
+}
+
+table.display tr.odd.gradeT {
+    background-color: #bd915a55;
+}
+
+table.display tr.even.gradeT {
+    background-color: #bd915a55;
+}
+
+table.display tr.odd.gradeF {
+    background-color: #FF585855;
+}
+
+table.display tr.even.gradeF {
+    background-color: #FF585855;
+}
+
+table.display tr.odd.gradeT1 {
+    background-color: #FFDDDD55;
+}
+
+table.display tr.even.gradeT1 {
+    background-color: #FFDDDD55;
+}
+
+table.display tr.odd.gradeT2 {
+    background-color: #A97D7B55;
+}
+
+table.display tr.even.gradeT2 {
+    background-color: #A97D7B55;
+}
+
+
+table.display tr.gradeA td,
+table.display tr.gradeB td,
+table.display tr.gradeC td,
+table.display tr.gradeE td,
+table.display tr.gradeG td,
+table.display tr.gradeH td,
+table.display tr.gradeI td,
+table.display tr.gradeL td,
+table.display tr.gradeX td,
+table.display tr.gradeU td,
+table.display tr.gradeP td,
+table.display tr.gradeD td,
+table.display tr.gradeT td,
+table.display tr.gradeF td,
+table.display tr.gradeT1 td,
+table.display tr.gradeT2 td,
+table.display tr.gradeZ td {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    border-right: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+table.display_no_select tr.gradeA td,
+table.display_no_select tr.gradeC td,
+table.display_no_select tr.gradeE td,
+table.display_no_select tr.gradeG td,
+table.display_no_select tr.gradeH td,
+table.display_no_select tr.gradeI td,
+table.display_no_select tr.gradeL td,
+table.display_no_select tr.gradeX td,
+table.display_no_select tr.gradeU td,
+table.display_no_select tr.gradeP td,
+table.display_no_select tr.gradeD td,
+table.display_no_select tr.gradeT td,
+table.display_no_select tr.gradeF td,
+table.display_no_select tr.gradeT1 td,
+table.display_no_select tr.gradeT2 td,
+table.display_no_select tr.gradeZ td {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    border-right: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+table.display_no_select thead th {
+    padding: 3px 18px 3px 10px;
+    background-color: rgba(0, 0, 0, 0.1);
+    font-weight: bold;
+    font-size: 16px;
+}
+
+table.display tr:last-child td {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
+}
+
+select,
+input,
+textarea,
+button {
+    font: 99%;
+}
+
+select {
+    background: rgba(255, 255, 255, 0.15);
+    color: var(--text);
+}
+
+select:focus {
+    background: #1f1f1f;
+    color: var(--text);
+}
+
+
+#more {
+    display: none;
+}
+
+textarea {
+    overflow: auto;
+}
+
+input {
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    background: rgba(255, 255, 255, 0.15);
+    border: none;
+    color: var(--text);
+    padding: 2px 4px;
+}
+
+#tabs-1>table>tbody>tr>td:nth-child(1)>form>fieldset {
+    margin-left: 5px;
+}
+
+input:invalid,
+textarea:invalid {
+    -moz-box-shadow: 0 0 5px #ff0000;
+    -webkit-box-shadow: 0 0 5px #ff0000;
+    -o-box-shadow: 0 0 5px #ff0000;
+    box-shadow: 0 0 5px #ff0000;
+    -moz-border-radius: 1px;
+    -webkit-border-radius: 1px;
+    border-radius: 1px;
+}
+
+.no-boxshadow input:invalid,
+.no-boxshadow textarea:invalid {
+    background-color: #f0dddd;
+}
+
+label,
+input[type="button"],
+input[type="submit"],
+input[type="image"],
+button {
+    cursor: pointer;
+}
+
+button,
+input,
+select,
+textarea {
+    margin: 0;
+}
+
+button {
+    overflow: visible;
+    width: auto;
+}
+
+input,
+select,
+form .checkbox input,
+.configtable td#middle {
+    vertical-align: middle;
+    text-align: left;
+}
+
+input[type="radio"] {
+    vertical-align: text-bottom;
+}
+
+::-moz-selection,
+::selection {
+    background: grey;
+    var(--text-hover);
+    text-shadow: none;
+}
+
+input[type="submit"],
+input[type="button"] {
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    background: var(--button-color);
+    border: 0;
+    border-bottom: 1px solid var(--button-color);
+    color: var(--button-text);
+    cursor: pointer;
+    display: inline-block;
+    margin-right: 3px;
+    padding: 4px 10px;
+    position: relative;
+    text-decoration: none;
+    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0);
+}
+
+input[type="submit"]:hover,
+input[type="button"]:hover,
+input[type="submit"]:active,
+input[type="button"]:active {
+    background: var(--button-color-hover);
+    border-bottom: 1px solid var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+form legend,
+form h2 {
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 10px;
+}
+
+form table {
+    width: 100%;
+}
+
+form fieldset {
+    margin-bottom: 20px;
+}
+
+form fieldset small.heading {
+    color: var(--text-hover);
+    display: block;
+    font-style: italic;
+    margin-bottom: 10px;
+    margin-top: -15px;
+}
+
+form .fieldset-auto-width {
+    display: inline-block;
+}
+
+form .row {
+    font-family: Helvetica, Arial;
+    margin-bottom: 10px;
+}
+
+form .row label {
+    display: block;
+    float: left;
+    font-size: 12px;
+    line-height: normal;
+    padding-top: 7px;
+    width: 175px;
+}
+
+form .row input {
+    margin-right: 5px;
+}
+
+form .row input[type=text],
+form .row input[type=password] {
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-top: 1px solid transparent;
+    -moz-box-shadow: 0 1px 0 transparent;
+    -webkit-box-shadow: 0 1px 0 transparent;
+    -o-box-shadow: 0 1px 0 transparent;
+    box-shadow: 0 1px 0 transparent;
+    -moz-box-shadow: inset 0 1px 1px transparent;
+    -webkit-box-shadow: inset 0 1px 1px transparent;
+    -o-box-shadow: inset 0 1px 1px transparent;
+    box-shadow: inset 0 1px 1px transparent;
+    color: var(--text);
+    font-size: 14px;
+    height: auto;
+    line-height: normal;
+    max-width: 230px;
+    margin-right: 5px;
+    padding: 3px 5px;
+    background: rgba(255, 255, 255, 0.1);
+}
+
+form .row input[type=text]:focus,
+form .row input[type=password]:focus {
+    background: rgba(255, 255, 255, 0.25);
+}
+
+form .row small {
+    color: var(--text-muted);
+    display: block;
+    font-size: 11px;
+    line-height: 12px;
+    margin-left: 175px;
+    margin-top: 3px;
+}
+
+form .left label {
+    float: none;
+    line-height: normal;
+    margin-bottom: 10px;
+    padding-top: 1px;
+    width: auto;
+}
+
+form .left input {
+    float: left;
+    margin-bottom: 10px;
+}
+
+form .radio label {
+    float: none;
+    line-height: normal;
+    margin-bottom: 10px;
+    padding-top: 1px;
+    width: auto;
+}
+
+form .radio input {
+    float: left;
+    margin-bottom: 10px;
+}
+
+form .radio small {
+    display: inline !important;
+    line-height: normal !important;
+    margin: 0 !important;
+    width: auto;
+}
+
+form .checkbox small {
+    display: inline !important;
+    line-height: normal !important;
+    margin: 0 !important;
+    width: auto;
+}
+
+ul,
+ol {
+    margin-left: 2em;
+}
+
+ol {
+    list-style-type: decimal;
+}
+
+nav ul,
+nav li {
+    list-style: none;
+    list-style-image: none;
+    margin: 0;
+}
+
+ul#nav {
+    float: right;
+    margin: 0;
+    padding: 0 0 0 10px;
+    border-left: 1px solid #1c1e2200;
+    -moz-box-shadow: -1px 0 0 #e0e0e0;
+    -webkit-box-shadow: -1px 0 0 #e0e0e0;
+    -o-box-shadow: -1px 0 0 #e0e0e0;
+    box-shadow: -1px 0 0 #1c1e2200;
+    height: 58px;
+}
+
+ul#nav li {
+    display: block;
+    float: left;
+    font-size: 18px;
+    font-weight: bold;
+    margin: 8px 0 0 0;
+    text-align: center;
+}
+
+ul#nav li a {
+    color: rgb(var(--accent-color));
+    display: block;
+    padding: 7px 15px;
+    text-shadow: 1px 1px 0px var(--text);
+    text-transform: capitalize;
+    border: 1px solid transparent;
+    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
+}
+
+ul#nav li a:hover {
+    background: transparent !important;
+    color: var(--accent-color-hover);
+    filter: none !important;
+    -ms-filter: none !important;
+    -border: 1px solid transparent;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    -moz-box-shadow: 0 1px 0 transparent;
+    -webkit-box-shadow: 0 1px 0 transparent;
+    -o-box-shadow: 0 1px 0 transparent;
+    box-shadow: 0 1px 0 transparent;
+    -moz-box-shadow: 0 1px 0 transparent inset;
+    -webkit-box-shadow: 0 1px 0 transparent inset;
+    -o-box-shadow: 0 1px 0 transparent inset;
+    box-shadow: 0 1px 0 rgba(0, 0, 0, 0) inset;
+    -webkit-transition: color 0.2s ease-in;
+    -moz-transition: color 0.2s ease-in;
+    -o-transition: color 0.2s ease-in;
+    transition: color 0.2s ease-in;
+}
+
+ul#nav li a.config {
+    height: 28px;
+    width: 10px;
+}
+
+ul#nav li a.config img {
+    position: relative;
+    top: -7px;
+    left: -7px;
+}
+
+ul#nav li a.log {
+    font-size: 13px;
+    padding: 10px 15px 11px;
+}
+
+header {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+
+    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    border-bottom: 3px solid transparent;
+    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0);
+    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0);
+    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0);
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
+    height: 58px;
+    position: fixed;
+    width: 100%;
+    z-index: 999;
+}
+
+header .wrapper {
+    margin: 0 auto;
+    overflow: hidden;
+    position: relative;
+    width: 960px;
+}
+
+header #logo {
+    float: left;
+    margin-right: 20px;
+    position: relative;
+    top: -3px;
+    margin-left: 10px;
+    opacity: 0.8;
+    filter: alpha(opacity=40);
+    /* For IE8 and earlier */
+}
+
+footer {
+    display: table;
+    margin: 60px auto 50px auto;
+    width: 960px;
+    padding-top: 10px;
+    border-top: 1px solid #EEE;
+}
+
+footer div em,
+footer div {
+    color: var(--text-muted) !important;
+}
+
+#main {
+    line-height: 24px;
+    margin: 0 auto;
+    padding: 75px 0 0;
+    width: 960px;
+}
+
+.message {
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+    background-image: -moz-linear-gradient(#fcf5c2, #fff6a9) !important;
+    background-image: linear-gradient(#fcf5c2, #fff6a9) !important;
+    background-image: -webkit-linear-gradient(#8c8c8c, #727272) !important;
+    background-image: -o-linear-gradient(#fcf5c2, #fff6a9) !important;
+    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    display: inline-block;
+    padding: 5px 10px;
+    margin-top: 10px;
+}
+
+.message .ui-icon {
+    float: left;
+    margin-right: 5px;
+    position: relative;
+    top: 4px;
+}
+
+#ajaxMsg {
+    -border: 1px solid #000;
+    background-image: -moz-linear-gradient(#ffffff, #eeeeee) !important;
+    background-image: linear-gradient(#ffffff, #eeeeee) !important;
+    background-image: -webkit-linear-gradient(#ffffff, #eeeeee) !important;
+    background-image: -o-linear-gradient(#ffffff, #eeeeee) !important;
+    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    -moz-border-radius: 7px;
+    -webkit-border-radius: 7px;
+    border-radius: 7px;
+    display: none;
+    font-size: 14px;
+    right: 10px;
+    -moz-box-shadow: 0px 0px 2px #aaaaaa;
+    -webkit-box-shadow: 0px 0px 2px #aaaaaa;
+    -o-box-shadow: 0px 0px 2px #aaaaaa;
+    box-shadow: 0px 0px 2px var(--text);
+    padding: 7px 10px;
+    position: fixed;
+    text-align: center;
+    bottom: 10px;
+    min-height: 22px;
+    width: 250px;
+    z-index: 9999;
+    filter: alpha(opacity=85);
+    -moz-opacity: 0.8 !important;
+    -khtml-opacity: 0.8 !important;
+    -o-opacity: 0.8 !important;
+    opacity: 0.8 !important;
+}
+
+#ajaxMsg .msg {
+    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
+    line-height: normal;
+    padding-left: 20px;
+}
+
+#ajaxMsg .loader {
+    position: relative;
+    top: 2px;
+}
+
+#ajaxMsg.success {
+    background-image: -moz-linear-gradient(#d3ffd7, #c2edc6) !important;
+    background-image: linear-gradient(#d3ffd7, #c2edc6) !important;
+    background-image: -webkit-linear-gradient(#113010, #1c521a) !important;
+    background-image: -o-linear-gradient(#d3ffd7, #c2edc6) !important;
+    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    padding: 15px 10px;
+    text-align: left;
+}
+
+#ajaxMsg.error {
+    background-image: -moz-linear-gradient(#ffd3d3, #edc4c4) !important;
+    background-image: linear-gradient(#ffd3d3, #edc4c4) !important;
+    background-image: -webkit-linear-gradient(#7a0f0f, #a61212) !important;
+    background-image: -o-linear-gradient(#ffd3d3, #edc4c4) !important;
+    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    padding: 15px 10px;
+    text-align: left;
+}
+
+#ajaxMsg .ui-icon {
+    display: inline-block;
+    margin-left: -20px;
+    top: 2px;
+    position: relative;
+    margin-right: 3px;
+}
+
+#updatebar {
+    border: 1px solid #1c1e22;
+    background-image: -moz-linear-gradient(#ffffff, #eeeeee) !important;
+    background-image: linear-gradient(#ffffff, #eeeeee) !important;
+    background-image: -webkit-linear-gradient(#ffffff, #eeeeee) !important;
+    background-image: -o-linear-gradient(#ffffff, #eeeeee) !important;
+    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    -moz-border-radius: 7px;
+    -webkit-border-radius: 7px;
+    border-radius: 7px;
+    display: none;
+    font-size: 14px;
+    right: 10px;
+    -moz-box-shadow: 0px 0px 2px #aaaaaa;
+    -webkit-box-shadow: 0px 0px 2px #aaaaaa;
+    -o-box-shadow: 0px 0px 2px #aaaaaa;
+    box-shadow: 0px 0px 2px #1c1e22;
+    padding: 7px 10px;
+    position: fixed;
+    text-align: center;
+    bottom: 10px;
+    min-height: 22px;
+    width: 250px;
+    z-index: 9999;
+    filter: alpha(opacity=85);
+    -moz-opacity: 0.8 !important;
+    -khtml-opacity: 0.8 !important;
+    -o-opacity: 0.8 !important;
+    opacity: 0.8 !important;
+    display: block;
+    background-image: -moz-linear-gradient(#fcf5c2, #fff6a9) !important;
+    background-image: linear-gradient(#fcf5c2, #fff6a9) !important;
+    background-image: -webkit-linear-gradient(#484e55, #3a3f44) !important;
+    background-image: -o-linear-gradient(#fcf5c2, #fff6a9) !important;
+    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+}
+
+#updatebar .msg {
+    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
+    line-height: normal;
+    padding-left: 20px;
+}
+
+#updatebar .loader {
+    position: relative;
+    top: 2px;
+}
+
+#updatebar.success {
+    background-image: -moz-linear-gradient(#d3ffd7, #c2edc6) !important;
+    background-image: linear-gradient(#d3ffd7, #c2edc6) !important;
+    background-image: -webkit-linear-gradient(#d3ffd7, #c2edc6) !important;
+    background-image: -o-linear-gradient(#d3ffd7, #c2edc6) !important;
+    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    padding: 15px 10px;
+    text-align: left;
+}
+
+#updatebar.error {
+    background-image: -moz-linear-gradient(#ffd3d3, #edc4c4) !important;
+    background-image: linear-gradient(#ffd3d3, #edc4c4) !important;
+    background-image: -webkit-linear-gradient(#ffd3d3, #edc4c4) !important;
+    background-image: -o-linear-gradient(#ffd3d3, #edc4c4) !important;
+    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    padding: 15px 10px;
+    text-align: left;
+}
+
+#updatebar .ui-icon {
+    display: inline-block;
+    margin-left: -20px;
+    top: 2px;
+    position: relative;
+    margin-right: 3px;
+}
+
+#subhead .back {
+    float: left;
+    margin-top: -25px;
+}
+
+#subhead #subhead_container {
+    float: right;
+    height: 30px;
+    list-style-type: none;
+    width: 100%;
+    z-index: 998;
+}
+
+#subhead #subhead_container #subhead_menu {
+    float: right;
+    margin-top: 5px;
+    position: relative;
+    z-index: 99;
+}
+
+#subhead #subhead_container #subhead_menu a {
+    background: var(--button-color) !important;
+    color: var(--button-text);
+    filter: none !important;
+    -ms-filter: none !important;
+    font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+    font-size: 12px;
+    font-weight: normal;
+}
+
+#subhead #subhead_container #subhead_menu a:hover {
+    background: var(--button-color-hover) !important;
+    filter: None !important;
+    -ms-filter: None !important;
+    color: var(--button-text-hover);
+    border: inherit !important;
+}
+
+div#searchbar {
+    border-left: 1px solid transparent;
+    -moz-box-shadow: -1px 0 0 #e0e0e0;
+    -webkit-box-shadow: -1px 0 0 #e0e0e0;
+    -o-box-shadow: -1px 0 0 #e0e0e0;
+    box-shadow: -1px 0 0 transparent;
+    padding: 17px 0 14px 7px;
+    position: absolute;
+    left: 90px;
+    top: 1px;
+}
+
+div#searchbar input[type=text] {
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-top: 1px solid transparent;
+    -moz-box-shadow: None;
+    -webkit-box-shadow: None;
+    -o-box-shadow: None;
+    box-shadow: None;
+    color: var(--text);
+    float: left;
+    font-size: 14px;
+    height: auto;
+    line-height: normal;
+    margin-right: 10px;
+    padding: 4px 5px 4px 25px;
+    width: 150px;
+    background: rgba(255, 255, 255, 0.1);
+}
+
+div#searchbar .mini-icon {
+    height: 20px;
+    width: 20px;
+    background: url("../../../images/icon_search.gif") left top no-repeat;
+    position: absolute;
+    display: block;
+    margin-left: 6px;
+    margin-top: 6px;
+}
+
+.checkbox.inline {
+    padding: 5px;
+}
+
+.checkbox.inline>input {
+    margin-right: 5px;
+    margin-left: 0;
+    color: var(--text-hover);
+}
+
+.Skipped {
+    background-color: #353a41;
+    height: 30px;
+}
+
+.Downloaded {
+    background-color: #0d4a0b;
+    height: 30px;
+}
+
+.Archived {
+    background-color: #0d4a0b;
+    height: 30px;
+}
+
+.Wanted {
+    background-color: #641716;
+    height: 30px;
+}
+
+.WantedTier {
+    background-color: #A97D7B;
+    height: 30px;
+}
+
+.Snatched {
+    background-color: #1a4977;
+    height: 30px;
+}
+
+.Failed {
+    background-color: #ff5858;
+    height: 30px;
+}
+
+.Ignored {
+    background-color: #353a41;
+    height: 30px;
+}
+
+.comictable legend {
+    font-size: 14px;
+    font-weight: bold;
+    margin-bottom: 10px;
+    -text-shadow: 1px 1px 0 var(--text-hover);
+}
+
+.comictable tr td:last-child {
+    border-left: 1px dotted #ddd;
+    padding-left: 20px;
+}
+
+.comictable td {
+    padding-right: 15px;
+}
+
+.configtable legend {
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 10px;
+    -text-shadow: 1px 1px 0 var(--text-hover);
+}
+
+.configtable tr td:last-child {
+    border-left: 1px dotted #ddd;
+    padding-left: 20px;
+}
+
+.configtable td {
+    padding-right: 15px;
+    width: 50%;
+}
+
+.table_wrapper {
+    _height: 302px;
+    -background-color: #FFF;
+    clear: both;
+    margin: 30px auto 0;
+    min-height: 100px;
+    position: relative;
+    width: 100%;
+    zoom: 1px;
+}
+
+.manage_wrapper {
+    _height: 302px;
+    clear: both;
+    margin: 20px auto 0;
+    min-height: 150px;
+    padding: 25px;
+    width: 88%;
+    zoom: 1px;
+}
+
+#paddingheader {
+    position: relative;
+    top: 0px;
+}
+
+#paddingheader h1 {
+    line-height: 33px;
+    /* width: 450px; */
+}
+
+#paddingheader h1 img {
+    float: left;
+    margin-right: 5px;
+}
+
+div#nopaddingheader {
+    font-size: 24px;
+    font-weight: bold;
+    text-align: center;
+}
+
+div#seriesheader {
+    font-size: 24px;
+    font-weight: bold;
+    text-align: left;
+    margin-bottom: 10px;
+}
+
+div#artistheader {
+    margin-top: 50px;
+    min-height: 200px;
+}
+
+div#artistheader #artistImg {
+    background: var(--text-hover) url("../../../images/loader_black.gif") center no-repeat;
+    border: 5px solid var(--text-hover);
+    -moz-box-shadow: 1px 1px 2px 0 #555555;
+    -webkit-box-shadow: 1px 1px 2px 0 #555555;
+    -o-box-shadow: 1px 1px 2px 0 #555555;
+    box-shadow: 1px 1px 2px 0 #555555;
+    float: left;
+    height: 368px;
+    margin-bottom: 50px;
+    margin-right: 40px;
+    overflow: hidden;
+    text-indent: -3000px;
+    width: 240px;
+}
+
+div#artistheader #artistDetails {
+    font-size: 16px;
+    line-height: 24px;
+    margin-top: 10px;
+}
+
+#artistBio_table {
+    padding: 5px;
+    width: 650px;
+}
+
+#artistBio_table td#bio {
+    font-size: 12px;
+    line-height: 16px;
+    margin-top: 5px;
+}
+
+div#artistheader h1 a {
+    font-size: 32px;
+    margin-bottom: 5px;
+    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
+}
+
+div#artistheader h2 a {
+    font-style: italic;
+    font-weight: bold;
+    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
+}
+
+#scheduler_detail th#job {
+    width: 50px;
+    text-align: center;
+}
+
+#scheduler_detail th#nextrun {
+    width: 100px;
+    text-align: center;
+}
+
+#scheduler_detail th#prevrun {
+    width: 100px;
+    text-align: center;
+}
+
+#scheduler_detail th#options {
+    width: 100px;
+    text-align: center;
+}
+
+#scheduler_detail td#job {
+    width: 50px;
+    text-align: left;
+    vertical-align: middle;
+    font-size: 12px;
+}
+
+#scheduler_detail td#nextrun {
+    width: 100px;
+    text-align: center;
+    vertical-align: middle;
+    font-size: 12px;
+}
+
+#scheduler_detail td#prevrun {
+    width: 100px;
+    text-align: center;
+    vertical-align: middle;
+    font-size: 12px;
+}
+
+#scheduler_detail td#options {
+    width: 100px;
+    text-align: center;
+    vertical-align: middle;
+    font-size: 12px;
+}
+
+#read_detail th#options {
+    min-width: 150px;
+    text-align: center;
+}
+
+#read_detail th#comicname {
+    min-width: 290px;
+    text-align: center;
+}
+
+#read_detail th#issue {
+    max-width: 27px;
+    text-align: center;
+}
+
+#read_detail th#status {
+    max-width: 90px;
+    text-align: center;
+}
+
+#read_detail th#issuedate {
+    max-width: 50px;
+    text-align: center;
+}
+
+#read_detail th#select {
+    max-width: 10px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#read_detail td#comicname {
+    min-width: 290px;
+    text-align: center;
+    vertical-align: middle;
+    font-size: 12px;
+}
+
+#read_detail td#issue {
+    max-width: 20px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#read_detail td#status {
+    max-width: 90px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#read_detail td#issuedate {
+    max-width: 50px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#read_detail td#options {
+    min-width: 150px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#read_detail td#select {
+    max-width: 10px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#storyarcs th#options {
+    max-width: 100px;
+    text-align: center;
+}
+
+#storyarcs th#storyarc {
+    max-width: 375px;
+    text-align: left;
+}
+
+#storyarcs th#years {
+    max-width: 60px;
+    text-align: center;
+}
+
+#storyarcs th#have {
+    max-width: 70px;
+    text-align: center;
+}
+
+#storyarcs td#storyarc {
+    min-width: 375px;
+    text-align: left;
+    vertical-align: middle;
+    font-size: 12px;
+}
+
+#storyarcs td#years {
+    max-width: 60px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#storyarcs td#options {
+    max-width: 100px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#storyarcs td#have {
+    max-width: 70px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#arc_detail th#options {
+    max-width: 200px;
+    text-align: center;
+}
+
+#arc_detail th#comicname {
+    min-width: 280px;
+    text-align: left;
+}
+
+#arc_detail th#issue {
+    max-width: 25px;
+    text-align: center;
+}
+
+#arc_detail th#status {
+    max-width: 85px;
+    text-align: center;
+}
+
+#arc_detail th#issuedate {
+    max-width: 58px;
+    text-align: center;
+}
+
+#arc_detail th#readingorder {
+    max-width: 15px;
+    text-align: right;
+    vertical-align: middle;
+}
+
+#arc_detail td#comicname {
+    min-width: 280px;
+    text-align: left;
+    vertical-align: middle;
+    font-size: 12px;
+}
+
+#arc_detail td#issue {
+    max-width: 25px;
+    text-align: right;
+    vertical-align: middle;
+}
+
+#arc_detail td#status {
+    max-width: 85px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#arc_detail td#issuedate {
+    max-width: 58px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#arc_detail td#options {
+    max-width: 200px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#arc_detail td#readingorder {
+    max-width: 15px;
+    text-align: right;
+    vertical-align: middle;
+}
+
+#weekly_pull th#publisher {
+    min-width: 150px;
+    text-align: left;
+}
+
+#weekly_pull th#comicname {
+    min-width: 250px;
+    text-align: left;
+}
+
+#weekly_pull th#comicnumber,
+#weekly_pull th#status,
+#weekly_pull th#series {
+    min-width: 50px;
+    text-align: center;
+}
+
+#weekly_pull td#comicname {
+    min-width: 275px;
+    text-align: left;
+    vertical-align: middle;
+    font-size: 12px;
+}
+
+#weekly_pull td#status,
+#weekly_pull td#series,
+#weekly_pull td#comicnumber {
+    min-width: 50px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#weekly_pull td#publisher {
+    min-width: 150px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#pull_table th#publisher {
+    min-width: 100px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#pull_table th#comicname {
+    min-width: 300px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#pull_table th#comicnumber {
+    max-width: 25px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#pull_table th#status {
+    min-width: 30px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#pull_table th#options {
+    min-width: 90px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#pull_table td#publisher {
+    min-width: 100px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#pull_table td#comicname {
+    min-width: 300px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#pull_table td#comicnumber {
+    max-width: 25px;
+    text-align: right;
+    vertical-align: middle;
+}
+
+#pull_table td#status {
+    min-width: 30px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#pull_table td#options {
+    min-width: 90px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#manage_comic th#name {
+    min-width: 275px;
+    text-align: center;
+}
+
+#manage_comic th#latest {
+    min-width: 150px;
+    text-align: center;
+}
+
+#manage_comic th#status,
+#manage_comic th#albumart,
+#manage_comic th#lastupdated {
+    min-width: 50px;
+    text-align: center;
+}
+
+#manage_comic th#stat_icon {
+    max-width: 15px;
+    text-align: center;
+}
+
+#manage_comic th#have,
+#manage_comic th#publisher {
+    text-align: center;
+}
+
+#manage_comic td#name {
+    min-width: 275px;
+    text-align: center;
+    vertical-align: middle;
+    font-size: 12px;
+}
+
+#manage_comic td#status,
+#manage_comic td#lastupdated,
+#manage_comic td#publisher {
+    min-width: 50px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#manage_comic td#stat_icon {
+    max-width: 15px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#manage_comic td#latest {
+    min-width: 150px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#manage_comic td#have {
+    min-width: 50px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#manage_issues th#name {
+    min-width: 275px;
+    text-align: center;
+}
+
+#manage_issues th#options {
+    min-width: 150px;
+    text-align: center;
+}
+
+#manage_issues th#select {
+    min-width: 10px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#manage_issues th#status,
+#manage_issues th#issue,
+#manage_issues th#pubdate,
+#manage_issues th#releasedate,
+#manage_issues th#int_issue {
+    min-width: 50px;
+    text-align: center;
+}
+
+#manage_issues td#name {
+    min-width: 275px;
+    text-align: center;
+    vertical-align: middle;
+    font-size: 12px;
+}
+
+#manage_issues td#select {
+    min-width: 10px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#manage_issues td#status,
+#manage_issues td#issue,
+#manage_issues td#pubdate,
+#manage_issues td#releasedate,
+#manage_issues td#int_issue {
+    min-width: 50px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#manage_issues td#options {
+    min-width: 150px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#manage_failed th#series {
+    min-width: 175px;
+    text-align: center;
+}
+
+#manage_failed th#select {
+    min-width: 10px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#manage_failed th#issue,
+#manage_failed th#site,
+#manage_failed th#datefailed {
+    min-width: 50px;
+    text-align: center;
+}
+
+#manage_failed th#link {
+    min-width: 100px;
+    text-align: center;
+}
+
+#manage_failed td#series {
+    min-width: 175px;
+    text-align: left;
+    vertical-align: middle;
+    font-size: 12px;
+}
+
+#manage_failed td#select {
+    min-width: 10px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#manage_failed td#issue,
+#manage_failed td#site,
+#manage_failed td#datefailed {
+    min-width: 50px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#manage_failed td#link {
+    min-width: 100px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#series_table {
+    background-color: rgba(0, 0, 0, 0);
+    padding: 20px;
+    width: 100%;
+}
+
+#series_table th#publisher {
+    max-width: 120px;
+    text-align: center;
+}
+
+#series_table th#name {
+    min-width: 290px;
+    text-align: center;
+}
+
+#series_table th#year {
+    max-width: 25px;
+    text-align: center;
+}
+
+#series_table th#havepercent,
+#series_table th#totalcount {
+    max-width: 1px;
+    text-align: left;
+    display: none;
+}
+
+#series_table th#activestatus {
+    max-width: 1px;
+    text-align: left;
+    display: none;
+}
+
+#series_table th#active {
+    max-width: 35px;
+    text-align: center;
+}
+
+#series_table th#issue {
+    max-width: 30px;
+    text-align: center;
+}
+
+#series_table th#status {
+    max-width: 50px;
+    text-align: center;
+}
+
+#series_table th#published {
+    max-width: 55px;
+    text-align: center;
+}
+
+#series_table th#have {
+    max-width: 80px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#series_table td#publisher {
+    max-width: 120px;
+    text-align: center;
+    vertical-align: middle;
+    font-size: 12px;
+    background-color: #353a41;
+}
+
+#series_table td#name {
+    min-width: 290px;
+    text-align: center;
+    vertical-align: middle;
+    background-color: #353a41;
+}
+
+#series_table td#year {
+    max-width: 25px;
+    text-align: center;
+    vertical-align: middle;
+    background-color: #353a41;
+}
+
+#series_table td#havepercent,
+#series_table td#totalcount {
+    max-width: 1px;
+    text-align: left;
+    vertical-align: middle;
+    display: none;
+}
+
+#series_table td#activestatus {
+    max-width: 1px;
+    text-align: left;
+    vertical-align: middle;
+    display: none;
+}
+
+#series_table td#active {
+    max-width: 35px;
+    text-align: center;
+    vertical-align: middle;
+    background-color: #353a41;
+}
+
+#series_table td#issue {
+    max-width: 30px;
+    text-align: center;
+    vertical-align: middle;
+    background-color: #353a41;
+}
+
+#series_table td#status {
+    max-width: 50px;
+    text-align: center;
+    vertical-align: middle;
+    background-color: #353a41;
+}
+
+#series_table td#published {
+    max-width: 55px;
+    text-align: center;
+    vertical-align: middle;
+    background-color: #353a41;
+}
+
+#series_table td#have {
+    max-width: 80px;
+    text-align: center;
+    vertical-align: middle;
+    background-color: #353a41;
+}
+
+#manageheader {
+    margin-top: 45px;
+    margin-bottom: 0;
+}
+
+#history_table {
+    background-color: #FFF;
+    font-size: 13px;
+    width: 100%;
+}
+
+#history_table td#dateadded {
+    font-size: 12px;
+    min-width: 100px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#history_table td#filename {
+    font-size: 12px;
+    min-width: 150px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#history_table td#size {
+    font-size: 12px;
+    min-width: 40px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#history_table td#status {
+    font-size: 12px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#history_table td#action {
+    font-size: 12px;
+    max-width: 30px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#log_table {
+    background-color: #FFF;
+}
+
+#log_table th#timestamp {
+    min-width: 125px;
+    text-align: left;
+}
+
+#log_table th#level {
+    max-width: 60px;
+    text-align: left;
+}
+
+#log_table th#message {
+    min-width: 600px;
+    text-align: left;
+}
+
+#searchresults_table th#name {
+    min-width: 525px;
+    text-align: left;
+}
+
+#searchresults_table th#comicyear {
+    min-width: 50px;
+    text-align: left;
+}
+
+#searchresults_table th#issues {
+    min-width: 50px;
+    text-align: left;
+}
+
+#searchresults_table th#add {
+    min-width: 75px;
+    text-align: left;
+}
+
+#searchresults_table #artistImg {
+    background: url("../../../images/loader_black.gif") no-repeat scroll center center var(--text-hover);
+    border: 3px solid var(--text-hover);
+    box-shadow: 1px 1px 2px 0 #555555;
+    float: left;
+    height: 50px;
+    overflow: hidden;
+    text-indent: -3000px;
+    width: 50px;
+}
+
+#searchresults_table td#name {
+    min-width: 500px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#searchresults_table td#comicyear {
+    min-width: 50px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#searchresults_table td#issues {
+    min-width: 50px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#searchresults_table td#add {
+    min-width: 75px;
+    vertical-align: middle;
+}
+
+#searchresults_table td#score .bar {
+    width: 100px;
+    margin: 0 auto;
+    border: 1px solid #cccccc;
+    padding: 1px;
+    background-color: #FFF;
+}
+
+#searchresults_table td#score .bar .score {
+    height: 14px;
+    color: #343434;
+    color: var(--text-hover);
+    font-size: 11px;
+    vertical-align: middle;
+    line-height: normal;
+    background-image: -moz-linear-gradient(#a3e532, #90cc2a) !important;
+    background-image: linear-gradient(#a3e532, #90cc2a) !important;
+    background-image: -webkit-linear-gradient(#a3e532, #90cc2a) !important;
+    background-image: -o-linear-gradient(#a3e532, #90cc2a) !important;
+    filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+    -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
+}
+
+#impresults_table th#select {
+    min-width: 10px;
+    text-align: left;
+
+}
+
+#impresults_table th#select input {
+    vertical-align: middle;
+    min-width: 10px;
+}
+
+#impresults_table th#comicname {
+    min-width: 325px;
+    text-align: left;
+}
+
+#impresults_table th#comicyear {
+    min-width: 75px;
+    text-align: center;
+}
+
+#impresults_table th#issues {
+    min-width: 25px;
+    text-align: center;
+}
+
+#impresults_table th#status {
+    min-width: 110px;
+    text-align: center;
+}
+
+#impresults_table th#importdate {
+    min-width: 100px;
+    text-align: center;
+}
+
+#impresults_table th#addcomic {
+    min-width: 100px;
+    text-align: left;
+}
+
+#impresults_table td#select {
+    min-width: 10px;
+    text-align: middle;
+    vertical-align: middle;
+}
+
+#impresults_table td#select input {
+    min-width: 10px;
+    vertical-align: middle;
+}
+
+#impresults_table td#comicname {
+    min-width: 325px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#impresults_table td#comicyear {
+    min-width: 75px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#impresults_table td#issues {
+    min-width: 25px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#impresults_table td#status {
+    min-width: 110px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#impresults_table td#importdate {
+    min-width: 100px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#impresults_table td#addcomic {
+    min-width: 100px;
+    vertical-align: middle;
+    text-align: left;
+}
+
+#downloads_table th#title {
+    max-width: 150px;
+    vertical-align: middle;
+    text-align: center;
+}
+
+#downloads_table th#size {
+    max-width: 35px;
+    vertical-align: middle;
+    text-align: center;
+}
+
+#downloads_table th#kind {
+    max-width: 20px;
+    vertical-align: middle;
+    text-align: center;
+}
+
+#downloads_table th#provider {
+    max-width: 30px;
+    vertical-align: middle;
+    text-align: center;
+}
+
+#downloads_table td#title {
+    max-width: 150px;
+    vertical-align: middle;
+    text-align: left;
+}
+
+#downloads_table td#size {
+    max-width: 35px;
+    vertical-align: middle;
+    text-align: left;
+}
+
+#downloads_table td#kind {
+    max-width: 20px;
+    vertical-align: middle;
+    text-align: left;
+}
+
+#downloads_table td#provider {
+    max-width: 30px;
+    vertical-align: middle;
+    text-align: center;
+}
+
+#searchmanage_table th#comicname {
+    min-width: 325px;
+    text-align: left;
+}
+
+#searchmanage_table th#comicpub {
+    min-width: 100px;
+    text-align: left;
+}
+
+#searchmanage_table th#comicissues {
+    min-width: 75px;
+    text-align: left;
+}
+
+#searchmanage_table th#addcomic {
+    min-width: 95px;
+    text-align: left;
+}
+
+#searchmanage_table td#comicname {
+    min-width: 325px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#searchmanage_table td#comicpub {
+    min-width: 100px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#searchmanage_table td#comicissues {
+    min-width: 75px;
+    text-align: left;
+    vertical-align: middle;
+}
+
+#searchmanage_table td#addcomic {
+    min-width: 95px;
+    vertical-align: middle;
+}
+
+#queue_table th#qcomicid {
+    max-width: 10px;
+    text-align: center;
+}
+
+#queue_table th#qseries {
+    max-width: 475px;
+    text-align: center;
+}
+
+#queue_table th#qsize {
+    max-width: 30px;
+    text-align: center;
+}
+
+#queue_table th#qprogress {
+    max-width: 25px;
+    text-align: center;
+}
+
+#queue_table th#qstatus {
+    max-width: 50px;
+    text-align: center;
+}
+
+#queue_table th#qdate {
+    max-width: 90px;
+    text-align: center;
+}
+
+#queue_table th#qoptions {
+    min-width: 160px;
+    text-align: center;
+}
+
+#queue_table td#qcomicid {
+    max-width: 10px;
+    text-align: left;
+}
+
+#queue_table td#qseries {
+    max-width: 475px;
+    text-align: left;
+}
+
+#queue_table td#qsize {
+    max-width: 30px;
+    text-align: center;
+}
+
+#queue_table td#qprogress {
+    max-width: 25px;
+    text-align: center;
+}
+
+#queue_table td#qstatus {
+    max-width: 50px;
+    text-align: center;
+}
+
+#queue_table td#qdate {
+    min-width: 90px;
+    text-align: center;
+}
+
+#queue_table td#qoptions {
+    min-width: 160px;
+    text-align: center;
+}
+
+#exceptions_table th#date {
+    text-align: center;
+    max-width: 20px;
+}
+
+#exceptions_table th#line_num {
+    text-align: center;
+    width: 5px;
+}
+
+#exceptions_table th#func_name {
+    text-align: center;
+    width: 15px;
+}
+
+#exceptions_table th#filename {
+    text-align: center;
+    max-width: 15px;
+}
+
+#exceptions_table th#error {
+    text-align: center;
+    max-width: 40px;
+}
+
+#exceptions_table th#times {
+    text-align: center;
+    max-width: 5px;
+}
+
+#exceptions_table th#error_text {
+    text-align: center;
+    max-width: 50px;
+}
+
+#exceptions_table th#options {
+    text-align: center;
+    max-width: 15px;
+}
+
+#exceptions_table td#date {
+    vertical-align: middle;
+    text-align: left;
+    max-width: 20px;
+}
+
+#exceptions_table td#line_num {
+    vertical-align: middle;
+    text-align: left;
+    width: 5px;
+}
+
+#exceptions_table td#func_name {
+    vertical-align: middle;
+    text-align: left;
+    width: 15px;
+}
+
+#exceptions_table td#filename {
+    vertical-align: middle;
+    text-align: center;
+    max-width: 15px;
+}
+
+#exceptions_table td#error {
+    vertical-align: middle;
+    text-align: left;
+    max-width: 40px;
+}
+
+#exceptions_table td#times {
+    vertical-align: middle;
+    text-align: left;
+    max-width: 5px;
+}
+
+#exceptions_table td#error_text {
+    vertical-align: middle;
+    text-align: left;
+    max-width: 50px;
+}
+
+#exceptions_table td#options {
+    vertical-align: middle;
+    text-align: center;
+    max-width: 15px;
+}
+
+DIV.progress-container {
+    position: relative;
+    width: 100px;
+    height: 18px;
+    margin: 2px 5px 2px 2px;
+    -border: 1px solid #ccc;
+    background-color: #272b30;
+    background-image: -moz-linear-gradient(top, whiteSmoke, #F9F9F9);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(whiteSmoke), to(#F9F9F9));
+    background-image: -webkit-linear-gradient(top, whiteSmoke, #F9F9F9);
+    background-image: -o-linear-gradient(top, whiteSmoke, #F9F9F9);
+    background-image: linear-gradient(to bottom, whiteSmoke, #F9F9F9);
+    background-repeat: repeat-x;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
+    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+    color: #000;
+}
+
+DIV.progress-container>DIV {
+    background-color: #0EBEED;
+    height: 18px;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    text-align: center;
+    z-index: 900;
+}
+
+.danger>DIV {
+    background-color: #DD514C;
+    background-image: -moz-linear-gradient(top, #EE5F5B, #C43C35);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EE5F5B), to(#C43C35));
+    background-image: -webkit-linear-gradient(top, #EE5F5B, #C43C35);
+    background-image: -o-linear-gradient(top, #EE5F5B, #C43C35);
+    background-image: linear-gradient(to bottom, #EE5F5B, #C43C35);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
+}
+
+.warning>DIV {
+    background-color: #FAA732;
+    background-image: -moz-linear-gradient(top, #FBB450, #F89406);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FBB450), to(#F89406));
+    background-image: -webkit-linear-gradient(top, #FBB450, #F89406);
+    background-image: -o-linear-gradient(top, #FBB450, #F89406);
+    background-image: linear-gradient(to bottom, #FBB450, #F89406);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
+}
+
+.complete>DIV {
+    background-color: #5EB95E;
+    background-image: -moz-linear-gradient(top, #62C462, #57A957);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#57A957));
+    background-image: -webkit-linear-gradient(top, #62C462, #57A957);
+    background-image: -o-linear-gradient(top, #62C462, #57A957);
+    background-image: linear-gradient(to bottom, #62C462, #57A957);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
+}
+
+.missing>DIV {
+    background-color: #4BB1CF;
+    color: #000;
+    background-image: -moz-linear-gradient(top, #5BC0DE, #339BB9);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5BC0DE), to(#339BB9));
+    background-image: -webkit-linear-gradient(top, #5BC0DE, #339BB9);
+    background-image: -o-linear-gradient(top, #5BC0DE, #339BB9);
+    background-image: linear-gradient(to bottom, #5BC0DE, #339BB9);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
+}
+
+.have {
+    font-size: 12px;
+    line-height: normal;
+    margin-left: 36px;
+    padding-bottom: 30px;
+    vertical-align: middle;
+}
+
+.progressbar-back-text {
+    font-size: 12px;
+    vertical-align: text-bottom;
+    background-color: transparent;
+    position: absolute;
+    text-align: center;
+    width: 100%;
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+    z-index: 800;
+}
+
+.progressbar-front-text {
+    font-size: 12px;
+    vertical-align: text-bottom;
+    background-color: transparent;
+    display: block;
+    width: 100%;
+    position: absolute;
+    color: #000000;
+    overflow: hidden;
+}
+
+#version {
+    color: var(--text-muted);
+    font-size: 10px;
+    position: relative;
+    z-index: 999;
+    margin: 0px auto;
+    text-align: center;
+    width: 400px;
+}
+
+#backendstatus {
+    color: var(--text-muted);
+    font-size: 10px;
+    position: relative;
+    z-index: 999;
+    margin: 0px auto;
+    text-align: center;
+    width: 400px;
+}
+
+#donate {
+    float: left;
+    text-align: left;
+}
+
+#actions {
+    float: right;
+    text-align: right;
+    margin-right: 10px;
+    margin-top: -5px;
+    color: #cccccc;
+}
+
+#actions .ui-icon {
+    position: relative;
+    top: 4px;
+    background-image: url("../../../images/ui-icons_70b2e1_256x240.png");
+}
+
+#toTop {
+    background: url("../../../images/toTop.gif") no-repeat scroll 10px center #1c1e22;
+    border-radius: 5px 0 0 0;
+    bottom: 0;
+    display: none;
+    padding: 10px 10px 10px 40px;
+    position: fixed;
+    right: 0;
+}
+
+#shutdown {
+    text-align: center;
+    vertical-align: middle;
+}
+
+#shutdown h1 img {
+    position: relative;
+    top: 7px;
+}
+
+.cloudtag {
+    font-size: 16px;
+}
+
+.cloudtag #cloud {
+    line-height: 1.5em;
+    margin: 0;
+    padding: 2px;
+    text-align: center;
+}
+
+.cloudtag #cloud a {
+    padding: 0;
+}
+
+.cloudtag #cloud a.tag1 {
+    font-size: 0.7em;
+    font-weight: 100;
+}
+
+.cloudtag #cloud a.tag2 {
+    font-size: 0.8em;
+    font-weight: 200;
+}
+
+.cloudtag #cloud a.tag3 {
+    font-size: 0.9em;
+    font-weight: 300;
+}
+
+.cloudtag #cloud a.tag4 {
+    font-size: 1em;
+    font-weight: 400;
+}
+
+.cloudtag #cloud a.tag5 {
+    font-size: 1.2em;
+    font-weight: 500;
+}
+
+.cloudtag #cloud a.tag6 {
+    font-size: 1.4em;
+    font-weight: 600;
+}
+
+.cloudtag #cloud a.tag7 {
+    font-size: 1.6em;
+    font-weight: bold;
+}
+
+.cloudtag #cloud a.tag8 {
+    font-size: 1.8em;
+    font-weight: 800;
+}
+
+.cloudtag #cloud a.tag9 {
+    font-size: 2.2em;
+    font-weight: 900;
+}
+
+.cloudtag #cloud a.tag10 {
+    font-size: 2.5em;
+    font-weight: 900;
+}
+
+.cloudtag #cloud li {
+    display: inline-block;
+    margin: 5px 10px;
+}
+
+.floatright {
+    float: right;
+}
+
+.floatleft {
+    float: left;
+}
+
+.ir {
+    background-repeat: no-repeat;
+    direction: ltr;
+    display: block;
+    overflow: hidden;
+    text-align: left;
+    text-indent: -999em;
+}
+
+.hidden {
+    display: none;
+    visibility: hidden;
+}
+
+.visuallyhidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+}
+
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus {
+    clip: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    position: static;
+    width: auto;
+}
+
+.invisible {
+    visibility: hidden;
+}
+
+.clearfix:before,
+.clearfix:after {
+    content: "\0020";
+    display: block;
+    height: 0;
+    overflow: hidden;
+}
+
+.clearfix {
+    zoom: 1px;
+}
+
+.clearfix:after {
+    clear: both;
+}
+
+#upcoming_table th#comicname,
+#wanted_table th#comicname {
+    min-width: 150px;
+    text-align: center;
+}
+
+#upcoming_table td#select,
+#upcoming_table td#status,
+#wanted_table td#select,
+#wanted_table td#status {
+    text-align: center;
+    vertical-align: middle;
+}
+
+#upcoming_table th#type,
+#wanted_table th#type,
+#wanted_table th#tier,
+#searchresults_table th#score {
+    min-width: 75px;
+    text-align: center;
+}
+
+#wanted_table th#albumart {
+    min-width: 50px;
+    text-align: center;
+}
+
+#upcoming_table th#issuenumber,
+#wanted_table th#issuenumber {
+    min-width: 50px;
+    text-align: center;
+}
+
+#upcoming_table th#reldate,
+#wanted_table th#reldate {
+    min-width: 50px;
+    text-align: center;
+}
+
+#upcoming_table td#albumart,
+#wanted_table td#albumart {
+    min-width: 50px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#upcoming_table td#comicname,
+#wanted_table td#comicname {
+    min-width: 200px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#upcoming_table td#issuenumber,
+#wanted_table td#issuenumber {
+    min-width: 50px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#upcoming_table td#reldate,
+#wanted_table td#reldate {
+    min-width: 50px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+#upcoming_table td#type,
+#wanted_table td#type,
+#wanted_table td#tier,
+#searchresults_table td#score {
+    min-width: 75px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+table tr td#status a {
+    color: #4183c4;
+}
+
+.ie7 input[type="checkbox"] {
+    vertical-align: baseline;
+}
+
+.ie7 img {
+    -ms-interpolation-mode: bicubic;
+}
+
+.ie7 legend {
+    margin-left: -7px;
+}
+
+/* Mask for background, by default is not display */
+#mask {
+    display: none;
+    background: #000;
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 10;
+    width: 100%;
+    height: 100%;
+    opacity: 0.8;
+    z-index: 999;
+}
+
+/* You can customize to your needs  */
+.issue-popup {
+    width: 600px;
+    display: none;
+    background: var(--modal-bg-color);
+    padding: 5px;
+    border: 2px solid rgba(221, 221, 221, 0);
+    color: var(--text-hover);
+    font-size: 1.2em;
+    position: absolute;
+    top: 20%;
+    left: 50%;
+    z-index: 99999;
+    text-align: left;
+    box-shadow: 0px 0px 20px transparent;
+    /* CSS3 */
+    -moz-box-shadow: 0px 0px 20px transparent;
+    /* Firefox */
+    -webkit-box-shadow: 0px 0px 20px transparent;
+    /* Safari, Chrome */
+    border-radius: 3px 3px 3px 3px;
+    -moz-border-radius: 3px;
+    /* Firefox */
+    -webkit-border-radius: 3px;
+    /* Safari, Chrome */
+    ;
+}
+
+.alignleft {
+    float: left;
+}
+
+.alignright {
+    float: right;
+}
+
+img.btn_close {
+    /* Position the close button */
+    float: right;
+    margin: -28px -28px 0 0;
+}
+
+fieldset {
+    border: none;
+}
+
+img.highqual {
+    -ms-interpolation-mode: bicubuic;
+}
+
+table#issue_table {
+    width: 100%;
+    padding: 10px;
+}
+
+table#issue_table th#select {
+    vertical-align: middle;
+    text-align: center;
+    max-width: 5px;
+}
+
+table#issue_table th#int_issuenumber {
+    text-align: left;
+    max-width: 10px
+}
+
+table#issue_table th#issuenumber {
+    text-align: center;
+    max-width: 20px;
+}
+
+table#issue_table th#issuename {
+    text-align: center;
+    max-width: 200px;
+}
+
+table#issue_table th#reldate {
+    text-align: center;
+    max-width: 45px;
+}
+
+table#issue_table th#status {
+    text-align: center;
+    max-width: 55px;
+}
+
+table#issue_table th#options {
+    text-align: center;
+    max-width: 120px;
+}
+
+table#issue_table td#select {
+    vertical-align: middle;
+    text-align: center;
+    max-width: 5px;
+}
+
+table#issue_table td#int_issuenumber {
+    vertical-align: middle;
+    text-align: left;
+    max-width: 10px;
+}
+
+table#issue_table td#issuenumber {
+    vertical-align: middle;
+    text-align: center;
+    max-width: 20px;
+}
+
+table#issue_table td#issuename {
+    vertical-align: middle;
+    text-align: center;
+    max-width: 250px;
+}
+
+table#issue_table td#reldate {
+    vertical-align: middle;
+    text-align: center;
+    max-width: 45px;
+}
+
+table#issue_table td#status {
+    vertical-align: middle;
+    text-align: center;
+    max-width: 55px;
+}
+
+table#issue_table td#options {
+    vertical-align: middle;
+    text-align: center;
+    max-width: 120px;
+}
+
+table#annual_table {
+    width: 100%;
+    padding: 10px;
+}
+
+table#annual_table th#select {
+    vertical-align: middle;
+    text-align: center;
+    max-width: 5px;
+}
+
+table#annual_table th#aint_issuenumber {
+    text-align: left;
+    max-width: 1px
+}
+
+table#annual_table th#aissuenumber {
+    text-align: center;
+    max-width: 20px;
+}
+
+table#annual_table th#aissuename {
+    text-align: center;
+    max-width: 200px;
+}
+
+table#annual_table th#areldate {
+    text-align: center;
+    max-width: 45px;
+}
+
+table#annual_table th#astatus {
+    text-align: center;
+    max-width: 55px;
+}
+
+table#annual_table th#aoptions {
+    text-align: center;
+    max-width: 120px;
+}
+
+table#annual_table td#select {
+    vertical-align: middle;
+    text-align: center;
+    max-width: 5px;
+}
+
+table#annual_table td#aint_issuenumber {
+    vertical-align: middle;
+    text-align: left;
+    max-width: 1 px;
+}
+
+table#annual_table td#aissuenumber {
+    vertical-align: middle;
+    text-align: center;
+    max-width: 20px;
+}
+
+table#annual_table td#aissuename {
+    vertical-align: middle;
+    text-align: center;
+    max-width: 200px;
+}
+
+table#annual_table td#areldate {
+    vertical-align: middle;
+    text-align: center;
+    max-width: 45px;
+}
+
+table#annual_table td#astatus {
+    vertical-align: middle;
+    text-align: center;
+    max-width: 55px;
+}
+
+table#annual_table td#aoptions {
+    vertical-align: middle;
+    text-align: center;
+    max-width: 120px;
+}
+
+#btn_container {
+    float: right;
+    height: 30px;
+    list-style-type: none;
+    width: 100%;
+    z-index: 998;
+}
+
+#btn_container #btn_menu {
+    float: right;
+    margin-top: 5px;
+    position: relative;
+    text-align: right;
+    z-index: 99;
+}
+
+#btn_container_center {
+    float: center;
+    height: 30px;
+    list-style-type: none;
+    width: 100%;
+    z-index: 1;
+}
+
+#btn_container_center #btn_menu {
+    float: center;
+    margin-top: 5px;
+    position: relative;
+    z-index: 1;
+}
+
+#btn_menu a {
+    background: var(--button-color) !important;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    filter: none !important;
+    font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
+    font-size: 12px;
+    font-weight: normal;
+    color: var(--button-text)
+}
+
+#btn_container #btn_menu a:hover,
+#btn_container_center #btn_menu a:hover {
+    background: var(--button-color-hover) !important;
+    filter: none !important;
+    color: var(--button-text-hover) !important;
+    border-color: var(--button-color-hover) !important;
+}
+
+input[type="checkbox"]+label.series_metadata_local::before {
+    content: "";
+    display: inline-block;
+    vertical-align: -25%;
+    height: 2ex;
+    width: 2ex;
+    background-color: white;
+    border: 1px solid rgb(166, 166, 166);
+    border-radius: 4px;
+    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.25);
+    margin-right: 0.5em;
+}
+
+.outerglow {
+    font-family: Helvetica, Arial;
+    font-size: 10pt;
+    font-weight: bold;
+    /* line-height: 2em; */
+    /* padding: 0.5em; */
+}
+
+.outerglow_shadow_yellow {
+    color: #FFFF66;
+    text-shadow: 0 0 0.9em #FFFF00;
+}
+
+.outerglow_shadow_red {
+    color: #FF6666;
+    text-shadow: 0 0 0.9em #FF0000;
+}
+
+.outerglow_text {
+    -webkit-text-fill-color: transparent;
+    -webkit-background-clip: text;
+}
+
+fieldset.fieldset_header {
+    margin: 5px;
+    padding: 0px 5px 5px;
+    border: 1px solid rgba(255, 255, 255, 0);
+    border-radius: 8px;
+    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0);
+    padding-top: 5px;
+}
+
+figure.item {
+    vertical-align: top;
+    display: inline-block;
+    text-align: center;
+    width: 100px;
+}
+
+.caption.caption {
+    display: block;
+}
+
+
+/* ALPHABET SEARCH */
+
+div.alphabet {
+    position: relative;
+    display: table;
+    width: 100%;
+    margin-bottom: 1em;
+}
+
+div.alphabet span {
+    display: table-cell;
+    color: rgb(var(--accent-color));
+    cursor: pointer;
+    text-align: center;
+    width: 3.5%;
+}
+
+div.alphabet span:hover {
+    text-decoration: underline;
+}
+
+div.alphabet span.active {
+    color: var(--accent-color-hover);
+}
+
+div.alphabet span.empty {
+    color: #f44336;
+}
+
+div.alphabetInfo {
+    display: block;
+    position: absolute;
+    background-color: #111;
+    border-radius: 3px;
+    color: white;
+    top: 2em;
+    height: 1.8em;
+    padding-top: 0.4em;
+    text-align: center;
+    z-index: 1;
+}
+
+/* JQUERY UI */
+.ui-tabs .ui-tabs-panel {
+    background: rgba(0, 0, 0, 0.15);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    background-color: rgb(var(--accent-color), .2);
+    border-color: rgba(255, 255, 255, 0.1);
+}
+
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
+    color: rgb(var(--accent-color));
+}
+
+.ui-tabs .ui-tabs-nav li {
+    background: rgba(255, 255, 255, 0.25);
+    color: var(--text);
+}
+
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited {
+    color: var(--text);
+}
+
+#tabs .ui-state-default,
+#tabs .ui-widget-content .ui-state-default,
+#tabs .ui-widget-header .ui-state-default {
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+#tabs .ui-state-hover,
+#tabs .ui-widget-content .ui-state-hover,
+#tabs .ui-widget-header .ui-state-hover,
+#tabs .ui-state-focus,
+#tabs .ui-widget-content .ui-state-focus,
+#tabs.ui-widget-header .ui-state-focus {
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.ui-dialog .ui-dialog-titlebar-close {
+    position: absolute;
+    right: .3em;
+    top: 50%;
+    width: 19px;
+    margin: -10px 0 0 0;
+    padding: 1px;
+    height: 18px;
+    background: transparent;
+}
+
+
+.ui-dialog .ui-dialog-content {
+    position: relative;
+    border: 0;
+    padding: .5em 1em;
+    background: var(--modal-bg-color);
+    overflow: auto;
+    zoom: 1;
+}
+
+.ui-widget-header {
+    border: 1px solid transparent;
+    background: var(--modal-bg-color);
+    color: var(--text-hover);
+}
+
+body>div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable {
+    border: 2px solid transparent;
+    background: var(--modal-bg-color);
+    color: var(--text);
+}
+
+.ui-state-default .ui-icon {
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAMAAADYSUr5AAAA7VBMVEX8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vz8/vywC3+8AAAATnRSTlMAGBAyBAhQv4OZLiJUcEBmYBoSzQwgPBZCSEoeWiYwUiyFNIeBw2rJz8c4RBy9uXyrtaWNqa2zKP2fJO8KBgKPo2KVoa9s351GPm5+kWho0kj9AAAPhUlEQVR4nO1djWLbthEGyUiq5YSSLXtp7FpLOmfzkmxr126tmi2p03RJ1/Xe/3EGgARxPyAgRbIk2/hkSz4CJO4+HsE7AJSVysjI2AMUUOxahZ2iANhzBtZWr4BoIRSYAVN5u4QwDwQDRbcwfUi5KS3wFuDmFnQLa4Dtb//cqktwD5QEFFwfUs7PoCCA7y4bEJVFizcIob8KmhAplwwqVjt+9FBl3uINQniwEiryEyw9JHqGpQdEFNi+B4QQ7QOiHhysIPoAxUqxvdvvA9K42bsAv4S2fxfYOe57IJSRkZGRkZGxx7jxSHDHcRBXQMTyIjInBgHwBJ/bEx8PEANC+uhbpSSggCBAVODVabpI1S/k4WLZpTn6NpMhoX9Y40hxYERFpMcqUs4AloCtDQdID1YhnyXZ2hLjAYWiO9Dy1PDB7tPhIqLx+uMB8grZaR+Qxl2/C2RkZGRkZGRk7A7rBf7J0DR5/LUTjzUPIPSPGvQJiVJiB7kcQCiUOJrcFNtDZIf2xarQ3aGvLNxAVIFAabz90BFiBIlycTBhgWwOWCH0FLYHlPqwHaCvcIn2ZbosCevfPTRiFFcgvHukCjWwrc3GrGh1fsAof8EaUReKXkCB4/MzFNo97qLpFiKFYv/kNR5YQxQbQEofkZ2OuEOHqqT6gFTpru8CN7x/+jaZkZGRkZGRcV+x/rLUNcMMqUAscgnFocmpqkTzqymwVAPxfJ5PnIUUQOUKT04tEdWZyv3JCQSn96WS4pD97QfyW25A7NhSAbyhmVj0FEltA4vdiygBibXhoUYgykCUP7HwPTDeEqAIcHVMkZg7Zx4k0uFANs63hPQXCoRLAwdgGsr9Az7Qv7sgQGgg1aPl/BJLExBWgG4RFRLFImGmIquPC/klEGyCG0AuAXaJJC+B8FVe9NYQDEcXB8g6AQcjYJ1goJIggHWCrFR0S6kRHN5+4BzFi8NaoN35NRxUvL+JJdZr7PV4wK6fj8nIyMjIyNhr3OxdXAYq7FHZwB6bDSzSh4sF0utChqo0NAvaT1hLzXwFinmCzmeDucEQK18TTaQoFgP7bNC+RZ4OT4T6gQogDFYk+1QxQlj19QGSAWKiLYp8P0Ag1Gbz1ULfWHLg9iUnQNK5QQJcukm04blKLH2GgEJCY+HzXAZWCvHKco3Bp6MIaCjSXXRJyOxeqhnzEaF93MfFGW/O16ZvDL5TM4MJIjujz/cHypkQuuzRwWJ93BKdIt+wCRAPl9kpe2Ikkb2mFgGlxh/i40d3EHfdvoyMjIyMu43ylt/IAmGHnN5iIt7wKfbv01RAcJqFRl9lcjYQSnbQqKgC4fYOwSJt6N6trE0twZ9kN/PqNpTQeICvr4TLsDYC06U7BMjshS+v1/aT7IwQYD5LcgRQXMT2FrBfBLjZ6151jDElk9tPFfpUgk2yregusX25BJbwAFEfM+YI6vGAti4bTtizB+TjfQCrERyhKb2X8D6A9wX75P4t4neBYJeP6pdhg/gQl8MWvytzeSTjgOQBynQdh/iXKdxOrGJ/RkZGRsb9QmXihGr5+g8GGg9uTh+KoVZuNIzV+CwRucFBEyr1mVjx4irOxwM1BhirB6Q+2eNQi4eqR+aF6mELtoMzCR7V9RAFe/ZvQogNiyY8FPSUTFsLp8TeTmMui5mtw7bcaT0Yw2AA4wFRQIlkgq+1DQrNhkmoxS5Jq+u6bMAIGRECEANgXHTgWzwgBOhDH2l0oTQ4D8D5NMktBgNywAEMjo8rwATMZrPY7JGxBoJCkIBDQiAY09EGTUiBCWkUpISfGPR5AAwBfZiG2z7Ayc1yeKTxid39xBNwfHr4O0LA48ePFTvhYrF1r4tyAoz9n2MCqEuBtp/6GDR0oAYfG/R6wJExHYZHfhygsv7fEWCOj4bYmsP5A+pL4MkTfAnMlD4F+r3bobKvTyTA2P/w7PN+Agq2QW8piqMCpTBwenoKvX0AHGkGtP2YAPvTEWA7QUTAudn7/NxtOG46wWNmDtpBEkBzN7rBEvAFHp+YTB/q97qPAN4gHFqgBi8uLsC7qPCA6mg41G/+ErByPwEXDdoNxRhOx+M5jPEzQugS0ht+b1/Y3gEnYMAIAOIBE29/hIDucE8tmMsNOgK4B1RHFu4UCRlMHzv0xzcajcfdXWDs2h8TArBCkoDUJYDLmz6w7ip3BFS0ve5wTRwAn6keMA9I3QYbfSZ0DKbyt+7OXjGI1idPcfNyAyfAMlCrzaGqphYrxHocLHRJVycnfGUcbtT+jIyMjIw9x7Nn8fJSzG0TmFtO8rZT+XT3S3ub+tKJbbLd5diTVp50+zahyeHSslJ/YPrU0fuazrZO2CZ92/ZCCVXlGRiZKPJyPPRxyIFWeXLQBXJBKiq/3divEAN6ZwM200Qjm7EJBZeWm/PRWVCbYK7s7u2l4XaCz+lzgOfMfhMonXr7TWzeZb98dbgIzBT8Ub8eYYUqfZ4rVJ/MDbIDgPqTulJ/xvntWAtjIisqnwxOkGz0n077FARoY79GdA6HPE4rOy196NiMWHTZlSSApcOgXpy/fHV2joaNKu3ffsAnRcBf4K/6NcIG6tIxk3HyoXPjASqfUgXbYN5PzpL2njkR9QMjeDTVHDTCgRuxOegjoO0FvKzP/t/gmVdI24+G7NIe8JX6Wv3dDyldMA+4YB5wwTygtd+dwRqaTqrLb1l73zTSN52CNpnHuQOYPsDblybgxfkXh/oVtr+N1DEBJdhRJyd/Bd/q1z+cbNrD17iVKyajcnv9arhOkRPgsruuD6DmNPwpDNrLw2CoTgHni4yALr0L29+tiKAEIPn868ejx//8rpWP3OEOl5On9OwpcQm0MhafP/ey8f1uvDNIgGLQG8z4YO99ENgg95etwv4uYJYY8fUGHYH6j6fscHFZMftlAl9i+9XL73X3N/n+ZStOzfVfRvYXhrbdKOpEgVQTg/wsDuDD3kwOfQNMTJ5y+/ltUDWLunyxnRF46IqlBzGMY4X7inggREFioIyMjIyMHWCIB6ZNKAcXseo3vLTQTkVE7348dlwJJSz0+wLfmi8BhZqfw3D4ww/wHVLnEd5/fgYvXsDZ3MlsvYUbbnDjDZ3MN3TJG4+bxjAaDl8TBri9qxEw1ccao2wTNAMLHo2f+sjrXwb/9qHoYqgPMBXJTVfOpmrZH23y6uvo0LHSyY6fHGwKfHJlAuMFvObjDYrIqxBgQi20h7Hd/nYVLmno+eaNUm/eeH2GCuopntnhBJAlI2AHo9CCh1I1QxUdAbqqGY9BBLwyc3W4wYVhvY8A4BoIc1l5M7vnPWphZW9/Ses3n37y9a0uGqFwFQZsQQbd386DogpgEk+dzynsAZMJXq8+ns9NeukJ0PYrNATGGefJQlhkLo7DTXr+y3bNiOsDvrXTz/C2q1DXZH84iRNwrP88Nj+u2DjYEE6RBxD9Knj16ujVHC67A7422o02RwD3gB+t7EblWvu9geOFxSnd3ROmT+nJyQkhoPlsxVONc/3TEdBos+jtA+ZzcwHgTvD1cDjaYCcItA8w9i88A8b+mqSjc6Pvqd998QguEQPmQMeo23ODN86+p0/bn1buBkT6+oBhNZ/PYY4ZAHYb3PRd4LkZmPX68NRtMZn4ASvdA+qf0jMA5MP9eeg28Nug9QiLnj5A33U1MAES6xHAUNpz/9zFAYE1gqQDMT3G6xI9pwdw/aIgKoHCS1YGlRnSq9yCjdXjgN3j+N27YyROHxmuNAeNKPpYuXIyIyMjYy0M8eros59MF/PT2c602T7eA7zvhJ9dr/vzDjXaLp4Yc5+0wllzxzHv3gdmMMM7/CcQzKgVBqYTmFn+Z+mKm8J7k0A5F/jgCfjQ1WBhQyiOqD0lYuqBb+AyzMw9Ha2G3m6c8qQx+AlqnIceQp+Sb6i9UyQWbhr54+AjnZ0VzW2TAN0DmBT6PWmc6jDBE2PK2u+nF43dyP7Q0t1pOcX2fdRvH0mF2Q4JqN35rnHjVIeaXfIAVyUuw/aHCCiJy9iF5l1621zweI8KZrPZ9iJdb7DXJ3US0OSrtZ10imt7wHY7QesAzUMz1oZ3noB3qFJ/H18j97FYuw8QDN4oeKf30osvcSW2ExLo+VcbuAuo/sUIm8fMG9xocO3Ea19J9gFYivnHJ2KnyfovZlgW3v6ySx32abQiIyMjIyPjhlFDTLxpwIgFMnTp6A3g4IDKNY+stkwAMAoIAbasxBXqUWneSAWTMjt50lTqT29rFjvXohjsDNm2YPXDFlICmrJOZ3t6tHm8AiEAl0sCeLIIorIRt+cFbew/QRsoAXb4o1XSfoywzm0FTMAoYBNvLyFu8v8HpLBtD1iKgC17wHb7AI6d9wFbvguAIGTHd4E9wG7jgIyMjIyM+434c2R3HeV/Ffx6jtZu6ijl8h59T655jhR+rdHzDOP6beABCheb8O8/WFXeOyzgf5oAhVYnKxP7CwaAf1afJu8bSrhS6tdaXeGnrRenOqOlz9d6QwYnA/3TLd+GE7qe3chA5YF5DfY0vK3adfOX/gyNp2BW25MHdxAB9qvRiiP3/XpQQFGYDU4+Mi///XumXG8pjvaUAOsBGlf4jJt+YYEzeEzAdw06F19R3juM7D1wita86GR0CKfDHgLuXCc4Bri6vMLdfjMc4VNSUNsdodo2xu/1+Xl/K5+az8jIyMhYG/z5gJTMF1GtKq/a3rpyCvz5gJTMl9GtKq/a3rpyCmfQ4WwZmS+kXFVetb115ST48wEf/AGcfG1iw+tWbpbS2vJ3nQxcVr3lH3z5h972FUTLzYpOVk7l5hD+eYcYwDcAnewOotrZ4OtrPDucqi/LRX0/RR4qx7Nn4U8g+qjffvuN6Gf+nC85vwauHjaYyubqvWYKY4VEfSUMitdnBCT1Ue63R5439m+OgCn6DroAAaHPVQxKth/wkJgHmG8bmQMsT0D6EjDfvhVRKO3ywOQUgRA7nmL1uawZmHf1k+DPBwQ6NdcJ+k6Md1LA5f5ONdhJ8vZ5J0vLHT99srkGOjmJbd/G1r2Nriqnse1AZt1AalU5jW2HsuuG0qvKGRkZGRkZGRG0gcONyXsP9v8D0/IdJADiBNiXl3327WRGgOL/9HC/0XwlIURkRhC4tz6Z/fu7fUf2gHvfB9z3u0BGRkZGRkbGplHcnkgguQoSqtUXuhbs/wPtMwqV0HUJAvj5vk32b8IDuL23yn7qAXZ5u32hbRX7d3o82Df1FZXvbh9QOfhyxldr/+3xgXU9oKmvsHyr7F/XA269/eveBXrsv7N9QALe/tvjA0kPWAXGbvebkbHn+D/J5nMcHzx1UAAAAABJRU5ErkJggg==');
+}
+
+/* LOGIN PAGE */
+
+.bar i, .bar {
+    background: transparent !important;
+}
+
+.wrap input {
+    background: rgba(0, 0, 0, 0.15);
+    border-radius: 7px !important;
+    margin-bottom: 10px;
+}
+
+.wrap button {
+    width: 100%;
+    border-radius: 7px;
+    background: var(--button-color);
+    text-decoration: center;
+    border: none;
+    color: var(--button-text);
+    margin-top: 5px;
+    padding-top: 14px;
+    padding-bottom: 14px;
+    outline: none;
+    font-size: 13px;
+    border-bottom: 3px solid var(--button-color);
+    cursor: pointer;
+}
+
+.wrap button:hover,
+.wrap button:active  {
+    background: var(--button-color-hover);
+    color: var(--button-text-hover);
+    border-bottom: 3px solid var(--button-color-hover);
+}
+
+.avatar {
+    background: transparent;
+}
+
+.avatar img {
+    border: 3px solid rgb(var(--accent-color));
+}
\ No newline at end of file
diff --git a/css/base/mylar3/nord.css b/css/base/mylar3/nord.css
new file mode 100644
index 00000000..bb8392a2
--- /dev/null
+++ b/css/base/mylar3/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/mylar3/onedark.css b/css/base/mylar3/onedark.css
new file mode 100644
index 00000000..65c821d0
--- /dev/null
+++ b/css/base/mylar3/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/mylar3/organizr.css b/css/base/mylar3/organizr.css
new file mode 100644
index 00000000..13774809
--- /dev/null
+++ b/css/base/mylar3/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/mylar3/overseerr.css b/css/base/mylar3/overseerr.css
new file mode 100644
index 00000000..18bb4e40
--- /dev/null
+++ b/css/base/mylar3/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/mylar3/pine-shadow.css b/css/base/mylar3/pine-shadow.css
new file mode 100644
index 00000000..caa11723
--- /dev/null
+++ b/css/base/mylar3/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/mylar3/plex.css b/css/base/mylar3/plex.css
new file mode 100644
index 00000000..dd883927
--- /dev/null
+++ b/css/base/mylar3/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/mylar3/power.css b/css/base/mylar3/power.css
new file mode 100644
index 00000000..727401fb
--- /dev/null
+++ b/css/base/mylar3/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/mylar3/reality.css b/css/base/mylar3/reality.css
new file mode 100644
index 00000000..7d12b6f3
--- /dev/null
+++ b/css/base/mylar3/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/mylar3/soul.css b/css/base/mylar3/soul.css
new file mode 100644
index 00000000..d7ca0e93
--- /dev/null
+++ b/css/base/mylar3/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/mylar3/space-gray.css b/css/base/mylar3/space-gray.css
new file mode 100644
index 00000000..ae18545f
--- /dev/null
+++ b/css/base/mylar3/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/mylar3/space.css b/css/base/mylar3/space.css
new file mode 100644
index 00000000..d5e8f150
--- /dev/null
+++ b/css/base/mylar3/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/mylar3/time.css b/css/base/mylar3/time.css
new file mode 100644
index 00000000..b32144a3
--- /dev/null
+++ b/css/base/mylar3/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/mylar3/trueblack.css b/css/base/mylar3/trueblack.css
new file mode 100644
index 00000000..5550515e
--- /dev/null
+++ b/css/base/mylar3/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/netdata/aquamarine.css b/css/base/netdata/aquamarine.css
new file mode 100644
index 00000000..84dced27
--- /dev/null
+++ b/css/base/netdata/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/netdata/blackberry-abyss.css b/css/base/netdata/blackberry-abyss.css
new file mode 100644
index 00000000..d5d985c4
--- /dev/null
+++ b/css/base/netdata/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/netdata/blackberry-amethyst.css b/css/base/netdata/blackberry-amethyst.css
new file mode 100644
index 00000000..a099c3b7
--- /dev/null
+++ b/css/base/netdata/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/netdata/blackberry-carol.css b/css/base/netdata/blackberry-carol.css
new file mode 100644
index 00000000..e371d53b
--- /dev/null
+++ b/css/base/netdata/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/netdata/blackberry-dreamscape.css b/css/base/netdata/blackberry-dreamscape.css
new file mode 100644
index 00000000..af3299a6
--- /dev/null
+++ b/css/base/netdata/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/netdata/blackberry-flamingo.css b/css/base/netdata/blackberry-flamingo.css
new file mode 100644
index 00000000..370d474a
--- /dev/null
+++ b/css/base/netdata/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/netdata/blackberry-hearth.css b/css/base/netdata/blackberry-hearth.css
new file mode 100644
index 00000000..29a33fb5
--- /dev/null
+++ b/css/base/netdata/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/netdata/blackberry-martian.css b/css/base/netdata/blackberry-martian.css
new file mode 100644
index 00000000..ac543da5
--- /dev/null
+++ b/css/base/netdata/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/netdata/blackberry-pumpkin.css b/css/base/netdata/blackberry-pumpkin.css
new file mode 100644
index 00000000..3735ee49
--- /dev/null
+++ b/css/base/netdata/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/netdata/blackberry-royal.css b/css/base/netdata/blackberry-royal.css
new file mode 100644
index 00000000..cace3cc1
--- /dev/null
+++ b/css/base/netdata/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/netdata/blackberry-shadow.css b/css/base/netdata/blackberry-shadow.css
new file mode 100644
index 00000000..5f8188e5
--- /dev/null
+++ b/css/base/netdata/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/netdata/blackberry-solar.css b/css/base/netdata/blackberry-solar.css
new file mode 100644
index 00000000..104997bd
--- /dev/null
+++ b/css/base/netdata/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/netdata/blackberry-vanta.css b/css/base/netdata/blackberry-vanta.css
new file mode 100644
index 00000000..c3e5c6fa
--- /dev/null
+++ b/css/base/netdata/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/netdata/dark.css b/css/base/netdata/dark.css
new file mode 100644
index 00000000..c3b083f9
--- /dev/null
+++ b/css/base/netdata/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/netdata/dracula.css b/css/base/netdata/dracula.css
new file mode 100644
index 00000000..bcc50c7d
--- /dev/null
+++ b/css/base/netdata/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/netdata/hotline-old.css b/css/base/netdata/hotline-old.css
new file mode 100644
index 00000000..ef9b08be
--- /dev/null
+++ b/css/base/netdata/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/netdata/hotline.css b/css/base/netdata/hotline.css
new file mode 100644
index 00000000..1f5fb8e4
--- /dev/null
+++ b/css/base/netdata/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/netdata/hotpink.css b/css/base/netdata/hotpink.css
new file mode 100644
index 00000000..7fc49aec
--- /dev/null
+++ b/css/base/netdata/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/netdata/mind.css b/css/base/netdata/mind.css
new file mode 100644
index 00000000..3f38f31b
--- /dev/null
+++ b/css/base/netdata/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/netdata/netdata-base.css b/css/base/netdata/netdata-base.css
new file mode 100644
index 00000000..52912d82
--- /dev/null
+++ b/css/base/netdata/netdata-base.css
@@ -0,0 +1,484 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+
+body,
+[class*="styled__SocialMediaContainer-"] {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+* {
+    outline: none !important;
+}
+
+/* TEXT */
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+label:not(.toggle-on.btn, .toggle-off.btn),
+legend {
+    color: var(--text-hover) !important;
+}
+
+.dashboard-context-info {
+    color: var(--text);
+}
+
+a,
+.dashboard-context-info a {
+    color: var(--link-color) !important;
+}
+
+a:hover,
+.dashboard-context-info a:hover {
+    color: var(--link-color-hover) !important;
+}
+
+.loadOverlay {
+    color: var(--text) !important;
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/* Navbar */
+.navbar-default {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.navbar-default .navbar-nav>li>a:hover,
+.navbar-default .navbar-nav>li>a:focus {
+    background-color: rgba(0, 0, 0, .25) !important;
+    color: var(--text-hover) !important;
+}
+
+.navbar-default .navbar-nav>.open>a,
+.navbar-default .navbar-nav>.open>a:hover,
+.navbar-default .navbar-nav>.open>a:focus {
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+.navbar-default,
+.navbar-inverse {
+    border: 0px solid rgba(0, 0, 0, 0.6) !important;
+    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
+}
+
+.navbar-default .navbar-brand {
+    color: var(--text-hover) !important;
+}
+
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+    color: var(--text-hover) !important;
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+.navbar-default .navbar-nav>li>a,
+.navbar-inverse .navbar-nav>li>a {
+    border-right: 1px solid rgba(0, 0, 0, 0) !important;
+    border-left: 1px solid rgba(0, 0, 0, 0) !important;
+    color: var(--text-hover) !important;
+}
+
+.nav-tabs>li.active>a,
+.nav-tabs>li.active>a:hover,
+.nav-tabs>li.active>a:focus {
+    background-color: rgba(0, 0, 0, 0.15) !important;
+    border: 1px solid #00000000 !important;
+    color: rgb(var(--accent-color));
+}
+
+.nav>li>a:hover,
+.nav>li>a:focus {
+    text-decoration: none;
+    background-color: #3e444c;
+}
+
+.nav>li>a:hover,
+.nav>li>a:focus {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+}
+
+.nav-tabs>li>a:hover {
+    border-color: transparent;
+}
+
+.nav-tabs {
+    border-bottom: 1px 1px 1px rgba(0, 0, 0, 0.3);
+}
+
+#my-netdata-dropdown-content .agent-item:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+.sign-in-btn {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.dropdown-menu,
+[class*="__Dropdown-"],
+[class*="documentation__Container-sc-"],
+[class*="styled__PickerBox-"] {
+    background: var(--drop-down-menu-bg) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border: 0px !important;
+}
+
+[class*="styled__ShortPickElement-"] {
+    color: var(--link-color);
+}
+
+[class*="styled__ShortPickElement-"]:hover {
+    color: var(--link-color-hover);
+}
+
+.DateInput_input__focused {
+    border: 1px solid rgb(var(--accent-color));
+
+}
+
+.CalendarDay__selected,
+.CalendarDay__selected:active,
+.CalendarDay__selected:hover,
+.CalendarDay__selected_span:active,
+.CalendarDay__selected_span:hover {
+    background: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+.CalendarDay__default:hover {
+    background: var(--accent-color-hover);
+    color: var(--label-text-color);
+}
+
+[class*="item__PanelRowContainer-"]:hover {
+    background: rgba(255, 255, 255, 0.15);
+}
+
+
+
+.dropdown-menu>li>a:hover,
+.dropdown-menu>li>a:focus {
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+.modal-content {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.modal-header {
+    background: var(--modal-header-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-bottom: 1px solid rgb(var(--accent-color)) !important;
+}
+
+.modal-footer {
+    background: var(--modal-footer-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-top: 1px solid rgb(var(--accent-color)) !important;
+}
+
+.nav-tabs {
+    border-bottom: 1px solid rgb(var(--accent-color)) !important;
+}
+
+.panel {
+    background: rgba(0, 0, 0, 0.45) !important;
+}
+
+.panel-default>.panel-heading {
+    background-color: transparent !important;
+}
+
+table {
+    background: transparent !important;
+}
+
+.table-hover>tbody>tr:hover {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+}
+
+.table>thead>tr>th {
+    border-bottom: 2px solid rgba(255, 255, 255, 0.3) !important;
+}
+
+#my-netdata-dropdown-content hr {
+    border-top: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+.table>thead>tr>th,
+.table>tbody>tr>th,
+.table>tfoot>tr>th,
+.table>thead>tr>td,
+.table>tbody>tr>td,
+.table>tfoot>tr>td {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-top: 1px solid #00000000 !important;
+}
+
+.multi-column-dropdown li a:hover {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.close,
+.close:hover,
+.close:focus {
+    color: var(--text-hover) !important;
+}
+
+/* System Overview */
+.dashboard-sidebar .nav>.active>a,
+.dashboard-sidebar .nav>.active:hover>a,
+.dashboard-sidebar .nav>.active:focus>a {
+    color: rgb(var(--accent-color)) !important;
+    border-left: 2px solid rgb(var(--accent-color)) !important;
+}
+
+[class*="sidebar__Wrapper-"] {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+[class*="sidebar__Wrapper-"] [class*="flex-sc-"]:not([class*="collapsible__Animated-"]) {
+    background: transparent;
+}
+
+[class*="collapsible__Animated-"] {
+    background: var(--main-bg-color);
+}
+
+[class*="header__Wrapper-"] {
+    background: var(--main-bg-color);
+}
+
+[class*="styled__StyledButton-"] .button-icon {
+    fill: rgb(var(--accent-color)) !important;
+}
+
+[class*="styled__StyledButton-"]:hover .button-icon {
+    fill: var(--accent-color-hover) !important;
+}
+
+/*code*/
+code {
+    color: var(--label-text-color) !important;
+    background-color: rgb(var(--accent-color)) !important;
+}
+
+/* System Overview metrics */
+.gaugeChartTitle,
+.gaugeChartUnits,
+.gaugeChartMax,
+.gaugeChartMin,
+.gaugeChartLabel,
+.easyPieChartTitle,
+.easyPieChartLabel,
+.easyPieChartUnits {
+    color: var(--text-hover) !important;
+}
+
+.netdata-legend-value,
+.netdata-legend-toolbox,
+.netdata-legend-toolbox-button,
+.dygraph-axis-label {
+    background-color: rgba(0, 0, 0, 0) !important;
+    color: var(--text-hover) !important;
+}
+
+.netdata-legend-resize-handler {
+    background-color: rgba(0, 0, 0, 0) !important;
+    color: var(--text-hover) !important;
+}
+
+.netdata-legend-name-table-line {
+    border-bottom-width: 0px !important;
+}
+
+/* Sidebar */
+.dashboard-sidebar .nav>li>a {
+    color: var(--text);
+}
+
+.dashboard-sidebar .nav>li>a:focus,
+.dashboard-sidebar .nav>li>a:hover {
+    padding-left: 19px;
+    color: var(--text-hover);
+    text-decoration: none;
+    background-color: transparent;
+    border-left: 1px solid rgb(var(--accent-color));
+}
+
+small,
+.small {
+    color: var(--text-muted);
+}
+
+.action-button {
+    color: var(--button-text-hover) !important;
+}
+
+hr {
+    border-top: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+.pagination>li>a,
+.pagination>li>span {
+    background-color: rgba(0, 0, 0, 0.25) !important;
+    border: 1px solid transparent !important;
+}
+
+.pagination>li>a:hover {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+}
+
+/* Buttons */
+.btn-default:not([class*="toggle"]) {
+    background-color: var(--button-color);
+    color: var(--button-text);
+    border-color: var(--button-color);
+}
+
+a[class*="styled__StyledButton-"],
+[data-testid*="date-picker::click-apply::global-view-"] {
+    background-color: var(--button-color) !important;
+    color: var(--button-text) !important;
+    border-color: var(--button-color) !important;
+}
+
+a[class*="styled__StyledButton-"]:hover,
+a[class*="styled__StyledButton-"]:active,
+[data-testid*="date-picker::click-apply::global-view-"]:hover,
+[data-testid*="date-picker::click-apply::global-view-"]:active {
+    background-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover) !important;
+    border-color: var(--button-color-hover) !important;
+}
+
+.btn-default:hover:not([class*="toggle"]) {
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-default:active:not(.open>.dropdown-toggle.btn-default):not([class*="toggle"]),
+.btn-default.active:not(.open>.dropdown-toggle.btn-default):not([class*="toggle"]) {
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+/* NAV */
+[class^="with-panel"] {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+[class*="styled__ListContainer"],
+[class*="container__Container-"] div,
+[class*="styled__PanelContainer"],
+[class*="styled__StyledHeader"] {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+}
+
+
+[class^="styled__BottomPanel"] {
+    background: #0000;
+}
+
+[class^=".styled__StyledSpaceBarPlus"] {
+    background: rgb(var(--accent-color));
+    border-color: rgb(var(--accent-color));
+}
\ No newline at end of file
diff --git a/css/base/netdata/nord.css b/css/base/netdata/nord.css
new file mode 100644
index 00000000..685107d2
--- /dev/null
+++ b/css/base/netdata/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/netdata/onedark.css b/css/base/netdata/onedark.css
new file mode 100644
index 00000000..7281666b
--- /dev/null
+++ b/css/base/netdata/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/netdata/organizr-dashboard.css b/css/base/netdata/organizr-dashboard.css
new file mode 100644
index 00000000..6157008b
--- /dev/null
+++ b/css/base/netdata/organizr-dashboard.css
@@ -0,0 +1,20 @@
+
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+
+/* NETDATA ORGANIZR DASHBOARD THEME */
+@import url(/css/base/netdata/netdata-base.css);
+@import url(/css/variables/organizr-dark.css);
+:root {
+  --main-bg-color: transparent;
+}
\ No newline at end of file
diff --git a/css/base/netdata/organizr.css b/css/base/netdata/organizr.css
new file mode 100644
index 00000000..8d1f950d
--- /dev/null
+++ b/css/base/netdata/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/netdata/overseerr.css b/css/base/netdata/overseerr.css
new file mode 100644
index 00000000..35c307fc
--- /dev/null
+++ b/css/base/netdata/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/netdata/pine-shadow.css b/css/base/netdata/pine-shadow.css
new file mode 100644
index 00000000..b6c222aa
--- /dev/null
+++ b/css/base/netdata/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/netdata/plex.css b/css/base/netdata/plex.css
new file mode 100644
index 00000000..86c1e572
--- /dev/null
+++ b/css/base/netdata/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/netdata/power.css b/css/base/netdata/power.css
new file mode 100644
index 00000000..804f4ec6
--- /dev/null
+++ b/css/base/netdata/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/netdata/reality.css b/css/base/netdata/reality.css
new file mode 100644
index 00000000..b8b8d6eb
--- /dev/null
+++ b/css/base/netdata/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/netdata/soul.css b/css/base/netdata/soul.css
new file mode 100644
index 00000000..8b00d200
--- /dev/null
+++ b/css/base/netdata/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/netdata/space-gray.css b/css/base/netdata/space-gray.css
new file mode 100644
index 00000000..7cd55279
--- /dev/null
+++ b/css/base/netdata/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/netdata/space.css b/css/base/netdata/space.css
new file mode 100644
index 00000000..7f198b1d
--- /dev/null
+++ b/css/base/netdata/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/netdata/time.css b/css/base/netdata/time.css
new file mode 100644
index 00000000..57ab11e5
--- /dev/null
+++ b/css/base/netdata/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/netdata/trueblack.css b/css/base/netdata/trueblack.css
new file mode 100644
index 00000000..75738072
--- /dev/null
+++ b/css/base/netdata/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/nzbget/aquamarine.css b/css/base/nzbget/aquamarine.css
new file mode 100644
index 00000000..e17fa24f
--- /dev/null
+++ b/css/base/nzbget/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/nzbget/blackberry-abyss.css b/css/base/nzbget/blackberry-abyss.css
new file mode 100644
index 00000000..b5fa789f
--- /dev/null
+++ b/css/base/nzbget/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/nzbget/blackberry-amethyst.css b/css/base/nzbget/blackberry-amethyst.css
new file mode 100644
index 00000000..27b6eb99
--- /dev/null
+++ b/css/base/nzbget/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/nzbget/blackberry-carol.css b/css/base/nzbget/blackberry-carol.css
new file mode 100644
index 00000000..76ac1ca3
--- /dev/null
+++ b/css/base/nzbget/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/nzbget/blackberry-dreamscape.css b/css/base/nzbget/blackberry-dreamscape.css
new file mode 100644
index 00000000..e41124ac
--- /dev/null
+++ b/css/base/nzbget/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/nzbget/blackberry-flamingo.css b/css/base/nzbget/blackberry-flamingo.css
new file mode 100644
index 00000000..8d7e1bee
--- /dev/null
+++ b/css/base/nzbget/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/nzbget/blackberry-hearth.css b/css/base/nzbget/blackberry-hearth.css
new file mode 100644
index 00000000..d6537687
--- /dev/null
+++ b/css/base/nzbget/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/nzbget/blackberry-martian.css b/css/base/nzbget/blackberry-martian.css
new file mode 100644
index 00000000..b83a33d0
--- /dev/null
+++ b/css/base/nzbget/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/nzbget/blackberry-pumpkin.css b/css/base/nzbget/blackberry-pumpkin.css
new file mode 100644
index 00000000..10a49bdf
--- /dev/null
+++ b/css/base/nzbget/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/nzbget/blackberry-royal.css b/css/base/nzbget/blackberry-royal.css
new file mode 100644
index 00000000..af96915d
--- /dev/null
+++ b/css/base/nzbget/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/nzbget/blackberry-shadow.css b/css/base/nzbget/blackberry-shadow.css
new file mode 100644
index 00000000..03e61e54
--- /dev/null
+++ b/css/base/nzbget/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/nzbget/blackberry-solar.css b/css/base/nzbget/blackberry-solar.css
new file mode 100644
index 00000000..8515b509
--- /dev/null
+++ b/css/base/nzbget/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/nzbget/blackberry-vanta.css b/css/base/nzbget/blackberry-vanta.css
new file mode 100644
index 00000000..bb3bceba
--- /dev/null
+++ b/css/base/nzbget/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/nzbget/dark.css b/css/base/nzbget/dark.css
new file mode 100644
index 00000000..414db5d9
--- /dev/null
+++ b/css/base/nzbget/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/nzbget/dracula.css b/css/base/nzbget/dracula.css
new file mode 100644
index 00000000..fa061361
--- /dev/null
+++ b/css/base/nzbget/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/nzbget/hotline-old.css b/css/base/nzbget/hotline-old.css
new file mode 100644
index 00000000..485f13a6
--- /dev/null
+++ b/css/base/nzbget/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/nzbget/hotline.css b/css/base/nzbget/hotline.css
new file mode 100644
index 00000000..92e71920
--- /dev/null
+++ b/css/base/nzbget/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/nzbget/hotpink.css b/css/base/nzbget/hotpink.css
new file mode 100644
index 00000000..709dad92
--- /dev/null
+++ b/css/base/nzbget/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/nzbget/mind.css b/css/base/nzbget/mind.css
new file mode 100644
index 00000000..c434ce80
--- /dev/null
+++ b/css/base/nzbget/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/nzbget/nord.css b/css/base/nzbget/nord.css
new file mode 100644
index 00000000..4adbfcfd
--- /dev/null
+++ b/css/base/nzbget/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/nzbget/nzbget-base.css b/css/base/nzbget/nzbget-base.css
new file mode 100644
index 00000000..93c212c6
--- /dev/null
+++ b/css/base/nzbget/nzbget-base.css
@@ -0,0 +1,664 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text) !important;
+}
+
+/* scroller */
+::-webkit-scrollbar-corner {
+    background-color: rgba(0, 0, 0, .25);
+}
+
+::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+    background: #0c1218;
+
+}
+
+::-webkit-scrollbar-thumb {
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+.modal-header {
+    padding: 9px 15px;
+    border-bottom: 1px solid rgb(var(--accent-color));
+    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.modal {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text) !important;
+}
+
+.modal-footer {
+    background-color: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-top: 1px solid rgb(var(--accent-color));
+    -webkit-box-shadow: inset 0 1px 0 transparent;
+    -moz-box-shadow: inset 0 1px 0 transparent;
+    box-shadow: inset 0 1px 0 transparent;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    color: var(--text-hover);
+}
+
+/* TABLES */
+.table a {
+    color: var(--link-color);
+}
+
+.table a:hover {
+    color: var(--link-color-hover) !important;
+}
+
+.table-striped tbody tr:nth-child(odd) {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.table-striped tbody tr:nth-child(odd) td,
+.table-striped tbody tr:nth-child(odd) th {
+    background-color: transparent;
+}
+
+.table-striped tbody tr:nth-child(even) {
+    background-color: rgba(0, 0, 0, 0.08);
+}
+
+.table tbody tr:hover,
+.table tbody tr:hover td,
+.table tbody tr:hover a {
+    color: var(--text-hover);
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+.table-striped tbody tr.checked:nth-child(2n+1) td,
+.checked .progress {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+tr.checked,
+tr.checked td,
+tr.checked:nth-child(odd) .progress {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+.table tbody tr.checked:hover,
+.table tbody tr.checked:hover td {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+.table tbody tr.checked:hover,
+.table tbody tr.checked:hover td {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+.table.check-simple tbody tr.checked:hover,
+.table.check-simple tbody tr.checked:hover td {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+.table th,
+.table td {
+    border-top: none;
+}
+
+.table-bordered {
+    border-left: none;
+    border: none;
+}
+
+.pagination a {
+    border: none;
+    background: rgba(0, 0, 0, .25);
+}
+
+.pagination a:hover,
+.pagination .active a {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+.pagination .active a {
+    color: rgb(rgb(var(--accent-color)));
+}
+
+/* PROGRESS BAR */
+.progress {
+    background: hsla(0, 0%, 100%, .08);
+}
+
+.progress-warning.progress-striped .bar {
+    background-color: #cc7b19;
+}
+
+.progress-success.progress-striped .bar {
+    background-color: #51a351;
+}
+
+.bar-text-left,
+.bar-text-right {
+    var(--text-hover);
+}
+
+/* NAVBAR */
+.navbar-fixed-top .navbar-inner {
+    color: var(--text-hover) !important;
+}
+
+.navbar-inner {
+    background-image: none;
+    background-color: transparent;
+}
+
+.navbar-container {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.navbar .nav>li>a:hover {
+    color: rgb(var(--accent-color)) !important;
+    background: hsla(0, 0%, 100%, .08);
+}
+
+.navbar .nav .active>a {
+    background: hsla(0, 0%, 100%, .08);
+    color: rgb(var(--accent-color));
+}
+
+.navbar .nav .active>a:hover {
+    background: hsla(0, 0%, 100%, .08);
+    color: var(--accent-color-hover) !important;
+}
+
+div.check:hover {
+    border: 1px solid var(--accent-color-hover);
+}
+
+#DownloadsTable>tbody>tr.checked td .check {
+    border: 1px solid rgb(var(--accent-color));
+}
+
+[class^="icon-"],
+[class*=" icon-"],
+[class^="img-"],
+[class*=" img-"] {
+    background-image: url(/resources/nzbget/icons.png);
+}
+
+.navbar-search .search-query {
+    color: var(--text);
+    background-color: rgba(0, 0, 0, 0.25) !important;
+
+
+}
+
+.navbar-search .search-query:focus,
+.navbar-search .search-query.focused {
+    color: var(--text-hover) !important;
+    text-shadow: none;
+    background-color: rgba(0, 0, 0, 0.45) !important;
+}
+
+.focused .search-caret-button .caret {
+    margin-left: 5px;
+    border-top-color: rgb(255, 255, 255);
+    border-bottom-color: rgb(255, 255, 255);
+}
+
+.search-caret-button {
+    outline: none;
+}
+
+.menu-header {
+    color: var(--text-hover);
+}
+
+.dropdown-menu {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+.dropdown-menu a {
+    color: var(--text);
+}
+
+.dropdown-menu li>a:hover,
+.dropdown-menu .active>a,
+.dropdown-menu .active>a:hover {
+    color: var(--text-hover);
+    background-color: hsla(0, 0%, 100%, .05);
+}
+
+.dropdown-menu .divider {
+    height: 0px;
+    border-bottom: none;
+}
+
+#ConfigContent .config-header {
+    border-bottom: 1px solid rgb(var(--accent-color));
+    color: var(--text-hover);
+}
+
+#StatDialog_Custom a,
+#AddDialog_Files a {
+    color: var(--link-color);
+}
+
+#StatDialog_Custom a:hover,
+#AddDialog_Files a:hover {
+    color: var(--link-color-hover);
+    cursor: pointer;
+}
+
+/* BUTTONS */
+.btn-primary,
+.btn-primary:hover,
+.btn-warning,
+.btn-warning:hover,
+.btn-danger,
+.btn-danger:hover,
+.btn-success,
+.btn-success:hover,
+.btn-info,
+.btn-info:hover,
+.btn-inverse,
+.btn-inverse:hover {
+    text-shadow: none;
+}
+
+.btn-group>.dropdown-toggle {
+    box-shadow: none;
+}
+
+.config-header .btn {
+    background: #FFF;
+    color: #adb1b1;
+    text-shadow: unset;
+}
+
+#ConfigData>div>button.btn {
+    background: var(--button-color) !important;
+    color: var(--button-text) !important;
+    font-weight: bold;
+    text-shadow: unset;
+}
+
+#ConfigData>div>button.btn:hover {
+    background: var(--button-color-hover) !important;
+    color: var(--button-text-hover) !important;
+    font-weight: bold;
+    text-shadow: unset;
+}
+
+#ConfigData>div>div>table>tbody>tr>td>.btn {
+    background: var(--button-color);
+    color: var(--button-text);
+    text-shadow: unset;
+    font-weight: bold;
+}
+
+#Config_Save:hover {
+    background-color: rgb(81, 163, 81);
+    color: #eee;
+}
+
+#Config_Save {
+    background: rgba(81, 163, 81, 0.8);
+    color: #FFF;
+    margin: auto;
+}
+
+#ConfigData>div>div>button.btn.btn-danger {
+    background: #ad292c;
+    text-shadow: unset;
+}
+
+#ConfigData>div>div>button.btn.btn-danger:hover {
+    background: #d33a3e;
+    text-shadow: unset;
+}
+
+#ConfigData>div:nth-child(3)>div>button,
+#ConfigData>div:nth-child(4)>div>button,
+#ConfigData>div:nth-child(5)>div>button {
+    text-shadow: unset;
+    background: rgba(0, 0, 0, 0.25);
+    color: var(--text-hover);
+}
+
+#ConfigData>div:nth-child(3)>div>button:hover,
+#ConfigData>div:nth-child(4)>div>button:hover,
+#ConfigData>div:nth-child(5)>div>button:hover {
+    text-shadow: unset;
+    background: hsla(0, 0%, 100%, .08);
+    color: var(--text-hover);
+}
+
+#ConfigData input.btn.btn-primary {
+    background: var(--button-color-hover) !important;
+    text-shadow: unset;
+    color: var(--button-text-hover) !important;
+    border: 1px solid var(--button-color-hover);
+}
+
+#ConfigData input.btn {
+    background: rgba(0, 0, 0, 0.25) !important;
+    text-shadow: unset;
+    color: #a8a8a8;
+}
+
+#Config_ViewButton {
+    background: rgba(0, 0, 0, 0.25);
+    color: var(--text-hover);
+}
+
+#Config_ViewButton:hover {
+    background: hsla(0, 0%, 100%, .08);
+    color: var(--text-hover);
+}
+
+#DownloadsEditDialog input.btn.btn-primary {
+    background: var(--button-color) !important;
+    text-shadow: unset;
+    color: var(--button-text);
+}
+
+#HistoryEdit_ParamData input.btn.btn-primary {
+    background: var(--button-color) !important;
+    text-shadow: unset;
+    color: var(--button-text);
+}
+
+.btn {
+    color: var(--button-text);
+    text-shadow: none;
+    background-color: var(--button-color);
+    background-image: none;
+    /* border-color: transparent;
+    border-bottom-color: transparent; */
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+    border-color: transparent;
+}
+
+.btn:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+
+}
+
+.config-header .btn {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.btn-group.open .btn.dropdown-toggle {
+    background-color: var(--button-color-hover);
+}
+
+#ConfigData>div>div>table>tbody>tr>td>.btn {
+    background: var(--button-color);
+    color: var(--button-text);
+    text-shadow: unset;
+    font-weight: bold;
+}
+
+#ConfigData>div>div>table>tbody>tr>td>.btn:hover {
+    background: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+input,
+textarea,
+.uneditable-input {
+    background: rgba(0, 0, 0, 0.25) !important;
+    color: var(--text) !important;
+    border: transparent;
+}
+
+input:focus:not(.btn),
+textarea:focus,
+.uneditable-input:focus {
+    background: rgba(255, 255, 255, 0.10) !important;
+    color: var(--text-hover) !important;
+    border: transparent;
+}
+
+select {
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 1px solid #00000000;
+    color: var(--text)
+}
+
+select:focus {
+    background: #1b1b1b !important;
+    color: var(--text-hover) !important;
+}
+
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus,
+select:focus {
+    outline: thin dotted #333;
+    outline: none;
+    outline-offset: -2px;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+}
+
+input:focus,
+textarea:focus {
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+}
+
+.alert-info {
+    font-weight: bold;
+    border-radius: unset;
+    border-bottom-left-radius: 0px;
+    border-bottom-right-radius: 0px;
+    border: 0px;
+    background-color: hsla(0, 0%, 100%, .05);
+    text-shadow: unset;
+    color: var(--text-hover);
+    text-transform: capitalize;
+}
+
+.alert-inverse {
+    background-color: #414141;
+    background-image: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-color: transparent;
+    opacity: 1;
+
+}
+
+/* SETTINGS */
+
+label {
+    color: var(--text-hover);
+}
+
+.badge-active,
+#MessagesTabBadge {
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
+    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
+}
+
+.label:not(.label-success, .label-warning, .label-important, .label-info, .label-inverse),
+.badge:not(.badge-success, .badge-warning, .badge-important, .badge-info, .badge-inverse) {
+    font-size: 10.998px;
+    font-weight: bold;
+    line-height: 14px;
+    color: #ffffff;
+    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
+    white-space: nowrap;
+    vertical-align: baseline;
+    background-color: rgb(255 255 255 / 25%);
+}
+
+#ConfigNav {
+    border: 1px solid rgba(0, 0, 0, .25);
+    background-color: rgba(0, 0, 0, .25);
+}
+
+#ConfigNav.nav-list a {
+    color: var(--text);
+    text-decoration: none;
+}
+
+.nav-list>li>a,
+.nav-list .nav-header {
+    text-shadow: none;
+}
+
+.nav-list>.active>a,
+.nav-list>.active>a:hover {
+    color: #ffffff;
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+    background-color: #0088cc;
+}
+
+.nav-list>.active>a,
+.nav-list>.active>a:hover {
+    color: rgb(var(--accent-color)) !important;
+    background-color: transparent;
+}
+
+.nav>li>a:hover {
+    background-color: hsla(0, 0%, 100%, .08);
+    color: var(--text-hover) !important;
+}
+
+.nav-list .divider {
+    background-color: rgb(var(--accent-color));
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+span.help-option-title {
+    color: var(--text);
+}
+
+.help-block,
+.help-inline {
+    color: var(--text);
+}
+
+.confirm-help-block {
+    color: var(--text);
+    font-size: 13px;
+    line-height: 16px;
+    margin-bottom: 0;
+}
+
+.input-prepend .add-on,
+.input-append .add-on {
+    background-color: rgba(0, 0, 0, 0.25);
+    background-image: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    background-color: transparent;
+    color: var(--text-hover) !important;
+    border: none;
+}
+
+.config-settitle {
+    background-color: rgba(0, 0, 0, 0.25);
+    border-bottom: none;
+}
+
+a {
+    color: var(--link-color);
+    text-decoration: none;
+}
+
+a:hover {
+    color: var(--link-color-hover);
+    text-decoration: underline;
+}
+
+.caret {
+    border-top: 4px solid #ffffff;
+}
+
+hr {
+    margin: 18px 0;
+    border: 0;
+    border-top: 1px solid gb(var(--accent-color));
+    border-bottom: 1px solid gb(var(--accent-color));
+}
\ No newline at end of file
diff --git a/css/base/nzbget/onedark.css b/css/base/nzbget/onedark.css
new file mode 100644
index 00000000..0e2249a0
--- /dev/null
+++ b/css/base/nzbget/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/nzbget/organizr.css b/css/base/nzbget/organizr.css
new file mode 100644
index 00000000..d9ee6f0f
--- /dev/null
+++ b/css/base/nzbget/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/nzbget/overseerr.css b/css/base/nzbget/overseerr.css
new file mode 100644
index 00000000..96db8799
--- /dev/null
+++ b/css/base/nzbget/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/nzbget/pine-shadow.css b/css/base/nzbget/pine-shadow.css
new file mode 100644
index 00000000..1d71c5ce
--- /dev/null
+++ b/css/base/nzbget/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/nzbget/plex.css b/css/base/nzbget/plex.css
new file mode 100644
index 00000000..01a49fa4
--- /dev/null
+++ b/css/base/nzbget/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/nzbget/power.css b/css/base/nzbget/power.css
new file mode 100644
index 00000000..466d6e8b
--- /dev/null
+++ b/css/base/nzbget/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/nzbget/reality.css b/css/base/nzbget/reality.css
new file mode 100644
index 00000000..7cd71318
--- /dev/null
+++ b/css/base/nzbget/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/nzbget/soul.css b/css/base/nzbget/soul.css
new file mode 100644
index 00000000..9c85106e
--- /dev/null
+++ b/css/base/nzbget/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/nzbget/space-gray.css b/css/base/nzbget/space-gray.css
new file mode 100644
index 00000000..dcfd8906
--- /dev/null
+++ b/css/base/nzbget/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/nzbget/space.css b/css/base/nzbget/space.css
new file mode 100644
index 00000000..a7689081
--- /dev/null
+++ b/css/base/nzbget/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/nzbget/time.css b/css/base/nzbget/time.css
new file mode 100644
index 00000000..57f2ee82
--- /dev/null
+++ b/css/base/nzbget/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/nzbget/trueblack.css b/css/base/nzbget/trueblack.css
new file mode 100644
index 00000000..3bb81b1b
--- /dev/null
+++ b/css/base/nzbget/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/aquamarine.css b/css/base/nzbhydra2/aquamarine.css
new file mode 100644
index 00000000..a79c69e5
--- /dev/null
+++ b/css/base/nzbhydra2/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/blackberry-abyss.css b/css/base/nzbhydra2/blackberry-abyss.css
new file mode 100644
index 00000000..8fa2ac11
--- /dev/null
+++ b/css/base/nzbhydra2/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/blackberry-amethyst.css b/css/base/nzbhydra2/blackberry-amethyst.css
new file mode 100644
index 00000000..cbc0d910
--- /dev/null
+++ b/css/base/nzbhydra2/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/blackberry-carol.css b/css/base/nzbhydra2/blackberry-carol.css
new file mode 100644
index 00000000..d462aa01
--- /dev/null
+++ b/css/base/nzbhydra2/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/blackberry-dreamscape.css b/css/base/nzbhydra2/blackberry-dreamscape.css
new file mode 100644
index 00000000..64ece15d
--- /dev/null
+++ b/css/base/nzbhydra2/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/blackberry-flamingo.css b/css/base/nzbhydra2/blackberry-flamingo.css
new file mode 100644
index 00000000..94f074d1
--- /dev/null
+++ b/css/base/nzbhydra2/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/blackberry-hearth.css b/css/base/nzbhydra2/blackberry-hearth.css
new file mode 100644
index 00000000..37f8c400
--- /dev/null
+++ b/css/base/nzbhydra2/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/blackberry-martian.css b/css/base/nzbhydra2/blackberry-martian.css
new file mode 100644
index 00000000..fb2ab2e9
--- /dev/null
+++ b/css/base/nzbhydra2/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/blackberry-pumpkin.css b/css/base/nzbhydra2/blackberry-pumpkin.css
new file mode 100644
index 00000000..afbce068
--- /dev/null
+++ b/css/base/nzbhydra2/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/blackberry-royal.css b/css/base/nzbhydra2/blackberry-royal.css
new file mode 100644
index 00000000..f211b51b
--- /dev/null
+++ b/css/base/nzbhydra2/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/blackberry-shadow.css b/css/base/nzbhydra2/blackberry-shadow.css
new file mode 100644
index 00000000..ea58e073
--- /dev/null
+++ b/css/base/nzbhydra2/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/blackberry-solar.css b/css/base/nzbhydra2/blackberry-solar.css
new file mode 100644
index 00000000..e1d62a75
--- /dev/null
+++ b/css/base/nzbhydra2/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/blackberry-vanta.css b/css/base/nzbhydra2/blackberry-vanta.css
new file mode 100644
index 00000000..bb4ec43e
--- /dev/null
+++ b/css/base/nzbhydra2/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/dark.css b/css/base/nzbhydra2/dark.css
new file mode 100644
index 00000000..5e04b838
--- /dev/null
+++ b/css/base/nzbhydra2/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/dracula.css b/css/base/nzbhydra2/dracula.css
new file mode 100644
index 00000000..1692a810
--- /dev/null
+++ b/css/base/nzbhydra2/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/hotline-old.css b/css/base/nzbhydra2/hotline-old.css
new file mode 100644
index 00000000..b9d7b7f1
--- /dev/null
+++ b/css/base/nzbhydra2/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/hotline.css b/css/base/nzbhydra2/hotline.css
new file mode 100644
index 00000000..36739c7b
--- /dev/null
+++ b/css/base/nzbhydra2/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/hotpink.css b/css/base/nzbhydra2/hotpink.css
new file mode 100644
index 00000000..8114982c
--- /dev/null
+++ b/css/base/nzbhydra2/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/mind.css b/css/base/nzbhydra2/mind.css
new file mode 100644
index 00000000..e1741807
--- /dev/null
+++ b/css/base/nzbhydra2/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/nord.css b/css/base/nzbhydra2/nord.css
new file mode 100644
index 00000000..1c44adff
--- /dev/null
+++ b/css/base/nzbhydra2/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/nzbhydra2-base.css b/css/base/nzbhydra2/nzbhydra2-base.css
new file mode 100644
index 00000000..82b4959a
--- /dev/null
+++ b/css/base/nzbhydra2/nzbhydra2-base.css
@@ -0,0 +1,583 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+@import url(/css/defaults/placeholders.css);
+
+body,
+html {
+    height: 100%;
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    font-family: Open Sans Semibold, Helvetica Neue, Helvetica, Arial, sans-serif;
+    color: var(--text);
+}
+
+* {
+    outline: none !important;
+}
+
+a {
+    color: var(--link-color);
+}
+
+a:hover {
+    color: var(--link-color-hover);
+}
+
+.navbar-default {
+    background-color: rgba(0, 0, 0, 0.6);
+    border-color: transparent;
+}
+
+.navbar-default .navbar-nav>.active>a,
+.navbar-default .navbar-nav>.active>a:focus,
+.navbar-default .navbar-nav>.active>a:hover {
+    color: rgb(var(--accent-color));
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.navbar-default .navbar-nav>li>a:focus,
+.navbar-default .navbar-nav>li>a:hover {
+    color: var(--text-hover);
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+.navbar-default .navbar-nav>li>a {
+    color: var(--text);
+}
+
+.growl-container>.alert-info.icon {
+    background: rgb(var(--accent-color));
+}
+
+.alert-info {
+    background: rgb(var(--accent-color));
+    border-color: transparent;
+    color: var(--label-text-color);
+    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+    outline: none;
+}
+
+.alert-info a:hover {
+    color: var(--link-color);
+    opacity: .8;
+}
+
+/* Config */
+.nav-tabs {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+}
+
+.nav-tabs>li.active>a,
+.nav-tabs>li.active>a:focus,
+.nav-tabs>li.active>a:hover {
+    color: rgb(var(--accent-color));
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 1px solid #1a1f2000;
+    border-bottom-color: transparent;
+}
+
+.nav-tabs>li>a:hover {
+    border-color: transparent;
+    color: var(--text-hover);
+}
+
+.nav>li>a:focus,
+.nav>li>a:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+.nav-tabs>li>a {
+    margin-right: 2px;
+    line-height: 1.42857143;
+    border: 1px solid transparent;
+    border-radius: 4px 4px 0 0;
+    color: var(--text);
+}
+
+.formly>.formly-field-group {
+    background-color: transparent;
+    border: 1px solid transparent;
+}
+
+legend,
+label {
+    color: var(--text-hover);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    color: var(--text-hover) !important;
+}
+
+/* Buttons */
+.btn-primary {
+    color: var(--button-text);
+    background: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-primary.active,
+.btn-primary.focus,
+.btn-primary:active,
+.btn-primary:focus,
+.btn-primary:hover,
+.open>.dropdown-toggle.btn-primary {
+    color: var(--button-text-hover);
+    background: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-primary.active.focus,
+.btn-primary.active:focus,
+.btn-primary.active:hover,
+.btn-primary:active.focus,
+.btn-primary:active:focus,
+.btn-primary:active:hover,
+.open>.dropdown-toggle.btn-primary.focus,
+.open>.dropdown-toggle.btn-primary:focus,
+.open>.dropdown-toggle.btn-primary:hover {
+    color: var(--button-text-hover);
+    background: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-info {
+    color: var(--button-text);
+    background: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-info.active,
+.btn-info.focus,
+.btn-info:active,
+.btn-info:focus,
+.btn-info:hover,
+.open>.dropdown-toggle.btn-info {
+    color: var(--button-text-hover);
+    background: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-info.active.focus,
+.btn-info.active:focus,
+.btn-info.active:hover,
+.btn-info:active.focus,
+.btn-info:active:focus,
+.btn-info:active:hover,
+.open>.dropdown-toggle.btn-info.focus,
+.open>.dropdown-toggle.btn-info:focus,
+.open>.dropdown-toggle.btn-info:hover {
+    color: var(--button-text-hover);
+    background: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-default:not(.uib-day button, .uib-month button, .uib-year button) {
+    color: var(--button-text);
+    background: var(--button-color);
+    border-color: var(--button-color) !important;
+}
+
+.btn-default.active,
+.btn-default.focus,
+.btn-default:active,
+.btn-default:focus,
+.btn-default:hover,
+.open>.dropdown-toggle.btn-default {
+    color: var(--button-text-hover);
+    background: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
+}
+
+.btn-default.active.focus,
+.btn-default.active:focus,
+.btn-default.active:hover,
+.btn-default:active.focus,
+.btn-default:active:focus,
+.btn-default:active:hover,
+.open>.dropdown-toggle.btn-default.focus,
+.open>.dropdown-toggle.btn-default:focus,
+.open>.dropdown-toggle.btn-default:hover {
+    color: var(--button-text-hover);
+    background: var(--button-color-hover);
+    border-color: var(--button-color-hover) !important;
+}
+
+.config-button {
+    border: 1px solid transparent;
+}
+
+.btn-success.active.focus,
+.btn-success.active:focus,
+.btn-success.active:hover,
+.btn-success:active.focus,
+.btn-success:active:focus,
+.btn-success:active:hover,
+.open>.dropdown-toggle.btn-success.focus,
+.open>.dropdown-toggle.btn-success:focus,
+.open>.dropdown-toggle.btn-success:hover {
+    outline: none !important;
+    border-color: transparent;
+}
+
+.btn-danger.active.focus,
+.btn-danger.active:focus,
+.btn-danger.active:hover,
+.btn-danger:active.focus,
+.btn-danger:active:focus,
+.btn-danger:active:hover,
+.open>.dropdown-toggle.btn-danger.focus,
+.open>.dropdown-toggle.btn-danger:focus,
+.open>.dropdown-toggle.btn-danger:hover {
+    outline: none;
+}
+
+.btn-warning.active.focus,
+.btn-warning.active:focus,
+.btn-warning.active:hover,
+.btn-warning:active.focus,
+.btn-warning:active:focus,
+.btn-warning:active:hover,
+.open>.dropdown-toggle.btn-warning.focus,
+.open>.dropdown-toggle.btn-warning:focus,
+.open>.dropdown-toggle.btn-warning:hover {
+    outline: none;
+}
+
+.dropdown-menu {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.dropdown-menu>li>a {
+    color: var(--text);
+}
+
+.dropdown-menu>li>a:focus,
+.dropdown-menu>li>a:hover {
+    text-decoration: none;
+    color: var(--text-hover);
+    background-color: rgba(255, 255, 255, 0.1);
+}
+
+.history-title {
+    font-style: italic;
+    color: var(--text-muted);
+}
+
+.bootstrap-switch {
+    border: 1px solid rgba(255, 255, 255, .08);
+}
+
+.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
+    color: var(--text-muted);
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
+    background-color: var(--button-color);
+    color: var(--button-text);
+}
+
+.input-group-btn:last-child>.btn,
+.input-group-btn:last-child>.btn-group {
+    margin-left: -1px;
+    background: #f0f8ff00;
+}
+
+.input-group-btn2 {
+    border: 1px solid var(--button-color);
+    background: var(--button-color);
+}
+
+.input-group-btn1 {
+    border: 1px solid var(--button-color);
+    background: var(--button-color);
+}
+
+.input-group-addon {
+    color: var(--button-text);
+    border: 1px solid var(--button-color);
+    background: var(--button-color);
+
+}
+
+/* Form Control */
+
+.form-control {
+    border: 1px solid transparent;
+    background-color: rgba(0, 0, 0, 0.25);
+
+}
+
+.form-control:focus {
+    border-color: rgba(255, 255, 255, 0);
+    background: rgba(0, 0, 0, 0.35);
+    outline: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+select.form-control:focus {
+    background: #1b1b1b;
+    color: var(--text)
+}
+
+/* .input-group-addon {
+    outline: none;
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 1px solid transparent;
+
+} */
+
+/* Categories */
+.panel {
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 1px solid transparent;
+}
+
+.repeatsection {
+    background: rgba(0, 0, 0, 0.25);
+    box-shadow: 0 0 4px 1px transparent;
+}
+
+hr {
+    border-top: 1px solid rgba(255, 255, 255, 0.25);
+}
+
+/* Modal */
+.modal-body {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.modal-header {
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-bottom: 1px solid rgb(var(--accent-color));
+    color: var(--text-hover);
+}
+
+.modal-content {
+    border: 1px solid transparent;
+    color: var(--text)
+}
+
+.modal-footer {
+    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-top: 1px solid rgb(var(--accent-color));
+}
+
+.well {
+    background-color: hsla(0, 0%, 0%, 0.45);
+    border: 1px solid #00000000;
+}
+
+/* Updates */
+.alert-warning {
+    background: rgba(255, 255, 255, 0.25);
+    border-color: transparent;
+    color: var(--text-hover);
+}
+
+.panel-default>.panel-heading {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.panel-default>.panel-heading {
+    color: var(--text);
+    border-color: rgba(255, 255, 255, 0.08);
+}
+
+.list-group-item {
+    background-color: rgba(0, 0, 0, 0.08);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/* Table */
+table {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.table>thead>tr>th {
+    vertical-align: bottom;
+    border-bottom: 2px solid rgba(255, 255, 255, 0.25);
+}
+
+.table>tbody>tr>td,
+.table>tbody>tr>th,
+.table>tfoot>tr>td,
+.table>tfoot>tr>th,
+.table>thead>tr>td,
+.table>thead>tr>th {
+    border-top: 1px solid rgba(255, 255, 255, 0.15);
+}
+
+.table-hover>tbody>tr:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+.search-result-tbody {
+    color: var(--text-hover);
+}
+
+pre {
+    background-color: rgba(0, 0, 0, 0.45);
+    border: 1px solid transparent;
+}
+
+/* FORM LOGIN */
+body>div>div.center-form.panel.col-md-8>div>form>button {
+    color: var(--button-text);
+    background: var(--button-color);
+    border-color: var(--button-color);
+
+}
+
+body>div>div.center-form.panel.col-md-8>div>form>button:hover,
+body>div>div.center-form.panel.col-md-8>div>form>button:focus,
+body>div>div.center-form.panel.col-md-8>div>form>button:active {
+    color: var(--button-text-hover);
+    background: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+
+}
+
+/* SEARCH */
+.search-results-table {
+    background-color: rgb(0 0 0 / 25%);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.filter-button.btn-default:focus,
+.filter-button.btn-default:focus.active {
+    background-color: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
+    color: var(--button-text) !important;
+}
+
+.indexer-statuses-accordion {
+    color: rgb(var(--accent-color));
+}
+
+/* Pagination */
+
+.pagination>li>a,
+.pagination>li>span {
+    text-decoration: none;
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+
+}
+
+.pagination>li>a:focus,
+.pagination>li>a:hover,
+.pagination>li>span:focus,
+.pagination>li>span:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.pagination>.active>a,
+.pagination>.active>a:focus,
+.pagination>.active>a:hover,
+.pagination>.active>span,
+.pagination>.active>span:focus,
+.pagination>.active>span:hover {
+    z-index: 2;
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+    cursor: default
+}
+
+.pagination>.disabled>a,
+.pagination>.disabled>a:focus,
+.pagination>.disabled>a:hover,
+.pagination>.disabled>span,
+.pagination>.disabled>span:focus,
+.pagination>.disabled>span:hover {
+    color: var(--text-muted);
+    background-color: rgba(255, 255, 255, .1);
+    border-color: rgba(255, 255, 255, .1);
+    cursor: not-allowed
+}
+
+/*pre*/
+pre {
+    color: var(--text);
+    background: var(--modal-bg-color);
+    border: 1px solid rgba(255, 255, 255, .1);
+}
+
+chart>nvd3>svg>text {
+    fill: var(--text-muted);
+}
+
+.caption,
+caption {
+    color: var(--text-muted);
+}
+
+.default-chip {
+    border: 1px solid rgb(var(--accent-color));
+    border-radius: 5px;
+    background: rgb(var(--accent-color));
+    color: var(--label-text-color);
+    padding: 0 2px 0 2px;
+}
+
+chip-tmpl:focus .default-chip {
+    border: 2px solid var(--accent-color-hover);
+    background: var(--accent-color-hover);
+    color: var(--label-text-color);
+}
\ No newline at end of file
diff --git a/css/base/nzbhydra2/onedark.css b/css/base/nzbhydra2/onedark.css
new file mode 100644
index 00000000..bee1d451
--- /dev/null
+++ b/css/base/nzbhydra2/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/organizr.css b/css/base/nzbhydra2/organizr.css
new file mode 100644
index 00000000..f87167d7
--- /dev/null
+++ b/css/base/nzbhydra2/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/overseerr.css b/css/base/nzbhydra2/overseerr.css
new file mode 100644
index 00000000..b580d550
--- /dev/null
+++ b/css/base/nzbhydra2/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/pine-shadow.css b/css/base/nzbhydra2/pine-shadow.css
new file mode 100644
index 00000000..def2d7b9
--- /dev/null
+++ b/css/base/nzbhydra2/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/plex.css b/css/base/nzbhydra2/plex.css
new file mode 100644
index 00000000..ea319ca5
--- /dev/null
+++ b/css/base/nzbhydra2/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/power.css b/css/base/nzbhydra2/power.css
new file mode 100644
index 00000000..cb2bbd8e
--- /dev/null
+++ b/css/base/nzbhydra2/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/reality.css b/css/base/nzbhydra2/reality.css
new file mode 100644
index 00000000..a359ec60
--- /dev/null
+++ b/css/base/nzbhydra2/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/soul.css b/css/base/nzbhydra2/soul.css
new file mode 100644
index 00000000..9fd1fa8a
--- /dev/null
+++ b/css/base/nzbhydra2/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/space-gray.css b/css/base/nzbhydra2/space-gray.css
new file mode 100644
index 00000000..860004b8
--- /dev/null
+++ b/css/base/nzbhydra2/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/space.css b/css/base/nzbhydra2/space.css
new file mode 100644
index 00000000..275bffc9
--- /dev/null
+++ b/css/base/nzbhydra2/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/time.css b/css/base/nzbhydra2/time.css
new file mode 100644
index 00000000..f8d1f9d5
--- /dev/null
+++ b/css/base/nzbhydra2/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/nzbhydra2/trueblack.css b/css/base/nzbhydra2/trueblack.css
new file mode 100644
index 00000000..ae21c7eb
--- /dev/null
+++ b/css/base/nzbhydra2/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/ombi/aquamarine.css b/css/base/ombi/aquamarine.css
new file mode 100644
index 00000000..aa29aafa
--- /dev/null
+++ b/css/base/ombi/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/ombi/blackberry-abyss.css b/css/base/ombi/blackberry-abyss.css
new file mode 100644
index 00000000..d7805d45
--- /dev/null
+++ b/css/base/ombi/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/ombi/blackberry-amethyst.css b/css/base/ombi/blackberry-amethyst.css
new file mode 100644
index 00000000..342811a2
--- /dev/null
+++ b/css/base/ombi/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/ombi/blackberry-carol.css b/css/base/ombi/blackberry-carol.css
new file mode 100644
index 00000000..74ce5131
--- /dev/null
+++ b/css/base/ombi/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/ombi/blackberry-dreamscape.css b/css/base/ombi/blackberry-dreamscape.css
new file mode 100644
index 00000000..42dee98a
--- /dev/null
+++ b/css/base/ombi/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/ombi/blackberry-flamingo.css b/css/base/ombi/blackberry-flamingo.css
new file mode 100644
index 00000000..e24fe98c
--- /dev/null
+++ b/css/base/ombi/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/ombi/blackberry-hearth.css b/css/base/ombi/blackberry-hearth.css
new file mode 100644
index 00000000..3456e765
--- /dev/null
+++ b/css/base/ombi/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/ombi/blackberry-martian.css b/css/base/ombi/blackberry-martian.css
new file mode 100644
index 00000000..97e3189f
--- /dev/null
+++ b/css/base/ombi/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/ombi/blackberry-pumpkin.css b/css/base/ombi/blackberry-pumpkin.css
new file mode 100644
index 00000000..d2ccb574
--- /dev/null
+++ b/css/base/ombi/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/ombi/blackberry-royal.css b/css/base/ombi/blackberry-royal.css
new file mode 100644
index 00000000..ac9931c8
--- /dev/null
+++ b/css/base/ombi/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/ombi/blackberry-shadow.css b/css/base/ombi/blackberry-shadow.css
new file mode 100644
index 00000000..8c4da15c
--- /dev/null
+++ b/css/base/ombi/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/ombi/blackberry-solar.css b/css/base/ombi/blackberry-solar.css
new file mode 100644
index 00000000..3e3b9316
--- /dev/null
+++ b/css/base/ombi/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/ombi/blackberry-vanta.css b/css/base/ombi/blackberry-vanta.css
new file mode 100644
index 00000000..9a2249e6
--- /dev/null
+++ b/css/base/ombi/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/ombi/dark.css b/css/base/ombi/dark.css
new file mode 100644
index 00000000..55ce40c5
--- /dev/null
+++ b/css/base/ombi/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/ombi/dracula.css b/css/base/ombi/dracula.css
new file mode 100644
index 00000000..3164c2e3
--- /dev/null
+++ b/css/base/ombi/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/ombi/hotline-old.css b/css/base/ombi/hotline-old.css
new file mode 100644
index 00000000..c696a64b
--- /dev/null
+++ b/css/base/ombi/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/ombi/hotline.css b/css/base/ombi/hotline.css
new file mode 100644
index 00000000..332587b2
--- /dev/null
+++ b/css/base/ombi/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/ombi/hotpink.css b/css/base/ombi/hotpink.css
new file mode 100644
index 00000000..9697477d
--- /dev/null
+++ b/css/base/ombi/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/ombi/mind.css b/css/base/ombi/mind.css
new file mode 100644
index 00000000..ce13d722
--- /dev/null
+++ b/css/base/ombi/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/ombi/nord.css b/css/base/ombi/nord.css
new file mode 100644
index 00000000..7bce4928
--- /dev/null
+++ b/css/base/ombi/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/ombi/ombi-base.css b/css/base/ombi/ombi-base.css
new file mode 100644
index 00000000..368f78f8
--- /dev/null
+++ b/css/base/ombi/ombi-base.css
@@ -0,0 +1,738 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+
+* {
+    outline: none !important;
+}
+
+html,
+body,
+.wizard-background,
+.content-container,
+html, body, .wizard-background, .content-container, #main-container\ dark > mat-sidenav-container,
+ #main-container\ dark > mat-sidenav-container > mat-sidenav-content {
+    color: var(--text) !important;
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.content-container .top-bar-container {
+    background: transparent !important;
+}
+
+.container-alert {
+    color: var(--text-hover);
+    background-color: rgb(0 0 0 / 50%) !important;
+    border-color: rgb(var(--accent-color)) !important;
+}
+
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+legend {
+    color: var(--text-hover);
+}
+
+/* LINKS */
+a {
+    color: var(--link-color);
+}
+
+a:hover {
+    color: var(--link-color-hover);
+}
+
+.forgot-password:active,
+.forgot-password:focus,
+.forgot-password:hover {
+    color: var(--link-color-hover) !important;
+}
+
+/* SCROLLBAR */
+::-webkit-scrollbar-thumb {
+    border-radius: 3px;
+    background: rgb(255 255 255 / 30%);
+}
+
+/* TOP NAV */
+.top-search-bar .mat-form-field-flex {
+    border: 1px solid rgba(255, 255, 255, 0.10);
+    background-color: rgba(0, 0, 0, 0.45);
+}
+
+/* Drop down menu */
+.mat-menu-panel,
+#requestsToDisplayDropdown-panel {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
+    color: rgb(var(--accent-color));
+}
+
+.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
+    background: hsl(0deg 0% 0% / 25%);
+}
+#main-container\ dark > mat-sidenav-container > mat-sidenav-content > mat-toolbar > button {
+    color: rgb(var(--accent-color));
+}
+
+/* SIDE NAV */
+
+@media only screen and (min-width: 1025px){
+    #main-container\ dark > mat-sidenav-container > mat-sidenav-content {
+        margin-left: 256px !important;
+    }
+}
+
+/* OMBI TEXT */
+.sidenav-container .sidenav .application-name {
+    color: rgb(var(--accent-color)) !important;
+}
+
+@media (min-width: 768px) {
+    .sidenav-container .sidenav {
+        background: hsla(0, 0%, 0%, 0.438) !important;
+    }
+}
+
+.sidenav-container .sidenav {
+    background: var(--modal-bg-color) !important;
+    color: var(--text-hover);
+    font-family: Montserrat, sans-serif;
+    width: 16rem;
+}
+
+.sidenav-container .sidenav .menu-spacing {
+    margin-bottom: 5%;
+    /* padding-left: .5rem;
+    padding-right: .5rem; */
+}
+
+.mat-drawer-backdrop.mat-drawer-shown {
+    background-color: hsl(0deg 0% 0% / 50%);
+    backdrop-filter: blur(10px) !important;
+    -webkit-backdrop-filter: blur(10px) !important;
+}
+
+.mat-list-base {
+    padding-top: 8px;
+    display: block;
+    -webkit-tap-highlight-color: transparent;
+    padding-left: .5rem;
+    padding-right: .5rem;
+}
+
+.sidenav-container[_ngcontent-icv-c127] .sidenav[_ngcontent-icv-c127] .active-list-item[_ngcontent-icv-c127] {
+    color: rgb(var(--accent-color)) !important;
+}
+
+.sidenav-container .sidenav .active-list-item,
+.sidenav-container .sidenav .active-list-item:hover {
+    color: rgb(var(--accent-color)) !important;
+    background: rgb(255 255 255 / 15%) !important;
+    border-radius: .375rem !important;
+    padding: 10px 20px;
+    height: auto;
+}
+
+[id*="nav-"] {
+    color: var(--text) !important;
+}
+
+.sidenav-container .sidenav .mat-list-item {
+    font-family: Roboto, sans-serif;
+    font-size: 16px;
+    font-weight: 400;
+    padding: 10px 0 0 0;
+    height: auto;
+    margin-bottom: .5rem;
+    width: 15rem !important;
+    padding-left: .5rem !important;
+    padding-right: .5rem !important;
+}
+
+.sidenav-container .sidenav .mat-drawer-inner-container {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    -webkit-overflow-scrolling: touch;
+}
+
+.sidenav-container .sidenav .mat-list-base .mat-list-item .mat-list-item-content,
+.sidenav-container .sidenav.mat-list-base .mat-list-option .mat-list-item-content {
+    padding: 0 !important;
+}
+
+.sidenav-container .sidenav .mat-list-base .mat-list-item .mat-list-item-ripple,
+.sidenav-container .sidenav.mat-list-base .mat-list-option .mat-list-item-ripple {
+    display: none !important;
+}
+
+.sidenav-container .sidenav.mat-action-list .mat-list-item:focus,
+.sidenav-container .sidenav.mat-list-option:focus,
+.sidenav-container .sidenav .mat-nav-list .mat-list-item:focus,
+.sidenav-container .sidenav.mat-action-list .mat-list-item:focus:hover,
+.sidenav-container .sidenav.mat-list-option:focus:hover,
+.sidenav-container .sidenav .mat-nav-list .mat-list-item:focus:hover {
+    background: hsla(0, 0%, 100%, .04);
+    border-radius: .375rem !important;
+    color: rgb(var(--accent-color)) !important;
+}
+
+
+.sidenav-container .sidenav .mat-action-list .mat-list-item:hover:not(.active-list-item),
+.mat-list-option:hover:not(.active-list-item),
+.sidenav-container .sidenav .mat-nav-list .mat-list-item:hover:not(.active-list-item) {
+    background: hsla(0, 0%, 100%, .04);
+    border-radius: .375rem !important;
+    color: var(--text-hover) !important;
+}
+
+.active-advanced.fa-filter{
+    color: rgb(var(--accent-color));
+    background:none;
+    }
+
+/* DISCOVER PAGE */
+.discover-filter-buttons-group {
+    background: rgb(255 255 255 / 8%) !important;
+    border: 1px solid rgb(255 255 255 / 10%) !important;
+    border-radius: 30px;
+    color: var(--text-hover);
+    margin-bottom: 10px;
+    margin-right: 30px;
+}
+
+.discover-filter-buttons-group .button-active {
+    background: rgba(0, 0, 0, 0.45) !important;
+}
+
+#search-filter{
+    color:var(--text);
+    }
+
+.small-middle-container [div*="_ngcontent-"] {
+    margin: auto;
+    width: 100% !important;
+}
+
+.small-middle-container.ng-star-inserted {
+    width: 85% !important;
+    margin: 10px auto auto !important;
+}
+
+.small-middle-container[div*="_ngcontent-"] {
+    width: 95% !important;
+    margin: 10px auto auto !important;
+}
+
+/* @media (min-width: 768px) {
+    .content-container {
+        margin-left: 255px !important;
+    }
+
+    .content-container .section {
+        margin: 6px !important;
+    }
+} */
+
+/* MOBILE */
+@media (min-width: 768px) {
+    .sidenav-container .sidenav {
+        background: hsla(0, 0%, 0%, 0.438) !important;
+    }
+}
+
+
+@media (max-width: 768px) {
+    .p-carousel-item {
+        min-height: 230px !important;
+        max-width: 11.7rem !important
+    }
+
+    .p-carousel .p-carousel-content .p-carousel-next,
+    .p-carousel .p-carousel-content .p-carousel-prev {
+        display: none;
+    }
+
+    .right {
+        text-align: right !important;
+        margin-top: -61px;
+    }
+}
+
+.p-carousel-item {
+    min-height: 290px;
+    max-height: 290px;
+    max-width: 12rem;
+}
+
+@media (max-width: 768px) {
+    .section h2 {
+        margin-left: 5px !important;
+    }
+}
+
+@media (min-width: 768px) {
+    .section h2 {
+        margin-left: 63px !important;
+    }
+}
+
+/* CARDS */
+.ombi-card {
+    padding: 0px !important;
+    margin: 5px !important;
+}
+
+#cardImage,
+.ombi-card {
+    border-radius: .75rem !important;
+}
+
+#cardImage {
+    min-height: 225px;
+}
+
+.p-carousel-indicators,
+.p-carousel-items-container {
+    display: flex;
+    padding-bottom: 5px;
+    flex-direction: row;
+}
+
+.c .card-top-info {
+    top: -1px !important;
+    position: absolute;
+    border-radius: .75rem .75rem 0 0 !important;
+    background-color: rgba(0, 0, 0, 0.7) !important;
+    backdrop-filter: blur(10px) !important;
+    -webkit-backdrop-filter: blur(10px) !important;
+    transition: 0s -webkit-filter linear;
+}
+
+.ombi-card .button-request-container .button-request {
+    /* padding-left: .5rem !important;
+        padding-right: .5rem !important; */
+}
+
+#info-wrapper .mat-card,
+.mat-expansion-panel {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+#info-wrapper .mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
+    box-shadow: 0 0 0 0 rgb(0 0 0 / 20%), 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%);
+    background: transparent;
+}
+
+#info-wrapper .mat-card .label,
+#info-wrapper .mat-card .mat-card-header {
+    color: var(--text-hover);
+}
+
+#info-wrapper .mat-card,
+#info-wrapper .mat-card-content {
+    color: var(--text);
+}
+
+.btn-ombi {
+    background-color: rgba(0, 0, 0, 0.85) !important;
+    /* backdrop-filter: blur(10px) !important;
+    -webkit-backdrop-filter: blur(10px) !important; */
+    border-radius: .375rem !important;
+    padding: 0 .375rem !important;
+}
+
+.btn-ombi.mat-raised-button {
+    line-height: 29.4px !important;
+}
+
+.btn-ombi:hover {
+    background-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover) !important;
+
+}
+
+.c .button-request-container {
+    padding: 0 .375rem !important;
+    /* padding: .375rem !important; */
+}
+
+.ombi-card .button-request-container {
+    position: relative;
+    width: 100%;
+    margin: -40px 0 0 !important;
+    opacity: 0;
+    transition: .3s ease;
+}
+
+.p-carousel-item,
+.ombi-card {
+    transition: .3s ease-in-out;
+}
+
+.ombi-card #cardImage:hover {
+    /* transform: scale(1.02) !important; */
+}
+
+/* Search results */
+@media (min-width: 768px) {
+    #searchResults .ombi-card {
+        margin-bottom: 15px !important;
+        margin-left: 0px !important;
+        height: 100% !important;
+    }
+}
+
+#searchResults {
+    margin-bottom: 15px !important;
+}
+
+/* Wizard */
+.wizard-background .mat-stepper-horizontal,
+.mat-stepper-vertical,
+.mat-tooltip {
+    background: rgb(0, 0, 0, .25) !important;
+}
+
+small.important {
+    color: red;
+    background: rgba(0, 0, 0, .25);
+    border-radius: 5px;
+    padding: 5px;
+}
+
+.mat-step-header .mat-step-label,
+.mat-step-header .mat-step-optional {
+    color: var(--text) !important;
+}
+
+/* Accents */
+.mat-step-header .mat-step-icon {
+    background-color: rgb(var(--accent-color)) !important;
+    color: var(--button-text) !important;
+}
+
+.mat-tab-group.mat-primary .mat-ink-bar,
+.mat-tab-nav-bar.mat-primary .mat-ink-bar {
+    background-color: rgb(var(--accent-color)) !important;
+}
+
+/* slide toggle */
+.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
+    background-color: rgba(var(--accent-color), .54) !important;
+}
+
+.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
+    background-color: rgb(var(--accent-color)) !important;
+}
+
+/* BUTTONS */
+.mat-fab.mat-accent,
+.mat-flat-button.mat-accent,
+.mat-mini-fab.mat-accent,
+.mat-raised-button.mat-accent,
+.buttons .mat-raised-button {
+    color: var(--button-text) !important;
+    background-color: var(--button-color) !important;
+}
+
+.mat-raised-button:not([class*=mat-elevation-z]):not(.mat-raised-button.mat-warn):not(.viewon-btn.plex) {
+    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
+    background: var(--button-color);
+}
+
+.mat-raised-button:not([class*=mat-elevation-z]):not(.mat-raised-button.mat-warn):not(.viewon-btn.plex):hover {
+    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
+    background: var(--button-color-hover) !important;
+}
+
+.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
+    border-color: rgb(var(--accent-color));
+}
+
+.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
+    background-color: rgb(var(--accent-color));
+}
+
+/* Plex buttons */
+.viewon-btn.plex,
+.viewon-btn.emby,
+.viewon-btn.jellyfin {
+    background: transparent !important;
+}
+
+/* login button */
+button#sign-in {
+    color: var(--button-text) !important;
+}
+
+.mat-fab.mat-primary,
+.mat-flat-button.mat-primary,
+.mat-mini-fab.mat-primary,
+.mat-raised-button.mat-primary {
+    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+button.admin-cog {
+    color: var(--button-color) !important;
+}
+
+.grow:hover {
+    color: var(--text-hover);
+}
+
+/* FORMS */
+::ng-deep .dark .mat-form-field.mat-focused .mat-form-field-label,
+::ng-deep .mat-form-field.mat-focused .mat-form-field-label {
+    color: rgb(var(--accent-color)) !important;
+}
+
+.mat-form-field.mat-focused .mat-form-field-label.mat-accent,
+.mat-focused .mat-form-field-required-marker,
+.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after,
+.mat-form-field.mat-focused.mat-accent .mat-select-arrow,
+.mat-toolbar .mat-focused .mat-form-field-ripple,
+.mat-toolbar .mat-form-field-ripple,
+.mat-toolbar .mat-form-field-underline,
+.mat-toolbar .mat-focused .mat-form-field-label,
+.mat-toolbar .mat-form-field-label,
+.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,
+.mat-toolbar .mat-select-arrow,
+.mat-toolbar .mat-select-value,
+.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,
+.mat-form-field.mat-focused .mat-form-field-label,
+.mat-form-field.mat-focused .mat-form-field-ripple {
+    color: rgb(var(--accent-color)) !important;
+}
+
+.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple {
+background-color: rgb(var(--accent-color));
+}
+
+.mat-input-element,.login-card .mat-input-element {
+    caret-color: rgb(var(--accent-color)) !important;
+}
+
+input:-internal-autofill-selected {
+    appearance: menulist-button;
+    background-image: none !important;
+    background-color: -internal-light-dark(rgba(232, 240, 254, 0), rgba(70, 90, 126, 0.4)) !important;
+    color: -internal-light-dark(black, white) !important;
+}
+
+.mat-form-field.mat-focused .mat-form-field-ripple,
+.mat-checkbox-checked.mat-accent .mat-checkbox-background,
+.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
+.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,
+.mat-toolbar .mat-focused .mat-form-field-ripple {
+    background-color: rgb(var(--accent-color));
+}
+
+.form-control:focus {
+    border-color: rgb(var(--accent-color));
+    box-shadow: 0 0 0 0.2rem rgb(var(--accent-color) / 25%);
+}
+
+.form-control:focus {
+    border: 1px solid rgb(var(--accent-color));
+}
+
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+    box-shadow: inset 0 0 0 1px rgb(var(--accent-color)), inset 0 0 0 1px rgb(var(--accent-color)), inset 0 0 0 1px rgb(var(--accent-color)), inset 0 0 0 1px rgb(var(--accent-color));
+}
+
+.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
+    border-color: rgb(var(--accent-color));
+}
+
+/* Check box*/
+.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
+.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
+    background: rgb(var(--accent-color)) !important;
+}
+
+
+/* popups */
+.mat-snack-bar-container {
+    color: var(--text);
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
+}
+
+/* Login page */
+.login-card H1.login_logo {
+    color: rgb(var(--accent-color)) !important;
+}
+
+/* TABLES */
+
+.table {
+    color: var(--text);
+}
+
+.mat-table-sticky,
+.mat-table tbody,
+.mat-table tfoot,
+.mat-table thead,
+[mat-footer-row],
+[mat-header-row],
+[mat-row],
+mat-footer-row,
+mat-header-row,
+mat-row {
+    background: rgb(255 255 255 / 0%);
+}
+
+.mat-paginator,
+.mat-table {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+tr.mat-header-row {
+    background: rgba(0, 0, 0, 0.45);
+}
+
+.table thead th {
+    vertical-align: bottom;
+    border-bottom: 2px solid rgb(255 255 255 / 25%);
+    border-top: 1px solid rgb(255 255 255 / 25%);
+}
+
+/* Details page */
+
+#info-wrapper .p-carousel-item {
+    max-width: none;
+}
+
+#viewCollectionBtn {
+    background: var(--button-color);
+}
+
+.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+    background: rgb(var(--accent-color));
+    color: #121212;
+}
+
+#info-wrapper .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+hr {
+    border-top: 1px solid rgb(var(--accent-color));
+}
+
+.full-screenshot.enabled.overlay {
+    background-image: linear-gradient(180deg, transparent, 50%, rgb(var(--accent-color), 0.1));
+}
+
+.social-icons-container {
+    background-color: hsl(0deg 0% 0% / 85%) !important;
+    backdrop-filter: blur(10px) !important;
+    -webkit-backdrop-filter: blur(10px) !important;
+}
+
+/* MODAL */
+.mat-autocomplete-panel,
+.mat-dialog-container {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.mat-bottom-sheet-container {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/* OTHER */
+.mat-tooltip {
+    background: var(--drop-down-menu-bg) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.mat-progress-spinner.mat-accent circle,
+.mat-spinner.mat-accent circle {
+    stroke: rgb(var(--accent-color));
+}
+
+/* ADVANCED SEARCH MODAL */
+.alert-info {
+    background: rgba(255, 255, 255, .25) !important;
+    border-color: rgba(255, 255, 255, .1) !important;
+    color: var(--text-hover) !important;
+}
\ No newline at end of file
diff --git a/css/base/ombi/onedark.css b/css/base/ombi/onedark.css
new file mode 100644
index 00000000..768280a5
--- /dev/null
+++ b/css/base/ombi/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/ombi/organizr.css b/css/base/ombi/organizr.css
new file mode 100644
index 00000000..67660b48
--- /dev/null
+++ b/css/base/ombi/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/ombi/overseerr.css b/css/base/ombi/overseerr.css
new file mode 100644
index 00000000..ea3200cf
--- /dev/null
+++ b/css/base/ombi/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/ombi/pine-shadow.css b/css/base/ombi/pine-shadow.css
new file mode 100644
index 00000000..43f9b759
--- /dev/null
+++ b/css/base/ombi/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/ombi/plex.css b/css/base/ombi/plex.css
new file mode 100644
index 00000000..2b7dd5a2
--- /dev/null
+++ b/css/base/ombi/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/ombi/power.css b/css/base/ombi/power.css
new file mode 100644
index 00000000..ca1235e6
--- /dev/null
+++ b/css/base/ombi/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/ombi/reality.css b/css/base/ombi/reality.css
new file mode 100644
index 00000000..bd3e2703
--- /dev/null
+++ b/css/base/ombi/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/ombi/soul.css b/css/base/ombi/soul.css
new file mode 100644
index 00000000..9ee5fbb5
--- /dev/null
+++ b/css/base/ombi/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/ombi/space-gray.css b/css/base/ombi/space-gray.css
new file mode 100644
index 00000000..67eb3d2b
--- /dev/null
+++ b/css/base/ombi/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/ombi/space.css b/css/base/ombi/space.css
new file mode 100644
index 00000000..4c80e4fb
--- /dev/null
+++ b/css/base/ombi/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/ombi/time.css b/css/base/ombi/time.css
new file mode 100644
index 00000000..b628467a
--- /dev/null
+++ b/css/base/ombi/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/ombi/trueblack.css b/css/base/ombi/trueblack.css
new file mode 100644
index 00000000..ed6bc347
--- /dev/null
+++ b/css/base/ombi/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/organizr/aquamarine.css b/css/base/organizr/aquamarine.css
new file mode 100644
index 00000000..b4eae21f
--- /dev/null
+++ b/css/base/organizr/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/organizr/blackberry-abyss.css b/css/base/organizr/blackberry-abyss.css
new file mode 100644
index 00000000..03ebfdf3
--- /dev/null
+++ b/css/base/organizr/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/organizr/blackberry-amethyst.css b/css/base/organizr/blackberry-amethyst.css
new file mode 100644
index 00000000..1fffab22
--- /dev/null
+++ b/css/base/organizr/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/organizr/blackberry-carol.css b/css/base/organizr/blackberry-carol.css
new file mode 100644
index 00000000..c95ceb95
--- /dev/null
+++ b/css/base/organizr/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/organizr/blackberry-dreamscape.css b/css/base/organizr/blackberry-dreamscape.css
new file mode 100644
index 00000000..45f1441e
--- /dev/null
+++ b/css/base/organizr/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/organizr/blackberry-flamingo.css b/css/base/organizr/blackberry-flamingo.css
new file mode 100644
index 00000000..d9501f06
--- /dev/null
+++ b/css/base/organizr/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/organizr/blackberry-hearth.css b/css/base/organizr/blackberry-hearth.css
new file mode 100644
index 00000000..228377f9
--- /dev/null
+++ b/css/base/organizr/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/organizr/blackberry-martian.css b/css/base/organizr/blackberry-martian.css
new file mode 100644
index 00000000..72ed83b3
--- /dev/null
+++ b/css/base/organizr/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/organizr/blackberry-pumpkin.css b/css/base/organizr/blackberry-pumpkin.css
new file mode 100644
index 00000000..e8ed21d6
--- /dev/null
+++ b/css/base/organizr/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/organizr/blackberry-royal.css b/css/base/organizr/blackberry-royal.css
new file mode 100644
index 00000000..2493ec65
--- /dev/null
+++ b/css/base/organizr/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/organizr/blackberry-shadow.css b/css/base/organizr/blackberry-shadow.css
new file mode 100644
index 00000000..1fd77705
--- /dev/null
+++ b/css/base/organizr/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/organizr/blackberry-solar.css b/css/base/organizr/blackberry-solar.css
new file mode 100644
index 00000000..5005ddd5
--- /dev/null
+++ b/css/base/organizr/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/organizr/blackberry-vanta.css b/css/base/organizr/blackberry-vanta.css
new file mode 100644
index 00000000..ea9ac857
--- /dev/null
+++ b/css/base/organizr/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/organizr/dark.css b/css/base/organizr/dark.css
new file mode 100644
index 00000000..e843f40a
--- /dev/null
+++ b/css/base/organizr/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/organizr/dracula.css b/css/base/organizr/dracula.css
new file mode 100644
index 00000000..bb7ebddf
--- /dev/null
+++ b/css/base/organizr/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/organizr/hotline-old.css b/css/base/organizr/hotline-old.css
new file mode 100644
index 00000000..b0a13c9d
--- /dev/null
+++ b/css/base/organizr/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/organizr/hotline.css b/css/base/organizr/hotline.css
new file mode 100644
index 00000000..3ea4d773
--- /dev/null
+++ b/css/base/organizr/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/organizr/hotpink.css b/css/base/organizr/hotpink.css
new file mode 100644
index 00000000..3d83a535
--- /dev/null
+++ b/css/base/organizr/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/organizr/mind.css b/css/base/organizr/mind.css
new file mode 100644
index 00000000..9fd021b1
--- /dev/null
+++ b/css/base/organizr/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/organizr/nord.css b/css/base/organizr/nord.css
new file mode 100644
index 00000000..bd4e3042
--- /dev/null
+++ b/css/base/organizr/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/organizr/onedark.css b/css/base/organizr/onedark.css
new file mode 100644
index 00000000..576034e1
--- /dev/null
+++ b/css/base/organizr/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/organizr/organizr-base.css b/css/base/organizr/organizr-base.css
new file mode 100644
index 00000000..052b2028
--- /dev/null
+++ b/css/base/organizr/organizr-base.css
@@ -0,0 +1,2564 @@
+@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900);
+/*Theme Colors*/
+/*bootstrap Color*/
+/*Normal Color*/
+/*Border radius*/
+/*Just change your choise color here its theme Colors*/
+
+/* THEME PARK CUSTOM */
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+    background-color: rgb(var(--accent-color));
+    border: 1px solid rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+.select2-container--default.select2-container--focus .select2-selection--multiple {
+    border: solid rgb(var(--accent-color)) 1px;
+}
+
+.select2-container--default .select2-selection--multiple {
+    border: 1px solid rgb(var(--accent-color), 0.5);
+}
+
+
+[id$="-settings-items"]>div {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+}
+
+.panel-footer {
+    background: var(--modal-footer-color) !important;
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+}
+
+.panel-default .panel-body,
+.panel-white .panel-body {
+    color: var(--text);
+}
+
+#HEALTHCHECKS-settings-items [id*="Services"] .row.m-b-40 {
+    background: rgba(0, 0, 0, 0)
+}
+
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+label,
+.bg-title .breadcrumb a:hover,
+.chat-list .odd .chat-text h4,
+.close,
+.nav-tabs>li.active>a,
+.nav-tabs>li.active>a:focus,
+.nav-tabs>li.active>a:hover,
+.pagination>li>a:focus,
+.pagination>li>a:hover,
+.pagination>li>span:focus,
+.pagination>li>span:hover,
+.text-dark:not(#to-recover),
+.swal-title {
+    color: var(--text-hover) !important;
+}
+
+.text-muted:not(.bg-plex) {
+    color: var(--text-muted) !important;
+}
+
+.panel .panel-heading .panel-title {
+    color: var(--text-hover);
+}
+
+.daterangepicker .input-mini,
+.dd-handle,
+.dd3-content,
+.dropify-wrapper,
+.panel-default .panel-heading,
+.panel-white .panel-heading,
+.select2-container .select2-choice,
+.css-bar-lg:after {
+    background: #1f1f1f;
+}
+
+.steamline .sl-right div>a,
+.white-box .box-title,
+a.list-group-item,
+button.list-group-item,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    color: var(--text-hover) !important; 
+}
+
+.badge:not(.homepage-drag .badge) {
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+.tabLoaded {
+    -webkit-filter: drop-shadow(0 0 5px rgb(var(--accent-color)));
+    filter: drop-shadow(0 0 5px rgb(var(--accent-color)));
+    color: var(--text-hover)
+}
+
+.active .tabLoaded {
+    -webkit-filter: drop-shadow(0 0 2px rgb(var(--accent-color)));
+    filter: drop-shadow(0 0 2px rgb(var(--accent-color)));
+    color: rgb(var(--accent-color));
+}
+
+.navbar-top-links>li>a:hover {
+    background: rgba(0, 0, 0, 0.1);
+    color: var(--link-color-hover);
+}
+
+.bg-title .breadcrumb,
+.chat-list .odd .chat-text h4,
+.close,
+.nav-tabs>li.active>a,
+.nav-tabs>li.active>a:focus,
+.nav-tabs>li.active>a:hover,
+.pagination>li>a:focus,
+.pagination>li>a:hover,
+.pagination>li>span:focus,
+.pagination>li>span:hover {
+    color: var(--text-hover);
+}
+
+.btn:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),
+.cbutton {
+    background: var(--button-color);
+    border-color: var(--button-color);
+    color: var(--button-text);
+}
+
+.btn:hover:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),
+.btn:active:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),
+.btn:focus:not(.btn-danger):not(.bg-plex):not(.btn-youtube):not(.btn-info.btn-circle):not(.btn-success),
+.cbutton:hover {
+    background: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+.cbutton {
+    border-radius: 20px;
+    border-color: var(--button-color);
+    padding: 0px;
+    width: auto;
+    height: auto;
+    background-color: var(--button-color);
+    position: relative;
+    text-align: center;
+}
+
+.cbutton:hover {
+    opacity: .8;
+}
+
+.cbuttontitle {
+    color: var(--button-text);
+    width: -webkit-fill-available;
+    border-radius: 20px;
+    border: 4px solid;
+}
+
+.panel-blue .panel-heading,
+.panel-info .panel-heading {
+    border-color: rgb(var(--accent-color));
+    color: var(--text-hover);
+}
+
+/* .panel-body:not(.unifiCards .panel-body):not(body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div.panel-wrapper.collapse.in > div) {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+} */
+
+.bg-plex:not(h2 .bg-plex) {
+    background: #e5a00d;
+    color: white;
+    border-radius: 25px;
+}
+
+.tabs-style-flip nav a,
+.nav-tabs>li>a {
+    color: var(--text-hover);
+    transition: color .3s;
+}
+
+.customtab2 li.active a,
+.customtab2 li.active a:focus,
+.customtab2 li.active a:hover {
+    background: rgba(var(--accent-color), 0.15) !important;
+    border-color: rgba(var(--accent-color), 0.1) !important;
+    border-radius: 20px;
+    color: rgb(var(--accent-color)) !important;
+}
+
+/*toast*/
+.iziToast.success-notify.iziToast-layout2 {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-bottom: transparent
+}
+
+#dazsm6ofc1i6j6s9g5k5fija>div>div:nth-child(2),
+#dazsm6ofc1i6j6s9g5k5fija>div>div.white-box.m-b-0.bg-info {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.css-bar-lg:after {
+    background: #1f1f1f !important;
+}
+
+/* settings */
+/* header*/
+[id*="settings-"]>div>div.panel-heading:not(form > div > div.panel-heading) {
+    background: rgba(0, 0, 0, 0.25);
+}
+[id*="settings-"]>div>div.panel-heading .bg-org:not(form > div > div.panel-heading) {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+#account-area > div > div > div > div,
+[id*="homepage-"] > fieldset > div,
+#speedtest-area > div > div {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+
+#homepage-Deluge-form > fieldset > div > div.panel-wrapper.collapse.in > div > div > div > div.tab-pane.fade.in.active > div > div > div > div > div > div > div {
+    background: rgba(0, 0, 0, .1);
+}
+
+/* Homepage Item Modals*/
+[id$="API-SOCKS"] > div:nth-child(1) > div.col-md-12.p-b-10 > div > div > div,
+[id$="About"] > div > div > div > div > div,
+[id$="Enable"] > div > div > div > div > div > div > div,
+[id$="FYI"] > div > div > div > div > div > div > div,
+#\39 w59f92rirFYI > div > div > div > div > div > div > div,
+[id$="Setup"] > div > div > div > div > div {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+[id*="settings-"] .panel {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+#customize-appearance-form>ul>li.active>a {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+#settings-main-system-settings {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/* forms */
+select.form-control:focus {
+    box-shadow: none;
+    background: #1f1f1f;
+    border: 1px solid rgba(120, 130, 140, 0.4);
+}
+
+.form-material .form-control:focus,
+.form-control:focus {
+    background: rgba(0, 0, 0, 0.45);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+
+}
+
+.form-material .form-control,
+.form-control {
+    background: rgba(0, 0, 0, 0.25);
+    border-radius: 3px;
+}
+
+#githubVersions .bg-org {
+    background: rgba(0, 0, 0, 0.25) !important;
+}
+
+/* Ace editor stuff */
+.ace-idle-fingers {
+    background-color: rgb(0 0 0 / 25%) !important;
+    color: var(--text-hover) !important;
+}
+
+.ace-idle-fingers .ace_marker-layer .ace_active-line {
+    background: rgba(255, 255, 255, 0.15) !important;
+}
+
+.ace-idle-fingers .ace_gutter {
+    background: rgb(255 255 255 / 10%) !important;
+    color: var(--text-hover) !important;
+}
+
+.table>thead>tr>th {
+    border-bottom: 1px solid rgba(120, 130, 140, 0.13);
+    color: var(--text-hover);
+}
+
+#tabEditorTable,
+#categoryEditorTable {
+    color: var(--text);
+}
+
+/* Datatables */
+.dataTables_wrapper .dataTables_filter,
+.dataTables_wrapper .dataTables_info,
+.dataTables_wrapper .dataTables_length,
+.dataTables_wrapper .dataTables_paginate,
+.dataTables_wrapper .dataTables_paginate .paginate_button,
+.dataTables_wrapper .dataTables_processing,
+.dd-handle,
+.footable.breakpoint>tbody>tr>td>span.footable-toggle,
+pre {
+    color: var(--text) !important;
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
+.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
+    color: var(--text-muted) !important;
+}
+
+#loginLogTable>tbody>.even,
+#organizrLogTable>tbody>.even {
+    background: rgba(255, 255, 255, 0.10);
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button.current,
+.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
+    color: var(--button-text) !important;
+    border: 1px solid var(--button-color);
+    background: var(--button-color);
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
+    color: var(--button-text-hover) !important;
+    border: 1px solid var(--button-color-hover);
+    background: var(--button-color-hover);
+}
+
+.dataTables_wrapper .dataTables_paginate .paginate_button:active {
+    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0);
+}
+
+/* PLACEHOLDERS */
+input::-webkit-input-placeholder {
+    color: var(--text) !important;
+}
+
+input:focus::-webkit-input-placeholder {
+    color: var(--text-hover) !important;
+}
+
+/* Firefox < 19 */
+input:-moz-placeholder {
+    color: var(--text) !important;
+}
+
+input:focus:-moz-placeholder {
+    color: var(--text-hover) !important;
+}
+
+/* Firefox > 19 */
+input::-moz-placeholder {
+    color: var(--text) !important;
+}
+
+input:focus::-moz-placeholder {
+    color: var(--text-hover) !important;
+}
+
+/* Internet Explorer 10 */
+input:-ms-input-placeholder {
+    color: var(--text) !important;
+}
+
+input:focus:-ms-input-placeholder {
+    color: var(--text-hover) !important;
+}
+
+/* Scrollbar */
+@media only screen and (min-width: 768px) {
+    html {
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+    }
+
+    body {
+        overflow-y: auto;
+        height: 100%;
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .2);
+    background-clip: padding-box;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .5);
+    background-clip: padding-box;
+}
+
+/* JS GRID USERS */
+.jsgrid-grid-header {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+th.text-center,
+th.jsgrid-header-sortable,
+th.jsgrid-control-field.jsgrid-align-center {
+    color: var(--text-hover) !important;
+}
+
+#jsGrid-Users>div.jsgrid-grid-header.jsgrid-header-scrollbar>table,
+.jsgrid-grid-body>table>tbody {
+    color: var(--text) !important;
+}
+
+.jsgrid-table tbody .jsgrid-header-row,
+#jsGrid-Users>div.jsgrid-grid-header.jsgrid-header-scrollbar>table>tbody {
+    color: var(--text-hover) !important;
+}
+
+.jsGrid-Users,
+.jsgrid-header-sort-desc,
+.jsgrid-header-sort-asc {
+    background: rgba(0, 0, 0, 0.25) !important;
+}
+
+tr.jsgrid-header-row th {
+    border: transparent !important;
+    background: rgb(0 0 0 / 35%);
+}
+
+.jsgrid-grid-body td {
+    border-bottom: 1px solid rgba(120, 130, 140, .13);
+    border-top: 1px solid rgb(255 255 255 / 10%) !important;
+    background: #ffffff00 !important;
+}
+
+.jsgrid-filter-row>td,
+.jsgrid-header-sortable:hover {
+    background: rgba(0, 0, 0, 0.45) !important;
+    color: var(--text-hover) !important;
+}
+
+/* Calendar */
+
+#calendar .fc-content-skeleton>table>thead>tr {
+    background: rgba(0, 0, 0, 0.15);
+}
+
+.fc-event:not(.homepage-drag),
+.fc-event:hover:not(.homepage-drag),
+.ui-widget .fc-event {
+    color: var(--text-hover) !important;
+    text-decoration: none;
+}
+
+.fc-day-header a,
+.fc-day-number,
+.fc-list-heading-main {
+    color: rgb(var(--accent-color)) !important;
+    cursor: pointer !important;
+    transition: color .2s ease;
+}
+
+.fc-unthemed th,
+.fc-unthemed td,
+.fc-unthemed thead,
+.fc-unthemed .fc-divider,
+.fc-unthemed .fc-row,
+.fc-unthemed .fc-popover {
+    border-color: transparent;
+    background: rgba(0, 0, 0, 0.05);
+}
+
+.bg-theme,
+.fc-day-header {
+    background: rgba(0, 0, 0, .3) !important;
+}
+
+.bg-theme,
+.fc th.fc-sun,
+.fc th.fc-tue,
+.fc th.fc-thu,
+.fc th.fc-sat,
+.fc th.fc-mon,
+.fc th.fc-wed,
+.fc th.fc-fri,
+.fc-button {
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+th.fc-day-header.fc-widget-header.fc-today {
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+.fc-widget-content.fc-today {
+    background-color: rgba(255, 255, 255, 0.25) !important;
+}
+
+.fc-popover {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/* loginpage sidemenu */
+
+.login-box {
+    background: transparent;
+}
+
+@media (max-width: 480px) {
+    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
+        #wrapper .login-register>.login-box>.white-box {
+            background: transparent !important;
+            margin-top: auto !important;
+            width: 100% !important;
+            -webkit-backdrop-filter: blur(0px) !important;
+            backdrop-filter: blur(0px) !important;
+            -webkit-box-shadow: none;
+            box-shadow: none;
+        }
+
+        .login-box.login-sidebar {
+            background: rgba(0, 0, 0, .45) !important;
+            -webkit-backdrop-filter: blur(10px) !important;
+            backdrop-filter: blur(10px) !important;
+
+        }
+    }
+
+    /* slightly transparent fallback for Firefox (not supporting backdrop-filter) */
+    @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
+        #wrapper .login-register>.login-box>.white-box {
+            background: transparent !important;
+            margin-top: auto !important;
+            width: 100% !important;
+            -webkit-box-shadow: none !important;
+            box-shadow: none !important;
+        }
+
+        .login-box.login-sidebar {
+            background: var(--modal-bg-color) !important;
+        }
+    }
+
+    #lockScreen .white-box {
+        width: 100% !important;
+        height: 100% !important;
+        background: rgb(0 0 0 / 45%) !important;
+        margin-top: auto !important;
+        border-radius: 0px !important;
+    }
+
+    .lock-screen {
+        overflow: auto !important;
+    }
+
+    @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
+        #lockScreen .white-box {
+            background: var(--modal-bg-color) !important;
+            -webkit-box-shadow: none;
+            box-shadow: none;
+            border-radius: 15px;
+        }
+    }
+}
+
+/* logo */
+.white-box .visible-xs {
+    display: block;
+}
+
+.loginLogo {
+    border: 0;
+    margin-top: -60%;
+    transform: translateY(-10%);
+}
+
+@media (max-width: 480px) {
+    .loginLogo {
+        margin-top: -10% !important;
+    }
+}
+
+.blockUI {
+    opacity: 1 !important;
+    background-color: transparent !important;
+}
+
+.blockMsg {
+    background: rgba(0, 0, 0, 0.9) !important;
+    border: none !important;
+}
+
+#organizr-login-heading>a,
+#plex-login-heading>a,
+#recoverform>div:nth-child(1)>div>h3,
+#recoverform>div:nth-child(1)>div>p {
+    color: var(--text-hover) !important;
+}
+
+#login-username-Input::placeholder,
+#login-password-Input::placeholder,
+#recover-input::placeholder {
+    color: var(--text-muted) !important;
+}
+
+#to-recover,
+label[for="checkbox-login"] {
+    color: #bbb !important;
+}
+
+#to-recover:hover,
+label[for="checkbox-login"]:hover {
+    color: var(--text-hover) !important;
+}
+
+#organizr-login-collapse>div>div.form-group.text-center.m-t-20.m-b-0>div>button,
+#recoverform>div:nth-child(3)>div>button,
+#leave-recover,
+#form-lockscreen>div.form-group.text-center>div>button {
+    background: rgb(255 255 255 / 15%) !important;
+    color: var(--text)  !important;
+    border-radius: 25px;
+    border: none;
+}
+
+@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
+    .login-register>.login-box>.white-box {
+        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
+        box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
+        border-radius: 15px;
+        background-color: rgba(0, 0, 0, 0.45) !important;
+        -webkit-backdrop-filter: blur(10px);
+        backdrop-filter: blur(10px);
+        color: var(--text-hover)  !important;
+    }
+}
+
+
+/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */
+@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
+    .login-register>.login-box>.white-box {
+        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8) !important;
+        box-shadow: 0 0 10px rgba(0, 0, 0, 0.8) !important;
+        border-radius: 15px !important;
+        background: var(--main-bg-color) !important;
+    }
+}
+
+.login-register {
+    /* background: var(--main-bg-color) !important; */
+    height: 100%;
+    position: fixed;
+}
+
+.slideInRight {
+    -webkit-animation-name: none;
+    animation-name: none;
+}
+
+.login-register .login-box .white-box .bg-org {
+    background: transparent !important;
+}
+
+/*2FA login button*/
+.panel-wrapper .panel-body>.btn-warning,
+.btn-warning.disabled {
+    background: hsla(0, 0%, 0%, 0.25) !important;
+    border: 1px solid #ffc36d00 !important;
+}
+
+/*2FA animation header*/
+.panel-warning .panel-heading,
+.panel-yellow .panel-heading {
+    color: var(--text-hover);
+    border-radius: 3px;
+    background-color: rgba(0, 0, 0, 0.3);
+    border-color: #00000000;
+}
+
+/*oAuth Successful*/
+.panel-green .panel-heading,
+.panel-success .panel-heading {
+    color: #53e69d;
+    text-align: center;
+    text-transform: uppercase;
+    border-radius: 3px;
+    background-color: transparent;
+    border-color: transparent;
+}
+
+/*Login sidebar*/
+
+#login-panels .panel-body,
+#login-panels .panel {
+    background: 0 0;
+}
+
+/*Center login Box*/
+.login-sidebar {
+    position: relative;
+    right: initial;
+}
+
+#lockScreen .white-box {
+    width: 400px;
+    height: 345px;
+}
+
+#form-lockscreen>div:nth-child(1)>div>div>h3 {
+    color: var(--text-hover) !important;
+}
+
+.login-sidebar .white-box {
+    width: 100%;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
+    #lockScreen .white-box {
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%);
+        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
+        box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
+        border-radius: 15px;
+        background-color: rgba(0, 0, 0, 0.45);
+        -webkit-backdrop-filter: blur(10px);
+        backdrop-filter: blur(10px);
+    }
+}
+
+
+/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */
+@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
+    #lockScreen .white-box {
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%);
+        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
+        box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
+        border-radius: 15px;
+        background: var(--modal-bg-color);
+    }
+}
+
+@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
+    #splashScreen {
+        overflow-y: scroll;
+        background: rgb(0 0 0 / 80%) !important;
+        -webkit-backdrop-filter: blur(10px);
+        backdrop-filter: blur(10px);
+    }
+}
+
+
+/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */
+@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
+    #splashScreen {
+        overflow-y: scroll;
+        background: rgb(0 0 0 / 90%) !important;
+    }
+}
+
+/* Splash screen */
+.p-20 {
+    padding: 0px !important;
+}
+
+
+
+.lock-screen {
+    overflow-y: scroll;
+}
+
+#splashScreen .flexbox:first-of-type {
+    width: calc(100% - 40px);
+    margin: auto;
+}
+
+@media (max-width: 375px) {
+    #splashScreen div[id^=menu-] {
+        max-width: 88px !important;
+    }
+}
+
+@media (max-width: 480px) {
+    #splashScreen .flexbox:first-of-type {
+        width: auto;
+        margin-left: 30px;
+    }
+}
+
+@media (min-width: 768px) {
+    #splashScreen .flexbox:first-of-type {
+        width: 600px !important;
+        margin-top: 0px !important;
+    }
+}
+
+#splashScreen div[id^=menu-] {
+    background: transparent;
+    border-radius: 3px;
+    max-width: 115px;
+    margin: 24px 20px 0 0 !important;
+    padding: 25px;
+}
+
+#splashScreen .bg-org.fc-event {
+    background-color: transparent !important;
+    border-radius: 1000px;
+    height: 80px !important;
+    width: 80px !important;
+    background-position: center;
+}
+
+#splashScreen .homepage-text {
+    display: none;
+}
+
+#splashScreen .flexbox:last-of-type .bg-danger {
+    background: transparent !important;
+    color: var(--text-hover) !important;
+    border: 0 !important;
+    border-radius: 100px;
+    height: 0px !important;
+    text-align: center;
+
+}
+
+#splashScreen .bottom-close-splash {
+    position: relative !important;
+    width: 0px;
+    right: 0px;
+    bottom: 0px;
+}
+
+#splashScreen .flexbox:last-of-type .bg-danger:before {
+    font-family: "FontAwesome";
+    font-size: 40px;
+    content: "\f00d";
+    font-weight: 900;
+    display: inline-block;
+    margin-right: 5px;
+    color: rgba(255, 255, 255, 0.7);
+    -webkit-transform: scale(1.1) !important;
+    transform: scale(1.1) !important;
+    -webkit-animation-name: none;
+    animation-name: none;
+    text-align: center;
+    padding-top: inherit;
+
+}
+
+#splashScreen .flexbox:last-of-type {
+    padding: 0 !important;
+    position: absolute;
+    left: 50%;
+    -webkit-transform: translateX(calc(-50% - 10px));
+    transform: translateX(calc(-50% - 10px));
+}
+
+.hvr-wobble-bottom:active,
+.hvr-wobble-bottom:focus,
+.hvr-wobble-bottom:hover {
+    -webkit-transform: scale(1.1) !important;
+    transform: scale(1.1) !important;
+    -webkit-animation-name: none;
+    animation-name: none;
+
+}
+
+.hvr-wobble-bottom {
+    display: inline-block;
+    vertical-align: middle;
+    -webkit-transform: perspective(1px) translateZ(0);
+    transform: perspective(1px) translateZ(0);
+    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+    -webkit-transition-duration: .3s;
+    transition-duration: .3s;
+    -webkit-transition-property: transform;
+    transition-property: transform;
+    -webkit-transform-origin: center;
+    transform-origin: center;
+}
+
+.splash-badge {
+    color: var(--text-hover);
+    width: 80px !important;
+    height: 80px;
+    font-size: 60px;
+    border-radius: 1000px;
+}
+
+.splash-badge i {
+    position: absolute;
+    left: 10px;
+    top: 10px;
+    margin: 0px;
+    padding: 0px;
+}
+
+.splash-badge i.fa-home:before {
+    position: absolute !important;
+    left: -2px !important;
+}
+
+/* Google auth settings modal*/
+
+.color-table.info-table thead th {
+    background-color: rgba(61, 33, 33, 0.25);
+    color: var(--text-hover);
+}
+
+.bg-success.text-inverse {
+    background-color: rgba(255, 255, 255, 0.15) !important;
+    color: var(--text-hover);
+}
+
+.panel-blue a,
+.panel-info a {
+    color: var(--link-color);
+}
+
+.color-bordered-table.purple-bordered-table {
+    border: 2px solid rgb(var(--accent-color));
+}
+
+.white-box .bg-info {
+    background: var(--link-color) !important;
+}
+
+/* HOMEPAGE STUFF */
+/*TV Missing icon and status*/
+#calendar .fa.fa-tv.text-danger,
+#calendar .fc-time.tv.text-danger {
+    color: var(--calendar-tv-missing);
+}
+
+/*TV Available icon and status*/
+#calendar .fa.fa-tv.text-success,
+#calendar .fc-time.tv.text-success {
+    color: var(--calendar-tv-available);
+}
+
+/*TV Unreleased icon and status*/
+#calendar .fa.fa-tv.text-info,
+#calendar .fc-time.tv.text-info {
+    color: var(--calendar-tv-unreleased);
+}
+
+/*TV Premier icon and status*/
+#calendar .fa.fa-tv.text-primary,
+#calendar .fc-time.tv.text-primary,
+#calendar .fa.fa-tv.text-purple,
+#calendar .fc-time.tv.text-purple {
+    color: var(--calendar-tv-premier);
+}
+
+/*Movie Missing icon and status*/
+#calendar .fa.fa-film.text-danger:before {
+    color: var(--calendar-movie-missing);
+}
+
+#calendar .fa.fa-film.text-danger:after {
+    content: " Missing";
+    font-family: Rubik, sans-serif;
+    font-weight: 500;
+    color: var(--calendar-movie-missing);
+}
+
+/*Movie Available icon and status*/
+#calendar .fa.fa-film.text-success:before {
+    color: var(--calendar-movie-available);
+}
+
+#calendar .fa.fa-film.text-success:after {
+    content: " Available";
+    font-family: Rubik, sans-serif;
+    font-weight: 500;
+    color: var(--calendar-movie-available);
+}
+
+/*Movie Unreleased icon and status*/
+#calendar .fa.fa-film.text-info:before {
+    color: var(--calendar-movie-unreleased);
+}
+
+#calendar .fa.fa-film.text-info:after {
+    content: " Unreleased";
+    font-family: Rubik, sans-serif;
+    font-weight: 500;
+    color: var(--calendar-movie-unreleased);
+}
+
+
+/* Homepage Now playing card */
+.nowPlayingItem>.white-box>.el-card-item {
+    background: rgba(0, 0, 0, 0.15) !important;
+    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
+}
+
+.icon-film,
+.icon-control-play,
+.icon-screen-desktop,
+.icon-control-pause {
+    color: var(--text-hover)  !important;
+}
+
+.label-info {
+    background: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+.white-box {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/* Homepage headers */
+.panel-default .panel-heading .fc-toolbar {
+    background: transparent !important;
+    padding: 20px 0px;
+}
+
+.panel-black .panel-heading,
+.panel-inverse .panel-heading {
+    border-color: transparent;
+    color: var(--text-hover);
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/* Homepage buttons */
+
+#homepageOrderdeluge .mailbox-widget .customtab li.active a,
+#homepageOrderqBittorrent .mailbox-widget .customtab li.active a,
+#homepageOrderrTorrent .mailbox-widget .customtab li.active a,
+#homepageOrdertransmission .mailbox-widget .customtab li.active a {
+    height: auto;
+    padding: 5px 5px 0px 5px;
+    cursor: pointer;
+    font-weight: 400;
+}
+
+#homepageOrderdeluge .ti-download:before,
+#homepageOrderqBittorrent .ti-download:before,
+#homepageOrderrTorrent .ti-download:before,
+#homepageOrdertransmission .ti-download:before {
+    display: none;
+}
+
+#homepageOrderdeluge .white-box,
+#homepageOrderqBittorrent .white-box,
+#homepageOrderrTorrent .white-box,
+#homepageOrdertransmission .white-box {
+    padding-right: 0px !important;
+}
+
+#homepage-items .nav-tabs>li.active>a,
+.nav-tabs>li.active>a:hover {
+    cursor: pointer;
+    opacity: 1;
+}
+
+#homepageOrderdownloader .nav-tabs>li.active>a,
+.nav-tabs>li.active .nav>li>a,
+#homepageOrderdownloader .nav-tabs>li>a,
+.nav-tabs>li .nav>li>a {
+    padding: 10px 12.5px;
+}
+
+#homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li.active>a,
+#homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li>a {
+    padding: 10px 11.5px !important;
+}
+
+#homepageOrderdownloader .nav-tabs>li.active>a:hover,
+#homepageOrderdownloader .nav-tabs>li.active:hover {
+    background: rgba(0, 0, 0, 0.25) !important;
+    opacity: 1;
+}
+
+#homepageOrderdownloader .downloaderCount {
+    margin-top: -20px !important;
+}
+
+#homepageOrderdownloader .mailbox-widget .customtab li a {
+    padding: 20px 15px 5px 15px;
+}
+
+#homepageOrderdownloader .customtab li a {
+    padding: 20px 15px 5px 15px !important;
+}
+
+#homepageOrderdownloader .mailbox-widget .customtab li a:hover {
+    opacity: 1;
+}
+
+/* Homepage calendar buttons */
+.fc-next-button,
+.fc-prev-button {
+    background: 0 0 !important;
+    color: rgba(255, 255, 255, .7) !important;
+    border: 0 !important;
+}
+
+.btn-group.open .dropdown-toggle,
+.fc-state-default {
+    text-shadow: none;
+    box-shadow: none;
+}
+
+.fc-button:hover {
+    background: rgba(255, 255, 255, .08) !important;
+}
+
+.fc-button {
+    background: rgba(0, 0, 0, 0) !important;
+    color: var(--text-hover);
+    border-radius: 0 !important;
+    border: 0 !important;
+    text-transform: uppercase;
+}
+
+/* Homepage ombi - request triangle */
+.inside-request-div {
+    background-color: var(--link-color) !important;
+}
+
+.btn-group.open,
+.dropdown-toggle,
+.fc-state-default {
+    text-shadow: none !important;
+    box-shadow: none !important;
+}
+
+/* .btn-info:active:focus,
+.btn-info:active:hover,
+.btn-info:focus {
+  border: none !important;
+} */
+
+.btn.active,
+.btn:active {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+/* Notification Popups */
+/* Izi */
+.iziToast.update-notify.iziToast-layout2,
+.iziToast.success-notify.iziToast-layout2,
+.iziToast.warning-notify.iziToast-layout2 {
+    border: none;
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-bottom: transparent;
+}
+
+.iziToast.update-notify>.iziToast-body .iziToast-icon,
+.iziToast.success-notify>.iziToast-body .iziToast-icon .iziToast.warning-notify>.iziToast-body .iziToast-icon,
+.iziToast.warning-notify>.iziToast-body .iziToast-icon {
+    color: var(--link-color) !important;
+}
+
+.iziToast:after {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.update-notify .iziToast-progressbar div,
+.success-notify .iziToast-progressbar div,
+.warning-notify .iziToast-progressbar div {
+    background: rgb(var(--accent-color)) !important;
+}
+
+.iziToast>.iziToast-close {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAk6AAAJOgHwZJJKAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTAyVDIyOjExOjA0KzAxOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wMlQyMjoxMTozNiswMTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMi0wMlQyMjoxMTozNiswMTowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMzZkZDFlZS01YjJhLWIyNGMtOTA5ZC1lMzljOTJlMDVlYmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTM2ZGQxZWUtNWIyYS1iMjRjLTkwOWQtZTM5YzkyZTA1ZWJjIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MTM2ZGQxZWUtNWIyYS1iMjRjLTkwOWQtZTM5YzkyZTA1ZWJjIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMzZkZDFlZS01YjJhLWIyNGMtOTA5ZC1lMzljOTJlMDVlYmMiIHN0RXZ0OndoZW49IjIwMTktMTItMDJUMjI6MTE6MDQrMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz47W311AAAA1klEQVRYw82XDQrDIAyFPVgP4AX8vXHPtIJTsKMMk6XT7E0IVGz9nrHGxJRStmp7N2uUW2NceJvpD2d7VHOKcNcZZ9vfBaiJGMBfAuxgoPX9QrgnGJZTt0QEA3cSFx3VwgQ89DlkW0yo/UoEA/cSlx0DEfEGPBJz+Bn1IhEMPKxwYesn5pu0BC5YTboBj7PHiBKRL+9kFbhgdZmBp9WhlBKhD//ganJrfi1CHw4XAN0C6E8IPYbQQAQNxdDLCHodQxMSaEoGTUqhaTm8MPmH0gxenELL8yfG1e3Ahlk83AAAAABJRU5ErkJggg==) 50% 50% / 8px no-repeat;
+}
+
+/* Alertify */
+.ajs-message.ajs-error-alertify.ajs-visible {
+    color: #f44336;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-color: transparent;
+}
+
+.ajs-message.ajs-warning-alertify {
+    color: #ffeb3b;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-color: transparent;
+}
+
+.ajs-message.ajs-info-alertify {
+    color: #6da8ff;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-color: transparent;
+}
+
+.ajs-message.ajs-success-alertify {
+    color: #00ffb8;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-color: transparent;
+}
+
+/* Noty */
+.noty_type__error-noty .noty_body {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: #f44336;
+    border: 1px solid transparent;
+    border-bottom: transparent;
+}
+
+.noty_type__warning-noty .noty_body {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: #ffeb3b;
+    border: 1px solid transparent;
+    border-bottom: transparent;
+}
+
+.noty_type__info-noty .noty_body {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: #3a83f0;
+    border: 1px solid transparent;
+    border-bottom: transparent;
+}
+
+.noty_type__success-noty .noty_body {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: #00ffb8;
+    border: 1px solid transparent;
+    border-bottom: transparent;
+}
+
+.btn-link,
+a {
+    color: var(--link-color);
+    text-decoration: none;
+}
+
+.btn-link:hover,
+a:hover,
+.panel-blue a:hover,
+.panel-info a:hover {
+    color: var(--link-color-hover);
+    text-decoration: none;
+}
+
+/* Homepage streams- hover */
+.el-card-avatar a {
+    color: rgba(255, 255, 255, .7) !important;
+    border: white;
+}
+
+.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover {
+    background: transparent;
+    color: var(--text-hover)  !important;
+    border: var(--text-hover)  !important;
+}
+
+.progress-bar-info {
+    background: rgb(var(--accent-color)) !important;
+    color: var(--label-text-color);
+}
+
+.progress-bar-inverse,
+.progress {
+    background: rgba(255, 255, 255, 0.25) !important;
+}
+
+/* Homepage health checks */
+@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
+    .bg-inverse .healthPosition {
+        background: rgba(255, 255, 255, 0.2) !important;
+        -webkit-backdrop-filter: saturate(180%) blur(30px);
+        backdrop-filter: saturate(180%) blur(30px);
+        border-radius: 3px;
+    }
+}
+
+/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */
+@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
+    .bg-inverse .healthPosition {
+        background: var(--main-bg-color) !important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+        border-radius: 3px;
+    }
+}
+
+.bg-inverse .healthPosition h3,
+.bg-inverse .healthPosition h5 {
+    color: var(--text-hover) !important;
+}
+
+#homepageOrderhealthchecks .card-body {
+    background: rgba(255, 255, 255, 0.2);
+}
+
+.card,
+.card-body {
+    border-radius: 3px;
+}
+
+.bg-inverse:not(.homepage-drag):not(.pihole-stat) {
+    background: transparent !important;
+}
+
+.left-health {
+    border-radius: 3px 0 0 3px;
+}
+
+/* Homepage Tautulli Cards*/
+#homepageOrdertautulli .library-card .card-body,
+#homepageOrdertautulli div:nth-child(8) .card-body {
+    background: rgba(255, 255, 255, .2);
+}
+
+.homepage-tautulli-card .cardCountType {
+    color: var(--text);
+}
+
+.homepage-tautulli-card .tautulliRank,
+.homepage-tautulli-card .tautulliSeparator {
+    color: var(--text);
+}
+
+.homepage-tautulli-card .bg-img-cont {
+    border-radius: 3px;
+    border: .0001px solid #00000000;
+}
+
+/* Homepage Unifi cards */
+.unifiCards .panel-heading {
+    background: rgb(var(--accent-color));
+    color: var(--label-text-color) !important;
+    border-color: transparent !important;
+    text-align: inherit !important;
+    border-radius: 3px 3px 0 0
+}
+
+.unifiCards .panel-wrapper.collapse.in {
+    background: rgba(0, 0, 0, 0.15);
+}
+
+/* Homepage Monitor Cards */
+#homepageOrderMonitorr .card-body {
+    background: rgba(255, 255, 255, 0.2);
+}
+
+#homepageOrderMonitorr .col-lg-2 {
+    width: 170px;
+}
+
+#homepageOrderMonitorr .badge {
+    border-radius: 3px;
+}
+
+#homepageOrderMonitorr .bg-success {
+    background-color: #47bb62 !important;
+}
+
+#homepageOrderMonitorr .col-lg-3 .bg-success {
+    background-color: #53e69d !important;
+}
+
+/*Homepage WeatherAndAir Cards*/
+#homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li.tab-current a {
+    background: rgba(0, 0, 0, .2);
+}
+
+.health-and-pollutant-section .content-current {
+    background: rgba(255, 255, 255, .2);
+}
+
+#homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li.tab-current a::after {
+    border-top-color: var(--link-color);
+}
+
+#homepageOrderWeatherAndAir .text-info {
+    color: var(--link-color);
+}
+
+#homepageOrderWeatherAndAir .tabs-style-iconbox nav ul li a {
+    color: #ddd;
+}
+
+#homepageOrderWeatherAndAir .white-box {
+    background: rgba(255, 255, 255, .1);
+    border-radius: 3px;
+}
+
+/*Homepage Speedtest Cards*/
+#allSpeedtest .speedtest-card {
+    background-color: rgba(255, 255, 255, .1);
+}
+
+#allSpeedtest .speedtest-card .text-muted,
+#allSpeedtest .speedtest-card h5 {
+    color: #d6d6d6 !important;
+}
+
+#allSpeedtest .shadow-sm {
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+}
+
+.swal-modal,
+body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div > div.panel-heading,
+body > div.swal-overlay.swal-overlay--show-modal > div {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+}
+
+[id*="homepage"] .panel-heading.bg-info,
+.fc-toolbar:not(.fc-alternate) {
+    background: rgb(var(--accent-color)) !important;
+    color: var(--label-text-color) !important;
+}
+
+.fc-toolbar:not(.fc-alternate) h2,
+.fc .fc-button-group>button:not(.fc-alternate [class*="fc"]) {
+    color: var(--label-text-color) !important;
+}
+
+.bg-info:not(.fc-alternate):not(.feeds .bg-info) {
+    background-color: rgb(var(--accent-color)) !important;
+    color: var(--label-text-color) !important;
+}
+
+/* Email Center */
+#user-list-div .ms-container .ms-selectable li.ms-hover,
+#user-list-div .ms-container .ms-selection li.ms-hover {
+    background: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+#user-list-div .ms-container .ms-selectable,
+#user-list-div .ms-container .ms-selection {
+    background: rgb(0 0 0 / 25%);
+    color: var(--text);
+}
+
+#user-list-div .ms-container .ms-selectable li.ms-elem-selectable,
+#user-list-div .ms-container .ms-selection li.ms-elem-selection {
+    border-bottom: 1px rgba(238, 238, 238, .1) solid;
+    color: var(--text)
+}
+
+#user-list-div .ms-container .ms-list.ms-focus {
+    border-color: rgba(var(--accent-color), 0.8);
+    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(var(--accent-color), .6);
+    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(var(--accent-color), 0.6);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(var(--accent-color), .6);
+}
+
+#user-list-div .ms-container .ms-list {
+    border: 1px solid rgb(var(--accent-color));
+}
+
+/* Apparance side menu*/
+.tabs-vertical li.active a,
+.tabs-vertical li.active a:focus,
+.tabs-vertical li.active a:hover {
+    background: rgba(var(--accent-color), .15) !important;
+}
+
+.customvtab .tabs-vertical li.active a,
+.customvtab .tabs-vertical li.active a:focus,
+.customvtab .tabs-vertical li.active a:hover {
+    border-right: 2px solid rgb(var(--accent-color));
+    color: rgb(var(--accent-color));
+    transition: background-color .3s;
+}
+
+.vtabs .tabs-vertical li a {
+    color: var(--text);
+}
+
+.vtabs .nav>li>a:focus,
+.vtabs .nav>li>a:hover {
+    color: rgba(var(--accent-color));
+    background: transparent;
+    transition: color .3s;
+}
+
+/* THEME PARK CUSTOM END*/
+
+html {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+#page-wrapper {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/*Top Header Part*/
+.logo i {
+    color: var(--text-hover);
+}
+
+@-moz-document url-prefix() {
+    .navbar-header {
+        background: transparent !important;
+    }
+
+    .dropdown-menu {
+        background: transparent !important;
+    }
+}
+
+.navbar-header {
+    background: none;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.navbar-top-links>li>a {
+    color: var(--link-color);
+}
+
+.nav .open>a,
+.nav .open>a:focus,
+.nav .open>a:hover {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+/*Right panel*/
+.right-sidebar .rpanel-title {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/*Bread Crumb*/
+.bg-title .breadcrumb .active {
+    color: #1f1f1f;
+}
+
+/*Sidebar*/
+
+
+
+#wrapper > div.navbar-default.sidebar.nav-bar-rtl.os-host.os-theme-dark.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
+background: rgb(0 0 0 / 0%) !important;
+}
+ .navbar-default,
+.sidebar .sidebar-head {
+    background: rgb(0 0 0 / 0%);
+} 
+
+.sidebar  {
+    background: rgb(0 0 0 / 25%);
+    box-shadow: 1px 0px 20px rgb(0 0 0 / 20%);
+
+}
+
+.sidebar:hover,
+.sidebar:hover .sidebar-head {
+    background: var(--modal-bg-color) ;
+    background-repeat: repeat, no-repeat ;
+    background-attachment: fixed, fixed ;
+    background-position: center center, center center ;
+    background-size: auto, cover ;
+    -webkit-background-size: auto, cover ;
+    -moz-background-size: auto, cover ;
+    -o-background-size: auto, cover ;
+    transition: max-width .2s cubic-bezier(.4, 0, .2, 1), background-color .3s ease-out;
+}
+
+@media (max-width: 767px) {
+
+    .show-sidebar .sidebar,
+    .sidebar .sidebar-head {
+        background: var(--modal-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+.sidebar .label-custom {
+    background: #01c0c8;
+}
+
+#side-menu li a {
+    color: var(--text);
+}
+
+#side-menu li a {
+    color: var(--text);
+    border-left: 0px solid #1b1a1a;
+}
+
+@media (pointer: fine) {
+
+    #side-menu>li>a:hover,
+    #side-menu>li>a:focus {
+        background: rgba(0, 0, 0, 0.07);
+        color: var(--text-hover);
+    }
+}
+
+#side-menu>li>a.active,
+#side-menu>li>ul>li>a.active {
+    background: rgba(var(--accent-color), 0.05);
+    color: rgb(var(--accent-color));
+    font-weight: 500;
+    -webkit-box-shadow: inset 4px 0 0 0 rgb(var(--accent-color));
+    box-shadow: inset 4px 0 0 0 rgb(var(--accent-color));
+    border-radius: 0 0 0 0;
+    margin-left: 0px;
+}
+
+#side-menu ul>li>a:hover {
+    color: var(--text-hover);
+}
+
+#side-menu ul>li>a.active {
+    color: var(--text-hover);
+    font-weight: 500;
+}
+
+.user-profile .user-pro-body .u-dropdown {
+    color: var(--text);
+}
+
+.drop-title {
+    color: var(--text-hover);
+}
+
+.dropdown-menu {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.dropdown-menu>li>a {
+    color: var(--text) !important;
+
+}
+
+.dropdown-menu>li>a:focus,
+.dropdown-menu>li>a:hover {
+    color: var(--text-hover) !important;
+}
+
+.label-inverse {
+    background-color: #131313;
+}
+
+/*themecolor*/
+.bg-theme {
+    background-color: #707cd2 !important;
+}
+
+.bg-org:not([id="menu-"]div):not(.panel-heading) {
+    background: var(--main-bg-color) !important;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/*Button*/
+.btn-custom{
+    background: var(--button-color);
+    border: 1px solid var(--button-color);
+    color: var(--button-text);
+}
+
+.btn-custom:hover {
+    background: var(--button-color-hover);
+    opacity: 0.8;
+    color: var(--button-text-hover);
+    border: 1px solid var(--button-color-hover);
+}
+
+.swal-button {
+    outline: none;
+    background: var(--button-color);
+    border: 1px solid var(--button-color);
+    color: var(--button-text);
+    border-radius: 0px;
+}
+.swal-button:focus,.swal-button:active {
+    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0), 0 0 0 3px rgb(var(--accent-color),.25);
+}
+.swal-button:not([disabled]):hover,.swal-button:active {
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    border: 1px solid var(--button-color-hover);
+}
+/*Custom tab
+.customtab li.active a,
+.customtab li.active a:hover,
+.customtab li.active a:focus {
+    border-bottom: 2px solid #1f1f1f;
+    color: #1f1f1f;
+}
+*/
+
+.tabs-vertical li.active a,
+.tabs-vertical li.active a:hover,
+.tabs-vertical li.active a:focus {
+    background: #1f1f1f;
+    border-right: 2px solid #1f1f1f;
+}
+
+/*Nav-pills*/
+.nav-pills>li.active>a,
+.nav-pills>li.active>a:focus,
+.nav-pills>li.active>a:hover {
+    background: #1f1f1f;
+    color: #ffffff;
+}
+
+/*Extra css*/
+.bg-theme,
+.fc th.fc-sun,
+.fc th.fc-tue,
+.fc th.fc-thu,
+.fc th.fc-sat,
+.fc th.fc-mon,
+.fc th.fc-wed,
+.fc th.fc-fri,
+.fc-button {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.table tbody tr.advance-table-row.active,
+.fc-button {
+    border-color: #1f1f1f;
+}
+
+.manage-users .tabs-style-iconbox nav {
+    background: #1f1f1f;
+}
+
+.manage-users .tabs-style-iconbox nav li.tab-current a {
+    background: #1f1f1f;
+}
+
+.manage-users .tabs-style-iconbox nav li.tab-current a:after {
+    border-top-color: #1f1f1f;
+}
+
+.panel-themecolor,
+.panel-theme {
+    border-color: #1f1f1f;
+}
+
+.panel-themecolor .panel-heading,
+.panel-theme .panel-heading {
+    border-color: #1f1f1f;
+    color: white;
+    background-color: #1f1f1f;
+}
+
+.panel-themecolor .panel-heading a,
+.panel-theme .panel-heading a {
+    color: var(--text-hover);
+}
+
+.panel-themecolor .panel-heading a:hover,
+.panel-theme .panel-heading a:hover {
+    color: rgba(255, 255, 255, 0.5);
+}
+
+.panel-themecolor a,
+.panel-theme a {
+    color: #1f1f1f;
+}
+
+.panel-themecolor a:hover,
+.panel-theme a:hover {
+    color: #177eac;
+}
+
+.white-box,
+body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div>div>div:nth-child(2) {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div>div>div.white-box.m-b-0.bg-info>h3 {
+    color: var(--label-text-color) !important;
+}
+
+@media screen and (min-width: 768px) {
+    .orgErrorAlert {
+        min-width: 478px;
+        width: calc(100% - 40px);
+        max-width: 1200px;
+        background: var(--modal-bg-color) !important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+/* #mediaSearch-area>div>div,
+body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div>div>div,
+body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div>div>div.white-box.m-b-0.bg-info {
+    background: var(--modal-bg-color) !important;
+} */
+
+.bg-title {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+
+.form-control,
+input,
+.input-group-addon,
+.no-bg-addon .input-group-addon {
+    background-color: #1f1f1f;
+}
+
+.bg-title .breadcrumb .active {
+    color: #e6d086;
+}
+
+.tabs-style-flip nav li.tab-current a::after {
+    background-color: rgba(var(--accent-color), 0.05);
+    -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
+    transform: perspective(900px) rotate3d(1, 0, 0, 0deg);
+    border-radius: 0px 0px 0 0;
+}
+
+.tabs-style-flip nav a::after {
+    background-color: rgb(var(--accent-color));
+}
+
+.tabs-style-flip .content-wrap {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.tabs-style-flip nav li.tab-current a {
+    color: rgb(var(--accent-color));
+}
+
+.customtab2 li.active a,
+.customtab2 li.active a:focus,
+.customtab2 li.active a:hover {
+    background: #1f1f1f;
+    border-radius: 20px;
+    border: 0;
+    transition: background-color .3s;
+}
+
+.nav-tabs>li>a:hover {
+    background: transparent !important;
+    border-radius: 20px;
+    color: rgb(var(--accent-color)) !important;
+}
+
+.tabs-style-flip nav a:focus,
+.tabs-style-flip nav a:hover {
+    color: rgb(var(--accent-color));
+}
+
+.breadcrumb>li+li:before {
+    padding: 0 2px 0 4px;
+    color: #ccc;
+    content: "/\00a0";
+}
+
+.wizard-steps>li.done {
+    background: #2b8b2d;
+}
+
+
+/* #account-area>div>div>div>div>div.panel-wrapper.collapse.in.main-email-panel>div {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+} */
+
+.tab-content .panel .panel-body,
+.tab-content .panel .panel-body .bg-org {
+    background: transparent !important;
+}
+
+/*
+.jq-toast-single {
+    border-radius: 10px 10px 0 0;
+}
+*/
+
+.tooltip-text3 {
+    border-bottom: 10px solid #2cabe4;
+    overflow: hidden;
+    -webkit-transform: scale3d(0, 1, 1);
+    transform: scale3d(0, 1, 1);
+    -webkit-transition: -webkit-transform .3s .3s;
+    transition: transform .3s .3s;
+}
+
+a.mytooltip {
+    font-weight: 500;
+    color: #2cabe4;
+}
+
+.tooltip-content5::after {
+    content: '';
+    bottom: -20px;
+    left: 50%;
+    border: solid transparent;
+    height: 0;
+    width: 0;
+    position: absolute;
+    pointer-events: none;
+    border-color: #2cabe4 transparent transparent;
+    border-width: 10px;
+    margin-left: -10px;
+}
+
+.tooltip-info+.tooltip .tooltip-inner,.tooltip-info.tooltip .tooltip-inner {
+    color: var(--label-text-color);
+    background-color: rgba(var(--accent-color));
+}
+
+.tooltip-info+.tooltip.top .tooltip-arrow,.tooltip-info.tooltip.top .tooltip-arrow {
+    border-top-color: rgba(var(--accent-color));
+}
+
+.tooltip-info+.tooltip.right .tooltip-arrow,.tooltip-info.tooltip.right .tooltip-arrow {
+    border-right-color: rgba(var(--accent-color));
+}
+
+.tooltip-info+tooltip.bottom .tooltip-arrow,.tooltip-info.tooltip.bottom .tooltip-arrow {
+    border-bottom-color: rgba(var(--accent-color));
+}
+
+.tooltip-info+.tooltip.left .tooltip-arrow,.tooltip-info.tooltip.left .tooltip-arrow {
+    border-left-color: rgba(var(--accent-color));
+}
+
+.swapLog.active {
+    border: 1px solid rgba(120, 130, 140, .2);
+    background-color: #12dafefc !important;
+    color: #1f1f1f;
+}
+
+.white-popup-block {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    padding: 20px 30px;
+    text-align: left;
+    max-width: 75%;
+    margin: 40px auto;
+    position: relative;
+    /*border: 1px solid #2cabe4;
+  border-radius: 10px;*/
+}
+
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+    background-color: #333;
+    opacity: 1;
+}
+
+.sweet-alert {
+    background-color: #1b1a1a;
+}
+
+.sweet-alert button.cancel {
+    background-color: #2cabe3;
+}
+
+.sweet-alert button.cancel:hover {
+    background-color: #3a7b98;
+}
+
+.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover {
+    background: #707cd2;
+    border-color: #707cd2;
+}
+
+.error-page {
+    width: 100%;
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    height: 100%;
+    position: fixed;
+    display: none;
+    z-index: 11;
+}
+
+.error-body h1 {
+    font-size: 210px;
+    font-weight: 400;
+    line-height: 210px;
+}
+
+.fc-unthemed .fc-popover {
+    background-color: #1b1b1b;
+}
+
+.fc-unthemed .fc-divider,
+.fc-unthemed .fc-popover .fc-header {
+    background: #1f1f1f;
+}
+
+.table-hover>tbody>tr:hover,
+.table-striped>tbody>tr:nth-of-type(odd),
+.table>tbody>tr.active>td,
+.table>tbody>tr.active>th,
+.table>tbody>tr>td.active,
+.table>tbody>tr>th.active,
+.table>tfoot>tr.active>td,
+.table>tfoot>tr.active>th,
+.table>tfoot>tr>td.active,
+.table>tfoot>tr>th.active,
+.table>thead>tr.active>td,
+.table>thead>tr.active>th,
+.table>thead>tr>td.active,
+.table>thead>tr>th.active {
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+.asColorPicker-dropdown,
+.checkbox label::before,
+.clockpicker-popover .popover-content,
+.clockpicker-popover .popover-title,
+.customvtab .tabs-vertical li.active a,
+.customvtab .tabs-vertical li.active a:focus,
+.customvtab .tabs-vertical li.active a:hover,
+/* .dropdown-menu, */
+.fc-day,
+.footable-row-detail,
+.img-thumbnail,
+.input-group-addon,
+.jsgrid-filter-row>td,
+.jsgrid-header-sortable:hover,
+.nav-tabs>li>a:focus,
+.nav-tabs>li>a:hover,
+.pager .disabled>a,
+.pager .disabled>a:focus,
+.pager .disabled>a:hover,
+.pager .disabled>span,
+.pager li>a:focus,
+.pager li>a:hover,
+.pagination>.disabled>a,
+.pagination>.disabled>a:focus,
+.pagination>.disabled>a:hover,
+.pagination>.disabled>span,
+.pagination>.disabled>span:focus,
+.pagination>.disabled>span:hover,
+.popover,
+.popover-title,
+.right-sidebar,
+code,
+table.dataTable tbody tr {
+    background: #1b1b1b;
+}
+
+.table>tbody>tr>td,
+.table>tbody>tr>th,
+.table>tfoot>tr>td,
+.table>tfoot>tr>th,
+.table>thead>tr>td,
+.table>thead>tr>th {
+    padding: 8px;
+    line-height: 1.42857143;
+    vertical-align: middle;
+    /*border-top: transparent;*/
+}
+
+.btn-default,
+.chat-list .chat-text h4,
+/* .dropdown-menu>li>a,
+.dropdown-menu>li>a:focus,
+.dropdown-menu>li>a:hover, */
+.flot-text,
+.footer,
+.form-control,
+.h1 .small,
+.h1 small,
+.h2 .small,
+.h2 small,
+.h3 .small,
+.h3 small,
+.h4 .small,
+.h4 small,
+.h5 .small,
+.h5 small,
+.h6 .small,
+.h6 small,
+.help-block,
+.input-group-addon,
+.text-muted,
+a.list-group-item:focus,
+a.list-group-item:hover,
+button.list-group-item:focus,
+button.list-group-item:hover,
+h1 .small,
+h1 small,
+h2 .small,
+h2 small,
+h3 .small,
+h3 small,
+h4 .small,
+h4 small,
+h5 .small,
+h5 small,
+h6 .small,
+h6 small,
+tbody,
+th {
+    color: var(--text-hover);
+}
+
+.bootstrap-tagsinput,
+.calendar-widget,
+.chat-main-box,
+.content-wrap,
+.css-bar:after,
+.customtab li.active a,
+.customtab li.active a:focus,
+.customtab li.active a:hover,
+.daterangepicker .input-mini,
+.dropify-wrapper,
+.dropify-wrapper .dropify-preview,
+.dropzone,
+.footer,
+.form-control,
+.jsgrid-alt-row>td,
+.jsgrid-header-row>th,
+.jsgrid-row>td,
+.list-group-item,
+.list-group-item.disabled,
+.list-group-item.disabled:focus,
+.list-group-item.disabled:hover,
+.manage-table,
+.myadmin-dd .dd-list .dd-item .dd-handle,
+.myadmin-dd-empty .dd-list .dd3-content,
+.myadmin-dd-empty .dd-list .dd3-handle,
+.nav-tabs>li.active>a,
+.nav-tabs>li.active>a:focus,
+.nav-tabs>li.active>a:hover,
+.pager li>a,
+.pager li>span,
+.pagination>li>a,
+.pagination>li>span,
+/* .panel:not(#invite-area > div > div > div.col-md-12 > div):not(#login-panels > div), */
+.panel-default .panel-body,
+.panel-default .panel-footer,
+.panel-default .panel-heading,
+.panel-footer textarea,
+.panel-white .panel-body,
+.panel-white .panel-footer,
+.panel-white .panel-heading,
+.radio label::before,
+.select2-container-multi .select2-choices,
+.table tbody tr.advance-table-row td,
+.thumbnail,
+.well,
+.white-box:not(.resultBox-outside.white-box),
+input,
+pre,
+select,
+table.dataTable.display tbody tr.odd,
+table.dataTable.stripe tbody tr.odd {
+    background: rgba(0, 0, 0, 0.15);
+}
+
+input:focus:not(select),
+input:active:not(select),
+.form-control:focus:not(select),
+.form-control:active:not(select) {
+    background: rgba(0, 0, 0, 0.445);
+    border: 1px solid rgba(120, 130, 140, 0.4);
+}
+
+
+.cp-container .cp-pills li a {
+    padding: 5px;
+    color: var(--text-hover);
+    text-decoration: none;
+}
+
+.cp-container .cp-pills li a.active,
+.cp-container .cp-pills li a:hover {
+    background-color: #2cabe3;
+    color: #fff;
+}
+
+.jq-icon-info {
+    background-color: rgba(71, 68, 68, 0.93);
+    color: var(--text-hover);
+    border-color: #bce8f1;
+}
+
+.jq-icon-warning {
+    background-color: rgba(154, 83, 20, 0.93);
+    color: #fcf8e3;
+    border-color: #faebcc;
+}
+
+.jq-icon-error {
+    background-color: #a94442;
+    color: #f2dede;
+    border-color: #ebccd1;
+}
+
+.jq-icon-success {
+    color: #dff0d8;
+    background-color: rgba(13, 132, 11, 0.93);
+    border-color: #d6e9c6;
+}
+
+.jq-icon-organizr {
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=');
+    background-color: #31708f;
+    color: #000;
+    border-color: #bce8f1;
+}
+
+.jq-icon-update {
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAA4JGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cyk8L3htcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhtcDpDcmVhdGVEYXRlPjIwMTctMTItMTRUMDk6MzQ6MDgtMDc6MDA8L3htcDpDcmVhdGVEYXRlPgogICAgICAgICA8eG1wOk1vZGlmeURhdGU+MjAxNy0xMi0xNFQwOTozNTowOC0wNzowMDwveG1wOk1vZGlmeURhdGU+CiAgICAgICAgIDx4bXA6TWV0YWRhdGFEYXRlPjIwMTctMTItMTRUMDk6MzU6MDgtMDc6MDA8L3htcDpNZXRhZGF0YURhdGU+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgICAgIDxwaG90b3Nob3A6Q29sb3JNb2RlPjM8L3Bob3Rvc2hvcDpDb2xvck1vZGU+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6NDg4MmMzYjEtODM4YS1lMDRjLThiYmYtZTc0Zjk5ZjJjNGIxPC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD54bXAuZGlkOjQ4ODJjM2IxLTgzOGEtZTA0Yy04YmJmLWU3NGY5OWYyYzRiMTwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjQ4ODJjM2IxLTgzOGEtZTA0Yy04YmJmLWU3NGY5OWYyYzRiMTwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPmNyZWF0ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDo0ODgyYzNiMS04MzhhLWUwNGMtOGJiZi1lNzRmOTlmMmM0YjE8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTctMTItMTRUMDk6MzQ6MDgtMDc6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOlNlcT4KICAgICAgICAgPC94bXBNTTpIaXN0b3J5PgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT42NTUzNTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MjQ8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MjQ8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PssSCj0AAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAbRJREFUeNqslT1rFFEUhp/9AI2JWrgkoJEgIopFhBSWVlYWQpqAraU/wsrKQi39EXYRLBTJL7AQ1FKjKO4iItlkFYQ8NmfgOuzdubP6wnBnzpzznnvP1+2oFGITuAlsAAPgO/AK2AaeZK3UpmdN3XE2Xqqnp9k3kZ9T9yzDN3WlztGZEaIO8B5YoxyvgSupoDtD+U5LcoB1YKskBz31jfNhJ+Wqn+B2VMUucJn5cCGNTD9ZnwHX+XccnZaD5y3JfzX8P0xzcKtFfO+rV9WBuqHem6JzqG6ry1UfvCgkv5EpiGsZ/Y/qEdRhAfmjGunJ2vfd3IlRRwUOLiZkD6O7HySyMxm7T8QcacJSEC3W5AshP5Ez7AOPY0IC1OdGFxgn1dYHfgILIe8lY+ULsJhw9IC31SxayjjohGwS63Hgc6w/gFXgIPSOJfrV5iZVo+0X1v84ITDI6+9/od9AeApYAb4mJ+gmO0xPsByX0KjNhXNWfRf52lcn0UhVQ01CrvpBPd/2wiFKdNxQZb/V9XlutOoZqLsZ8pG6mrMtdZBzMoww8j8c1J0MZ+18XgfVWHiqXirR/zMAbHa5dGMozWYAAAAASUVORK5CYII=');
+    background-color: #2cabe4;
+    color: #FFF;
+    border-color: #bce8f1;
+}
+
+.panel-body.settings-bottom {
+    background: #1b1a1a;
+    color: white;
+    border-radius: 0 0 10px 10px;
+}
+
+.panel-heading.settings-top {
+    background: #2cabe3;
+    border-color: #ffffff;
+    color: #232323;
+    border-radius: 10px 10px 0 0;
+}
+
+span.select2-results {
+    background: #0e0e0e;
+}
+
+.select2-container--default .select2-results__option[aria-selected=true] {
+    background-color: #232323;
+}
+
+/* .panel-info>.panel-heading {
+    background-color: rgba(var(--accent-color));
+} */
+
+.panel-blue .panel-heading, .panel-info .panel-heading, #help-modal-body > div > div {
+    background-color: rgba(0, 0, 0, .25);
+}
+#account-area > div > div > div > div > div.panel-wrapper.collapse.in.main-email-panel > div > div > div  > div > div,
+#plexRecent > div.col-lg-12 > div,
+#overseerr-requests > div.col-lg-12 > div,
+body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div {
+    background: transparent;
+}
+
+[id$="-settings-page"] .bg-org, .modal-content,
+body > div.swal-overlay.swal-overlay--show-modal > div > div > div,
+#email-area > div > div > div.row > div > div,
+#invite-area > div > div > div.col-md-12 > div {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
diff --git a/css/base/organizr/organizr.css b/css/base/organizr/organizr.css
new file mode 100644
index 00000000..d5a89433
--- /dev/null
+++ b/css/base/organizr/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/organizr/overseerr.css b/css/base/organizr/overseerr.css
new file mode 100644
index 00000000..d8f47e0c
--- /dev/null
+++ b/css/base/organizr/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/organizr/pine-shadow.css b/css/base/organizr/pine-shadow.css
new file mode 100644
index 00000000..6ba317d9
--- /dev/null
+++ b/css/base/organizr/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/organizr/plex.css b/css/base/organizr/plex.css
new file mode 100644
index 00000000..ac72b54d
--- /dev/null
+++ b/css/base/organizr/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/organizr/power.css b/css/base/organizr/power.css
new file mode 100644
index 00000000..3750084c
--- /dev/null
+++ b/css/base/organizr/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/organizr/reality.css b/css/base/organizr/reality.css
new file mode 100644
index 00000000..e6fde8f7
--- /dev/null
+++ b/css/base/organizr/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/organizr/soul.css b/css/base/organizr/soul.css
new file mode 100644
index 00000000..5d920bdf
--- /dev/null
+++ b/css/base/organizr/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/organizr/space-gray.css b/css/base/organizr/space-gray.css
new file mode 100644
index 00000000..f8a4ac33
--- /dev/null
+++ b/css/base/organizr/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/organizr/space.css b/css/base/organizr/space.css
new file mode 100644
index 00000000..bf39d118
--- /dev/null
+++ b/css/base/organizr/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/organizr/time.css b/css/base/organizr/time.css
new file mode 100644
index 00000000..ff527fc4
--- /dev/null
+++ b/css/base/organizr/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/organizr/trueblack.css b/css/base/organizr/trueblack.css
new file mode 100644
index 00000000..2892eb42
--- /dev/null
+++ b/css/base/organizr/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/overseerr/aquamarine.css b/css/base/overseerr/aquamarine.css
new file mode 100644
index 00000000..c2977a5f
--- /dev/null
+++ b/css/base/overseerr/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/overseerr/blackberry-abyss.css b/css/base/overseerr/blackberry-abyss.css
new file mode 100644
index 00000000..09a186e7
--- /dev/null
+++ b/css/base/overseerr/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/overseerr/blackberry-amethyst.css b/css/base/overseerr/blackberry-amethyst.css
new file mode 100644
index 00000000..53a31447
--- /dev/null
+++ b/css/base/overseerr/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/overseerr/blackberry-carol.css b/css/base/overseerr/blackberry-carol.css
new file mode 100644
index 00000000..895fce8e
--- /dev/null
+++ b/css/base/overseerr/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/overseerr/blackberry-dreamscape.css b/css/base/overseerr/blackberry-dreamscape.css
new file mode 100644
index 00000000..f02695e4
--- /dev/null
+++ b/css/base/overseerr/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/overseerr/blackberry-flamingo.css b/css/base/overseerr/blackberry-flamingo.css
new file mode 100644
index 00000000..7b10807b
--- /dev/null
+++ b/css/base/overseerr/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/overseerr/blackberry-hearth.css b/css/base/overseerr/blackberry-hearth.css
new file mode 100644
index 00000000..d6b5486c
--- /dev/null
+++ b/css/base/overseerr/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/overseerr/blackberry-martian.css b/css/base/overseerr/blackberry-martian.css
new file mode 100644
index 00000000..0f568b98
--- /dev/null
+++ b/css/base/overseerr/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/overseerr/blackberry-pumpkin.css b/css/base/overseerr/blackberry-pumpkin.css
new file mode 100644
index 00000000..1396d65b
--- /dev/null
+++ b/css/base/overseerr/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/overseerr/blackberry-royal.css b/css/base/overseerr/blackberry-royal.css
new file mode 100644
index 00000000..b89e8a31
--- /dev/null
+++ b/css/base/overseerr/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/overseerr/blackberry-shadow.css b/css/base/overseerr/blackberry-shadow.css
new file mode 100644
index 00000000..194d4c3f
--- /dev/null
+++ b/css/base/overseerr/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/overseerr/blackberry-solar.css b/css/base/overseerr/blackberry-solar.css
new file mode 100644
index 00000000..cdb70938
--- /dev/null
+++ b/css/base/overseerr/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/overseerr/blackberry-vanta.css b/css/base/overseerr/blackberry-vanta.css
new file mode 100644
index 00000000..9ea96e7a
--- /dev/null
+++ b/css/base/overseerr/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/overseerr/dark.css b/css/base/overseerr/dark.css
new file mode 100644
index 00000000..eb1cffa6
--- /dev/null
+++ b/css/base/overseerr/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/overseerr/dracula.css b/css/base/overseerr/dracula.css
new file mode 100644
index 00000000..decd804b
--- /dev/null
+++ b/css/base/overseerr/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/overseerr/hotline-old.css b/css/base/overseerr/hotline-old.css
new file mode 100644
index 00000000..a4d70676
--- /dev/null
+++ b/css/base/overseerr/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/overseerr/hotline.css b/css/base/overseerr/hotline.css
new file mode 100644
index 00000000..6253d47c
--- /dev/null
+++ b/css/base/overseerr/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/overseerr/hotpink.css b/css/base/overseerr/hotpink.css
new file mode 100644
index 00000000..703a3a70
--- /dev/null
+++ b/css/base/overseerr/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/overseerr/mind.css b/css/base/overseerr/mind.css
new file mode 100644
index 00000000..3cf327e6
--- /dev/null
+++ b/css/base/overseerr/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/overseerr/nord.css b/css/base/overseerr/nord.css
new file mode 100644
index 00000000..a8e23836
--- /dev/null
+++ b/css/base/overseerr/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/overseerr/onedark.css b/css/base/overseerr/onedark.css
new file mode 100644
index 00000000..f0c45523
--- /dev/null
+++ b/css/base/overseerr/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/overseerr/organizr.css b/css/base/overseerr/organizr.css
new file mode 100644
index 00000000..9edc160b
--- /dev/null
+++ b/css/base/overseerr/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/overseerr/overseerr-base.css b/css/base/overseerr/overseerr-base.css
new file mode 100644
index 00000000..eebd42bc
--- /dev/null
+++ b/css/base/overseerr/overseerr-base.css
@@ -0,0 +1,556 @@
+/* TEXT */
+[class*="text-gray-"]:not(button:disabled):not(button) {
+    color: var(--text);
+}
+
+[class*="text-indigo-"]:not(.text-indigo-100) {
+    color: rgb(var(--accent-color))
+}
+
+.text-indigo-100 {
+    color: var(--label-text-color);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.tagline,
+.media-crew>li>span {
+    color: var(--text-hover) !important;
+}
+
+p {
+    color: var(--text) !important;
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div.relative.z-10.flex.flex-col.flex-1.min-w-0.pr-4>div.flex.items-center.mt-2.text-sm.sm\:mt-1>span {
+    color: var(--text-hover);
+}
+
+.media-fact-value a,
+.media-fact-value button,
+a.crew-name,
+.card-field a,
+.prose a {
+    color: var(--link-color);
+}
+
+a.text-indigo-500 {
+    color: var(--link-color) !important;
+}
+
+a.text-indigo-500:hover {
+    color: var(--link-color-hover) !important;
+}
+
+.media-fact-value a:hover,
+.media-fact-value button:hover,
+a.crew-name:hover,
+.prose a:hover,
+.card-field a:hover {
+    color: var(--link-color-hover);
+}
+
+.label-tip {
+    color: var(--text-muted);
+}
+
+
+/* BUTTONS */
+
+button[class*="bg-indigo-"],
+button[class*="bg-gray-"],
+button[class*="border-indigo-"],
+button[class*="border-gray-"],
+#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5 > div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3 > a,
+button.input-action {
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+    color: var(--button-text);
+}
+
+button[type="submit"],
+button[class="input-action"] {
+    color: var(--button-text)
+}
+
+button[class*="bg-indigo-"]:hover,
+button[class*="bg-gray-"]:hover,
+button[class*="border-indigo-"]:hover,
+button[class*="border-gray-"]:hover,
+button.input-action:hover,
+button[class="input-action"]:hover,
+#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5 > div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3 > a:hover {
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+button[type="submit"]:hover,
+button.input-action:hover {
+    color: var(--button-text-hover)
+}
+
+/* INPUT FORMS */
+
+[multiple]:focus,
+[type=date]:focus,
+[type=datetime-local]:focus,
+[type=email]:focus,
+[type=month]:focus,
+[type=number]:focus,
+[type=password]:focus,
+[type=search]:focus,
+[type=tel]:focus,
+[type=text]:focus,
+[type=time]:focus,
+[type=url]:focus,
+[type=week]:focus,
+select:focus,
+textarea:focus {
+    --tw-ring-color: rgb(var(--accent-color));
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
+    border-color: rgb(var(--accent-color));
+}
+
+input[type=password],
+input[type=text],
+select,
+textarea {
+    border-color: rgba(255, 255, 255, .1);
+    background-color: rgba(7, 7, 7, .25);
+    color: var(--text);
+}
+
+input[type=checkbox] {
+    color: rgba(var(--accent-color));
+}
+
+[type=checkbox]:focus,
+[type=radio]:focus {
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-color: #fff;
+    --tw-ring-color: rgb(var(--accent-color));
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.flex.flex-col>div>div>div>table>tbody>tr>td.px-4.py-4.text-sm.font-medium.leading-5.text-gray-100.whitespace-nowrap.false>span>span.bg-indigo-500,
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.flex.flex-col>div>div>div>table>thead>tr>th.w-16.px-4.py-3.bg-gray-500.false>span>span.bg-indigo-500 {
+    background: rgb(var(--accent-color));
+}
+
+span.bg-indigo-500 {
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color) !important;
+}
+
+.react-select-container .react-select__control {
+    border-color: rgba(255, 255, 255, 0.1) !important;
+    background-color: rgba(0, 0, 0, 0.25) !important;
+    color: var(--text) !important;
+}
+
+.react-select-container .react-select__menu {
+    background: var(--drop-down-menu-bg);
+    color: var(--text);
+}
+
+.react-select-container .react-select__option--is-focused {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: var(--text-hover)
+}
+
+
+.group-label,
+label {
+    color: var(--text-hover);
+}
+
+select:focus {
+    background: #1f1f1f;
+}
+
+
+/* BG STUFF */
+#__next>div,
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+.bg-gray-800 {
+    --tw-bg-opacity: 0.05;
+    background-color: rgb(255, 255, 255, var(--tw-bg-opacity));
+}
+
+.hover\:bg-gray-700:hover {
+    --tw-bg-opacity: .3;
+    background-color: rgb(var(--accent-color), var(--tw-bg-opacity));
+    color: rgb(var(--accent-color)) !important;
+}
+
+.bg-gray-700 {
+    --tw-bg-opacity: .05;
+    background-color: rgba(var(--accent-color), var(--tw-bg-opacity));
+}
+
+/* SEARCH BAR */
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>.bg-gray-700 {
+    background-color: rgb(var(--accent-color), .3)
+}
+
+#search_field {
+    background-color: rgba(0, 0, 0, 0.45);
+}
+
+
+/* TOP GRADIENT */
+#__next>div>div.absolute.top-0.w-full.h-64.from-gray-800.to-gray-900.bg-gradient-to-bl .bg-gradient-to-t {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+
+}
+
+/* GRADIENT ON CARDS'N'STUFF*/
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div {
+    background: none;
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div>div>div>div.absolute.bottom-0.left-0.right-0.h-12.rounded-b-xl.bg-gradient-to-t.from-gray-900.bg-gradient-to-t,
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>ul>li>a>div>div>div>div.absolute.bottom-0.left-0.right-0.h-12.rounded-b-xl.bg-gradient-to-t.from-gray-900 {
+    background-image: none !important;
+}
+
+/* SIDE BAR*/
+
+.sidebar {
+    border-right-width: 1px;
+    --tw-border-opacity: .1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a {
+    color: var(--text);
+}
+
+.to-purple-600 {
+    --tw-gradient-to: rgb(var(--accent-color), .3);
+}
+
+.hover\:to-purple-500:hover {
+    --tw-gradient-to: rgb(var(--accent-color), .8);
+}
+
+#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500,
+#__next>div>div.lg\:hidden>div>div.relative.flex.flex-col.flex-1.w-full.max-w-xs.bg-gray-800.sidebar.appear-done.enter-done>div.flex.flex-col.flex-1.h-0.pt-8.pb-8.overflow-y-auto.sm\:pb-4>nav>a.flex.items-center.px-2.py-2.text-base.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 {
+    --tw-gradient-from: rgb(var(--accent-color), .5);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--accent-color), .5));
+}
+
+#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500,
+#__next > div > div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0 > div > div > div > nav > a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 > svg {
+    color: rgb(var(--accent-color)) !important;
+}
+
+body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div>header,
+body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div>div {
+    background: transparent;
+}
+
+body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div>div>div.overflow-hidden.bg-gray-600.rounded-md.shadow {
+    background: rgba(0, 0, 0, .25) !important;
+}
+
+#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>div.px-2>a {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+/* LOADER */
+body>div.fixed.top-0.left-0.z-50.w-full.transition-opacity.ease-out.duration-400.opacity-0>div {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--accent-color));
+}
+
+body>div.fixed.top-0.left-0.z-50.w-full .bg-indigo-400 {
+    background-color: rgb(var(--accent-color));
+}
+
+/* DISCOVER PAGE */
+
+.slider-title,
+.to-purple-400 {
+    color: rgb(var(--accent-color));
+}
+
+a.slider-title:hover {
+    color: var(--accent-color-hover);
+}
+
+/* CARD HOVER */
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div>div>div:hover a {
+    background: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0,0,0,.7) 100%) !important;
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div.absolute.inset-0.z-0>div.absolute.inset-0 {
+    background-image: linear-gradient(135deg, rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 75%) !important;
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a:hover {
+    background: linear-gradient(rgba(var(--accent-color), .04) 0%, rgba(var(--accent-color), 0.3) 100%);
+}
+
+
+/* SHOW PAGE */
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-page-bg-image>div.absolute.inset-0,
+#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.absolute.left-0.right-0.z-0.-top-16.h-96 > div > div > div.absolute.inset-0 {
+    background: var(--overseerr-gradient) !important;
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-overview {
+    /* background: var(--main-bg-color);
+    padding: 1rem 1rem 2rem 0;
+    padding-left: 1rem;
+    margin: 1rem -1rem -1rem; */
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div:hover,
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>ul>li>a>div:hover {
+    --tw-bg-opacity: 0.4;
+    background-color: rgb(var(--accent-color), var(--tw-bg-opacity));
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div>div>div>div.text-gray-300 {
+    color: var(--text-hover);
+}
+
+#__next>div>div .bg-gradient-to-t.from-gray-800 {
+    background: none;
+}
+
+.media-facts {
+    border-color: rgba(255, 255, 255, 0.1);
+    background-color: rgba(0, 0, 0, 0.25);
+    color: var(--text-hover) !important;
+    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.media-ratings,
+.media-fact {
+    border-color: rgb(255 255 255 / 10%);
+}
+
+.media-fact-value {
+    color: var(--text);
+}
+
+/* REQUESTS */
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div:nth-child(2)>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0 {
+    background-image: linear-gradient(90deg, rgba(var(--accent-color), 0.2) 0%, rgb(var(--accent-color)) 100%) !important;
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.flex.flex-col.justify-between.mb-4.lg\:items-end.lg\:flex-row>div.mt-8.md\:flex.md\:items-center.md\:justify-between>div>h2>span {
+    color: rgb(var(--accent-color));
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div:nth-child(2)>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0,
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0 {
+    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, var(--modal-bg-color) 100%) !important;
+}
+
+/* RINGA A DINGALING*/
+.ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) rgb(255 255 255 / 10%) !important;
+}
+
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.absolute.top-0.left-0.right-0.z-0.h-96>div>div>div.absolute.inset-0 {
+    background-image: linear-gradient(rgba(var(--accent-color), 0.2) 0%, #000 100%) !important;
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.bg-gray-800 {
+    background: #000;
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0,
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div:nth-child(2)>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0 {
+    background: linear-gradient(90deg, rgba(var(--accent-color), 0.4) 0%, #000 100%) !important;
+}
+
+/* SETTINGS */
+
+code {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.mt-6>div.hidden.overflow-x-scroll.border-b.border-gray-600.sm\:block.hide-scrollbar>nav>a.px-1.py-4.ml-8.text-sm.font-medium.leading-5.transition.duration-300.border-b-2.border-transparent.whitespace-nowrap.first\:ml-0.text-indigo-500.border-indigo-600 {
+    border-color: rgb(var(--accent-color));
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.mt-10.text-white>div>ul>li>div {
+    background: rgba(255, 255, 255, 0.1);
+    border-color: rgba(255, 255, 255, 0.1);
+}
+
+.bg-indigo-600 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(var(--accent-color), var(--tw-bg-opacity));
+}
+
+.focus\:ring:focus {
+    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) rgba(var(--accent-color), 0.5);
+}
+
+.border-gray-600 {
+    --tw-border-opacity: .1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+}
+
+.actions {
+    --tw-border-opacity: .1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+}
+
+.border-gray-800,
+.divide-gray-800>:not([hidden])~:not([hidden]) {
+    --tw-border-opacity: .2;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+}
+
+.border-gray-500,
+.border-gray-700 {
+    --tw-border-opacity: .1;
+    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.mt-10.text-white>div.hidden.sm\:block>nav>a.px-3.py-2.text-sm.font-medium.transition.duration-300.rounded-md.whitespace-nowrap.mx-2.my-1.bg-indigo-700 {
+    background-color: var(--button-color);
+}
+
+
+/* TABLE */
+
+.divide-gray-700>:not([hidden])~:not([hidden]) {
+    border-color: rgba(255, 255, 255, 0.1);
+}
+
+table>thead>tr>th,
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.mt-10.text-white>div>div.flex.flex-col>div>div>div>table>tbody>tr.bg-gray-700,
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div>div>table>tbody>tr.bg-gray-700 {
+    background: rgb(0 0 0 / 25%) !important;
+    border-color: rgba(255, 255, 255, 0.1);
+}
+
+
+/* MODAL */
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div,
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.p-4.bg-gray-600.rounded-md.shadow,
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div,
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div.bg-gray-700,
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.mt-4>div.p-4.bg-gray-600.rounded-md.shadow {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div>img,
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div>img {
+    display: none !important;
+}
+
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div.absolute.inset-0,
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div.absolute.inset-0 {
+    background: transparent !important;
+}
+
+body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.flex.flex-col>div>div>div>table>tbody {
+    background: rgb(255, 255, 255, .1);
+}
+
+
+/* DROPDOWN */
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div.bg-gray-700,
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a,
+#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.mt-10.text-white > form > div:nth-child(5) > div > div > div > div > div > div {
+    background: var(--drop-down-menu-bg);
+}
+
+#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a:hover {
+    background: rgba(255, 255, 255, 0.1);
+}
+
+
+[aria-labelledby="user-menu"] {
+    background: var(--drop-down-menu-bg);
+}
+[aria-labelledby="user-menu"] a:hover{
+    background-color: rgba(255, 255, 255, 0.05);
+}
+
+/* LOGIN */
+#__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>button,
+#__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>div:nth-child(3)>button {
+    background: rgba(255, 255, 255, 0.1);
+}
+
+/* TOAST */
+
+#toast-container>div>div {
+    background: rgb(var(--accent-color));
+}
+
+#toast-container .text-gray-400,
+#toast-container .text-white {
+    color: var(--label-text-color);
+}
\ No newline at end of file
diff --git a/css/base/overseerr/overseerr.css b/css/base/overseerr/overseerr.css
new file mode 100644
index 00000000..c0150ef2
--- /dev/null
+++ b/css/base/overseerr/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/overseerr/pine-shadow.css b/css/base/overseerr/pine-shadow.css
new file mode 100644
index 00000000..ec667cfb
--- /dev/null
+++ b/css/base/overseerr/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/overseerr/plex.css b/css/base/overseerr/plex.css
new file mode 100644
index 00000000..af30bbc1
--- /dev/null
+++ b/css/base/overseerr/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/overseerr/power.css b/css/base/overseerr/power.css
new file mode 100644
index 00000000..67667360
--- /dev/null
+++ b/css/base/overseerr/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/overseerr/reality.css b/css/base/overseerr/reality.css
new file mode 100644
index 00000000..f2c2c5ee
--- /dev/null
+++ b/css/base/overseerr/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/overseerr/soul.css b/css/base/overseerr/soul.css
new file mode 100644
index 00000000..935110d6
--- /dev/null
+++ b/css/base/overseerr/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/overseerr/space-gray.css b/css/base/overseerr/space-gray.css
new file mode 100644
index 00000000..6a67869d
--- /dev/null
+++ b/css/base/overseerr/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/overseerr/space.css b/css/base/overseerr/space.css
new file mode 100644
index 00000000..93b75362
--- /dev/null
+++ b/css/base/overseerr/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/overseerr/time.css b/css/base/overseerr/time.css
new file mode 100644
index 00000000..1e368772
--- /dev/null
+++ b/css/base/overseerr/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/overseerr/trueblack.css b/css/base/overseerr/trueblack.css
new file mode 100644
index 00000000..6cbc1465
--- /dev/null
+++ b/css/base/overseerr/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/petio/aquamarine.css b/css/base/petio/aquamarine.css
new file mode 100644
index 00000000..5c64d11c
--- /dev/null
+++ b/css/base/petio/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/petio/blackberry-abyss.css b/css/base/petio/blackberry-abyss.css
new file mode 100644
index 00000000..f150830e
--- /dev/null
+++ b/css/base/petio/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/petio/blackberry-amethyst.css b/css/base/petio/blackberry-amethyst.css
new file mode 100644
index 00000000..63150268
--- /dev/null
+++ b/css/base/petio/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/petio/blackberry-carol.css b/css/base/petio/blackberry-carol.css
new file mode 100644
index 00000000..3bd71c60
--- /dev/null
+++ b/css/base/petio/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/petio/blackberry-dreamscape.css b/css/base/petio/blackberry-dreamscape.css
new file mode 100644
index 00000000..2532795d
--- /dev/null
+++ b/css/base/petio/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/petio/blackberry-flamingo.css b/css/base/petio/blackberry-flamingo.css
new file mode 100644
index 00000000..ca95f686
--- /dev/null
+++ b/css/base/petio/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/petio/blackberry-hearth.css b/css/base/petio/blackberry-hearth.css
new file mode 100644
index 00000000..e71d6c3e
--- /dev/null
+++ b/css/base/petio/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/petio/blackberry-martian.css b/css/base/petio/blackberry-martian.css
new file mode 100644
index 00000000..c028eada
--- /dev/null
+++ b/css/base/petio/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/petio/blackberry-pumpkin.css b/css/base/petio/blackberry-pumpkin.css
new file mode 100644
index 00000000..3dccae7d
--- /dev/null
+++ b/css/base/petio/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/petio/blackberry-royal.css b/css/base/petio/blackberry-royal.css
new file mode 100644
index 00000000..d5ad97fe
--- /dev/null
+++ b/css/base/petio/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/petio/blackberry-shadow.css b/css/base/petio/blackberry-shadow.css
new file mode 100644
index 00000000..d3c3ec1e
--- /dev/null
+++ b/css/base/petio/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/petio/blackberry-solar.css b/css/base/petio/blackberry-solar.css
new file mode 100644
index 00000000..58ad5a6f
--- /dev/null
+++ b/css/base/petio/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/petio/blackberry-vanta.css b/css/base/petio/blackberry-vanta.css
new file mode 100644
index 00000000..c8f8c871
--- /dev/null
+++ b/css/base/petio/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/petio/dark.css b/css/base/petio/dark.css
new file mode 100644
index 00000000..b872a5f5
--- /dev/null
+++ b/css/base/petio/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/petio/dracula.css b/css/base/petio/dracula.css
new file mode 100644
index 00000000..ff5f0605
--- /dev/null
+++ b/css/base/petio/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/petio/hotline-old.css b/css/base/petio/hotline-old.css
new file mode 100644
index 00000000..32cc2eaf
--- /dev/null
+++ b/css/base/petio/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/petio/hotline.css b/css/base/petio/hotline.css
new file mode 100644
index 00000000..b01dc422
--- /dev/null
+++ b/css/base/petio/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/petio/hotpink.css b/css/base/petio/hotpink.css
new file mode 100644
index 00000000..e5b20afc
--- /dev/null
+++ b/css/base/petio/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/petio/mind.css b/css/base/petio/mind.css
new file mode 100644
index 00000000..dfdd6dd1
--- /dev/null
+++ b/css/base/petio/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/petio/nord.css b/css/base/petio/nord.css
new file mode 100644
index 00000000..b29d5343
--- /dev/null
+++ b/css/base/petio/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/petio/onedark.css b/css/base/petio/onedark.css
new file mode 100644
index 00000000..6a3448c1
--- /dev/null
+++ b/css/base/petio/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/petio/organizr.css b/css/base/petio/organizr.css
new file mode 100644
index 00000000..16792db7
--- /dev/null
+++ b/css/base/petio/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/petio/overseerr.css b/css/base/petio/overseerr.css
new file mode 100644
index 00000000..2c13aa6d
--- /dev/null
+++ b/css/base/petio/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/petio/petio-base.css b/css/base/petio/petio-base.css
new file mode 100644
index 00000000..c1f0acca
--- /dev/null
+++ b/css/base/petio/petio-base.css
@@ -0,0 +1,502 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+* {
+    outline: none;
+}
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text)
+}
+
+/* TEXT COLOR */
+p,
+.card .text-wrap .year,
+.media-content .overview,
+.media-content .media-crew .crew-credit,
+.media-content .media-crew .sidebar--item a,
+.sidebar--item .media-content .media-crew a,
+.sidebar--item p,
+.menu--item p {
+    color: var(--text);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.person--details p,
+.text-wrap>p,
+.card .text-wrap .title,
+.main-title,
+.media-details .media-title,
+.single-title,
+.sub-title,
+.sub-title,
+.widget--title,
+.settings--menu--item p {
+    color: var(--text-hover);
+}
+
+.card .text-wrap>p {
+    color: var(--text-hover);
+}
+
+.settings--menu--item.active p {
+    color: rgb(var(--accent-color));
+}
+
+.settings--menu--item.active {
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+.settings--menu--item:hover {
+    border-bottom: 1px solid var(--text-hover);
+}
+
+.settings--menu--item.active .icon svg path {
+    fill: rgb(var(--accent-color));
+}
+
+/* MENU */
+.menu {
+    background: rgb(0 0 0 / 25%);
+}
+
+@media (max-width: 1099.98px) {
+
+    .sidebar--inner,
+    .sidebar--scroll {
+        background: var(--modal-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+@media (min-width: 1100px) {
+    .page .sidebar {
+        background: rgb(0 0 0 / 25%);
+    }
+}
+
+@media (max-width: 991.98px) {
+    .menu {
+        background: var(--modal-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+.mob-menu-top {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.menu--item.active {
+    background: rgba(var(--accent-color), .05);
+    border-right: 4px solid rgb(var(--accent-color));
+}
+
+.sidebar--inner .logo .logo-text span,
+.menu .logo span {
+    color: rgb(var(--accent-color));
+}
+
+@media (min-width: 1100px) {
+    .sidebar--item.active {
+        border-top: none !important;
+        border-right: 4px solid rgb(var(--accent-color));
+    }
+}
+
+.sidebar--item.active {
+    background: rgba(var(--accent-color), .05);
+    border-top: 4px solid rgb(var(--accent-color));
+}
+
+.menu--item.active p,
+.media-content .media-crew .sidebar--item.active a,
+.sidebar--item.active .media-content .media-crew a,
+.sidebar--item.active p {
+    color: rgb(var(--accent-color));
+}
+
+.menu--item.active .icon svg path,
+.sidebar--item.active .icon svg path {
+    fill: rgb(var(--accent-color));
+}
+
+.mob-menu-top .nav-toggle span {
+    background: rgb(var(--accent-color));
+}
+
+.sidebar--item:hover p,
+.sidebar--item:hover .icon svg path,
+.menu--item:hover p,
+.menu--item:hover .icon svg path {
+    color: rgb(var(--accent-color));
+    fill: rgb(var(--accent-color));
+}
+
+.sidebar--item .icon svg path,
+.menu--item .icon svg path {
+    fill: var(--text);
+}
+
+/* LINKS */
+a,
+.table-action,
+.session--toggle,
+p a,
+.profile-page .logout,
+.person--bio--read-more,
+.filter--item--collapse,
+.filter--comparison {
+    color: var(--link-color);
+}
+
+a:hover,
+.table-action:hover,
+.session--toggle:hover,
+p a:hover,
+.profile-page .logout:hover,
+.person--bio--read-more:hover,
+.filter--item--collapse:hover,
+.filter--comparison:hover {
+    color: var(--link-color-hover);
+}
+
+/* OTHER */
+.widget--item hr {
+    background: rgb(255 255 255 / 50%);
+}
+
+.widget--item--inner,
+.sr--instance--inner {
+    background: hsl(0deg 0% 0% / 15%);
+}
+
+.filter--add:hover {
+    color: rgb(var(--accent-color));
+    border-color: rgb(var(--accent-color));
+}
+
+.filter--row--add:hover,
+.filter--row--remove:hover {
+    color: rgb(var(--accent-color));
+}
+
+.filter--item {
+    background: rgb(0 0 0 / 25%);
+}
+
+.spinner svg {
+    filter: var(--petio-spinner);
+}
+
+.request-status {
+    color: var(--text-hover) !important;
+}
+
+.filter--action {
+    background: rgba(var(--accent-color), .3);
+}
+
+.sr--add-new .sr--instance--inner:hover {
+    color: rgb(var(--accent-color));
+    border-color: rgb(var(--accent-color));
+}
+
+.console--item {
+    color: var(--text-hover);
+}
+
+code {
+    color: var(--text-hover);
+}
+
+.color-green,
+.color-orange,
+.color-blue,
+.color-red {
+    /* Ratings */
+    background: rgb(0 0 0 / 25%);
+    border-radius: 5px;
+    padding: 0px 7px;
+}
+
+.color-blue {
+    color: #4eaff4;
+}
+
+.setup--step.active {
+    border-color: rgb(var(--accent-color));
+    color: rgb(var(--accent-color));
+}
+
+.setup--wrap .server-select-option.selected {
+    background: rgb(var(--accent-color));
+}
+
+.login-wrap .logo span {
+    color: rgb(var(--accent-color));
+}
+
+/* DASH */
+.session--prog,
+.session--media .card .playback-status {
+    background: rgb(var(--accent-color));
+}
+
+.card--inner:hover .image-wrap,
+.company-card:hover .company-card--inner {
+    -webkit-filter: brightness(.7);
+    filter: brightness(.7);
+    -webkit-box-shadow: 0 0 0 2px rgb(var(--accent-color)), 0 5px 10px 0 rgb(0 0 0 / 30%);
+    -moz-box-shadow: 0 0 0 2px rgb(var(--accent-color)), 0 5px 10px 0 rgba(0, 0, 0, .3);
+    box-shadow: 0 0 0 2px rgb(var(--accent-color)), 0 5px 10px 0 rgb(0 0 0 / 30%);
+}
+
+.card .quick-req:hover svg {
+    fill: rgb(var(--accent-color));
+}
+
+.push-msg--item {
+    color: var(--text-hover);
+}
+
+
+/* BUTTONS */
+
+.btn,
+.btn__square,
+.rbc-btn-group button.rbc-active {
+    background: var(--button-color);
+    color: var(--button-text);
+    border: 2px solid var(--button-color);
+}
+
+.btn:hover,
+.btn__square:hover,
+.rbc-btn-group button.rbc-active:active,
+.rbc-btn-group button.rbc-active:focus,
+.rbc-btn-group button.rbc-active:hover,
+.rbc-btn-group button:active,
+.rbc-btn-group button:focus,
+.rbc-btn-group button:hover {
+    background: var(--button-color-hover);
+    color: var(--button-text-hover);
+    border: 2px solid var(--button-color-hover);
+}
+
+/* Keep Plex Button Color*/
+#root>div>div.login-wrap>div.login--inner>form>div:nth-child(7)>button,
+#root>div>div.view>div>div>div.settings--content>section:nth-child(2)>button:nth-child(3) {
+    background: #d79b23;
+    border: 2px solid #d79b23;
+    color: #000;
+}
+
+#root>div>div.login-wrap>div.login--inner>form>div:nth-child(7)>button:hover,
+#root>div>div.view>div>div>div.settings--content>section:nth-child(2)>button:nth-child(3):hover {
+    background: #ab7b1c;
+    border-color: #ab7b1c;
+}
+
+.btn.bad:hover {
+    /*Delete/Cancel button*/
+    border: 2px solid #f55;
+    background: #f55;
+}
+
+.btn.good.btn__square:hover {
+    /*Watch Now button*/
+    border: 2px solid #98ec1c;
+    background: #98ec1c;
+}
+
+.btn.blue.btn__square:hover {
+    /* Requested button*/
+    border: 2px solid #3f9de0;
+    background: #3f9de0;
+}
+
+.media-trailer--close {
+    background: var(--button-color);
+}
+
+.media-trailer--close:hover {
+    background: var(--button-color-hover);
+}
+
+.requests--status__pending,
+.requests--status__orange,
+.requests--status__bad,
+.requests--status__cinema,
+.requests--status__blue,
+.requests--status__manual {
+    color: var(--text-hover);
+}
+
+.myrequests--item--details .detail-steps--item__active {
+    color: rgb(var(--accent-color));
+    opacity: 1;
+}
+
+.myrequests--item--details .detail-steps--item__active .icon {
+    border-color: rgb(var(--accent-color));
+}
+
+.myrequests--item--details .detail-steps--item__active svg {
+    fill: rgb(var(--accent-color));
+}
+
+.request-count {
+    color: var(--text-hover);
+    background: rgba(var(--accent-color), .8);
+}
+
+/* TABLES */
+.generic-table tr:not(.child):not(.sub) td {
+    border-bottom: 1px solid rgba(255, 255, 255, .1);
+}
+
+.generic-table tr:not(.child):not(.sub) th {
+    text-align: left;
+    padding: 5px;
+    border-bottom: 1px solid rgba(255, 255, 255, .4);
+}
+
+thead {
+    color: var(--text-hover);
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.generic-table tr:not(.child):not(.sub) th:nth-child(odd),
+.generic-table tr:not(.child):not(.sub) th:nth-child(2n) {
+    background: transparent !important;
+}
+
+/* MODALS */
+.modal--inner,
+.issues--inner,
+.review--main {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.modal--top,
+.issues--top,
+.review--top {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/* FORMS & INPUTS */
+input[type=checkbox]:checked:after {
+    background: rgb(var(--accent-color))
+}
+
+input:not([type=checkbox]):not(.styled-input--input):not([type=file]):focus {
+    border-bottom: 2px solid rgb(var(--accent-color));
+    background: rgba(255, 255, 255, .2);
+    color: var(--text-hover)
+}
+
+input:not([type=checkbox]):not(.styled-input--input):not([type=file]),
+.login-wrap input {
+    border-bottom: 2px solid rgba(0, 0, 0, 0);
+    color: var(--text);
+    background: rgb(255 255 255 / 10%);
+}
+
+.search-form input:focus {
+    background: hsla(0, 0%, 100%, .1) !important;
+    color: var(--text-hover) !important;
+    border-bottom: 2px solid rgba(0, 0, 0, 0) !important;
+}
+
+/* CALENDAR */
+.rbc-show-more {
+    background-color: hsl(0deg 0% 0% / 25%);
+}
+
+.rbc-day-bg.rbc-today {
+    background: rgb(var(--accent-color), .5);
+}
+
+a.rbc-show-more {
+    color: rgb(var(--accent-color));
+}
+
+.calendar--event p {
+    color: var(--text-hover) !important;
+}
+
+/* PLACEHOLDER TEXT */
+::placeholder {
+    color: var(--text) !important;
+    opacity: .5;
+}
+
+:-moz-placeholder {
+    color: var(--text) !important;
+    opacity: .5;
+}
+
+:-ms-input-placeholder {
+    color: var(--text) !important;
+    opacity: .5;
+}
+
+::-webkit-input-placeholder {
+    color: var(--text) !important;
+    opacity: .5;
+}
\ No newline at end of file
diff --git a/css/base/petio/pine-shadow.css b/css/base/petio/pine-shadow.css
new file mode 100644
index 00000000..71a6fe57
--- /dev/null
+++ b/css/base/petio/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/petio/plex.css b/css/base/petio/plex.css
new file mode 100644
index 00000000..2d66bd80
--- /dev/null
+++ b/css/base/petio/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/petio/power.css b/css/base/petio/power.css
new file mode 100644
index 00000000..1c799863
--- /dev/null
+++ b/css/base/petio/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/petio/reality.css b/css/base/petio/reality.css
new file mode 100644
index 00000000..b79a6f43
--- /dev/null
+++ b/css/base/petio/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/petio/soul.css b/css/base/petio/soul.css
new file mode 100644
index 00000000..b19a0900
--- /dev/null
+++ b/css/base/petio/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/petio/space-gray.css b/css/base/petio/space-gray.css
new file mode 100644
index 00000000..7aa9aa46
--- /dev/null
+++ b/css/base/petio/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/petio/space.css b/css/base/petio/space.css
new file mode 100644
index 00000000..1a032a5f
--- /dev/null
+++ b/css/base/petio/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/petio/time.css b/css/base/petio/time.css
new file mode 100644
index 00000000..08e9920f
--- /dev/null
+++ b/css/base/petio/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/petio/trueblack.css b/css/base/petio/trueblack.css
new file mode 100644
index 00000000..2634aaf5
--- /dev/null
+++ b/css/base/petio/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/pihole/aquamarine.css b/css/base/pihole/aquamarine.css
new file mode 100644
index 00000000..b5c5b74d
--- /dev/null
+++ b/css/base/pihole/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/pihole/blackberry-abyss.css b/css/base/pihole/blackberry-abyss.css
new file mode 100644
index 00000000..b348d9ec
--- /dev/null
+++ b/css/base/pihole/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/pihole/blackberry-amethyst.css b/css/base/pihole/blackberry-amethyst.css
new file mode 100644
index 00000000..4e4dfa55
--- /dev/null
+++ b/css/base/pihole/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/pihole/blackberry-carol.css b/css/base/pihole/blackberry-carol.css
new file mode 100644
index 00000000..a9f6bae2
--- /dev/null
+++ b/css/base/pihole/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/pihole/blackberry-dreamscape.css b/css/base/pihole/blackberry-dreamscape.css
new file mode 100644
index 00000000..872ad402
--- /dev/null
+++ b/css/base/pihole/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/pihole/blackberry-flamingo.css b/css/base/pihole/blackberry-flamingo.css
new file mode 100644
index 00000000..2ede1681
--- /dev/null
+++ b/css/base/pihole/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/pihole/blackberry-hearth.css b/css/base/pihole/blackberry-hearth.css
new file mode 100644
index 00000000..1a48d38a
--- /dev/null
+++ b/css/base/pihole/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/pihole/blackberry-martian.css b/css/base/pihole/blackberry-martian.css
new file mode 100644
index 00000000..263380fe
--- /dev/null
+++ b/css/base/pihole/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/pihole/blackberry-pumpkin.css b/css/base/pihole/blackberry-pumpkin.css
new file mode 100644
index 00000000..99e248dc
--- /dev/null
+++ b/css/base/pihole/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/pihole/blackberry-royal.css b/css/base/pihole/blackberry-royal.css
new file mode 100644
index 00000000..4850f74a
--- /dev/null
+++ b/css/base/pihole/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/pihole/blackberry-shadow.css b/css/base/pihole/blackberry-shadow.css
new file mode 100644
index 00000000..d726aaee
--- /dev/null
+++ b/css/base/pihole/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/pihole/blackberry-solar.css b/css/base/pihole/blackberry-solar.css
new file mode 100644
index 00000000..314b6f8d
--- /dev/null
+++ b/css/base/pihole/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/pihole/blackberry-vanta.css b/css/base/pihole/blackberry-vanta.css
new file mode 100644
index 00000000..31b59cba
--- /dev/null
+++ b/css/base/pihole/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/pihole/dark.css b/css/base/pihole/dark.css
new file mode 100644
index 00000000..df1366e8
--- /dev/null
+++ b/css/base/pihole/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/pihole/dracula.css b/css/base/pihole/dracula.css
new file mode 100644
index 00000000..0fc33dfb
--- /dev/null
+++ b/css/base/pihole/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/pihole/hotline-old.css b/css/base/pihole/hotline-old.css
new file mode 100644
index 00000000..15d610fc
--- /dev/null
+++ b/css/base/pihole/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/pihole/hotline.css b/css/base/pihole/hotline.css
new file mode 100644
index 00000000..c63bffea
--- /dev/null
+++ b/css/base/pihole/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/pihole/hotpink.css b/css/base/pihole/hotpink.css
new file mode 100644
index 00000000..dd715765
--- /dev/null
+++ b/css/base/pihole/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/pihole/mind.css b/css/base/pihole/mind.css
new file mode 100644
index 00000000..eaff6de2
--- /dev/null
+++ b/css/base/pihole/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/pihole/nord.css b/css/base/pihole/nord.css
new file mode 100644
index 00000000..02593a06
--- /dev/null
+++ b/css/base/pihole/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/pihole/onedark.css b/css/base/pihole/onedark.css
new file mode 100644
index 00000000..8ea8aaf0
--- /dev/null
+++ b/css/base/pihole/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/pihole/organizr.css b/css/base/pihole/organizr.css
new file mode 100644
index 00000000..84d6d77d
--- /dev/null
+++ b/css/base/pihole/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/pihole/overseerr.css b/css/base/pihole/overseerr.css
new file mode 100644
index 00000000..2f3e0753
--- /dev/null
+++ b/css/base/pihole/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/pihole/pihole-base.css b/css/base/pihole/pihole-base.css
new file mode 100644
index 00000000..f3a59787
--- /dev/null
+++ b/css/base/pihole/pihole-base.css
@@ -0,0 +1,592 @@
+  /*    dP   dP                                                                  dP        */
+  /*    88   88                                                                  88        */
+  /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+  /*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+  /*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+  /*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+  /*                                                  88                                   */
+  /*                                                  dP					 */
+
+  /*		   		        Made by @gilbN					 */
+  /* 			      https://github.com/gilbN/theme.park			 */
+
+  @import url(/css/defaults/placeholders.css);
+
+  body {
+      background: var(--main-bg-color) !important;
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover;
+      color: var(--text) !important;
+  }
+
+  a {
+      color: var(--link-color);
+  }
+
+  * {
+      outline: none !important;
+  }
+
+  a:hover,
+  a:active,
+  a:focus {
+      color: var(--link-color-hover);
+  }
+
+  .treeview-menu>li.active>a,
+  .treeview-menu>li>a:hover {
+      color: var(--text-hover);
+      background: rgba(255, 255, 255, 0.1);
+  }
+
+  .h1,
+  .h2,
+  .h3,
+  .h4,
+  .h5,
+  .h6,
+  h1,
+  h2,
+  h3:not(.statistic),
+  h4,
+  h5,
+  h6 {
+      color: var(--text-hover);
+  }
+
+  h3.box-title {
+      color: var(--text-hover);
+  }
+
+  .box,
+  .box-footer,
+  .info-box,
+  .box-comment,
+  .comment-text,
+  .comment-text .username {
+      color: var(--text);
+  }
+
+  kbd {
+      color: var(--label-text-color);
+      background-color: rgb(var(--accent-color));
+  }
+
+  /* Donate dropdown */
+  .skin-blue .main-header li.user-header {
+      background: var(--modal-bg-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover;
+  }
+
+  .dropdown-menu {
+      box-shadow: none;
+      border-color: rgba(0, 0, 0, .25);
+      background: var(--modal-bg-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover;
+  }
+
+  .navbar-nav>.user-menu>.dropdown-menu>.user-body {
+      padding: 15px;
+      border-bottom: 1px solid rgba(255, 255, 255, .25);
+      border-top: 1px solid rgba(255, 255, 255, .25);
+      background-color: rgba(255, 255, 255, .2) !important;
+  }
+
+  .navbar-nav>.user-menu>.dropdown-menu>.user-body a {
+      color: var(--text-hover) !important;
+  }
+
+  .navbar-nav>.user-menu>.dropdown-menu>.user-footer {
+      background-color: transparent;
+  }
+
+  /* Header */
+  .skin-blue .main-header .navbar,
+  .skin-blue .main-header .logo,
+  .main-header .navbar,
+  .main-header .logo {
+      background-color: rgba(0, 0, 0, .25);
+  }
+
+  .skin-blue .main-header .logo:hover,
+  .skin-blue .main-header .navbar .sidebar-toggle:hover,
+  .sidebar-menu>li:hover>a {
+      background-color: rgba(255, 255, 255, .05);
+      color: var(--text-hover) !important;
+  }
+
+  .sidebar-menu>li.active>a {
+      background-color: rgba(255, 255, 255, .05);
+      color: rgb(var(--accent-color)) !important;
+  }
+
+  /* Footer */
+  .main-footer {
+      background: rgba(0, 0, 0, .25);
+      color: var(--text);
+      border-top: 1px solid rgb(255 255 255 / 20%);
+  }
+
+  /* Side bar */
+  .skin-blue .sidebar a,
+  .sidebar a {
+      color: var(--text);
+  }
+
+  .skin-blue .sidebar a:hover,
+  .sidebar a:hover {
+      color: var(--text-hover) !important;
+  }
+
+  .skin-blue .wrapper,
+  .skin-blue .main-sidebar,
+  .skin-blue .left-side,
+  .wrapper,
+  .main-sidebar,
+  .left-side {
+      background-color: rgba(0, 0, 0, .25) !important;
+  }
+
+  .skin-blue .sidebar-menu>li.header,
+  .sidebar-menu>li.header {
+      color: rgb(var(--accent-color));
+      background: rgba(0, 0, 0, .2);
+  }
+
+  .treeview-menu>li>a {
+      color: var(--text) !important;
+  }
+
+  .sidebar-menu>li>.treeview-menu {
+      background-color: rgb(0 0 0 / 25%);
+  }
+
+  /* Menus */
+  .skin-blue .sidebar-menu>li:hover>a,
+  .skin-blue .sidebar-menu>li.active>a,
+  .sidebar-menu>li:hover>a,
+  .sidebar-menu>li.active>a {
+      color: var(--text-hover);
+      background: rgba(0, 0, 0, .1);
+      border-left-color: rgb(var(--accent-color));
+  }
+
+  .skin-blue .sidebar-menu>li>.treeview-menu {
+      background: rgba(0, 0, 0, .25);
+  }
+
+  .skin-blue .treeview-menu>li>a {
+      color: var(--text);
+  }
+
+  /* Collapsed menu hover*/
+  @media (min-width: 768px) {
+
+      .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),
+      .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
+          background: var(--drop-down-menu-bg);
+          background-repeat: repeat, no-repeat;
+          background-attachment: fixed, fixed;
+          background-position: center center, center center;
+          background-size: auto, cover;
+          -webkit-background-size: auto, cover;
+          -moz-background-size: auto, cover;
+          -o-background-size: auto, cover;
+          color: var(--text);
+      }
+  }
+
+  /* Pages */
+  /*Background*/
+  .content-wrapper,
+  .right-side {
+      background: var(--main-bg-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover;
+  }
+
+  .page-header>small {
+      color: var(--text-muted);
+  }
+
+  .main-footer .nav-tabs,
+  .nav-tabs-custom .nav-tabs {
+      background-color: rgb(0 0 0 / 0.25);
+      border-bottom-color: rgb(255 255 255 / 15%);
+  }
+
+  .nav-tabs-custom>.nav-tabs>li:hover {
+      background-color: rgba(255, 255, 255, .05);
+      color: var(--text-hover);
+      border-top-color: rgb(var(--accent-color));
+  }
+
+  .nav-tabs-custom>.nav-tabs>li:hover>a {
+      background-color: rgba(255, 255, 255, .05);
+  }
+
+  /* Dashboard */
+  /*Total Queries box */
+  .box-header {
+      color: var(--text-hover);
+  }
+
+  .box {
+      background: rgba(0, 0, 0, .24);
+      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+  }
+
+  .box-solid>.box-header,
+  .box>.box-header {
+      color: var(--text);
+      background-color: rgba(0, 0, 0, .25);
+  }
+
+  /* Total queries box*/
+  .small-box.bg-green {
+      background-color: rgba(0, 166, 90, .45) !important;
+  }
+
+  /* Queries blocked box*/
+  .small-box.bg-aqua {
+      background-color: rgba(0, 192, 239, .45) !important;
+
+  }
+
+  /* Percent blocked box */
+  .small-box.bg-yellow {
+      background-color: rgba(243, 156, 18, .45) !important;
+  }
+
+  /*Blocklist box*/
+  .small-box.bg-red {
+      background-color: rgba(221, 75, 57, .45) !important;
+  }
+
+  thead {
+      color: var(--text-hover);
+  }
+
+  .table-bordered {
+      background: rgba(0, 0, 0, .1);
+  }
+
+  .table-bordered>thead>tr>th,
+  .table-bordered>tbody>tr>th,
+  .table-bordered>tfoot>tr>th,
+  .table-bordered>thead>tr>td,
+  .table-bordered>tbody>tr>td,
+  .table-bordered>tfoot>tr>td {
+      border: 1px solid rgba(255, 255, 255, 0.15);
+  }
+
+  .table-striped>tbody>tr:nth-of-type(odd) {
+      background-color: rgba(255, 255, 255, .1);
+  }
+
+  /* Query Log */
+  .text-black {
+      color: #eee !important;
+  }
+
+
+
+  .pagination>.active>a,
+  .pagination>.active>a:focus,
+  .pagination>.active>a:hover,
+  .pagination>.active>span,
+  .pagination>.active>span:focus,
+  .pagination>.active>span:hover,
+  .paginate_button .active #all-queries_wrapper .pagination>li>a {
+      color: var(--button-text);
+      background-color: var(--button-color);
+      border-color: var(--button-color);
+  }
+
+  .pagination>.active>a,
+  .pagination>.active>a:focus,
+  .pagination>.active>a:hover,
+  .pagination>.active>span,
+  .pagination>.active>span:focus,
+  .pagination>.active>span:hover {
+      color: var(--button-text-hover) !important;
+      background-color: var(--button-color-hover) !important;
+      border-color: var(--button-color-hover) !important;
+  }
+
+  .pagination>li>a {
+      color: var(--button-text) !important;
+      background-color: var(--button-color) !important;
+      border-color: var(--button-color) !important;
+  }
+
+  .pagination>li>a:focus,
+  .pagination>li>a:hover,
+  .pagination>li>span:focus,
+  .pagination>li>span:hover {
+      color: var(--button-text-hover) !important;
+      background-color: var(--button-color-hover) !important;
+      border-color: var(--button-color-hover) !important;
+  }
+
+  /* Login */
+  .panel-default {
+      border-color: transparent;
+      background: rgba(0, 0, 0, 0.25);
+  }
+
+  .panel-default>.panel-heading {
+      color: var(--text-hover);
+      background-color: inherit;
+      border-color: transparent;
+  }
+
+  .panel,
+  .panel-body,
+  .panel-default>.panel-heading {
+      background-color: rgb(0 0 0 / 25%);
+      border-radius: 0px;
+      border: 1px solid transparent;
+      color: var(--text);
+  }
+
+  /* Blacklist */
+  .nav-tabs-custom {
+      background: rgba(0, 0, 0, 0.25);
+  }
+
+  .nav-tabs-custom>.tab-content {
+      background: transparent;
+  }
+
+  .nav-tabs-custom>.nav-tabs>li.active {
+      border-top-color: rgb(var(--accent-color));
+  }
+
+  .nav-tabs-custom>.nav-tabs>li.active>a {
+      border-top-color: transparent;
+      border-left-color: rgba(255, 255, 255, 0.1);
+      border-right-color: rgba(255, 255, 255, 0.1);
+  }
+
+  .nav-tabs-custom>.nav-tabs>li.active>a,
+  .nav-tabs-custom>.nav-tabs>li.active:hover>a {
+      background-color: rgba(0, 0, 0, 0.25);
+      color: rgb(var(--accent-color)) !important;
+  }
+
+  .nav-tabs-custom>.nav-tabs>li>a {
+      color: var(--text) !important;
+      border-radius: 0;
+  }
+
+  .input-group .input-group-addon {
+      border-radius: 0;
+      border-color: #d2d6de00;
+      background-color: rgb(var(--accent-color));
+      color: var(--text);
+  }
+
+  /* Network */
+  .table-striped>tbody>tr:nth-of-type(odd) {
+      background-color: rgba(0, 0, 0, .25) !important;
+  }
+
+  .table-striped>tbody>tr:nth-of-type(even) {
+      background-color: rgba(0, 0, 0, .5) !important;
+  }
+
+  #network-entries_wrapper.text-center {
+      text-align: center;
+      color: var(--text) !important;
+  }
+
+  /* Buttons */
+  button,
+  .btn-default {
+      background-color: var(--button-color) !important;
+      border: 1px solid var(--button-color) !important;
+      color: var(--button-text) !important;
+  }
+
+  .btn-primary:hover,
+  .btn-primary:active,
+  .btn-primary.hover {
+      background-color: var(--button-color-hover) !important;
+      border: 1px solid var(--button-color-hover) !important;
+      color: var(--button-text-hover) !important;
+  }
+
+  .btn-default:hover,
+  .btn-default:active,
+  .btn-default.hover {
+      background-color: var(--button-color-hover) !important;
+      border: 1px solid var(--button-color-hover) !important;
+      color: var(--button-text-hover) !important;
+  }
+
+  .box.box-solid>.box-header .btn:hover,
+  .box.box-solid>.box-header a:hover {
+      background-color: var(--button-color-hover) !important;
+      border: 1px solid var(--button-color-hover) !important;
+      color: var(--button-text-hover) !important;
+  }
+
+  .box.box-solid.box-info>.box-header,
+  .box.box-solid.box-info {
+      background-color: var(--button-color) !important;
+      border: 1px solid var(--button-color) !important;
+      color: var(--button-text) !important;
+  }
+
+  .btn-danger {
+      background-color: #dd4b39 !important;
+      border-color: #d73925 !important;
+  }
+
+  .btn-danger:hover,
+  .btn-danger:active,
+  .btn-danger.hover {
+      background-color: #d73925 !important;
+  }
+
+  .btn-warning {
+      background-color: #f39c12 !important;
+      border-color: #e08e0b !important;
+  }
+
+  .btn-warning:hover {
+      color: #fff;
+      background-color: #ec971f !important;
+      border-color: #d58512 !important;
+  }
+
+  .box.box-warning {
+      border-top-color: rgb(var(--accent-color));
+  }
+
+  .icheck-primary>input:first-child:checked+input[type=hidden]+label::before,
+  .icheck-primary>input:first-child:checked+label::before {
+      background-color: var(--button-color) !important;
+      border-color: var(--button-color) !important;
+  }
+
+  .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,
+  .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before {
+      border-color: var(--button-color) !important;
+  }
+
+  /* Input */
+  input,
+  .form-control,
+  pre,
+  .box-footer,
+  .datatables_processing {
+      background: rgba(0, 0, 0, 0.25);
+      border: 1px solid rgba(255, 255, 255, 0.1);
+      color: var(--text);
+  }
+
+  .dataTables_wrapper input[type="search"] {
+      background-color: rgb(0 0 0 / 25%);
+      color: var(--text-hover);
+  }
+
+  input,
+  select,
+  select.form-control,
+  .form-group .input-group-addon,
+  .input-group .input-group-addon,
+  .form-group input,
+  .input-group input,
+  .form-group textarea,
+  .input-group textarea,
+  .daterangepicker select.hourselect,
+  .daterangepicker select.minuteselect,
+  .daterangepicker select.secondselect,
+  .daterangepicker select.ampmselect,
+  .form-control,
+  div.dataTables_wrapper div.dataTables_length select {
+      background-color: rgb(0 0 0 / 0.25);
+      color: var(--text);
+      border: 1px solid rgb(255 255 255 / 15%);
+  }
+
+  select:focus,
+  select.form-control:focus {
+      background: #1b1b1b !important;
+      color: var(--text-hover) !important;
+  }
+
+  .form-control:focus {
+      border-color: rgb(255 255 255 / 0.25);
+      box-shadow: none;
+      color: var(--text-hover);
+  }
+
+  .select2-dropdown,
+  .select2 .select2-selection {
+      background: var(--drop-down-menu-bg);
+      color: var(--text);
+      border: 1px solid rgba(255, 255, 255, 0.1);
+  }
+
+  .select2-container--default .select2-results__option--highlighted[aria-selected] {
+      background-color: rgb(var(--accent-color));
+      color: var(--label-text-color);
+  }
+
+  /* Scrollbar   */
+
+  ::-webkit-scrollbar {
+      width: 0px;
+  }
+
+  ::-webkit-scrollbar-thumb {
+      min-height: 50px;
+      border: 3px solid transparent;
+      border-radius: 8px;
+      background-color: hsla(0, 0%, 100%, .2);
+      background-clip: padding-box;
+  }
+
+  ::-webkit-scrollbar-track {
+      background: var(--main-bg-color);
+      background-repeat: repeat, no-repeat;
+      background-attachment: fixed, fixed;
+      background-position: center center, center center;
+      background-size: auto, cover;
+      -webkit-background-size: auto, cover;
+      -moz-background-size: auto, cover;
+      -o-background-size: auto, cover;
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+      min-height: 50px;
+      border: 3px solid transparent;
+      border-radius: 8px;
+      background-color: hsla(0, 0%, 100%, .5);
+      background-clip: padding-box;
+  }
\ No newline at end of file
diff --git a/css/base/pihole/pine-shadow.css b/css/base/pihole/pine-shadow.css
new file mode 100644
index 00000000..240a4de6
--- /dev/null
+++ b/css/base/pihole/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/pihole/plex.css b/css/base/pihole/plex.css
new file mode 100644
index 00000000..ad1c52e1
--- /dev/null
+++ b/css/base/pihole/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/pihole/power.css b/css/base/pihole/power.css
new file mode 100644
index 00000000..43e7400d
--- /dev/null
+++ b/css/base/pihole/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/pihole/reality.css b/css/base/pihole/reality.css
new file mode 100644
index 00000000..e58e88a1
--- /dev/null
+++ b/css/base/pihole/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/pihole/soul.css b/css/base/pihole/soul.css
new file mode 100644
index 00000000..f8ce4391
--- /dev/null
+++ b/css/base/pihole/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/pihole/space-gray.css b/css/base/pihole/space-gray.css
new file mode 100644
index 00000000..ce34ec97
--- /dev/null
+++ b/css/base/pihole/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/pihole/space.css b/css/base/pihole/space.css
new file mode 100644
index 00000000..9d66ddf2
--- /dev/null
+++ b/css/base/pihole/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/pihole/time.css b/css/base/pihole/time.css
new file mode 100644
index 00000000..3b13c8fc
--- /dev/null
+++ b/css/base/pihole/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/pihole/trueblack.css b/css/base/pihole/trueblack.css
new file mode 100644
index 00000000..cc46f480
--- /dev/null
+++ b/css/base/pihole/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/plex/aquamarine.css b/css/base/plex/aquamarine.css
new file mode 100644
index 00000000..f0d73c4a
--- /dev/null
+++ b/css/base/plex/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/plex/blackberry-abyss.css b/css/base/plex/blackberry-abyss.css
new file mode 100644
index 00000000..2026a1e2
--- /dev/null
+++ b/css/base/plex/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/plex/blackberry-amethyst.css b/css/base/plex/blackberry-amethyst.css
new file mode 100644
index 00000000..71df86d1
--- /dev/null
+++ b/css/base/plex/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/plex/blackberry-carol.css b/css/base/plex/blackberry-carol.css
new file mode 100644
index 00000000..424b8104
--- /dev/null
+++ b/css/base/plex/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/plex/blackberry-dreamscape.css b/css/base/plex/blackberry-dreamscape.css
new file mode 100644
index 00000000..5335415b
--- /dev/null
+++ b/css/base/plex/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/plex/blackberry-flamingo.css b/css/base/plex/blackberry-flamingo.css
new file mode 100644
index 00000000..6a87799a
--- /dev/null
+++ b/css/base/plex/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/plex/blackberry-hearth.css b/css/base/plex/blackberry-hearth.css
new file mode 100644
index 00000000..78404e40
--- /dev/null
+++ b/css/base/plex/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/plex/blackberry-martian.css b/css/base/plex/blackberry-martian.css
new file mode 100644
index 00000000..248969eb
--- /dev/null
+++ b/css/base/plex/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/plex/blackberry-pumpkin.css b/css/base/plex/blackberry-pumpkin.css
new file mode 100644
index 00000000..fa5adee7
--- /dev/null
+++ b/css/base/plex/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/plex/blackberry-royal.css b/css/base/plex/blackberry-royal.css
new file mode 100644
index 00000000..8b18d2ed
--- /dev/null
+++ b/css/base/plex/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/plex/blackberry-shadow.css b/css/base/plex/blackberry-shadow.css
new file mode 100644
index 00000000..35729702
--- /dev/null
+++ b/css/base/plex/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/plex/blackberry-solar.css b/css/base/plex/blackberry-solar.css
new file mode 100644
index 00000000..e07949c4
--- /dev/null
+++ b/css/base/plex/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/plex/blackberry-vanta.css b/css/base/plex/blackberry-vanta.css
new file mode 100644
index 00000000..95852c93
--- /dev/null
+++ b/css/base/plex/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/plex/dark.css b/css/base/plex/dark.css
new file mode 100644
index 00000000..f01ef836
--- /dev/null
+++ b/css/base/plex/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/plex/dracula.css b/css/base/plex/dracula.css
new file mode 100644
index 00000000..ec85eade
--- /dev/null
+++ b/css/base/plex/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/plex/hotline-old.css b/css/base/plex/hotline-old.css
new file mode 100644
index 00000000..db9f740d
--- /dev/null
+++ b/css/base/plex/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/plex/hotline.css b/css/base/plex/hotline.css
new file mode 100644
index 00000000..17a3cd4b
--- /dev/null
+++ b/css/base/plex/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/plex/hotpink.css b/css/base/plex/hotpink.css
new file mode 100644
index 00000000..d3916d0e
--- /dev/null
+++ b/css/base/plex/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/plex/mind.css b/css/base/plex/mind.css
new file mode 100644
index 00000000..d2afa2d8
--- /dev/null
+++ b/css/base/plex/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/plex/nord.css b/css/base/plex/nord.css
new file mode 100644
index 00000000..78e42890
--- /dev/null
+++ b/css/base/plex/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/plex/onedark.css b/css/base/plex/onedark.css
new file mode 100644
index 00000000..92b9d753
--- /dev/null
+++ b/css/base/plex/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/plex/organizr.css b/css/base/plex/organizr.css
new file mode 100644
index 00000000..818557ae
--- /dev/null
+++ b/css/base/plex/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/plex/overseerr.css b/css/base/plex/overseerr.css
new file mode 100644
index 00000000..d71455fa
--- /dev/null
+++ b/css/base/plex/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/plex/pine-shadow.css b/css/base/plex/pine-shadow.css
new file mode 100644
index 00000000..803bfa8c
--- /dev/null
+++ b/css/base/plex/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/plex/plex-base.css b/css/base/plex/plex-base.css
new file mode 100644
index 00000000..df02c356
--- /dev/null
+++ b/css/base/plex/plex-base.css
@@ -0,0 +1,700 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+* {
+  outline: none;
+}
+
+/* TEXT */
+body,
+p,
+label,
+[class*="PrePlaySummary-summary-"],
+[class*="ClaimedServer-messageHeader-"],
+[class*="MetadataPosterCardTitle-isSecondary-"],
+[class*="MetadataPosterCardTitle-isSecondary-"] a {
+  color: var(--text) !important;
+}
+
+[class*="SourceSidebarLink-title-"],
+[class*="SourceSidebarLink-sourceLink-"],
+[class*="Link-default-"],
+[class*="PrePlayTertiaryTitle-tertiaryTitle-"] {
+  color: var(--text);
+}
+
+[class*="PivotTab-button-"] {
+  color: var(--text) !important;
+}
+
+[class*="PivotTabDropdown-isSelected-"] {
+  border-color: rgb(var(--accent-color)) !important;
+  border-bottom-width: 5px !important;
+  border-left: 4px solid transparent !important;
+  border-right: 4px solid transparent !important;
+  border-top-width: 0 !important;
+  margin-top: -2px !important;
+}
+
+[class*="MetadataPosterCardActions-editButton-"],
+[class*="MetadataPosterCardActions-moreButton-"] {
+  color: rgb(var(--accent-color)) !important;
+}
+
+[class*="MetadataPosterCardActions-editButton-"]:hover,
+[class*="MetadataPosterCardActions-moreButton-"]:hover {
+  color: var(--accent-color-hover) !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+[class*="PrePlayPrimaryTitle-primaryTitle-"] a,
+[class*="PrePlayLeftTitle-leftTitle-"],
+[class*="PrePlayPrimaryTitle-primaryTitle-"],
+[class*="CollapsibleText-readMore-"],
+[class*="HubTitle-hubTitle-"],
+[class*="FormLabel-label-"],
+[class*="ServerDashboardPageHeader-headerTitle-"],
+[class*="SidebarList-sidebarListHeader-"],
+[class*="MenuHeader-menuHeader-WuKJVD"],
+[class*="PrePlayDetailsGroupItem-label-"],
+[class*="PageHeader-pageHeader-"],
+[class*="PageHeaderTitle-title-"] {
+  color: var(--text-hover) !important;
+}
+
+.text-muted {
+  color: var(--text-muted);
+}
+
+/* LINKS */
+
+a,
+[class*="Link-primary-"],
+[class*="Link-isSelected-"],
+[class*="PrePlayDetailsGroupItem-groupItem-"] a,
+[class*="MetadataPosterCardTitle-title-"] a,
+a[class*="MetadataPosterCardTitle-title-"],
+[class*="PrePlayTagListLink-tagsListLink-"][class*="Link-default-"],
+[class*="MetadataPosterCardTitle-title-"] {
+  color: var(--link-color)
+}
+
+a:hover,
+[class*="Link-link-"]:hover:not([type="button"]):not([role="menuitem"]):not([type="submit"]),
+.artwork-file-container:hover a,
+[class*="MetadataPosterCardTitle-title-"] a:hover,
+a[class*="MetadataPosterCardTitle-title-"]:hover {
+  color: var(--link-color-hover);
+}
+
+[class*="MetadataPosterCardTitle-title-"][class*="MetadataPosterCardTitle-isSecondary-377V8A"] [class*="Link-link-1Kt-hA"]:hover,
+[class*="MetadataPosterCardTitle-title-"][class*="MetadataPosterCardTitle-isSecondary-377V8A"]:hover,
+[class*=".MetadataTableRow-title-"] a:hover,
+a[class*="MetadataTableRow-title-"]:hover {
+  color: var(--text-hover) !important;
+}
+
+[class*="TopUsersCell-playHistoryLink-"][class*="Link-link-"] {
+  color: var(--label-text-color) !important;
+}
+
+/* BODY */
+#plex > div[class*="FullPageBackground-backgroundContainer-"] > div > div:nth-child(1) > canvas,
+#plex > div[class*="FullPageBackground-backgroundContainer-"] > div > canvas {
+  display: none !important;
+}
+body,[class*="FullPageBackground-backgroundContainer-"] {
+  background: var(--main-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+}
+
+.plex-preloader-container {
+  background-color: transparent;
+}
+
+[class*="BottomBar-bottomBar-"] {
+  background-color: rgb(0 0 0 / 70%);
+  box-shadow: 0 0 4px 0 rgb(0 0 0 / 50%);
+}
+
+/* SIDEBAR */
+
+/* TEMP */
+[class*="SourceSidebarLink-isSelected-"] {
+  box-shadow: inset 2px 0 0 0 rgb(var(--accent-color));
+  background: rgb(var(--accent-color), 0.05);
+}
+
+/* /TEMP */
+
+[class*="SourceSidebar-openSidebar-"][class*="SourceSidebar-sidebar-"],
+[class*="SourceSidebar-sidebar-"] {
+  background: rgba(0, 0, 0, .25);
+}
+
+[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] {
+  background: var(--modal-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+}
+
+@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+  [class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] {
+      background: var(--header-blur-background);
+      -webkit-backdrop-filter: saturate(1.8) blur(1.5em);
+      backdrop-filter: saturate(1.8) blur(1.5em);
+      background-color: rgba(0, 0, 0, .5);
+  }
+}
+
+[class*="DisclosureArrow-isSelected-"] {
+  border-color: rgb(var(--accent-color));
+}
+
+[class*="SourceSidebarLink-isSelected-"]:before {
+  background-color: rgb(var(--accent-color)) !important;
+}
+
+[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-iconContainer-"],
+[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-title-"] {
+  color: rgb(var(--accent-color));
+}
+
+[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-iconContainer-"],
+[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-title-"] {
+  color: var(--accent-color-hover);
+}
+
+[class*="SourceSidebarServerHeader-title-"] {
+  color: rgb(var(--accent-color));
+}
+
+/* NAVBAR */
+[class*="NavBar-container-"] {
+  background: rgba(0, 0, 0, .25) !important;
+}
+
+[class*="NavBarActivityButton-isHighlighted-"] [class*="NavBarActivityButton-activityIcon-"] {
+  color: rgb(var(--accent-color));
+}
+
+/* old plex web */
+.NavBarActivityButton-isHighlighted-2YqjDs .NavBarActivityButton-activityIcon-3gF_TD {
+  background-color: rgb(var(--accent-color));
+  color: var(--label-text-color);
+}
+
+.NavBarActivityButton-isHighlighted-2YqjDs:hover .NavBarActivityButton-activityIcon-3gF_TD {
+  background-color: var(--accent-color-hover);
+  color: var(--label-text-color) !important;
+}
+
+/* /old plex web */
+
+[class*="NavBarActivityButton-isHighlighted-"]:hover [class*="NavBarActivityButton-activityIcon-"] {
+  color: var(--accent-color-hover);
+
+}
+
+[class*="NavBarActivityButton-isHighlighted-"] [class*="NavBarActivityButton-label-"] {
+  color: rgb(var(--accent-color));
+}
+
+[class*="NavBarActivityButton-isHighlighted-"]:hover [class*="NavBarActivityButton-label-"] {
+  color: var(--accent-color-hover);
+}
+
+
+
+
+/* ACCENTS */
+
+.heart-rating.user-rating, .star-rating.user-rating {
+  color: rgb(var(--accent-color));
+  opacity: 1;
+}
+
+[class*="Badge-primary-"],
+.nav-header>li>a.selected .badge {
+  background-color: rgb(var(--accent-color));
+  color: var(--label-text-color);
+}
+
+[class*="DisclosureArrow-default-"] {
+  border-color: rgb(var(--accent-color));
+}
+
+a:hover [class*="DisclosureArrow-disclosureArrow-"],
+button:hover [class*="DisclosureArrow-disclosureArrow-"] {
+  border-color: var(--accent-color-hover);
+}
+
+.nav-pills>li.active>a,
+.nav-pills>li.active>a:focus,
+.nav-pills>li.active>a:hover {
+  color: rgb(var(--accent-color))
+}
+
+.nav-pills>li.active>a,
+.nav-pills>li.active>a:focus,
+.nav-pills>li.active>a:hover {
+  background-color: rgb(var(--accent-color), .03);
+
+}
+
+.btn-gray:focus,
+.btn-gray:hover {
+  color: var(--accent-color-hover);
+}
+
+[class*="PageHeaderTabButton-isSelected-"],
+[class*="PageHeaderTabDropdown-isSelected-"],
+[class*="MultiSelectPageHeader-selectedTitle-"],
+[class*="PageHeaderMultiselectActions-container-"],
+[class*="PageHeaderMultiselectActions-count-"],
+[class*="PivotTab-selectedButton-"],
+[class*="PageHeaderTitle-detail-"] {
+  color: rgb(var(--accent-color)) !important;
+  border-color: rgb(var(--accent-color));
+}
+
+[class*="PivotTab-selectedButton-"]:after,
+[class*="TabButton-selectedButton-"]:after {
+  background-color: rgb(var(--accent-color)) !important;
+}
+
+[class*="PivotTab-selectedButton-"]:hover:after {
+  background-color: var(--link-color-hover) !important;
+}
+
+[class*="MetadataPosterCardOverlay-unplayedBadge-"],
+[class*="MetadataPosterCard-legacyUnwatchedTag-"],
+[class*="MetadataPosterCard-legacyUnwatchedEpisodesBadge-"],
+[class*="MetadataPosterCardOverlay-versionBadge-"] {
+  background-color: var(--plex-poster-unwatched);
+}
+
+[class*="MetadataPosterCardFace-"]:hover,
+[class*="PosterCardLink-hoveredLink-"] {
+  box-shadow: 0 0 0 1px rgb(var(--accent-color)), 0 0 4px rgb(0 0 0 / 30%);
+}
+
+[class*="MultiSelectPageHeader-multiSelectPageHeader-"] {
+  box-shadow: 0 2px 0 0 rgb(var(--accent-color));
+}
+
+[class*="MetadataPosterCardFace-isSelected-"],
+[class*="MetadataPosterCard-hoveredSelectedLink-"],
+[class*="MetadataPosterCard-selectedLink-"] {
+  box-shadow: 0 0 0 2px rgb(var(--accent-color)), 0 0 4px rgb(0 0 0 / 30%);
+}
+
+[class*="SelectButton-isSelected-"] [class*="SelectButton-selectCircle-"] {
+  border-color: rgb(var(--accent-color));
+  background-color: rgb(var(--accent-color));
+  box-shadow: 0 0 4px rgb(0 0 0 / 60%);
+  color: rgba(0, 0, 0, .75);
+  transform: scale(1.4);
+}
+
+[class*="SelectButton-selectButton-"].isActive [class*="SelectButton-selectCircle-"] {
+  background: rgb(var(--accent-color-hover));
+}
+
+[class*="PlayButton-playButton-"]:hover [class*="PlayButton-playCircle-"],
+[class*="PlayPauseOverlay-playCircle-"] {
+  border-color: rgb(var(--accent-color));
+  background-color: rgb(var(--accent-color));
+  color: #1f2326;
+}
+
+[class*="PosterCardOverlayProgress-progressBar-"],
+[class*="MetadataPosterCardProgressBar-bar-"],
+[class*="SeekBar-seekBarFill-"],
+[class*="VolumeSlider-fill-"],
+[class*="SessionTile-playProgressPercent-"] {
+  background-color: rgb(var(--accent-color)) !important;
+}
+
+[class*="SeekBar-seekBarBuffer-"],
+[class*="SessionTile-transcodeProgressPercent-"] {
+  background-color: rgba(var(--accent-color), .3) !important;
+}
+
+[class*="SessionTileDetails-playerContainer-"] {
+  background-color: rgba(var(--accent-color), .2) !important
+}
+
+[class*="SessionTileDetails-videoStreamInformation-"] {
+  background-color: rgba(var(--accent-color), .15) !important
+}
+
+[class*="SessionTileDetails-audioStreamInformation-"] {
+  background-color: rgba(var(--accent-color), .1) !important
+}
+
+[class*="SessionTileDetails-subtitlesStreamInformation-"] {
+  background-color: rgba(var(--accent-color), .05) !important;
+}
+
+[class*="TopUsersList-container-"][class*="ServerDashboardSectionContent-container-"]>div>div>div>div:nth-child(3) {
+  background-color: rgba(var(--accent-color), .2) !important;
+}
+
+[class*="TopUsersList-container-"][class*="ServerDashboardSectionContent-container-"]>div>div>div>div:nth-child(4) {
+  background-color: rgba(var(--accent-color), .15) !important;
+}
+
+[class*="TopUsersList-container-"][class*="ServerDashboardSectionContent-container-"]>div>div>div>div:nth-child(5) {
+  background-color: rgba(var(--accent-color), .1) !important;
+}
+
+[class*="TopUsersList-container-"][class*="ServerDashboardSectionContent-container-"]>div>div>div>div:nth-child(6) {
+  background-color: rgba(var(--accent-color), .05) !important;
+}
+
+[class*="TopUsersCell-playHistoryLink-"] {
+  background-color: rgb(var(--accent-color)) !important;
+  color: #fff !important;
+}
+
+[class*="TopPlayedColumnHeader-emptyTitleBackground-"] {
+  background-color: rgba(var(--accent-color), .3) !important;
+}
+
+[class*="SelectedMenuItem-isSelected-"],
+[class*="SelectedMenuItem-isSelected-"] [class*="SelectedMenuItem-selectedIcon-"],
+[class*="IconButton-isActive-"] {
+  color: rgb(var(--accent-color));
+}
+
+[class*="IconButton-isActive-"]:hover {
+  color: rgb(var(--accent-color-hover));
+}
+
+[class*="Spinner-spinner-"] {
+  border-color: rgb(var(--accent-color)) transparent transparent rgb(var(--accent-color));
+  border-top-color: rgb(var(--accent-color)) !important;
+  border-left-color: rgb(var(--accent-color)) !important;
+}
+
+[class*="CircularProgressBar-circularProgressBar-"] {
+  stroke-width: 2;
+  stroke: rgb(var(--accent-color));
+  stroke-dashoffset: 0;
+}
+
+circle {
+  stroke: rgb(var(--accent-color)) !important;
+}
+
+.loading {
+  border-color: rgb(var(--accent-color)) transparent transparent rgb(var(--accent-color));
+}
+
+.media-poster-container.selected .media-poster,
+.media-poster-container:hover .media-poster {
+  -webkit-box-shadow: 0 0 4px rgb(0 0 0 / 30%), inset 0 0 0 3px rgb(var(--accent-color));
+  box-shadow: 0 0 4px rgb(0 0 0 / 30%), inset 0 0 0 3px rgb(var(--accent-color));
+}
+
+.media-poster-container.selected .media-poster:before {
+  border-color: rgb(var(--accent-color)) rgb(var(--accent-color)) transparent transparent;
+}
+
+.media-poster-container.selected .media-poster:after {
+  color: var(--label-text-color);
+}
+
+[class*="NavBarActivityMenuStatusItem-statusButtonIndicator-"] {
+  color: rgb(var(--accent-color));
+}
+
+[class*="SelectButton-selectedCircle-"] {
+  border-color: rgb(var(--accent-color));
+  background-color: rgb(var(--accent-color));
+}
+
+/* MODAL */
+[class*="ModalContent-modalContent-"] {
+  background: var(--modal-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+}
+
+.modal-header {
+  padding: 15px 20px;
+  background: var(--modal-header-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+  border-bottom: 1px solid rgba(255, 255, 255, .05);
+}
+
+.modal-content {
+  position: relative;
+  background: var(--modal-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+  border: 1px solid #999;
+  border: 1px solid rgba(0, 0, 0, .2);
+  border-radius: 3px;
+  -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
+  box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
+  background-clip: padding-box;
+  outline: none;
+}
+
+.modal-footer {
+  padding: 15px 20px;
+  margin-top: 0;
+  background: var(--modal-footer-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+  border-top: 1px solid rgba(255, 255, 255, .05);
+}
+
+.modal-body-with-panes .modal-nav-pane {
+  background-image: none;
+  background: rgba(0, 0, 0, .25);
+}
+
+.well,
+.files ul li {
+  color: var(--text);
+  background-color: rgb(0 0 0 / 10%);
+  border: 1px solid transparent;
+  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
+  box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
+}
+
+.edit-section-modal .wizard-blocks-group>.wizard-block.selectable:hover {
+  color: var(--text-hover);
+  background-color: rgba(255, 255, 255, .05);
+}
+
+.edit-section-modal .wizard-blocks-group>.wizard-block.selectable {
+  color: var(--text)
+}
+
+.striped-list-item>.striped-list-inner-item>.selected,
+.striped-list-item>a.selected {
+  border-left: 3px solid rgb(var(--accent-color));
+}
+
+.modal-header>h4>.modal-icon {
+  color: var(--text-hover);
+}
+
+/* BUTTONS */
+.btn-primary {
+  border-color: var(--button-color);
+  color: var(--button-text);
+  background-color: var(--button-color);
+  -webkit-transition: background-color .1s;
+  transition: background-color .1s;
+}
+
+.btn-primary:focus,
+.btn-primary:hover {
+  color: var(--button-text-hover);
+  background-color: var(--button-color-hover);
+}
+
+[class*="Button-primary"].isDisabled {
+  background: var(--button-color);
+}
+
+.btn-primary.disabled,
+.btn-primary.disabled.active,
+.btn-primary.disabled:active,
+.btn-primary.disabled:focus,
+.btn-primary.disabled:hover,
+.btn-primary[disabled],
+.btn-primary[disabled].active,
+.btn-primary[disabled]:active,
+.btn-primary[disabled]:focus,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary,
+fieldset[disabled] .btn-primary.active,
+fieldset[disabled] .btn-primary:active,
+fieldset[disabled] .btn-primary:focus,
+fieldset[disabled] .btn-primary:hover {
+  background-color: var(--button-color);
+}
+
+.btn-gray.selected {
+  color: rgb(var(--accent-color));
+}
+
+.btn-gray {
+  color: var(--text);
+}
+
+.edit-lock-addon.locked {
+  color: var(--button-text-hover);
+  background-color: var(--button-color);
+  border-color: var(--button-color);
+}
+
+.edit-lock-addon {
+  color: var(--button-color-hover);
+  background-color: rgba(0, 0, 0, .5);
+  border-color: transparent;
+  -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 30%), inset -2px 2px 2px rgb(0 0 0 / 10%);
+  box-shadow: 0 0 2px rgb(0 0 0 / 30%), inset -2px 2px 2px rgb(0 0 0 / 10%);
+}
+
+.edit-section-modal .wizard-blocks-group>.wizard-block.selected,
+.edit-section-modal .wizard-blocks-group>.wizard-block.selected:hover {
+  color: rgb(var(--accent-color));
+}
+
+.edit-section-modal .wizard-blocks-group>.wizard-block {
+  color: var(--text);
+}
+
+[class*="Button-primary-"],
+.selectize-control.multi .selectize-input>div {
+  background-color: var(--button-color);
+  color: var(--button-text);
+}
+
+[class*="Button-primary-"]:hover,
+.selectize-control.multi .selectize-input>div.active {
+  background-color: var(--button-color-hover);
+  color: var(--button-text-hover);
+}
+
+/* DROPDOWN MENU */
+[class*="Menu-menu-"],
+.selectize-dropdown,
+.selectize-dropdown.form-control {
+  background: var(--drop-down-menu-bg);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+}
+
+[class*="ServerMenuItem-selectedServerMenuItem-"],
+[class*="ServerMenuItem-selectedIcon-"] {
+  color: rgb(var(--accent-color));
+}
+
+[class*="Tooltip-tooltip-"] {
+  background-color: var(--button-color);
+  color: var(--button-text);
+}
+
+[class*="Tooltip-tooltipBottomArrow-"]:after {
+  border-top-color: var(--button-color);
+}
+
+[class*="Tooltip-tooltipTopArrow-"]:after {
+  border-bottom-color: var(--button-color);
+}
+
+[class*="Tooltip-tooltipRightArrow-"]:after {
+  border-left-color: var(--button-color);
+}
+
+[class*="Tooltip-tooltipLeftArrow-"]:after {
+  border-right-color: var(--button-color);
+}
+
+/* SETTINGS */
+[class*="SettingsFormSection-sectionWrapper-"],
+[class*="ServerDashboardPageSection-section-"],
+[class*="SettingsFormSection-sectionWrapper-"],
+hr {
+  border-top: 2px solid rgba(255, 255, 255, 0.3) !important;
+}
+
+[class*="SettingsFormSection-sectionWrapper-"]:last-of-type,
+[class*="ClaimedServer-container-"] {
+  border-bottom: 2px solid rgb(255 255 255 / 30%);
+}
+
+/* ALERTS */
+.alerts-container .page-count {
+  margin-right: 15px;
+  font-size: 14px;
+  color: var(--text);
+  vertical-align: top;
+}
+
+/* SYNC */
+.filter-bar .dropdown.open>a {
+  color: rgb(var(--accent-color));
+}
+
+/* TABLE */
+
+[class*="TableHeaderTitle-tableHeaderTitle-"] {
+  color: var(--text-hover);
+}
+
+[class*="DirectoryListTableHeader-tableHeaderCell-"],
+[class*="DirectoryListTableHeader-columnMenuButton-"] {
+  background-color: rgb(0 0 0 / 25%);
+}
+
+a>[class*="DirectoryListTableHeader-tableHeaderCell-"]:hover,
+button>[class*="DirectoryListTableHeader-tableHeaderCell-"]:hover,
+[class*="DirectoryListTableHeader-columnMenuButton-"]:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
\ No newline at end of file
diff --git a/css/base/plex/plex.css b/css/base/plex/plex.css
new file mode 100644
index 00000000..b83e76f6
--- /dev/null
+++ b/css/base/plex/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/plex/power.css b/css/base/plex/power.css
new file mode 100644
index 00000000..41740336
--- /dev/null
+++ b/css/base/plex/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/plex/reality.css b/css/base/plex/reality.css
new file mode 100644
index 00000000..d2764864
--- /dev/null
+++ b/css/base/plex/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/plex/soul.css b/css/base/plex/soul.css
new file mode 100644
index 00000000..be68a01a
--- /dev/null
+++ b/css/base/plex/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/plex/space-gray.css b/css/base/plex/space-gray.css
new file mode 100644
index 00000000..788fddf3
--- /dev/null
+++ b/css/base/plex/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/plex/space.css b/css/base/plex/space.css
new file mode 100644
index 00000000..637498c5
--- /dev/null
+++ b/css/base/plex/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/plex/time.css b/css/base/plex/time.css
new file mode 100644
index 00000000..56a43d9a
--- /dev/null
+++ b/css/base/plex/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/plex/trueblack.css b/css/base/plex/trueblack.css
new file mode 100644
index 00000000..ba6f4b1c
--- /dev/null
+++ b/css/base/plex/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/plpp/.deprecated b/css/base/plpp/.deprecated
new file mode 100644
index 00000000..e69de29b
diff --git a/css/base/plpp/plpp-base.css b/css/base/plpp/plpp-base.css
new file mode 100644
index 00000000..0edf3862
--- /dev/null
+++ b/css/base/plpp/plpp-base.css
@@ -0,0 +1,284 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+body {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    background-color: transparent;
+    color: hsla(0, 0%, 100%, .7) !important;
+    font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif !important;
+    font-size: 1.4em !important;
+    overflow-y: auto;
+    height: 100%;
+}
+
+/* Scrollbar */
+@media only screen and (min-width: 768px) {
+    html {
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+    }
+
+    body {
+        overflow-y: auto;
+        height: 100%;
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .2);
+    background-clip: padding-box;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .5);
+    background-clip: padding-box;
+}
+
+legend {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.navbar-inverse {
+    background-color: rgba(0, 0, 0, 0.6);
+    border-color: transparent;
+}
+
+.side-nav {
+    background-color: rgba(0, 0, 0, 0.15);
+}
+
+.navbar-inverse .navbar-nav>li>a {
+    color: hsla(0, 0%, 100%, .7);
+}
+
+.navbar-inverse .navbar-nav>li>a:hover,
+.navbar-inverse .navbar-nav>li>a:focus {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+.nav>li.selected>a {
+    background-color: transparent;
+    color: #f9be03 !important;
+}
+
+@media only screen and (max-width: 768px) {
+
+    .navbar-inverse .navbar-collapse,
+    .navbar-inverse .navbar-form {
+        border-color: transparent;
+        background: var(--modal-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+.breadcrumb>.active {
+    text-transform: uppercase;
+    text-transform: bold;
+}
+
+.panel,
+.panel-default>.panel-heading,
+.breadcrumb>.active {
+    background-color: transparent;
+    border: transparent;
+    color: inherit;
+    font-size: 15px;
+    font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif !important;
+    line-height: 24px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
+}
+
+.plpp_table.even:hover,
+.plpp_table.odd:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+.panel-heading {
+    font-weight: bold;
+}
+
+.plpp_thumbs_Title:hover,
+.plpp_slider_Title:hover,
+.plpp_thumbs_Episode_Title:hover,
+.plpp_slider_Episode_Title:hover,
+.plpp_thumbs_Season_Title:hover,
+.plpp_slider_Season_Title:hover,
+.plpp_thumbs_Show_Title:hover,
+.plpp_slider_Show_Title:hover,
+.plpp_thumbs_Artist:hover,
+.plpp_slider_Artist:hover,
+.plpp_thumbs_Year:hover,
+.plpp_thumbs_Episode_No:hover,
+.plpp_slider_Year:hover,
+.plpp_slider_Episode_no:hover,
+.plpp_thumbs_Track_no:hover,
+.plpp_slider_Track_no:hover,
+.plpp_thumbs_Episode_Count:hover,
+.plpp_slider_Episode_Count:hover,
+.plpp_thumbs_Track_Count:hover,
+.plpp_slider_Track_Count:hover,
+.plpp_thumbs_Dimensions:hover,
+.plpp_slider_Dimensions:hover,
+.plpp_thumbs_Duration:hover,
+.plpp_slider_Duration:hover {
+    text-decoration: underline;
+}
+
+.img-rounded {
+    border-radius: 0px;
+}
+
+.img-rounded:hover {
+    border-radius: 0px;
+    box-shadow: 0 0 0 2px #cc7b19;
+    background: radial-gradient(farthest-corner at 50% 50%, rgba(50, 50, 50, .5) 50%, #323232 100%);
+    opacity: .7;
+    transition: linear .2s;
+}
+
+.img-responsive,
+.thumbnail>img,
+.thumbnail a>img,
+.carousel-inner>.item>img,
+.carousel-inner>.item>a>img {
+    width: 100%;
+}
+
+div.modal-content>div.modal-body>div.plpp_details_container>div.plpp_details_Thumbnail,
+div.plpp_details_Poster>.img-rounded {
+    box-shadow: none;
+    opacity: 1;
+}
+
+div.plpp_slider {
+    margin: 2px 15px 10px 2px;
+}
+
+table {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+table,
+.table {
+    color: hsla(0, 0%, 100%, .7);
+}
+
+.table>thead>tr>th,
+.table>tbody>tr>th,
+.table>tfoot>tr>th,
+.table>thead>tr>td,
+.table>tbody>tr>td,
+.table>tfoot>tr>td {
+    border-top: 1px solid rgba(255, 255, 255, .15);
+}
+
+.table>thead>tr>th {
+    vertical-align: bottom;
+    border-bottom: 2px solid rgba(255, 255, 255, .15);
+}
+
+.pagination>li>a,
+.pagination>li>span {
+    color: var(--text-hover);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: transparent;
+}
+
+.pagination>.disabled>span,
+.pagination>.disabled>span:hover,
+.pagination>.disabled>span:focus,
+.pagination>.disabled>a,
+.pagination>.disabled>a:hover,
+.pagination>.disabled>a:focus {
+    color: #BDBDBD;
+    background-color: rgba(0, 0, 0, 0.25);
+    border: transparent;
+    cursor: not-allowed;
+}
+
+/* Modal */
+.modal-header,
+div.modal-body,
+.modal-footer {
+    border-bottom: 1px solid rgba(255, 255, 255, .15);
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/* Buttons */
+.btn-default {
+    background-color: var(--button-color);
+    border-color: transparent;
+}
+
+.btn-default:hover,
+.btn-default:focus,
+.btn-default:active,
+.btn-default.active,
+.open .dropdown-toggle.btn-default {
+    background-color: var(--button-color-hover);
+    border-color: transparent;
+}
+
+.modal-header .close {
+    color: #dadada;
+}
+
+.modal-header .close:hover {
+    color: var(--text-hover);
+}
\ No newline at end of file
diff --git a/css/base/portainer/aquamarine.css b/css/base/portainer/aquamarine.css
new file mode 100644
index 00000000..31ec95cc
--- /dev/null
+++ b/css/base/portainer/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/portainer/blackberry-abyss.css b/css/base/portainer/blackberry-abyss.css
new file mode 100644
index 00000000..ff7117ea
--- /dev/null
+++ b/css/base/portainer/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/portainer/blackberry-amethyst.css b/css/base/portainer/blackberry-amethyst.css
new file mode 100644
index 00000000..7564dd69
--- /dev/null
+++ b/css/base/portainer/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/portainer/blackberry-carol.css b/css/base/portainer/blackberry-carol.css
new file mode 100644
index 00000000..06d4dc19
--- /dev/null
+++ b/css/base/portainer/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/portainer/blackberry-dreamscape.css b/css/base/portainer/blackberry-dreamscape.css
new file mode 100644
index 00000000..d20b3d37
--- /dev/null
+++ b/css/base/portainer/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/portainer/blackberry-flamingo.css b/css/base/portainer/blackberry-flamingo.css
new file mode 100644
index 00000000..e8b04db4
--- /dev/null
+++ b/css/base/portainer/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/portainer/blackberry-hearth.css b/css/base/portainer/blackberry-hearth.css
new file mode 100644
index 00000000..4665faec
--- /dev/null
+++ b/css/base/portainer/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/portainer/blackberry-martian.css b/css/base/portainer/blackberry-martian.css
new file mode 100644
index 00000000..383ff36d
--- /dev/null
+++ b/css/base/portainer/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/portainer/blackberry-pumpkin.css b/css/base/portainer/blackberry-pumpkin.css
new file mode 100644
index 00000000..5541840b
--- /dev/null
+++ b/css/base/portainer/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/portainer/blackberry-royal.css b/css/base/portainer/blackberry-royal.css
new file mode 100644
index 00000000..d4ac152e
--- /dev/null
+++ b/css/base/portainer/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/portainer/blackberry-shadow.css b/css/base/portainer/blackberry-shadow.css
new file mode 100644
index 00000000..d96eb97e
--- /dev/null
+++ b/css/base/portainer/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/portainer/blackberry-solar.css b/css/base/portainer/blackberry-solar.css
new file mode 100644
index 00000000..d33d490c
--- /dev/null
+++ b/css/base/portainer/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/portainer/blackberry-vanta.css b/css/base/portainer/blackberry-vanta.css
new file mode 100644
index 00000000..4479b742
--- /dev/null
+++ b/css/base/portainer/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/portainer/dark.css b/css/base/portainer/dark.css
new file mode 100644
index 00000000..a38f7676
--- /dev/null
+++ b/css/base/portainer/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/portainer/dracula.css b/css/base/portainer/dracula.css
new file mode 100644
index 00000000..22cb6157
--- /dev/null
+++ b/css/base/portainer/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/portainer/hotline-old.css b/css/base/portainer/hotline-old.css
new file mode 100644
index 00000000..6740d975
--- /dev/null
+++ b/css/base/portainer/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/portainer/hotline.css b/css/base/portainer/hotline.css
new file mode 100644
index 00000000..c6e60ba5
--- /dev/null
+++ b/css/base/portainer/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/portainer/hotpink.css b/css/base/portainer/hotpink.css
new file mode 100644
index 00000000..62c8802f
--- /dev/null
+++ b/css/base/portainer/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/portainer/mind.css b/css/base/portainer/mind.css
new file mode 100644
index 00000000..e60072cf
--- /dev/null
+++ b/css/base/portainer/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/portainer/nord.css b/css/base/portainer/nord.css
new file mode 100644
index 00000000..6d4c75b7
--- /dev/null
+++ b/css/base/portainer/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/portainer/onedark.css b/css/base/portainer/onedark.css
new file mode 100644
index 00000000..e9c215e3
--- /dev/null
+++ b/css/base/portainer/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/portainer/organizr.css b/css/base/portainer/organizr.css
new file mode 100644
index 00000000..b78d2ec4
--- /dev/null
+++ b/css/base/portainer/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/portainer/overseerr.css b/css/base/portainer/overseerr.css
new file mode 100644
index 00000000..897b1efa
--- /dev/null
+++ b/css/base/portainer/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/portainer/pine-shadow.css b/css/base/portainer/pine-shadow.css
new file mode 100644
index 00000000..8ee564cd
--- /dev/null
+++ b/css/base/portainer/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/portainer/plex.css b/css/base/portainer/plex.css
new file mode 100644
index 00000000..6f824990
--- /dev/null
+++ b/css/base/portainer/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/portainer/portainer-base.css b/css/base/portainer/portainer-base.css
new file mode 100644
index 00000000..3d8baaa4
--- /dev/null
+++ b/css/base/portainer/portainer-base.css
@@ -0,0 +1,715 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+@import url("/css/defaults/placeholders.css");
+
+:root {
+    --text-json-tree-branch-preview-color: var(--text);
+    --text-json-tree-leaf-color: var(--text);
+    }
+
+/* Scrollbar */
+@media only screen and (min-width: 768px) {
+    html {
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+    }
+
+    body {
+        overflow-y: auto;
+        height: 100%;
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .2);
+    background-clip: padding-box;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .5);
+    background-clip: padding-box;
+}
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text) !important;
+}
+
+* {
+    outline: none !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+label,
+legend,
+ul.sidebar .sidebar-title.endpoint-name {
+    color: var(--text-hover);
+}
+
+ul.sidebar .sidebar-list .sidebar-sublist a {
+    color: var(--text);
+}
+
+a {
+    color: var(--link-color);
+}
+
+a:focus,
+a:hover {
+    color: var(--link-color-hover);
+    text-decoration: none;
+}
+
+.text-danger {
+    color: #f44336;
+}
+
+.fa.red-icon {
+    color: #f44336;
+}
+
+.text-muted {
+    color: var(--text-muted);
+}
+
+.form-section-title {
+    color: var(--text);
+}
+
+ul.sidebar .sidebar-list a {
+    color: var(--text);
+}
+
+/* NEWS */
+.motd-body {
+    background-color: rgba(255, 255, 255, 0.15) !important;
+}
+
+/* LOGIN */
+.panel-default {
+    border-color: transparent;
+}
+
+.panel {
+    background-color: transparent;
+    border: 1px solid transparent;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.panel-body {
+    background-color: transparent !important;
+}
+
+/* SIDEBAR */
+#sidebar-wrapper {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.sidebar-header {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+ul.sidebar .sidebar-list a.active {
+    color: rgb(var(--accent-color));
+    background: rgba(255, 255, 255, 0.1);
+    border-left: 3px solid rgb(var(--accent-color));
+}
+
+#page-wrapper:not(.open) ul.sidebar .sidebar-title.separator,
+.sidebar-footer,
+ul.sidebar .sidebar-list a:hover:not(ul.sidebar .sidebar-list a.active),
+ul.sidebar .sidebar-main a {
+    background: rgba(255, 255, 255, 0.15);
+    color: var(--text-hover);
+}
+
+ul.sidebar .sidebar-list a:hover,
+#page-wrapper:not(.open) ul.sidebar .sidebar-list a:hover span {
+    border-left: 3px solid rgb(var(--accent-color));
+}
+
+ul.sidebar .sidebar-title {
+    color: rgb(var(--accent-color));
+}
+
+ul.sidebar .sidebar-list .sidebar-sublist a.active {
+    border-left: 3px solid rgb(var(--accent-color));
+    background: rgba(255, 255, 255, .08);
+}
+
+ul.sidebar .sidebar-title {
+    color: var(--text-hover);
+}
+
+/* Header */
+.row.header {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/* WIDGETS */
+.widget {
+    background: rgba(0, 0, 0, 0.25);
+    border-color: transparent;
+}
+
+.widget .widget-body table thead {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.widget .widget-header {
+    color: var(--text-hover);
+    background-color: rgba(0, 0, 0, .25);
+    border-bottom: 1px solid transparent;
+}
+
+/* DATATABLES */
+.datatable .toolBar {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.datatable .footer {
+    background: rgba(0, 0, 0, 0.25);
+    color: var(--text);
+}
+
+.blocklist-item--selected,
+.blocklist-item:hover {
+    background-color: rgba(255, 255, 255, 0.15);
+    color: var(--text);
+}
+
+.datatable .actionBar,
+.datatable .toolBar {
+    color: var(--text);
+}
+
+.datatable .searchIcon {
+    color: var(--text);
+}
+
+.datatable .searchBar {
+    border-top: 1px solid rgba(255, 255, 255, .1);
+    border-bottom: 1px solid rgba(255, 255, 255, .1);
+    padding: 8px;
+    background: rgba(255, 255, 255, .15);
+}
+
+.datatable .searchBar:focus-within {
+    background:rgba(255, 255, 255, .25);
+    color: var(--text-hover);
+}
+
+/* TABLE */
+
+.table-hover>tbody>tr:hover,
+.table>tbody>tr.active>td,
+.table>tbody>tr.active>th,
+.table>tbody>tr>td.active,
+.table>tbody>tr>th.active,
+.table>tfoot>tr.active>td,
+.table>tfoot>tr.active>th,
+.table>tfoot>tr>td.active,
+.table>tfoot>tr>th.active,
+.table>thead>tr.active>td,
+.table>thead>tr.active>th,
+.table>thead>tr>td.active,
+.table>thead>tr>th.active {
+    background-color: rgba(255, 255, 255, 0.1);
+}
+
+.table-hover>tbody>tr.active:hover>td,
+.table-hover>tbody>tr.active:hover>th,
+.table-hover>tbody>tr:hover>.active,
+.table-hover>tbody>tr>td.active:hover,
+.table-hover>tbody>tr>th.active:hover {
+    background-color: rgba(255, 255, 255, 0.1);
+}
+
+.table .table {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+.label-default {
+    color: var(--label-text-color);
+    background-color: rgb(var(--accent-color));
+}
+
+/* BUTTONS */
+
+.btn-danger:hover {
+    color: #fff !important;
+    background-color: #c9302c !important;
+    border-color: #ac2925 !important;
+}
+
+.btn-primary,
+.btn-default {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-default.active,
+.btn-default:active,
+.open>.dropdown-toggle.btn-default,
+.btn-default.active.focus,
+.btn-default.active:focus,
+.btn-default.active:hover,
+.btn-default:active.focus,
+.btn-default:active:focus,
+.btn-default:active:hover,
+.open>.dropdown-toggle.btn-default.focus,
+.open>.dropdown-toggle.btn-default:focus,
+.open>.dropdown-toggle.btn-default:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-link {
+    font-weight: 400;
+    color: var(--button-color);
+    border-radius: 0;
+}
+
+.btn-primary:hover,
+.btn-default:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn.active.focus,
+.btn.active:focus,
+.btn.focus,
+.btn:active.focus,
+.btn:active:focus,
+.btn:focus {
+    outline: none;
+}
+
+.btn-primary.disabled.focus,
+.btn-primary.disabled:focus,
+.btn-primary.disabled:hover,
+.btn-primary[disabled].focus,
+.btn-primary[disabled]:focus,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary.focus,
+fieldset[disabled] .btn-primary:focus,
+fieldset[disabled] .btn-primary:hover {
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.bootbox-form .checkbox i,
+.switch i {
+    background: rgba(255, 255, 255, 0.15);
+}
+
+.btn.focus,
+.btn:focus,
+.btn:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-link:focus,
+.btn-link:hover {
+    background: transparent;
+    color: var(--button-color-hover);
+    border-color: transparent;
+}
+
+.btn-primary.active.focus,
+.btn-primary.active:focus,
+.btn-primary.active:hover,
+.btn-primary:active.focus,
+.btn-primary:active:focus,
+.btn-primary:active:hover,
+.open>.dropdown-toggle.btn-primary.focus,
+.open>.dropdown-toggle.btn-primary:focus,
+.open>.dropdown-toggle.btn-primary:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.ui-select-bootstrap>.ui-select-match>.btn:hover,
+.ui-select-bootstrap>.ui-select-match>.btn:focus {
+    text-align: left !important;
+    color: var(--button-text-hover);
+    background-color: rgba(255, 255, 255, 0.25);
+    border-color: #00000000;
+}
+
+/* PAGINATION */
+.pagination>.disabled>a,
+.pagination>.disabled>a:focus,
+.pagination>.disabled>a:hover,
+.pagination>.disabled>span,
+.pagination>.disabled>span:focus,
+.pagination>.disabled>span:hover {
+    color: var(--text-muted);
+    cursor: not-allowed;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-color: transparent;
+}
+
+.pagination>.active>a,
+.pagination>.active>a:focus,
+.pagination>.active>a:hover,
+.pagination>.active>span,
+.pagination>.active>span:focus,
+.pagination>.active>span:hover {
+    z-index: 2;
+    color: var(--button-text);
+    cursor: default;
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.pagination>li>a,
+.pagination>li>span {
+    text-decoration: none;
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.pagination>li>a:focus,
+.pagination>li>a:hover,
+.pagination>li>span:focus,
+.pagination>li>span:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+/* FORM CONTROL */
+
+select:focus, select.form-control:focus {
+    background: #1f1f1f !important;
+}
+
+.form-control {
+    background-color: rgba(255, 255, 255, 0.15) !important;
+    border: 1px solid transparent;
+    color: var(--text);
+}
+
+.form-control:not([disabled]):not(select),
+output {
+    color: var(--text-hover);
+}
+
+.form-control:focus {
+    border-color: rgb(var(--accent-color));
+    outline: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.input-group-addon {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border: 1px solid transparent;
+}
+
+/* DROPDOWN MENU */
+
+.dropdown-menu {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+.dropdown-menu>li>a,
+.ui-select-bootstrap .ui-select-choices-row>span {
+    color: var(--text);
+}
+
+.dropdown-menu>.active>a,
+.dropdown-menu>.active>a:focus,
+.dropdown-menu>.active>a:hover,
+.ui-select-bootstrap .ui-select-choices-row.active>span {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.ui-select-bootstrap .ui-select-choices-row>span:focus,
+.ui-select-bootstrap .ui-select-choices-row>span:hover,
+.ui-select-choices-row:hover {
+    color: var(--text-hover);
+    background-color: rgba(255, 255, 255, 0.15);
+}
+
+/* APP TEMPLATES */
+
+.blocklist-item {
+    border: 1px solid transparent;
+    -webkit-box-shadow: 0 3px 10px -2px hsla(0, 0%, 0%, 0.5);
+    box-shadow: 0 3px 10px -2px hsla(0, 0%, 0%, 0.5);
+}
+
+/* ADD NETWORK */
+
+.boxselector_wrapper input[type=radio]:checked+label {
+    background: rgba(255, 255, 255, .15);
+    color: var(--text-hover);
+    border-color: transparent;
+}
+
+.boxselector_wrapper label {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    background: rgba(0, 0, 0, 0.15);
+    border: 1px solid transparent;
+}
+
+.boxselector_wrapper input[type=radio]:checked+label:after {
+    color: rgb(var(--accent-color));
+    border: 2px solid rgb(var(--accent-color));
+    background: var(--label-text-color);
+}
+
+.bootbox-form .checkbox :checked~i,
+.switch :checked+i {
+    -webkit-box-shadow: inset 0 0 1px rgb(0 0 0 / 50%), inset 0 0 40px rgb(var(--accent-color));
+    box-shadow: inset 0 0 1px rgb(0 0 0 / 50%), inset 0 0 40px rgb(var(--accent-color));
+}
+
+.md-checkbox input[type=checkbox]:checked+label:before {
+    background: rgb(var(--accent-color));
+    border: none;
+}
+
+.md-checkbox input[type=checkbox]:checked+label:after {
+    border-color: var(--label-text-color);
+}
+
+.fa.blue-icon,
+.fab.blue-icon {
+    color: rgb(var(--accent-color));
+}
+
+
+/* STACKS */
+.CodeMirror {
+    background: rgba(255, 255, 255, 0.10);
+    color: var(--text-hover);
+}
+
+.CodeMirror-gutters {
+    border-right: 1px solid rgba(255, 255, 255, 0.25);
+    background-color: rgba(0, 0, 0, 0.25);
+    caret-color: var(--text-hover);
+}
+
+.CodeMirror-linenumber {
+    color: rgb(var(--accent-color));
+}
+
+.CodeMirror-line::selection,
+.CodeMirror-line>span::selection,
+.CodeMirror-line>span>span::selection {
+    background: #d7d4f0;
+}
+
+.cm-s-default .cm-atom {
+    color: rgb(var(--accent-color));
+}
+
+/* NAVIGATION */
+.nav-tabs>li.active>a,
+.nav-tabs>li.active>a:focus,
+.nav-tabs>li.active>a:hover {
+    color: var(--text-hover);
+    cursor: default;
+    background-color: rgba(255, 255, 255, 0.15);
+    border: 1px solid #ddd0;
+    border-bottom-color: transparent;
+}
+
+.nav-tabs>li>a:hover {
+    border-color: transparent;
+}
+
+.nav>li>a:focus,
+.nav>li>a:hover {
+    text-decoration: none;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.nav-tabs>li>a {
+    border: 1px solid rgba(0, 0, 0, 0);
+    background: rgba(0, 0, 0, 0.15);
+}
+
+/* LOGS */
+.log_viewer {
+    color: var(--text-hover);
+    background-color: rgba(255, 255, 255, 0.1);
+    border: 1px solid transparent;
+}
+
+/* JSON TREE */
+json-tree {
+    color: var(--text);
+}
+
+json-tree .key {
+    color: rgb(var(--accent-color));
+    padding-right: 5px;
+}
+
+pre {
+    color: var(--text-hover);
+    background-color: rgba(255, 255, 255, .1);
+    border: 1px solid transparent;
+}
+
+/* MODAL */
+.close {
+    float: right;
+    font-size: 21px;
+    font-weight: 700;
+    line-height: 1;
+    color: var(--text);
+    text-shadow: 0 1px 0 var(--text);
+    filter: alpha(opacity=100);
+    opacity: 1;
+}
+
+.close:focus,
+.close:hover {
+    color: var(--text-hover);
+    text-decoration: none;
+    cursor: pointer;
+    filter: alpha(opacity=100);
+    opacity: 1;
+}
+
+.modal-content {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.modal-header {
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+.modal-footer {
+    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-top: 1px solid rgb(var(--accent-color));
+}
+
+/* STACKS / SERVICES TABLES */
+.widget .widget-body table tbody {
+    background-color: transparent !important;
+    background: transparent !important;
+}
+
+.widget .widget-body table .ng-scope tr {
+    background: rgba(0, 0, 0, .25) !important;
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+.widget .widget-body table thead {
+    background-color: rgba(0, 0, 0, .25) !important;
+    background: rgba(0, 0, 0, .25) !important;
+}
+
+.widget .widget-body table tbody .ng-isolate-scope div {
+    background-color: rgba(0, 0, 0, .25) !important;
+    background: rgba(0, 0, 0, 0) !important;
+}
+
+.widget .widget-body table tbody tr:hover {
+    background-color: #0000 !important;
+    background: rgba(0, 0, 0, 0) !important;
+}
+
+.widget .widget-body table thead tr:hover {
+    background-color: rgba(0, 0, 0, .35) !important;
+    background: rgba(0, 0, 0, .35) !important;
+}
diff --git a/css/base/portainer/power.css b/css/base/portainer/power.css
new file mode 100644
index 00000000..079c4bf7
--- /dev/null
+++ b/css/base/portainer/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/portainer/reality.css b/css/base/portainer/reality.css
new file mode 100644
index 00000000..612c292b
--- /dev/null
+++ b/css/base/portainer/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/portainer/soul.css b/css/base/portainer/soul.css
new file mode 100644
index 00000000..977ebd20
--- /dev/null
+++ b/css/base/portainer/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/portainer/space-gray.css b/css/base/portainer/space-gray.css
new file mode 100644
index 00000000..4b97a84d
--- /dev/null
+++ b/css/base/portainer/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/portainer/space.css b/css/base/portainer/space.css
new file mode 100644
index 00000000..f7f2b008
--- /dev/null
+++ b/css/base/portainer/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/portainer/time.css b/css/base/portainer/time.css
new file mode 100644
index 00000000..43c3f002
--- /dev/null
+++ b/css/base/portainer/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/portainer/trueblack.css b/css/base/portainer/trueblack.css
new file mode 100644
index 00000000..cb8161ac
--- /dev/null
+++ b/css/base/portainer/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/prowlarr/aquamarine.css b/css/base/prowlarr/aquamarine.css
new file mode 100644
index 00000000..93a8e03e
--- /dev/null
+++ b/css/base/prowlarr/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/prowlarr/blackberry-abyss.css b/css/base/prowlarr/blackberry-abyss.css
new file mode 100644
index 00000000..c36e602c
--- /dev/null
+++ b/css/base/prowlarr/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/prowlarr/blackberry-amethyst.css b/css/base/prowlarr/blackberry-amethyst.css
new file mode 100644
index 00000000..469a5a6f
--- /dev/null
+++ b/css/base/prowlarr/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/prowlarr/blackberry-carol.css b/css/base/prowlarr/blackberry-carol.css
new file mode 100644
index 00000000..c563faec
--- /dev/null
+++ b/css/base/prowlarr/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/prowlarr/blackberry-dreamscape.css b/css/base/prowlarr/blackberry-dreamscape.css
new file mode 100644
index 00000000..f3194f8d
--- /dev/null
+++ b/css/base/prowlarr/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/prowlarr/blackberry-flamingo.css b/css/base/prowlarr/blackberry-flamingo.css
new file mode 100644
index 00000000..8ab0dc23
--- /dev/null
+++ b/css/base/prowlarr/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/prowlarr/blackberry-hearth.css b/css/base/prowlarr/blackberry-hearth.css
new file mode 100644
index 00000000..9312f872
--- /dev/null
+++ b/css/base/prowlarr/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/prowlarr/blackberry-martian.css b/css/base/prowlarr/blackberry-martian.css
new file mode 100644
index 00000000..095f43f8
--- /dev/null
+++ b/css/base/prowlarr/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/prowlarr/blackberry-pumpkin.css b/css/base/prowlarr/blackberry-pumpkin.css
new file mode 100644
index 00000000..b4f2c48c
--- /dev/null
+++ b/css/base/prowlarr/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/prowlarr/blackberry-royal.css b/css/base/prowlarr/blackberry-royal.css
new file mode 100644
index 00000000..c41edc95
--- /dev/null
+++ b/css/base/prowlarr/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/prowlarr/blackberry-shadow.css b/css/base/prowlarr/blackberry-shadow.css
new file mode 100644
index 00000000..2c7d8e2b
--- /dev/null
+++ b/css/base/prowlarr/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/prowlarr/blackberry-solar.css b/css/base/prowlarr/blackberry-solar.css
new file mode 100644
index 00000000..770ba701
--- /dev/null
+++ b/css/base/prowlarr/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/prowlarr/blackberry-vanta.css b/css/base/prowlarr/blackberry-vanta.css
new file mode 100644
index 00000000..7a531418
--- /dev/null
+++ b/css/base/prowlarr/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/prowlarr/dark.css b/css/base/prowlarr/dark.css
new file mode 100644
index 00000000..4eef7827
--- /dev/null
+++ b/css/base/prowlarr/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/prowlarr/dracula.css b/css/base/prowlarr/dracula.css
new file mode 100644
index 00000000..6def1e8f
--- /dev/null
+++ b/css/base/prowlarr/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/prowlarr/hotline-old.css b/css/base/prowlarr/hotline-old.css
new file mode 100644
index 00000000..052788c1
--- /dev/null
+++ b/css/base/prowlarr/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/prowlarr/hotline.css b/css/base/prowlarr/hotline.css
new file mode 100644
index 00000000..3e8c2350
--- /dev/null
+++ b/css/base/prowlarr/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/prowlarr/hotpink.css b/css/base/prowlarr/hotpink.css
new file mode 100644
index 00000000..103ebe79
--- /dev/null
+++ b/css/base/prowlarr/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/prowlarr/mind.css b/css/base/prowlarr/mind.css
new file mode 100644
index 00000000..38770e70
--- /dev/null
+++ b/css/base/prowlarr/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/prowlarr/nord.css b/css/base/prowlarr/nord.css
new file mode 100644
index 00000000..718257da
--- /dev/null
+++ b/css/base/prowlarr/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/prowlarr/onedark.css b/css/base/prowlarr/onedark.css
new file mode 100644
index 00000000..dbd84240
--- /dev/null
+++ b/css/base/prowlarr/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/prowlarr/organizr.css b/css/base/prowlarr/organizr.css
new file mode 100644
index 00000000..8d92f011
--- /dev/null
+++ b/css/base/prowlarr/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/prowlarr/overseerr.css b/css/base/prowlarr/overseerr.css
new file mode 100644
index 00000000..64440f2e
--- /dev/null
+++ b/css/base/prowlarr/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/prowlarr/pine-shadow.css b/css/base/prowlarr/pine-shadow.css
new file mode 100644
index 00000000..f2053051
--- /dev/null
+++ b/css/base/prowlarr/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/prowlarr/plex.css b/css/base/prowlarr/plex.css
new file mode 100644
index 00000000..1df1b01e
--- /dev/null
+++ b/css/base/prowlarr/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/prowlarr/power.css b/css/base/prowlarr/power.css
new file mode 100644
index 00000000..5892a449
--- /dev/null
+++ b/css/base/prowlarr/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/prowlarr/prowlarr-base.css b/css/base/prowlarr/prowlarr-base.css
new file mode 100644
index 00000000..7206bb4d
--- /dev/null
+++ b/css/base/prowlarr/prowlarr-base.css
@@ -0,0 +1,1231 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+/* Froms */
+
+[class*="FormInputHelpText-helpText-"] {
+    color: var(--text);
+}
+
+[class*="FormInputGroup-inputUnit-"] {
+    color: var(--text) !important;
+}
+
+/* LINKS */
+[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="PageHeader-"]):not([class*="Button-small-"]) {
+    color: var(--link-color);   
+   }
+   
+[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="PageHeader-translate"]):hover:not([class*="Button-small-"]):hover {
+color: var(--link-color-hover);   
+}
+
+[class*="PageHeaderActionsMenu-menuButton-"]:hover {
+    color: #515253;
+}
+
+[class*="PageHeader-donate-"]:hover {
+    color: #9c1f30 !important;
+}
+
+a {
+    color: var(--link-color);
+}
+
+a:hover {
+    color: var(--link-color-hover);
+}
+
+[class*="TableRowCell-cell-"] [class*="Link-to-"] {
+    color: var(--link-color) !important;
+}
+
+[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover {
+    color: var(--link-color-hover) !important;
+}
+
+/* Buttons */
+
+[class*="Button-default-"] {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: transparent;
+}
+
+[class*="Button-default-"]:hover {
+    border-color: transparent;
+    background-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover);
+}
+
+[class*="Button-primary-"] {
+    border-color: transparent;
+    background-color: var(--button-color);
+    color: var(--button-text);
+}
+
+[class*="Button-primary-"]:hover {
+    border-color: transparent;
+    background-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover);
+}
+
+[class*="Button-success-"] {
+    border-color: var(--button-color);
+    background-color: var(--button-color);
+    color: var(--button-text);
+}
+
+[class*="Button-success-"]:hover {
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+/* LOADING PAGE */
+[class*="ErrorPage-page-"],
+[class*="ErrorPage-version-"],
+[class*="LoadingMessage-loadingMessage-358v5"] {
+    color: var(--text);
+}
+
+[class*="LoadingIndicator-ripple-"] {
+    border: 2px solid var(--text-hover);
+}
+
+/* MODAL */
+[class*="ModalHeader-modalHeader-"] {
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+[class*="ModalContent-modalContent-"] {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="ModalFooter-modalFooter-"] {
+    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+    border-top: 1px solid rgb(var(--accent-color));
+}
+
+[class*="ModalContent-closeButton-"]:hover {
+    color: var(--text-hover);
+}
+
+/* INPUT */
+[class*="TagInput-internalInput-"] {
+    background-color: transparent;
+    color: var(--text-hover);
+}
+
+[class*="SelectInput-select-"] {
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+[class*="SelectInput-select-"]:active,
+[class*="SelectInput-select-"]:focus {
+    background: #1e1e1e !important;
+}
+
+[class*="AutoSuggestInput-suggestionsList-"],
+[class*="AutoSuggestInput-suggestionsContainerOpen-"],
+[class*="AutoSuggestInput-suggestionsContainer-"] {
+    background-color: #323232 !important;
+    color: white;
+    border: none !important;
+}
+
+[class*="AutoSuggestInput-suggestionHighlighted-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="CheckInput-primaryIsChecked-"] {
+    border-color: rgb(var(--accent-color)) !important;
+    background-color: rgb(var(--accent-color)) !important;
+    color: var(--label-text-color) !important;
+}
+
+[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] {
+    background: #fff;
+    border: 1px solid #ccc;
+}
+
+/* HEADER */
+
+[class*="PageHeader-header-"] {
+    background-color: rgba(0, 0, 0, .35);
+    box-shadow: none;
+}
+
+/* SEARCH DROPDOWN HEADER */
+
+[class*="PageHeader-donate-"] {
+    color: #c4273c !important;
+}
+
+/* RADARR SPECIFIC */
+[class*="IndexerSearchInput-sectionTitle-"] {
+    color: var(--text-hover);
+}
+
+[class*="IndexerSearchInput-containerOpen-"] [class*="IndexerSearchInput-movieContainer-"] {
+    border: none !important;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover) !important;
+    box-shadow: 0 0 10px 1px transparent !important;
+}
+
+[class*="IndexerSearchInput-highlighted-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="IndexerSearchInput-movieContainer-"]::-webkit-scrollbar-thumb {
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+/* SIDE MENU */
+[class*="PageSidebar-sidebarContainer-"] {
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="PageSidebar-sidebar-"] {
+    background-color: transparent;
+}
+
+[class*="PageSidebarItem-link-"] {
+    color: var(--text-hover)
+}
+
+[class*="PageSidebarItem-link-"]:hover {
+    color: rgb(var(--accent-color));
+    text-decoration: none;
+}
+
+[class*="PageSidebarItem-isActiveLink-"],
+[class*="PageSidebarItem-isActiveLink-"]:hover,
+[class*="PageSidebarItem-link-"]:focus {
+    color: rgb(var(--accent-color)) !important;
+}
+
+[class*="PageSidebarItem-isActiveParentLink-"] {
+    background-color: rgba(0, 0, 0, 0.15);
+}
+
+@media only screen and (max-width: 768px) {
+    [class*="PageSidebar-sidebarContainer-"] {
+        background: var(--main-bg-color) !important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+[class*="PageSidebarItem-isActiveItem-"] {
+    border-left: 3px solid rgb(var(--accent-color));
+}
+
+#sidebar-toggle-button {
+    color: var(--text);
+}
+#sidebar-toggle-button:hover,
+#sidebar-toggle-button:focus,
+#sidebar-toggle-button:active {
+    color: var(--text-hover);
+}
+
+/* MOVIES PAGE */
+/* RADARR SPECIFIC */
+[class*="MovieIndexPoster-controls-"] {
+    background-color: rgb(var(--accent-color)) !important;
+}
+
+/* OVERVIEW PAGE */
+
+[class*="MovieIndexOverviews-container-"],
+[class*="MovieIndexOverviews-container-"]:hover {
+    background-color: transparent !important;
+}
+
+[class*="MovieIndexOverview-container-"]:hover [class*="MovieIndexOverview-content-"] {
+    background-color: transparent;
+}
+
+[class*="AddListMovieOverview-container-"]:hover [class*="AddListMovieOverview-content-"] {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+[class*="AddListMoviePoster-title-"] {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+[class*="MovieIndexOverview-content-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="MovieIndexOverview-link-"]:hover {
+    text-decoration: none;
+}
+
+[class*="ProgressBar-container-"] {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+[class*=".ProgressBar-purple-"] {
+    background-color: rgb(var(--accent-color));
+}
+
+/* MOVIE PAGE */
+[class*="MovieDetailsSeason-season-"],
+[class*="MovieDetailsSeason-collapseButtonContainer-"] {
+    border: none !important;
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+[class*="MovieDetailsSeason-actionButton-"],
+[class*="MovieDetailsSeason-collapseButtonIcon-"] {
+    color: var(--text) !important;
+}
+
+.fa-search:hover {
+    color: var(--text-hover) !important;
+}
+
+[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) {
+    color: var(--text-hover);
+}
+
+[class*="MonitorToggleButton-toggleButton-"] {
+    color: var(--text-hover);
+}
+
+
+[class*="ProtocolLabel-torrent-"] {
+    border-color: #00853d !important;
+    background-color: #00853d !important;
+    color: #fff !important;
+}
+
+[class*="ProtocolLabel-usenet-"] {
+    border-color: #17b1d9 !important;
+    background-color: #17b1d9 !important;
+    color: #fff !important;
+}
+
+[class*="MovieDetailsSeason-seasonNumber-"] {
+    color: var(--text-hover);
+}
+
+[class*="MovieDetailsSeason-collapseButtonContainer-"] {
+    border: none !important;
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+[class*="MovieFileEditorTable-container-"] {
+    border: 1px solid transparent;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+[class*="ExtraFileTable-container-"] {
+    border: 1px solid transparent;
+    background-color: rgba(0, 0, 0, .25);
+}
+
+.Table-table-2C3O8 {
+    color: var(--text-hover);
+}
+
+[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
+[class*="Popover-title-"],
+[class*="SeasonInfo-title-"],
+[class*="Popover-body-"],
+[class*="Tooltip-body-"],
+[class*="Tooltip-tooltipContainer-"],
+[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+    background: #1f1f1f;
+    color: #eee;
+}
+
+/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+    [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
+    [class*="Popover-title-"],
+    [class*="SeasonInfo-title-"],
+    [class*="Popover-body-"],
+    [class*="Tooltip-body-"],
+    [class*="Tooltip-tooltipContainer-"],
+    [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+        -webkit-backdrop-filter: saturate(1) blur(1.5em);
+        backdrop-filter: saturate(1) blur(1.5em);
+        background: rgb(var(--accent-color),0.05);
+        color: white;
+    }
+} */
+
+[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
+    border-top-color: var(--text);
+}
+
+[class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
+    border-bottom-color: var(--text);
+}
+
+[class*="Tooltip-right-"][class*="Tooltip-default-"] {
+    border-right-color: var(--text);
+}
+
+[class*="EpisodeTitleLink-link-"]:hover {
+    color: var(--text-hover);
+    text-decoration: none;
+}
+
+[class*="IconButton-button-"] {
+    color: var(--text);
+}
+
+[class*="IconButton-button-"]:hover {
+    background-color: transparent;
+    color: var(--label-text-color);
+}
+
+[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover {
+    background-color: transparent;
+    color: var(--text-hover);
+}
+
+[class*="Label-default-"] {
+    border-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+[class*="Label-info-"] {
+    border-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+[class*="Label-success-"] {
+    border-color: #27c24c;
+    background-color: #27c24c;
+    color: #000;
+}
+
+[class*="Label-outline-"] {
+    background-color: #999;
+}
+
+[class*="Label-disabled-"] {
+    border-color: #999;
+    background-color: #999;
+    color: #000;
+}
+
+[class*="Label-disabled-"][class*="Label-outline-"] {
+    color: #000;
+}
+
+[class*="PageSidebarItem-status-"][class*="Label-info-"] {
+    border-color: var(--arr-queue-color);
+    background-color: var(--arr-queue-color);
+    color: var(--label-text-color);
+}
+
+[class*="MovieDetails-selectedTab-"] {
+    border-bottom: 4px solid rgb(var(--accent-color));
+}
+
+[class*="MovieDetails-tabList-"] {
+    color: var(--text-hover);
+}
+
+/* Table options*/
+[class*="TableOptionsColumn-column-"] {
+    background: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+    border: none;
+}
+
+[class*="TableHeaderCell-headerCell-"] {
+    color: var(--text-hover);
+}
+
+[class*="Table-table-"] {
+    color: var(--text);
+}
+
+[class*="TableRow-row-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08);
+    color: var(--text-hover);
+}
+
+[class*="TableRowCell-cell-"] {
+    border-top: 1px solid rgb(255 255 255 / 25%);
+}
+
+/* TOP MENU SERIES */
+[class*="PageToolbar-toolbar-"] {
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-label-"] {
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] {
+    opacity: .5;
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover,
+[class*="PageToolbarButton-isDisabled-"]:hover {
+    color: var(--text) !important;
+}
+
+[class*="PageToolbarButton-label-"] {
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-toolbarButton-"]:hover {
+    color: rgb(var(--accent-color));
+}
+
+[class*="MenuButton-menuButton-"]:hover {
+    color: rgb(var(--accent-color));
+}
+
+/* POSTERS */
+[class*="MovieIndexPoster-title-"],
+[class*="MovieIndexPoster-nextAiring-"],
+[class*="MovieIndexPosterInfo-info-"],
+[class*="MovieIndexPosterInfo-info-"],
+[class*="MovieCreditPoster-title-"] {
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+/* LIBRARY TOP HEADER DROPDOWN */
+[class*="MenuItem-menuItem-"] {
+    color: var(--text);
+    background: 0;
+}
+
+[class*="MenuContent-menuContent-"] {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;  
+}
+
+[class*="MenuContent-scroller-"] {
+    box-shadow: black 0 0 5px 0px;
+}
+
+[class*="MenuItem-menuItem-"]:hover,
+[class*="MenuItem-menuItem-"]:focus {
+    background: hsla(0, 0%, 100%, .08) !important;
+    color: var(--text-hover);
+    text-decoration: none;
+}
+
+[class*="MenuItemSeparator-separator-"] {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+/* ALPHABET JUMP BAR */
+[class*="PageJumpBar-jumpBar-"] {
+    color: var(--text-hover);
+}
+
+/* MINI RIGHT SCROLL BAR */
+[class*="OverlayScroller-thumb-"],
+[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="OverlayScroller-thumb-"]:hover,
+[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(255, 255, 255, 0.25) !important;
+}
+
+/* ADD NEW */
+
+[class*="EnhancedSelectInput-options-"] {
+    border-radius: 4px;
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-options-"] {
+    border: 1px solid rgba(var(--accent-color)) !important;
+}
+
+[class*="EnhancedSelectInputOption-isSelected-"],
+[class*="EnhancedSelectInputOption-isSelected-"]:hover {
+    background-color: rgba(255, 255, 255, 0.20) !important;
+    color: var(--text-hover);
+}
+
+[class*="EnhancedSelectInputOption-option-"]:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+[class*="HintedSelectInputOption-hintText-"] {
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-optionsModalScroller-"] {
+    border: 1px solid var(--drop-down-menu-bg);
+    border-radius: 4px;
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"] {
+    color: var(--button-text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"]:hover {
+    color: var(--button-text-hover);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] {
+    
+    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+}
+/* SEARCH BAR */
+[class*="Input-input-"],
+[class*="AddNewMovie-searchIconContainer-"],
+[class*="CheckInput-isIndeterminate-"] {
+    border: none;
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+[class*="IndexerSearchInput-container-"] [class*="Input-input-"] {
+    background: transparent;
+    border-bottom: solid 1px #fff;
+}
+
+[class*="IndexerSearchInput-container-"] [class*="Input-input-"]:focus {
+    border-bottom: none;
+    background: transparent;
+}
+
+[class*="IndexerSearchResult-alternateTitle-"] {
+    color: var(--text-hover);
+    font-size: 12px;
+}
+
+[class*="AddNewMovieSearchResult-year-"] {
+    color: var(--text-hover) !important;
+}
+
+[class*="Input-input-"]:focus {
+    outline: 0;
+    border-color: var(--text-hover);
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+[class*="TagInput-input-"][class*="TagInput-isFocused-"] {
+    outline: 0;
+    border-color: #fff;
+    box-shadow: none;
+}
+
+/* TEXT COLOR */
+
+[class*="PageContentBody-innerContentBody-"] {
+    color: var(--text);
+}
+
+/* SEARCH RESULTS */
+[class*="AddNewMovieSearchResult-searchResult-"],
+[class*="AddNewMovieSearchResult-underlay-"] {
+    background-color: transparent !important;
+}
+
+[class*="AddNewMovieSearchResult-searchResult-"]:hover,
+[class*="AddNewMovieSearchResult-underlay-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="AddNewmovieModalContent-year-"] {
+    color: var(--text-hover);
+}
+
+[class*="RootFolderSelectInputSelectedValue-movieFolder-"],
+[class*="RootFolderSelectInputSelectedValue-freeSpace-"] {
+    color: var(--text-hover);
+}
+
+[class*="RootFolderSelectInputOption-freeSpace-"],
+[class*="RootFolderSelectInputOption-movieFolder-"] {
+    color: var(--text-muted);
+}
+
+/* MOVE THIS */
+input::-webkit-input-placeholder {
+    color: var(--text);
+}
+
+input:focus::-webkit-input-placeholder {
+    color: var(--text-hover);
+}
+
+/* Firefox < 19 */
+input:-moz-placeholder {
+    color: var(--text);
+}
+
+input:focus:-moz-placeholder {
+    color: var(--text-hover);
+}
+
+/* Firefox > 19 */
+input::-moz-placeholder {
+    color: var(--text);
+}
+
+input:focus::-moz-placeholder {
+    color: var(--text-hover);
+}
+
+/* Internet Explorer 10 */
+input:-ms-input-placeholder {
+    color: var(--text);
+}
+
+input:focus:-ms-input-placeholder {
+    color: var(--text-hover);
+}
+
+/* IMPORT */
+
+[class*="FieldSet-legend-"] {
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+[class*="VirtualTableRow-row-"]:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+/* Drop down menu/button*/
+[class*="ImportMovieSelectMovie-button-"] {
+    border: none !important;
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+[class*="ImportMovieSelectMovie-content-"],
+[class*="ImportMovieSelectMovie-searchIconContainer-"] {
+    border: none;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+}
+
+[class*="ImportMovieSearchResult-movie-"]:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+[class*="ImportMovieTitle-year-"] {
+    color: var(--text-muted);
+}
+
+/* DISCOVER */
+[class*="DiscoverMovieOverview-link-"] {
+    color: var(--text);
+}
+
+[class*="DiscoverMovieOverview-link-"]:hover {
+    color: var(--text-hover);
+    text-decoration: none;
+}
+
+/*Title*/
+[class*="AddListMovieOverview-link-"] {
+    color: var(--text);
+}
+
+[class*="AddListMovieOverview-link-"]:hover {
+    color: var(--text-hover);
+}
+
+[class*="AddListMovieOverview-content-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="PageJumpBarItem-jumpBarItem-"]:hover {
+    color: var(--text-hover);
+    background: hsla(0, 0%, 100%, .08);
+}
+
+/*Posters*/
+[class*="AddListMoviePoster-title-"] {
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+/* MASS EDITOR */
+/* FOOTER */
+[class*="PageContentFooter-contentFooter-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+}
+
+/* CALENDAR */
+[class*="CalendarEvent-downloaded-"] {
+    background: rgb(var(--calendar-available) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-downloaded-"]:hover {
+    background: rgb(var(--calendar-available) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-missing-"] {
+    background: rgb(var(--calendar-missing) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-missing-"]:hover {
+    background: rgba(var(--calendar-missing) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-unreleased-"] {
+    background: rgb(var(--calendar-unaired) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-unreleased-"]:hover {
+    background: rgb(var(--calendar-unaired) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-unmonitored-"] {
+    background: rgb(var(--calendar-unmonitored) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-unmonitored-"]:hover {
+    background: rgb(var(--calendar-unmonitored) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-downloading-"] {
+    background: rgb(var(--calendar-downloading) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-downloading-"]:hover {
+    background: rgb(var(--calendar-downloading) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="DayOfWeek-dayOfWeek-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="CalendarDay-dayOfMonth-"] {
+    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="CalendarDay-isToday-"] {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="CalendarDay-day-"],
+[class*="CalendarDays-days-"] {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1 0 14.28%;
+    flex: 1 0 14.28%;
+    overflow: hidden;
+    min-height: 70px;
+    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
+    border-left: 1px solid hsla(0, 0%, 100%, .08);
+    border-right: 1px solid hsla(0, 0%, 100%, .08);
+}
+
+[class*="CalendarEvent-movieTitle-"],
+[class*="CalendarEvent-episodeInfo-"],
+[class*="CalendarEvent-airTime-"] {
+    color: var(--text-hover) !important;
+}
+
+[class*="CalendarEvent-movieInfo-"] {
+    color: var(--text);
+}
+
+[class*="CalendarEvent-event-"] {
+    border-bottom: 1px solid transparent;
+}
+
+[class*="CalendarEventGroup-eventGroup-"] {
+    border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="CalendarEventGroup-movieTitle-"] {
+    color: var(--text-hover) !important;
+}
+
+[class*="CalendarEventGroup-airTime-"] {
+    color: var(--text);
+}
+
+[class*="CalendarEventGroup-episodeInfo-"] {
+    color: var(--text);
+}
+
+/* calendar agenda */
+[class*="AgendaEvent-event-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+/* SETTINGS */
+[class*="Settings-link-"] {
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+[class*="Settings-summary-"] {
+    color: var(--text);
+}
+
+[class*="FormLabel-large-"] {
+    color: var(--text-hover);
+}
+
+[class*="FormLabel-isAdvanced-"] {
+    color: #ff902b;
+}
+
+/* MEDIA MANAGEMENT - FILE NAME TOKENS */
+[class*="NamingOption-small-"] {
+    border: 1px solid transparent;
+}
+
+[class*="NamingOption-token-"] {
+    background-color: rgba(255, 255, 255, 0.15);
+}
+
+[class*="NamingOption-token-"] {
+    background-color: rgba(255, 255, 255, 0.15);
+}
+
+[class*="NamingOption-example-"] {
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+[class*="NamingOption-option-"] {
+    border: 1px solid transparent;
+}
+
+[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] {
+    background-color: rgba(255, 255, 2550, 0.25);
+}
+
+[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] {
+    background-color: rgba(255, 255, 2550, 0.35);
+}
+
+/* PROFILES */
+[class*="Card-card-"],
+[class*="QualityProfiles-addQualityProfile-"] {
+    background-color: rgba(0, 0, 0, .45);
+    box-shadow: 0 0 10px 1px #000000;
+    color: var(--text);
+}
+
+
+[class*="-cloneButton-"][class*="IconButton-button-"]:hover {
+    color: var(--text-hover);
+}
+
+[class*="Card-card-"]:hover,
+[class*="Applications-center-"]:hover {
+    color: var(--text-hover);
+}
+
+[class*="QualityProfiles-center-"],
+[class*="LanguageProfiles-center-"],
+[class*="ReleaseProfiles-center-"] {
+    background-color: transparent;
+    border: none;
+    color: var(--text);
+}
+
+[class*="Applications-center-"],
+[class*="AppProfiles-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+[class*="QualityProfileItem-qualityProfileItem-"],
+[class*="QualityProfileItemGroup-qualityProfileItemGroup-"],
+[class*="LanguageProfileItem-languageProfileItem-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+}
+
+[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+[class*="QualityDefinitions-sizeLimitHelpText-"] {
+    color: var(--text);
+}
+
+[class*="KeyValueListInputItem-keyInput-"],
+[class*="KeyValueListInputItem-valueInput-"] {
+    border: none;
+    background: transparent;
+    color: var(--text-hover);
+}
+
+[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] {
+    border: 1px solid transparent;
+    background: rgba(0, 0, 0, .25);
+}
+
+/* Indexers */
+[class*="Indexers-center-"],
+[class*="IndexerProxies-center-"] {
+    background-color: transparent;
+    border: none;
+    color: var(--text);
+}
+
+[class*="Card-card-"]:hover [class*="IndexerProxies-center-"] {
+    color: var(--text-hover);
+}
+
+/* DOWNLOAD CLIENTS */
+[class*="DownloadClients-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/* CONNECTIONS */
+[class*="Notifications-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/* LISTS */
+[class*="ImportLists-center-"] {
+    background-color: transparent;
+    border: none;
+    color: var(--text);
+}
+
+/* LOG */
+[class*="Alert-info-"] {
+    border-color: transparent;
+    background-color: rgba(0, 0, 0, 0.25);
+    color: #FFC107;
+}
+
+/* INDEXER */
+[class*="Restrictions-center-"] {
+    border: 1px solid transparent;
+    background-color: transparent;
+}
+
+/* LISTS */
+[class*="NetImports-center-"] {
+    border: 1px solid transparent;
+    background-color: transparent;
+}
+
+/* CUSTOM FORMAT */
+[class*="CustomFormats-center-"],
+[class*="EditCustomFormatModalContent-center-"] {
+    border: 1px solid transparent;
+    background-color: transparent;
+}
+
+/* Login Page */
+
+.panel-body {
+    background-color: rgba(0, 0, 0, 0.25);
+    color: var(--text);
+}
+
+.panel-header {
+    background-color: rgba(0, 0, 0, 0.45);
+}
+
+.forgot-password {
+    color: var(--text) !important;
+}
+
+input[type=email],
+input[type=password] {
+    border: none;
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+.button {
+    border-color: var(--button-color);
+    background-color: var(--button-color);
+    cursor: pointer;
+}
+
+.button:hover {
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    text-decoration: none;
+}
+
+.form-input:focus {
+    outline: 0;
+    border-color: var(--text-hover);
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+/* Custom filter */
+[class*="FilterBuilderRow-filterRow-"]:hover {
+    background-color: transparent;
+}
+
+[class*="CustomFilter-customFilter-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="SelectMovieModalContent-path-"] {
+    color: var(--text);
+}
+
+/* ChartJS */
+[class*="Stats-fullWidthChart-"],
+[class*="Stats-halfWidthChart-"] {
+    background: rgba(0, 0, 0, .25) !important;
+}
+
+canvas {
+    filter: invert(1)
+}
+
+/* QUERY OPTIONS */
+[class*="QueryParameterOption-option-"] {
+    border: 1px solid transparent;
+}
+
+[class*="QueryParameterOption-token-"] {
+    background-color: rgba(255, 255, 255, 0.15);
+}
+
+[class*="QueryParameterOption-example-"] {
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+
+[class*="QueryParameterOption-option-"]:hover [class*="QueryParameterOption-token-"] {
+    background-color: rgba(255, 255, 2550, 0.25);
+}
+
+[class*="QueryParameterOption-option-"]:hover [class*="QueryParameterOption-example-"] {
+    background-color: rgba(255, 255, 2550, 0.35);
+}
+
+/* HISTORY */
+
+[class*="HistoryRowParameter-parameter-"] {
+    border: 1px solid rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color)
+}
+
+[class*="HistoryRowParameter-value-"] {
+    background-color: rgb(255 255 255 / 50%);
+    color: #1f1f1f;
+}
\ No newline at end of file
diff --git a/css/base/prowlarr/reality.css b/css/base/prowlarr/reality.css
new file mode 100644
index 00000000..e5d40d27
--- /dev/null
+++ b/css/base/prowlarr/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/prowlarr/soul.css b/css/base/prowlarr/soul.css
new file mode 100644
index 00000000..82cb5122
--- /dev/null
+++ b/css/base/prowlarr/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/prowlarr/space-gray.css b/css/base/prowlarr/space-gray.css
new file mode 100644
index 00000000..faa7f1b5
--- /dev/null
+++ b/css/base/prowlarr/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/prowlarr/space.css b/css/base/prowlarr/space.css
new file mode 100644
index 00000000..5e2b44a4
--- /dev/null
+++ b/css/base/prowlarr/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/prowlarr/time.css b/css/base/prowlarr/time.css
new file mode 100644
index 00000000..bd77c4d6
--- /dev/null
+++ b/css/base/prowlarr/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/prowlarr/trueblack.css b/css/base/prowlarr/trueblack.css
new file mode 100644
index 00000000..fc44b94b
--- /dev/null
+++ b/css/base/prowlarr/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/qbittorrent/aquamarine.css b/css/base/qbittorrent/aquamarine.css
new file mode 100644
index 00000000..ab8558e7
--- /dev/null
+++ b/css/base/qbittorrent/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/qbittorrent/blackberry-abyss.css b/css/base/qbittorrent/blackberry-abyss.css
new file mode 100644
index 00000000..feb573f6
--- /dev/null
+++ b/css/base/qbittorrent/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/qbittorrent/blackberry-amethyst.css b/css/base/qbittorrent/blackberry-amethyst.css
new file mode 100644
index 00000000..e52cb637
--- /dev/null
+++ b/css/base/qbittorrent/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/qbittorrent/blackberry-carol.css b/css/base/qbittorrent/blackberry-carol.css
new file mode 100644
index 00000000..5534b223
--- /dev/null
+++ b/css/base/qbittorrent/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/qbittorrent/blackberry-dreamscape.css b/css/base/qbittorrent/blackberry-dreamscape.css
new file mode 100644
index 00000000..f48afb02
--- /dev/null
+++ b/css/base/qbittorrent/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/qbittorrent/blackberry-flamingo.css b/css/base/qbittorrent/blackberry-flamingo.css
new file mode 100644
index 00000000..630882ac
--- /dev/null
+++ b/css/base/qbittorrent/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/qbittorrent/blackberry-hearth.css b/css/base/qbittorrent/blackberry-hearth.css
new file mode 100644
index 00000000..a7692c5e
--- /dev/null
+++ b/css/base/qbittorrent/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/qbittorrent/blackberry-martian.css b/css/base/qbittorrent/blackberry-martian.css
new file mode 100644
index 00000000..44d398e4
--- /dev/null
+++ b/css/base/qbittorrent/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/qbittorrent/blackberry-pumpkin.css b/css/base/qbittorrent/blackberry-pumpkin.css
new file mode 100644
index 00000000..772dd527
--- /dev/null
+++ b/css/base/qbittorrent/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/qbittorrent/blackberry-royal.css b/css/base/qbittorrent/blackberry-royal.css
new file mode 100644
index 00000000..1ee20c5d
--- /dev/null
+++ b/css/base/qbittorrent/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/qbittorrent/blackberry-shadow.css b/css/base/qbittorrent/blackberry-shadow.css
new file mode 100644
index 00000000..4b02d546
--- /dev/null
+++ b/css/base/qbittorrent/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/qbittorrent/blackberry-solar.css b/css/base/qbittorrent/blackberry-solar.css
new file mode 100644
index 00000000..89ed0529
--- /dev/null
+++ b/css/base/qbittorrent/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/qbittorrent/blackberry-vanta.css b/css/base/qbittorrent/blackberry-vanta.css
new file mode 100644
index 00000000..02bf5b71
--- /dev/null
+++ b/css/base/qbittorrent/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/qbittorrent/dark.css b/css/base/qbittorrent/dark.css
new file mode 100644
index 00000000..018fa737
--- /dev/null
+++ b/css/base/qbittorrent/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/qbittorrent/dracula.css b/css/base/qbittorrent/dracula.css
new file mode 100644
index 00000000..98b1f4b2
--- /dev/null
+++ b/css/base/qbittorrent/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/qbittorrent/hotline-old.css b/css/base/qbittorrent/hotline-old.css
new file mode 100644
index 00000000..616e5e2e
--- /dev/null
+++ b/css/base/qbittorrent/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/qbittorrent/hotline.css b/css/base/qbittorrent/hotline.css
new file mode 100644
index 00000000..f9e843ed
--- /dev/null
+++ b/css/base/qbittorrent/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/qbittorrent/hotpink.css b/css/base/qbittorrent/hotpink.css
new file mode 100644
index 00000000..858d7cf3
--- /dev/null
+++ b/css/base/qbittorrent/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/qbittorrent/mind.css b/css/base/qbittorrent/mind.css
new file mode 100644
index 00000000..1f7b6532
--- /dev/null
+++ b/css/base/qbittorrent/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/qbittorrent/nord.css b/css/base/qbittorrent/nord.css
new file mode 100644
index 00000000..a1579690
--- /dev/null
+++ b/css/base/qbittorrent/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/qbittorrent/onedark.css b/css/base/qbittorrent/onedark.css
new file mode 100644
index 00000000..27b39890
--- /dev/null
+++ b/css/base/qbittorrent/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/qbittorrent/organizr.css b/css/base/qbittorrent/organizr.css
new file mode 100644
index 00000000..c46bb3ed
--- /dev/null
+++ b/css/base/qbittorrent/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/qbittorrent/overseerr.css b/css/base/qbittorrent/overseerr.css
new file mode 100644
index 00000000..95539f7d
--- /dev/null
+++ b/css/base/qbittorrent/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/qbittorrent/pine-shadow.css b/css/base/qbittorrent/pine-shadow.css
new file mode 100644
index 00000000..632e66a6
--- /dev/null
+++ b/css/base/qbittorrent/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/qbittorrent/plex.css b/css/base/qbittorrent/plex.css
new file mode 100644
index 00000000..ba2e217a
--- /dev/null
+++ b/css/base/qbittorrent/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/qbittorrent/power.css b/css/base/qbittorrent/power.css
new file mode 100644
index 00000000..d275786d
--- /dev/null
+++ b/css/base/qbittorrent/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/qbittorrent/qbittorrent-base.css b/css/base/qbittorrent/qbittorrent-base.css
new file mode 100644
index 00000000..56205d07
--- /dev/null
+++ b/css/base/qbittorrent/qbittorrent-base.css
@@ -0,0 +1,1806 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+@import url(https://use.fontawesome.com/releases/v5.0.7/css/all.css);
+
+::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+
+::-webkit-scrollbar-corner {
+  background-color: hsla(0, 0%, 100%, .08);
+}
+
+::-webkit-scrollbar-thumb {
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  background-color: hsla(0, 0%, 100%, .08);
+}
+
+html,
+body {
+  color: var(--text);
+  background: transparent;
+}
+
+body {
+  background: var(--main-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+  color: var(--text);
+}
+
+#desktop {
+  background: var(--main-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+}
+
+input:disabled {
+  color: rgb(84, 84, 84);
+  cursor: default;
+  background-color: rgb(255, 255, 255, .05) !important;
+  border: none !important;
+}
+
+input[type="text"i] {
+  color: var(--text-hover);
+  background-color: rgba(0, 0, 0, .25);
+  border-width: 0px;
+  outline: none;
+  border: none;
+  border-radius: 3px;
+}
+
+input[type="password"i] {
+  color: var(--text-hover);
+  background-color: rgba(0, 0, 0, .25);
+  border-width: 0px;
+  outline: none;
+  border: none;
+  border-radius: 3px;
+}
+
+input[type="number"i] {
+  color: var(--text-hover);
+  background-color: rgba(0, 0, 0, .25);
+  border-width: 0px;
+  outline: none;
+  border: none;
+}
+
+input[type="file"i] {
+  color: var(--text-hover);
+  background-color: rgba(0, 0, 0, .25);
+  border-width: 0px;
+  outline: none;
+  border: none;
+}
+
+input[name="category"i] {
+  color: #000;
+  background-color: #fff;
+  border-width: 0px;
+  outline: none;
+  border: none;
+}
+
+input[type="file"i] {
+  border: none;
+}
+
+select {
+  border: none !important;
+}
+
+a,
+h2,
+h3,
+h4,
+.mochaTitlebar h3 {
+  color: var(--text-hover);
+}
+
+/* Login */
+#main h1 {
+  display: block;
+  font-size: 2em;
+  margin-block-start: 2em;
+  margin-block-end: -.9em;
+  margin-inline-start: 0px;
+  margin-inline-end: 0px;
+  font-weight: bold;
+  color: var(--text-hover);
+}
+
+#error_msg {
+  text-transform: uppercase;
+  color: #D8000C;
+  background-color: #FFD2D2;
+  font-family: Helvetica, Arial, sans-serif;
+  left: 50%;
+  top: 20%;
+  transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  -webkit-transform: translate(-50%, -50%);
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
+  position: absolute;
+  border-radius: 4px;
+}
+
+#main {
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  -webkit-transform: translate(-50%, -50%);
+  padding-top: 0;
+  /* background: rgba(0, 0, 0, 0.25); */
+  width: 400px;
+  height: 460px;
+  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
+}
+
+#logo img {
+  height: 11em;
+  position: absolute;
+  left: 50%;
+  /* top: 50%; */
+  transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  -webkit-transform: translate(-50%, -160%);
+}
+
+#formplace {
+  text-transform: uppercase;
+  text-align: left;
+  font-size: 12px;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
+  font-weight: 300 !important;
+  padding: 10px;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  -webkit-transform: translate(-50%, -50%);
+}
+
+label {
+  cursor: default;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
+  font-weight: 300 !important;
+}
+
+.horizontalHandle .handleIcon {
+  margin: 0 auto;
+  height: 4px;
+  line-height: 1px;
+  font-size: 1px;
+  overflow: hidden;
+  background: url(/resources/qbittorrent/dots.png) center center no-repeat;
+}
+
+#desktopNavbar {
+  background: rgba(0, 0, 0, 0.25);
+  height: 20px;
+  border-bottom: 1px solid transparent;
+}
+
+#desktopNavbar ul li a {
+  color: var(--text);
+}
+
+#desktopNavbar ul li a:hover {
+  color: var(--text-hover);
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+#desktopNavbar li ul li a:hover {
+  background: rgba(255, 255, 255, .08);
+  color: var(--text-hover);
+}
+
+#desktopNavbar li ul {
+  border: 1px solid transparent;
+  background: var(--modal-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+}
+
+#desktopNavbar li ul li a {
+  color: var(--text);
+}
+
+#desktopHeader {
+  background: var(--main-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+}
+
+#desktopFooter {
+  background: transparent;
+}
+
+#mochaToolbar .divider {
+  background-image: none;
+  padding-left: 0px;
+}
+
+#mochaToolbar {
+  margin-bottom: 5px;
+}
+
+.dynamicTable th {
+  background-color: rgba(0, 0, 0, 0.25) !important;
+  border-right-color: rgba(255, 255, 255, .08) !important;
+  color: var(--text-hover);
+}
+
+.dynamicTable thead tr {
+  background-color: transparent !important;
+}
+
+.dynamicTable thead tr {
+  background-color: transparent !important;
+}
+
+.dynamicTable {
+  background: rgba(0, 0, 0, 0.25);
+}
+
+.dynamicTable tbody tr {
+  background-color: rgba(0, 0, 0, 0.08) !important;
+}
+
+.dynamicTable tbody tr:nth-child(even),
+.dynamicTable tbody tr.alt {
+  background-color: rgba(255, 255, 255, 0.08) !important;
+}
+
+.dynamicTable tbody tr:hover {
+  background-color: rgba(255, 255, 255, 0.15) !important;
+  color: var(--text-hover);
+}
+
+.dynamicTable tbody tr.selected {
+  background-color: rgba(var(--accent-color), 0.6) !important;
+  color: var(--label-text-color);
+}
+
+.dynamicTable th.sorted.reverse {
+  background-image: url(/resources/qbittorrent/go-down.png) !important;
+}
+
+.dynamicTable th.sorted {
+  background-image: url(/resources/qbittorrent/go-up.png) !important;
+  background-size: 9px !important;
+  background-position: right !important;
+  background-repeat: no-repeat !important;
+
+}
+
+.panel {
+  background: var(--main-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+  border-bottom: 1px solid transparent;
+}
+
+#pageWrapper {
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent;
+}
+
+li.divider {
+  border-top: 1px solid rgba(255, 255, 255, .25) !important;
+}
+
+
+#main input[type="text"i] {
+  color: var(--text-hover);
+  background-color: rgba(0, 0, 0, .25);
+  border-width: 0px;
+  outline: none;
+  border: none;
+  border-radius: 4px;
+  width: 250px;
+  height: 24px;
+  padding: 7px 12px;
+}
+
+#main input[type="text"i]:focus {
+  background-color: rgba(0, 0, 0, .45);
+}
+
+#main input[type="password"i] {
+  color: var(--text-hover);
+  background-color: rgba(0, 0, 0, .25);
+  border-width: 0px;
+  outline: none;
+  border: none;
+  border-radius: 4px;
+  width: 250px;
+  height: 24px;
+  padding: 7px 12px;
+}
+
+#main input[type="password"i] {
+  background-color: rgba(0, 0, 0, .45);
+}
+
+#loginform #login {
+  padding: 6px 15px !important;
+  width: 100%;
+  margin-top: 35px;
+  background-color: var(--button-color) !important;
+  border: none;
+  border-radius: 4px;
+  color: var(--button-text) !important;
+  outline: none;
+  text-transform: uppercase;
+  font-size: 18px;
+  font-weight: 300;
+  height: 44px;
+  line-height: 1.3333333;
+}
+
+#loginform #login:hover {
+  background-color: var(--button-color-hover) !important;
+  padding: 6px 15px;
+  border-radius: 4px;
+  cursor: pointer;
+  border: none;
+  color: var(--button-text-hover) !important;
+}
+
+
+/*right click menu */
+.contextMenu {
+  border: 1px solid transparent;
+  background: var(--modal-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+}
+
+.contextMenu li a {
+  color: var(--text);
+}
+
+.contextMenu li a:hover {
+  background-color: rgba(255, 255, 255, .08) !important;
+  color: var(--text-hover);
+}
+
+.contextMenu li a:hover {}
+
+.contextMenu li ul {
+  border: 1px solid transparent;
+  background: var(--modal-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+}
+
+.contextMenu .separator {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+/* Sidemenu */
+.selectedFilter {
+  background-color: rgba(var(--accent-color), 0.6);
+  color: #eee;
+}
+
+.selectedFilter:before {
+  color: var(--button-color-hover) !important;
+}
+
+ul.filterList li:hover {
+  background-color: rgba(var(--accent-color), 0.6);
+  color: var(--button-color-hover) !important;
+}
+
+ul.filterList li:hover:before {
+  color: var(--button-color-hover) !important;
+}
+
+.columnHandle {
+  background: rgba(0, 0, 0, 0.45);
+  border: 1px solid transparent;
+}
+
+/*Sidemenu - Bottom menu*/
+.bottomPanel {
+  background: rgba(0, 0, 0, 0.25) !important;
+}
+
+/* Bottom menu */
+.panel-headerContent.tabs {
+  background: none !important;
+}
+
+.panel-header {
+  background: rgba(0, 0, 0, 0.25) !important;
+  border-bottom: 1px solid transparent !important;
+}
+
+.horizontalHandle {
+  background: none !important;
+}
+
+.tab-menu li.selected a {
+  color: var(--text-hover) !important;
+  background: transparent !important;
+  font-weight: normal !important;
+}
+
+.tab-menu li a {
+  color: var(--text) !important;
+  background: transparent !important;
+}
+
+.tab-menu li.selected {
+  background: none !important;
+}
+
+.tab-menu li {
+  background: none !important;
+}
+
+.tab-menu li a:hover {
+  background: rgba(255, 255, 255, 0.08) !important;
+}
+
+.toolbarTabs {
+  background: rgba(0, 0, 0, 0.25) !important;
+}
+
+.progressbar_dark {
+  background: rgb(var(--accent-color)) !important;
+  color: var(--label-text-color) !important;
+}
+
+.progressbar_light {
+  background: rgba(0, 0, 0, 0.25) !important;
+  color: var(--text-hover) !important;
+}
+
+.progressbar_wrapper {
+  border: 1px solid transparent !important;
+}
+
+.stateIcon {
+  background-image: red !important;
+}
+
+.panel-collapse {
+  background: url(/resources/qbittorrent/collapse-expand.gif) left top no-repeat;
+}
+
+.panel-expand {
+  background: url(/resources/qbittorrent/collapse-expand.gif) left -16px no-repeat;
+}
+
+fieldset {
+  border-width: 1px !important;
+  border-style: solid !important;
+  border-color: rgba(255, 255, 255, 0.25) !important;
+}
+
+/*Modal */
+
+.mochaTitlebar {
+  width: 100%;
+  overflow: hidden;
+  background: none !important;
+}
+
+.mochaToolButton {
+  margin-right: 10px;
+  background: rgba(0, 0, 0, .25);
+  border-radius: 5px;
+}
+
+.mochaToolButton:hover {
+  margin-right: 10px;
+  background: rgba(255, 255, 255, .25);
+  border-radius: 5px;
+}
+
+.mochaOverlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: var(--modal-bg-color) !important;
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+}
+
+.mochaToolbarWrapper {
+  width: 100%;
+  position: relative;
+  height: 29px;
+  background: rgba(0, 0, 0, 0.25) !important;
+  overflow: hidden;
+  border-top: none !important;
+}
+
+.mochaToolbar {
+  width: 100%;
+  border-top: none !important;
+}
+
+.mochaContentBorder {
+  border-top: 1px solid rgba(255, 255, 255, .25) !important;
+  border-bottom: 1px solid rgba(255, 255, 255, .25) !important;
+}
+
+.mocha.isFocused .mochaTitlebar h3 {
+  color: var(--text-hover);
+}
+
+fieldset.settings legend {
+  color: var(--text-hover);
+}
+
+.mochaContentWrapper {
+  font-size: 12px;
+  overflow: auto;
+  background: transparent !important;
+}
+
+fieldset.settings {
+  border: solid 1px rgba(255, 255, 255, 0.25) !important;
+  border-radius: 8px;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  padding: 4px 4px 4px 10px;
+}
+
+textarea:disabled {
+  color: rgb(84, 84, 84);
+  cursor: default;
+  background-color: rgb(255, 255, 255, .05) !important;
+  border: none !important;
+}
+
+textarea {
+  color: var(--text-hover) !important;
+  cursor: default;
+  background-color: rgb(0, 0, 0, .25) !important;
+  border: none !important;
+}
+
+#watched_folders_tab td,
+#watched_folders_tab th {
+  padding: 2px 4px;
+  border: 1px solid rgba(255, 255, 255, 0.25) !important;
+}
+
+input[type="button"i]:hover {
+  background-color: var(--button-color-hover);
+  padding: 6px 15px;
+  cursor: pointer;
+  border: none;
+  color: var(--button-text);
+}
+
+input[type="button"i] {
+  padding: 6px 15px !important;
+  background-color: var(--button-color);
+  cursor: pointer;
+  border: none;
+  color: var(--button-text);
+}
+
+button {
+  background-color: var(--button-color) !important;
+  cursor: pointer;
+  border: 2px solid transparent;
+  color: var(--button-text);
+}
+
+button:hover {
+  background-color: var(--button-color-hover) !important;
+  cursor: pointer;
+  border: 2px solid transparent;
+  color: var(--button-text);
+}
+
+input[type="submit"i] {
+  padding: 6px 15px !important;
+  width: 100%;
+  margin-top: 15px;
+  background-color: var(--button-color) !important;
+  border: none;
+  color: var(--button-text);
+  outline: none;
+  text-transform: uppercase;
+}
+
+input[type="submit"i]:hover {
+  padding: 6px 15px !important;
+  background-color: var(--button-color-hover) !important;
+  width: 100%;
+  cursor: pointer;
+  border: none;
+  color: var(--button-text);
+  outline: none;
+  text-transform: uppercase;
+}
+
+/* Icons */
+
+
+#downloadButton>img.mochaToolButton {
+  display: none;
+}
+
+#downloadButton:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f0c1";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color);
+  margin-top: 5px;
+}
+
+#downloadButton:hover:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f0c1";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color-hover);
+}
+
+#uploadButton>img.mochaToolButton {
+  display: none;
+}
+
+#uploadButton:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f067";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color);
+}
+
+#uploadButton:hover:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f067";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color-hover);
+}
+
+#deleteButton>img.mochaToolButton {
+  display: none;
+}
+
+#deleteButton:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f068";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color);
+}
+
+#deleteButton:hover:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f068";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color-hover);
+}
+
+#resumeButton>img.mochaToolButton {
+  display: none;
+}
+
+#resumeButton:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f04b";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color);
+}
+
+#resumeButton:hover:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f04b";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color-hover);
+}
+
+#pauseButton>img.mochaToolButton {
+  display: none;
+}
+
+#pauseButton:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f04c";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color);
+}
+
+#pauseButton:hover:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f04c";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color-hover);
+}
+
+#topPrioButton>img.mochaToolButton {
+  display: none;
+}
+
+#topPrioButton:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f102";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color);
+}
+
+#topPrioButton:hover:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f102";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color-hover);
+}
+
+#increasePrioButton>img.mochaToolButton {
+  display: none;
+}
+
+#increasePrioButton:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f106";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color);
+}
+
+#increasePrioButton:hover:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f106";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color-hover);
+}
+
+#decreasePrioButton>img.mochaToolButton {
+  display: none;
+}
+
+#decreasePrioButton:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f107";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color);
+}
+
+#decreasePrioButton:hover:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f107";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color-hover);
+}
+
+#bottomPrioButton>img.mochaToolButton {
+  display: none;
+}
+
+#bottomPrioButton:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f103";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color);
+}
+
+#bottomPrioButton:hover:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f103";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color-hover);
+}
+
+#preferencesButton>img.mochaToolButton {
+  display: none;
+}
+
+#preferencesButton:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f013";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color);
+}
+
+#preferencesButton:hover:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 24px;
+  content: "\f013";
+  font-weight: 900;
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  color: var(--button-color-hover);
+}
+
+/*Top menu icons*/
+
+#desktopNavbar li ul li a {
+  position: relative;
+  /* padding: 1px 9px 1px 25px; */
+  min-width: 120px;
+  font-weight: normal;
+  padding: 5px 10px 1px 1px;
+}
+
+.MyMenuIcon {
+  margin-left: 0px;
+}
+
+/* File */
+
+#uploadLink>img.MyMenuIcon {
+  display: none;
+}
+
+#uploadLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f067";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#downloadLink>img.MyMenuIcon {
+  display: none;
+}
+
+#downloadLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f0c1";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#logoutLink>img.MyMenuIcon {
+  display: none;
+}
+
+#logoutLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f2f5";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#shutdownLink>img.MyMenuIcon {
+  display: none;
+}
+
+#shutdownLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f00d";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+/* Edit */
+
+#resumeAllLink>img.MyMenuIcon {
+  display: none;
+}
+
+#resumeAllLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f04b";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#pauseAllLink>img.MyMenuIcon {
+  display: none;
+}
+
+#pauseAllLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f04c";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#resumeLink>img.MyMenuIcon {
+  display: none;
+}
+
+#resumeLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f04b";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#pauseLink>img.MyMenuIcon {
+  display: none;
+}
+
+#pauseLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f04c";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#deleteLink>img.MyMenuIcon {
+  display: none;
+}
+
+#deleteLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f068";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#topPrioLink>img.MyMenuIcon {
+  display: none;
+}
+
+#topPrioLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f102";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#increasePrioLink>img.MyMenuIcon {
+  display: none;
+}
+
+#increasePrioLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f106";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#decreasePrioLink>img.MyMenuIcon {
+  display: none;
+}
+
+#decreasePrioLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f107";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#bottomPrioLink>img.MyMenuIcon {
+  display: none;
+}
+
+#bottomPrioLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f103";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#recheckLink>img.MyMenuIcon {
+  display: none;
+}
+
+#recheckLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f002";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+/* View */
+
+#showTopToolbarLink>img.MyMenuIcon {
+  display: none;
+}
+
+
+#showTopToolbarLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f00c";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#showTopToolbarLink:active:focus:visited:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f00c";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--text-hover);
+  opacity: 0;
+}
+
+#showStatusBarLink>img.MyMenuIcon {
+  display: none;
+}
+
+
+#showStatusBarLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f00c";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+
+}
+
+#showStatusBarLink:active:focus:visited:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f00c";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--text-hover);
+  opacity: 0;
+}
+
+#speedInBrowserTitleBarLink>img.MyMenuIcon {
+  display: none;
+}
+
+
+#speedInBrowserTitleBarLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f00c";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+
+}
+
+#speedInBrowserTitleBarLink:active:focus:visited:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f00c";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--text-hover);
+  opacity: 0;
+}
+
+#showSearchEngineLink>img.MyMenuIcon {
+  display: none;
+}
+
+
+#showSearchEngineLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f00c";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+
+}
+
+#showRssReaderLink>img.MyMenuIcon {
+  display: none;
+}
+
+#showRssReaderLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f00c";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+
+}
+
+#showSearchEngineLink:active:focus:visited:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f00c";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--text-hover);
+  opacity: 0;
+}
+
+#showRssReaderLink:active:focus:visited:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f00c";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--text-hover);
+  opacity: 0;
+}
+
+#StatisticsLink>img.MyMenuIcon {
+  display: none;
+}
+
+
+#StatisticsLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f080";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+
+}
+
+#StatisticsLink:active:focus:visited:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f080";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--text-hover);
+  opacity: 0;
+}
+
+/*Tools*/
+
+
+#preferencesLink>img.MyMenuIcon {
+  display: none;
+}
+
+
+#preferencesLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f013";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+/* Help */
+
+#docsLink>img.MyMenuIcon {
+  display: none;
+}
+
+#docsLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f013";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#bugLink>img.MyMenuIcon {
+  display: none;
+}
+
+#bugLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f09d";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#aboutLink>img.MyMenuIcon {
+  display: none;
+}
+
+#aboutLink:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f05a";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+/*Status images on sidemenu*/
+
+ul.filterList a {
+  display: inline;
+}
+
+#all_filter>a img {
+  display: none;
+}
+
+#all_filter:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f0b0";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#downloading_filter>a img {
+  display: none;
+}
+
+#downloading_filter:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f063";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#seeding_filter>a img {
+  display: none;
+}
+
+#seeding_filter:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f062";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#completed_filter>a img {
+  display: none;
+}
+
+#completed_filter:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f00c";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#resumed_filter>a img {
+  display: none;
+}
+
+#resumed_filter:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f04b";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#paused_filter>a img {
+  display: none;
+}
+
+#paused_filter:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f04c";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#active_filter>a img {
+  display: none;
+}
+
+#active_filter:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f0b0";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#inactive_filter>a img {
+  display: none;
+}
+
+#inactive_filter:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f0b0";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#stalled_filter>a img {
+  display: none;
+}
+
+#stalled_filter:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f0b0";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#stalled_uploading_filter>a img {
+  display: none;
+}
+
+#stalled_uploading_filter:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f093";
+  font-weight: 900;
+  display: inline-block !important;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+#stalled_downloading_filter>a img {
+  display: none;
+}
+
+#stalled_downloading_filter:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f019";
+  font-weight: 900;
+  display: inline-block !important;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+img[src="icons/inode-directory.svg"] {
+  background: url(/resources/qbittorrent/folder-open-solid.svg);
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-origin: content-box;
+  filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%);
+}
+
+img[src="icons/network-server.svg"] {
+  background: url(/resources/qbittorrent/network-wired-solid.svg);
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-origin: content-box;
+  filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%);
+}
+
+img[src="icons/mail-folder-inbox.svg"] {
+  background: url(/resources/qbittorrent/inbox-solid.svg);
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-origin: content-box;
+  filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%);
+}
+
+/* img[src="icons/downloading_small.svg"],
+img[src="icons/seeding.svg"],
+img[src="icons/stalledDL.svg"]  {
+  filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%);
+} */
+
+#searchPattern {
+  width: 300px;
+  line-height: 2em;
+  padding: 1px 5px 1px 2em;
+  filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%);
+  background-repeat: no-repeat;
+  background-size: 1.5em;
+  background-position: left;
+}
+
+/* #connectionStatus,
+#alternativeSpeedLimits {
+  filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%);
+} */
+
+#errored_filter>a img {
+  display: none;
+}
+
+#errored_filter:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f06a";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+/* Categories */
+
+.filterTitle img {
+  display: none;
+}
+
+.filterTitle:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f0d7";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+/* Categories Right Click Menu */
+
+#categoriesFilterMenu>li img {
+  display: none;
+}
+
+.contextMenu li>#CreateCategory:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f06a";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
+
+/* Blue SVG icons */
+img[src="icons/application-x-mswinurl.svg"],
+img[src="icons/collapse.svg"],
+img[src="icons/completed.svg"],
+img[src="icons/configure.svg"],
+img[src="icons/dialog-information.svg"],
+img[src="icons/document-edit.svg"],
+img[src="icons/document-edit-verify.svg"],
+img[src="icons/document-import.svg"],
+img[src="icons/document-new.svg"],
+img[src="icons/document-properties.svg"],
+img[src="icons/document-save.svg"],
+img[src="icons/download.svg"],
+img[src="icons/edit-clear.svg"],
+img[src="icons/edit-clear-history.svg"],
+img[src="icons/edit-copy.svg"],
+img[src="icons/edit-cut.svg"],
+img[src="icons/edit-find.svg"],
+img[src="icons/edit-find-user.svg"],
+img[src="icons/edit-paste.svg"],
+img[src="icons/edit-rename.svg"],
+img[src="icons/expand.svg"],
+img[src="icons/folder-documents.svg"],
+img[src="icons/folder-download.svg"],
+img[src="icons/folder-new.svg"],
+img[src="icons/folder-remote.svg"],
+img[src="icons/gear.svg"],
+img[src="icons/go-bottom.svg"],
+img[src="icons/go-down.svg"],
+img[src="icons/go-top.svg"],
+img[src="icons/go-up.svg"],
+img[src="icons/help-about.svg"],
+img[src="icons/help-contents.svg"],
+img[src="icons/insert-link.svg"],
+img[src="icons/list-add.svg"],
+img[src="icons/mail-mark-read.svg"],
+img[src="icons/media-playback-pause.svg"],
+img[src="icons/media-playback-start.svg"],
+img[src="icons/media-seek-forward.svg"],
+img[src="icons/network-wired.svg"],
+img[src="icons/office-chart-line.svg"],
+img[src="icons/preferences-desktop.svg"],
+img[src="icons/preferences-other.svg"],
+img[src="icons/preferences-system-network.svg"],
+img[src="icons/preferences-web-browser-cookies.svg"],
+img[src="icons/rss-config.svg"],
+img[src="icons/services.svg"],
+img[src="icons/speedometer.svg"],
+img[src="icons/stalledUP.svg"],
+img[src="icons/stalledDL.svg"],
+img[src="icons/tab-close.svg"],
+img[src="icons/task-ongoing.svg"],
+img[src="icons/text-plain.svg"],
+img[src="icons/user-group-delete.svg"],
+img[src="icons/user-group-new.svg"],
+img[src="icons/view-calendar-journal.svg"],
+img[src="icons/view-categories.svg"],
+img[src="icons/view-filter.svg"],
+img[src="icons/view-preview.svg"],
+img[src="icons/view-statistics.svg"],
+img[src="icons/wallet-open.svg"],
+img[src="icons/webui.svg"],
+img[src="icons/checking.svg"] {
+  filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(289deg) brightness(106%) contrast(101%);
+}
+
+.contextMenu,
+#contextCategoryList {
+  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}
+
+/* Filter torrents */
+
+#torrentsFilterInput {
+  width: 160px;
+  padding-left: 2em;
+  background-image: url(/resources/qbittorrent/search-solid.png);
+  background-repeat: no-repeat;
+  background-size: 1em;
+  background-position: left;
+}
+
+.contextMenu li a.arrow-right,
+.contextMenu li a:hover.arrow-right,
+.contextMenu li a.arrow-right,
+.contextMenu li a:hover.arrow-right {
+  background-image: url(/resources/qbittorrent/arrow-right.gif);
+  background-repeat: no-repeat;
+  background-position: right center;
+}
+
+/* Footer */
+
+#alternativeSpeedLimits td img {
+  display: none;
+}
+
+#alternativeSpeedLimits:before {
+  font-family: "Font Awesome 5 Free";
+  font-size: 14px;
+  content: "\f00c";
+  font-weight: 900;
+  display: inline-block;
+  margin-right: 5px;
+  color: var(--button-color);
+  padding-left: 5px;
+}
\ No newline at end of file
diff --git a/css/base/qbittorrent/reality.css b/css/base/qbittorrent/reality.css
new file mode 100644
index 00000000..c22f0f18
--- /dev/null
+++ b/css/base/qbittorrent/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/qbittorrent/soul.css b/css/base/qbittorrent/soul.css
new file mode 100644
index 00000000..6b7a1fe5
--- /dev/null
+++ b/css/base/qbittorrent/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/qbittorrent/space-gray.css b/css/base/qbittorrent/space-gray.css
new file mode 100644
index 00000000..e77323d3
--- /dev/null
+++ b/css/base/qbittorrent/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/qbittorrent/space.css b/css/base/qbittorrent/space.css
new file mode 100644
index 00000000..d722b4d5
--- /dev/null
+++ b/css/base/qbittorrent/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/qbittorrent/time.css b/css/base/qbittorrent/time.css
new file mode 100644
index 00000000..7e75f5a6
--- /dev/null
+++ b/css/base/qbittorrent/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/qbittorrent/trueblack.css b/css/base/qbittorrent/trueblack.css
new file mode 100644
index 00000000..37de8e45
--- /dev/null
+++ b/css/base/qbittorrent/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/radarr/aquamarine.css b/css/base/radarr/aquamarine.css
new file mode 100644
index 00000000..710ec8cb
--- /dev/null
+++ b/css/base/radarr/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/radarr/blackberry-abyss.css b/css/base/radarr/blackberry-abyss.css
new file mode 100644
index 00000000..92cc9f96
--- /dev/null
+++ b/css/base/radarr/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/radarr/blackberry-amethyst.css b/css/base/radarr/blackberry-amethyst.css
new file mode 100644
index 00000000..ad912ba2
--- /dev/null
+++ b/css/base/radarr/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/radarr/blackberry-carol.css b/css/base/radarr/blackberry-carol.css
new file mode 100644
index 00000000..451e6f7a
--- /dev/null
+++ b/css/base/radarr/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/radarr/blackberry-dreamscape.css b/css/base/radarr/blackberry-dreamscape.css
new file mode 100644
index 00000000..1edf027c
--- /dev/null
+++ b/css/base/radarr/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/radarr/blackberry-flamingo.css b/css/base/radarr/blackberry-flamingo.css
new file mode 100644
index 00000000..53f75c9b
--- /dev/null
+++ b/css/base/radarr/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/radarr/blackberry-hearth.css b/css/base/radarr/blackberry-hearth.css
new file mode 100644
index 00000000..a75b4808
--- /dev/null
+++ b/css/base/radarr/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/radarr/blackberry-martian.css b/css/base/radarr/blackberry-martian.css
new file mode 100644
index 00000000..4abbebb1
--- /dev/null
+++ b/css/base/radarr/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/radarr/blackberry-pumpkin.css b/css/base/radarr/blackberry-pumpkin.css
new file mode 100644
index 00000000..67b9e054
--- /dev/null
+++ b/css/base/radarr/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/radarr/blackberry-royal.css b/css/base/radarr/blackberry-royal.css
new file mode 100644
index 00000000..55e7007e
--- /dev/null
+++ b/css/base/radarr/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/radarr/blackberry-shadow.css b/css/base/radarr/blackberry-shadow.css
new file mode 100644
index 00000000..263052d5
--- /dev/null
+++ b/css/base/radarr/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/radarr/blackberry-solar.css b/css/base/radarr/blackberry-solar.css
new file mode 100644
index 00000000..ae779559
--- /dev/null
+++ b/css/base/radarr/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/radarr/blackberry-vanta.css b/css/base/radarr/blackberry-vanta.css
new file mode 100644
index 00000000..505b9995
--- /dev/null
+++ b/css/base/radarr/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/radarr/dark.css b/css/base/radarr/dark.css
new file mode 100644
index 00000000..f7409330
--- /dev/null
+++ b/css/base/radarr/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/radarr/dracula.css b/css/base/radarr/dracula.css
new file mode 100644
index 00000000..8fba6d17
--- /dev/null
+++ b/css/base/radarr/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/radarr/hotline-old.css b/css/base/radarr/hotline-old.css
new file mode 100644
index 00000000..7d7f33e5
--- /dev/null
+++ b/css/base/radarr/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/radarr/hotline.css b/css/base/radarr/hotline.css
new file mode 100644
index 00000000..8b8b7790
--- /dev/null
+++ b/css/base/radarr/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/radarr/hotpink.css b/css/base/radarr/hotpink.css
new file mode 100644
index 00000000..4dca2b1f
--- /dev/null
+++ b/css/base/radarr/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/radarr/mind.css b/css/base/radarr/mind.css
new file mode 100644
index 00000000..667b6387
--- /dev/null
+++ b/css/base/radarr/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/radarr/nord.css b/css/base/radarr/nord.css
new file mode 100644
index 00000000..b22c26e6
--- /dev/null
+++ b/css/base/radarr/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/radarr/onedark.css b/css/base/radarr/onedark.css
new file mode 100644
index 00000000..7c4994e4
--- /dev/null
+++ b/css/base/radarr/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/radarr/organizr.css b/css/base/radarr/organizr.css
new file mode 100644
index 00000000..4c2e19c1
--- /dev/null
+++ b/css/base/radarr/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/radarr/overseerr.css b/css/base/radarr/overseerr.css
new file mode 100644
index 00000000..26d0b0f2
--- /dev/null
+++ b/css/base/radarr/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/radarr/pine-shadow.css b/css/base/radarr/pine-shadow.css
new file mode 100644
index 00000000..3259509f
--- /dev/null
+++ b/css/base/radarr/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/radarr/plex.css b/css/base/radarr/plex.css
new file mode 100644
index 00000000..7893aa6d
--- /dev/null
+++ b/css/base/radarr/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/radarr/power.css b/css/base/radarr/power.css
new file mode 100644
index 00000000..34f66412
--- /dev/null
+++ b/css/base/radarr/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/radarr/radarr-base.css b/css/base/radarr/radarr-base.css
new file mode 100644
index 00000000..e545be03
--- /dev/null
+++ b/css/base/radarr/radarr-base.css
@@ -0,0 +1,1228 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+:root {
+    --calendar-in-cinemas: 53 197 244;
+    --calendar-downloading: 122 67 182; 
+    --calendar-unmonitored: 173 173 173;
+    --calendar-unaired: 93 156 236;  
+    --calendar-missing: 240 80 80;
+    --calendar-missing-unmonitored: 255 165 0;
+    --calendar-available: 39 194 76;
+  }
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+/* Froms */
+
+[class*="FormInputHelpText-helpText-"] {
+    color: var(--text);
+}
+
+[class*="FormInputGroup-inputUnit-"] {
+    color: var(--text) !important;
+}
+
+/* LINKS */
+[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]):not([class*="AgendaEvent"]) {
+    color: var(--link-color);   
+   }
+   
+[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover {
+color: var(--link-color-hover);   
+}
+
+a {
+    color: var(--link-color);
+}
+
+a:hover {
+    color: var(--link-color-hover);
+}
+
+[class*="TableRowCell-cell-"] [class*="Link-to-"] {
+    color: var(--link-color) !important;
+}
+
+[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover {
+    color: var(--link-color-hover) !important;
+}
+
+/* Buttons */
+
+[class*="Button-default-"] {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: transparent;
+}
+
+[class*="Button-default-"]:hover {
+    border-color: transparent;
+    background-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover);
+}
+
+[class*="Button-primary-"] {
+    border-color: transparent;
+    background-color: var(--button-color);
+    color: var(--button-text);
+}
+
+[class*="Button-primary-"]:hover {
+    border-color: transparent;
+    background-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover);
+}
+
+[class*="Button-success-"] {
+    border-color: var(--button-color);
+    background-color: var(--button-color);
+    color: var(--button-text);
+}
+
+[class*="Button-success-"]:hover {
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+/* LOADING PAGE */
+[class*="ErrorPage-page-"],
+[class*="ErrorPage-version-"],
+[class*="LoadingMessage-loadingMessage-"] {
+    color: var(--text);
+}
+
+[class*="LoadingIndicator-ripple-"] {
+    border: 2px solid var(--text-hover);
+}
+
+/* MODAL */
+[class*="ModalHeader-modalHeader-"] {
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+[class*="ModalContent-modalContent-"] {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="ModalFooter-modalFooter-"] {
+    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+    border-top: 1px solid rgb(var(--accent-color));
+}
+
+[class*="ModalContent-closeButton-"]:hover {
+    color: var(--text-hover);
+}
+
+/* INPUT */
+[class*="TagInput-internalInput-"] {
+    background-color: transparent;
+    color: var(--text-hover);
+}
+
+[class*="SelectInput-select-"] {
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+[class*="SelectInput-select-"]:active,
+[class*="SelectInput-select-"]:focus {
+    background: #1e1e1e !important;
+}
+
+[class*="AutoSuggestInput-suggestionsList-"],
+[class*="AutoSuggestInput-suggestionsContainerOpen-"],
+[class*="AutoSuggestInput-suggestionsContainer-"] {
+    background-color: #323232 !important;
+    color: white;
+    border: none !important;
+}
+
+[class*="AutoSuggestInput-suggestionHighlighted-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="CheckInput-primaryIsChecked-"] {
+    border-color: rgb(var(--accent-color)) !important;
+    background-color: rgb(var(--accent-color)) !important;
+    color: var(--label-text-color) !important;
+}
+
+[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] {
+    background: #fff;
+}
+
+/* HEADER */
+
+[class*="PageHeader-header-"] {
+    background-color: rgba(0, 0, 0, .35);
+}
+
+/* SEARCH DROPDOWN HEADER */
+
+[class*="PageHeader-donate-"] {
+    color: #c4273c !important;
+}
+
+/* RADARR SPECIFIC */
+[class*="MovieSearchInput-sectionTitle-"] {
+    color: var(--text-hover);
+}
+
+[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
+    border: none !important;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover) !important;
+    box-shadow: 0 0 10px 1px transparent !important;
+}
+
+[class*="MovieSearchInput-highlighted-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="MovieSearchInput-movieContainer-"]::-webkit-scrollbar-thumb {
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+/* SIDE MENU */
+[class*="PageSidebar-sidebarContainer-"] {
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="PageSidebar-sidebar-"] {
+    background-color: transparent;
+}
+
+[class*="PageSidebarItem-link-"] {
+    color: var(--text-hover)
+}
+
+[class*="PageSidebarItem-link-"]:hover {
+    color: rgb(var(--accent-color));
+    text-decoration: none;
+}
+
+[class*="PageSidebarItem-isActiveLink-"],
+[class*="PageSidebarItem-isActiveLink-"]:hover,
+[class*="PageSidebarItem-link-"]:focus {
+    color: rgb(var(--accent-color)) !important;
+}
+
+[class*="PageSidebarItem-isActiveParentLink-"] {
+    background-color: rgba(0, 0, 0, 0.15);
+}
+
+@media only screen and (max-width: 768px) {
+    [class*="PageSidebar-sidebarContainer-"] {
+        background: var(--main-bg-color) !important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+[class*="PageSidebarItem-isActiveItem-"] {
+    border-left: 3px solid rgb(var(--accent-color));
+}
+
+#sidebar-toggle-button {
+    color: var(--text);
+}
+#sidebar-toggle-button:hover,
+#sidebar-toggle-button:focus,
+#sidebar-toggle-button:active {
+    color: var(--text-hover);
+}
+
+/* MOVIES PAGE */
+/* RADARR SPECIFIC */
+[class*="MovieIndexPoster-controls-"] {
+    background-color: rgb(var(--accent-color)) !important;
+}
+
+[class*="MovieTitlesTableContent-blankpad-"],
+[class*="ExtraFileTableContent-blankpad-"],
+[class*="MovieHistoryTableContent-blankpad-"] {
+    color: var(--text);
+}
+
+/* OVERVIEW PAGE */
+
+[class*="MovieIndexOverviews-container-"],
+[class*="MovieIndexOverviews-container-"]:hover {
+    background-color: transparent !important;
+}
+
+[class*="MovieIndexOverview-container-"]:hover [class*="MovieIndexOverview-content-"] {
+    background-color: transparent;
+}
+
+[class*="AddListMovieOverview-container-"]:hover [class*="AddListMovieOverview-content-"] {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+[class*="AddListMoviePoster-title-"] {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+[class*="MovieIndexOverview-content-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="MovieIndexOverview-link-"]:hover {
+    text-decoration: none;
+}
+
+[class*="ProgressBar-container-"] {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+[class*=".ProgressBar-purple-"] {
+    background-color: rgb(var(--accent-color));
+}
+
+/* MOVIE PAGE */
+[class*="MovieDetailsSeason-season-"],
+[class*="MovieDetailsSeason-collapseButtonContainer-"] {
+    border: none !important;
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+[class*="MovieDetailsSeason-actionButton-"],
+[class*="MovieDetailsSeason-collapseButtonIcon-"] {
+    color: var(--text) !important;
+}
+
+[class*="MovieFileStatus-missing"].colorImpaired {
+    background: transparent;
+}
+
+.fa-search:hover {
+    color: var(--text-hover) !important;
+}
+
+[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) {
+    color: var(--text-hover);
+}
+
+[class*="MonitorToggleButton-toggleButton-"] {
+    color: var(--text-hover);
+}
+
+
+[class*="ProtocolLabel-torrent-"] {
+    border-color: #00853d !important;
+    background-color: #00853d !important;
+    color: #fff !important;
+}
+
+[class*="ProtocolLabel-usenet-"] {
+    border-color: #17b1d9 !important;
+    background-color: #17b1d9 !important;
+    color: #fff !important;
+}
+
+[class*="MovieDetailsSeason-seasonNumber-"] {
+    color: var(--text-hover);
+}
+
+[class*="MovieDetailsSeason-collapseButtonContainer-"] {
+    border: none !important;
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+[class*="MovieFileEditorTable-container-"] {
+    border: 1px solid transparent;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+[class*="ExtraFileTable-container-"] {
+    border: 1px solid transparent;
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
+[class*="Popover-title-"],
+[class*="SeasonInfo-title-"],
+[class*="Popover-body-"],
+[class*="Tooltip-body-"],
+[class*="Tooltip-tooltipContainer-"],
+[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+    background: #1f1f1f;
+    color: #eee;
+}
+
+/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+    [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
+    [class*="Popover-title-"],
+    [class*="SeasonInfo-title-"],
+    [class*="Popover-body-"],
+    [class*="Tooltip-body-"],
+    [class*="Tooltip-tooltipContainer-"],
+    [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+        -webkit-backdrop-filter: saturate(1) blur(1.5em);
+        backdrop-filter: saturate(1) blur(1.5em);
+        background: rgb(var(--accent-color),0.05);
+        color: white;
+    }
+} */
+
+[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
+    border-top-color: var(--text);
+}
+
+[class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
+    border-bottom-color: var(--text);
+}
+
+[class*="Tooltip-right-"][class*="Tooltip-default-"] {
+    border-right-color: var(--text);
+}
+
+[class*="EpisodeTitleLink-link-"]:hover {
+    color: var(--text-hover);
+    text-decoration: none;
+}
+
+[class*="IconButton-button-"] {
+    color: var(--text);
+}
+
+[class*="Label-default-"] [class*="IconButton-button-"],
+[class*="Label-small-"] [class*="IconButton-button-"]:hover {
+    color: var(--label-text-color);
+}
+
+[class*="IconButton-button-"]:hover {
+    background-color: transparent;
+    color: var(--text-hover);
+}
+
+[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover {
+    background-color: transparent;
+    color: var(--text-hover);
+}
+
+[class*="Label-default-"] {
+    border-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+[class*="Label-info-"] {
+    border-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+[class*="PageSidebarItem-status-"][class*="Label-info-"] {
+    border-color: var(--arr-queue-color);
+    background-color: var(--arr-queue-color);
+    color: var(--label-text-color);
+}
+
+[class*="MovieDetails-selectedTab-"] {
+    border-bottom: 4px solid rgb(var(--accent-color));
+}
+
+[class*="MovieDetails-tabList-"] {
+    color: var(--text-hover);
+}
+
+[class*="Label-success-"] {
+    border-color: #27c24c;
+    background-color: #27c24c;
+    color: #000;
+}
+
+[class*="Label-disabled-"][class*="Label-outline-"] {
+    color: #000;
+}
+
+[class*="Label-outline-"] {
+    background-color: #999;
+}
+
+[class*="Label-disabled-"] {
+    border-color: #999;
+    background-color: #999;
+    color: #000;
+}
+
+/* Table options*/
+[class*="TableOptionsColumn-column-"] {
+    background: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+    border: none;
+}
+
+[class*="TableHeaderCell-headerCell-"] {
+    color: var(--text-hover);
+}
+
+[class*="Table-table-"] {
+    color: var(--text);
+}
+
+[class*="TableRow-row-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08);
+    color: var(--text-hover);
+}
+
+[class*="TableRowCell-cell-"] {
+    border-top: 1px solid rgb(255 255 255 / 25%);
+}
+
+/* TOP MENU SERIES */
+[class*="PageToolbar-toolbar-"] {
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-label-"] {
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] {
+    opacity: .5;
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover,
+[class*="PageToolbarButton-isDisabled-"]:hover {
+    color: var(--text) !important;
+}
+
+[class*="PageToolbarButton-label-"] {
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-toolbarButton-"]:hover {
+    color: rgb(var(--accent-color));
+}
+
+[class*="MenuButton-menuButton-"]:hover {
+    color: rgb(var(--accent-color));
+}
+
+/* POSTERS */
+[class*="MovieIndexPoster-title-"],
+[class*="MovieIndexPoster-nextAiring-"],
+[class*="MovieIndexPosterInfo-info-"],
+[class*="MovieIndexPosterInfo-info-"],
+[class*="MovieCreditPoster-title-"] {
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+/* LIBRARY TOP HEADER DROPDOWN */
+[class*="MenuItem-menuItem-"] {
+    color: var(--text);
+    background: 0;
+}
+
+[class*="MenuContent-menuContent-"] {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;  
+}
+
+[class*="MenuContent-scroller-"] {
+    box-shadow: black 0 0 5px 0px;
+}
+
+[class*="MenuItem-menuItem-"]:hover,
+[class*="MenuItem-menuItem-"]:focus {
+    background: hsla(0, 0%, 100%, .08) !important;
+    color: var(--text-hover);
+    text-decoration: none;
+}
+
+[class*="MenuItemSeparator-separator-"] {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+/* ALPHABET JUMP BAR */
+[class*="PageJumpBar-jumpBar-"] {
+    color: var(--text-hover);
+}
+
+/* MINI RIGHT SCROLL BAR */
+[class*="OverlayScroller-thumb-"],
+[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="OverlayScroller-thumb-"]:hover,
+[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(255, 255, 255, 0.25) !important;
+}
+
+/* ADD NEW */
+
+[class*="EnhancedSelectInput-options-"] {
+    border-radius: 4px;
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-options-"] {
+    border: 1px solid rgba(var(--accent-color)) !important;
+}
+
+[class*="EnhancedSelectInputOption-isSelected-"],
+[class*="EnhancedSelectInputOption-isSelected-"]:hover {
+    background-color: rgba(255, 255, 255, 0.20) !important;
+    color: var(--text-hover);
+}
+
+[class*="EnhancedSelectInputOption-option-"]:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+[class*="HintedSelectInputOption-hintText-"] {
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-optionsModalScroller-"] {
+    border: 1px solid var(--drop-down-menu-bg);
+    border-radius: 4px;
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"] {
+    color: var(--button-text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"]:hover {
+    color: var(--button-text-hover);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] {
+    
+    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+}
+
+/* SEARCH BAR */
+[class*="Input-input-"],
+[class*="AddNewMovie-searchIconContainer-"],
+[class*="CheckInput-isIndeterminate-"] {
+    border: none;
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+[class*="MovieSearchInput-container-"] [class*="Input-input-"] {
+    background: transparent;
+    border-bottom: solid 1px #fff;
+}
+
+[class*="MovieSearchInput-container-"] [class*="Input-input-"]:focus {
+    border-bottom: none;
+    background: transparent;
+}
+
+[class*="MovieSearchResult-alternateTitle-"] {
+    color: var(--text-hover);
+    font-size: 12px;
+}
+
+[class*="AddNewMovieSearchResult-year-"] {
+    color: var(--text-hover) !important;
+}
+
+[class*="Input-input-"]:focus {
+    outline: 0;
+    border-color: var(--text-hover);
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+[class*="TagInput-input-"][class*="TagInput-isFocused-"] {
+    outline: 0;
+    border-color: #fff;
+    box-shadow: none;
+}
+
+/* TEXT COLOR */
+
+[class*="PageContentBody-innerContentBody-"],
+[class*="PageContentBody-contentBody-"],
+.react-tabs__tab-panel .react-tabs__tab-panel--selected>div {
+    color: var(--text);
+}
+
+/* SEARCH RESULTS */
+[class*="SearchResult-title-"]{
+    color:var(--link-color);
+}
+
+[class*="AddNewMovieSearchResult-searchResult-"],
+[class*="AddNewMovieSearchResult-underlay-"] {
+    background-color: transparent !important;
+}
+
+[class*="AddNewMovieSearchResult-searchResult-"]:hover,
+[class*="AddNewMovieSearchResult-underlay-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="AddNewmovieModalContent-year-"] {
+    color: var(--text-hover);
+}
+
+[class*="RootFolderSelectInputSelectedValue-movieFolder-"],
+[class*="RootFolderSelectInputSelectedValue-freeSpace-"] {
+    color: var(--text-hover);
+}
+
+[class*="RootFolderSelectInputOption-freeSpace-"],
+[class*="RootFolderSelectInputOption-movieFolder-"] {
+    color: var(--text-muted);
+}
+
+/* MOVE THIS */
+input::-webkit-input-placeholder {
+    color: var(--text);
+}
+
+input:focus::-webkit-input-placeholder {
+    color: var(--text-hover);
+}
+
+/* Firefox < 19 */
+input:-moz-placeholder {
+    color: var(--text);
+}
+
+input:focus:-moz-placeholder {
+    color: var(--text-hover);
+}
+
+/* Firefox > 19 */
+input::-moz-placeholder {
+    color: var(--text);
+}
+
+input:focus::-moz-placeholder {
+    color: var(--text-hover);
+}
+
+/* Internet Explorer 10 */
+input:-ms-input-placeholder {
+    color: var(--text);
+}
+
+input:focus:-ms-input-placeholder {
+    color: var(--text-hover);
+}
+
+/* IMPORT */
+
+[class*="FieldSet-legend-"] {
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+[class*="VirtualTableRow-row-"]:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+/* Drop down menu/button*/
+[class*="ImportMovieSelectMovie-button-"] {
+    border: none !important;
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+[class*="ImportMovieSelectMovie-content-"],
+[class*="ImportMovieSelectMovie-searchIconContainer-"] {
+    border: none;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+}
+
+[class*="ImportMovieSearchResult-movie-"]:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+[class*="ImportMovieTitle-year-"] {
+    color: var(--text-muted);
+}
+
+/* DISCOVER */
+[class*="DiscoverMovieOverview-link-"] {
+    color: var(--text);
+}
+
+[class*="DiscoverMovieOverview-link-"]:hover {
+    color: var(--text-hover);
+    text-decoration: none;
+}
+
+[class*="DiscoverMoviePoster-title-"],
+[class*="DiscoverMoviePosterInfo-info-"] {
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+/*Title*/
+[class*="AddListMovieOverview-link-"] {
+    color: var(--text);
+}
+
+[class*="AddListMovieOverview-link-"]:hover {
+    color: var(--text-hover);
+}
+
+[class*="AddListMovieOverview-content-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="PageJumpBarItem-jumpBarItem-"]:hover {
+    color: var(--text-hover);
+    background: hsla(0, 0%, 100%, .08);
+}
+
+/*Posters*/
+[class*="AddListMoviePoster-title-"] {
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+/* MASS EDITOR */
+/* FOOTER */
+[class*="PageContentFooter-contentFooter-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+}
+
+/* CALENDAR */
+[class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
+    stroke: var(--text-hover) !important;
+}
+
+[class*="CalendarEvent-downloaded-"] {
+    background: rgb(var(--calendar-available) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover {
+    background: rgb(var(--calendar-available) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-missing-"],
+[class*="CalendarEvent-missingMonitored"] {
+    background: rgb(var(--calendar-missing) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover,
+[class*="Calendar-calendar-"] [class*="CalendarEvent-missingMonitored"]:hover {
+    background: rgba(var(--calendar-missing) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-missingUnmonitored-"] {
+    background: rgb(var(--calendar-missing-unmonitored) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-missingUnmonitored-"]:hover {
+    background: rgb(var(--calendar-missing-unmonitored) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-unreleased-"],
+[class*="CalendarEvent-continuing-"] {
+    background: rgb(var(--calendar-unaired) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover,
+[class*="Calendar-calendar-"] [class*="CalendarEvent-continuing-"]:hover {
+    background: rgb(var(--calendar-unaired) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-event-"] {
+    background: rgb(var(--calendar-unmonitored) / .7);
+    border-left-color: transparent;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-event-"]:hover {
+    background: rgb(var(--calendar-unmonitored) / .5);
+    border-left-color: transparent;
+}
+
+[class*="CalendarEvent-unmonitored-"] {
+    background: rgb(var(--calendar-unmonitored) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover {
+    background: rgb(var(--calendar-unmonitored) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-downloading-"],
+[class*="CalendarEvent-queue-"] {
+    background: rgb(var(--calendar-downloading) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover,
+[class*="Calendar-calendar-"] [class*="CalendarEvent-queue-"]:hover {
+    background: rgb(var(--calendar-downloading) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="DayOfWeek-dayOfWeek-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="CalendarDay-dayOfMonth-"] {
+    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="CalendarDay-isToday-"],
+[class*="DayOfWeek-isToday-"] {
+    background-color: hsla(0, 0%, 100%, .25) !important;
+}
+
+[class*="CalendarDay-day-"],
+[class*="CalendarDays-days-"] {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1 0 14.28%;
+    flex: 1 0 14.28%;
+    overflow: hidden;
+    min-height: 70px;
+    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
+    border-left: 1px solid hsla(0, 0%, 100%, .08);
+    border-right: 1px solid hsla(0, 0%, 100%, .08);
+}
+
+[class*="CalendarEvent-movieTitle-"],
+[class*="CalendarEvent-movieInfo-"],
+[class*="CalendarEvent-episodeInfo-"],
+[class*="CalendarEvent-airTime-"],
+[class*="CalendarEvent-link-"] {
+    color: var(--text-hover) !important;
+}
+
+[class*="CalendarEvent-event-"] {
+    border-bottom: 1px solid transparent;
+}
+
+[class*="CalendarEventGroup-eventGroup-"] {
+    border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="CalendarEventGroup-movieTitle-"] {
+    color: var(--text-hover) !important;
+}
+
+[class*="CalendarEventGroup-airTime-"] {
+    color: var(--text);
+}
+
+[class*="CalendarEventGroup-episodeInfo-"] {
+    color: var(--text);
+}
+
+[class*="LegendItem-missingMonitoredColorImpaired-"],
+[class*="LegendItem-missingUnmonitoredColorImpaired-"] {
+    background: transparent;
+}
+
+/* calendar agenda */
+[class*="AgendaEvent-event-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+/* SETTINGS */
+[class*="Settings-link-"] {
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+[class*="Settings-summary-"] {
+    color: var(--text);
+}
+
+[class*="FormLabel-large-"] {
+    color: var(--text-hover);
+}
+
+[class*="FormLabel-isAdvanced-"] {
+    color: #ff902b;
+}
+
+/* MEDIA MANAGEMENT - FILE NAME TOKENS */
+[class*="NamingOption-small-"] {
+    border: 1px solid transparent;
+}
+
+[class*="NamingOption-token-"] {
+    background-color: rgba(255, 255, 255, 0.15);
+}
+
+[class*="NamingOption-token-"] {
+    background-color: rgba(255, 255, 255, 0.15);
+}
+
+[class*="NamingOption-example-"] {
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+[class*="NamingOption-option-"] {
+    border: 1px solid transparent;
+}
+
+[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] {
+    background-color: rgba(255, 255, 2550, 0.25);
+}
+
+[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] {
+    background-color: rgba(255, 255, 2550, 0.35);
+}
+
+/* PROFILES */
+[class*="Card-card-"],
+[class*="QualityProfiles-addQualityProfile-"] {
+    background-color: rgba(0, 0, 0, .45);
+    box-shadow: 0 0 10px 1px #000000;
+    color: var(--text);
+}
+
+
+[class*="-cloneButton-"][class*="IconButton-button-"]:hover {
+    color: var(--text-hover);
+}
+
+[class*="Card-card-"]:hover {
+    color: var(--text-hover);
+}
+
+[class*="QualityProfiles-center-"],
+[class*="LanguageProfiles-center-"],
+[class*="ReleaseProfiles-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+[class*="QualityProfileItem-qualityProfileItem-"],
+[class*="QualityProfileItemGroup-qualityProfileItemGroup-"],
+[class*="LanguageProfileItem-languageProfileItem-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+}
+
+[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+[class*="KeyValueListInputItem-keyInput-"],
+[class*="KeyValueListInputItem-valueInput-"] {
+    border: none;
+    background: transparent;
+    color: var(--text-hover);
+}
+
+[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] {
+    border: 1px solid transparent;
+    background: rgba(0, 0, 0, .25);
+}
+
+[class*="QualityDefinitions-sizeLimitHelpText-"] {
+    color: var(--text);
+}
+
+/* PROFILES */
+[class*="Indexers-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/* DOWNLOAD CLIENTS */
+[class*="DownloadClients-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/* CONNECTIONS */
+[class*="Notifications-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/* LISTS */
+[class*="ImportLists-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/* LOG */
+[class*="Alert-info-"] {
+    border-color: transparent;
+    background-color: rgba(0, 0, 0, 0.25);
+    color: #FFC107;
+}
+
+/* INDEXER */
+[class*="Restrictions-center-"] {
+    border: 1px solid transparent;
+    background-color: transparent;
+}
+
+/* LISTS */
+[class*="NetImports-center-"] {
+    border: 1px solid transparent;
+    background-color: transparent;
+}
+
+/* CUSTOM FORMAT */
+[class*="CustomFormats-center-"],
+[class*="EditCustomFormatModalContent-center-"] {
+    border: 1px solid transparent;
+    background-color: transparent;
+}
+
+/* Login Page */
+
+.panel-body {
+    background-color: rgba(0, 0, 0, 0.25);
+    color: var(--text);
+}
+
+.panel-header {
+    background-color: rgba(0, 0, 0, 0.45);
+}
+
+.forgot-password {
+    color: var(--text) !important;
+}
+
+input[type=email],
+input[type=password] {
+    border: none;
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+.button {
+    border-color: var(--button-color);
+    background-color: var(--button-color);
+    cursor: pointer;
+}
+
+.button:hover {
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    text-decoration: none;
+}
+
+.form-input:focus {
+    outline: 0;
+    border-color: var(--text-hover);
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+/* Custom filter */
+[class*="FilterBuilderRow-filterRow-"]:hover {
+    background-color: transparent;
+}
+
+[class*="CustomFilter-customFilter-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="SelectMovieModalContent-path-"] {
+    color: var(--text);
+}
\ No newline at end of file
diff --git a/css/base/radarr/reality.css b/css/base/radarr/reality.css
new file mode 100644
index 00000000..f169156a
--- /dev/null
+++ b/css/base/radarr/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/radarr/soul.css b/css/base/radarr/soul.css
new file mode 100644
index 00000000..47e0729b
--- /dev/null
+++ b/css/base/radarr/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/radarr/space-gray.css b/css/base/radarr/space-gray.css
new file mode 100644
index 00000000..7a9a8f28
--- /dev/null
+++ b/css/base/radarr/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/radarr/space.css b/css/base/radarr/space.css
new file mode 100644
index 00000000..1a5dc0f7
--- /dev/null
+++ b/css/base/radarr/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/radarr/time.css b/css/base/radarr/time.css
new file mode 100644
index 00000000..121edab3
--- /dev/null
+++ b/css/base/radarr/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/radarr/trueblack.css b/css/base/radarr/trueblack.css
new file mode 100644
index 00000000..3a2abf63
--- /dev/null
+++ b/css/base/radarr/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/readarr/aquamarine.css b/css/base/readarr/aquamarine.css
new file mode 100644
index 00000000..6e99ee6c
--- /dev/null
+++ b/css/base/readarr/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/readarr/blackberry-abyss.css b/css/base/readarr/blackberry-abyss.css
new file mode 100644
index 00000000..f3d7821e
--- /dev/null
+++ b/css/base/readarr/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/readarr/blackberry-amethyst.css b/css/base/readarr/blackberry-amethyst.css
new file mode 100644
index 00000000..45b2877d
--- /dev/null
+++ b/css/base/readarr/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/readarr/blackberry-carol.css b/css/base/readarr/blackberry-carol.css
new file mode 100644
index 00000000..732c02fd
--- /dev/null
+++ b/css/base/readarr/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/readarr/blackberry-dreamscape.css b/css/base/readarr/blackberry-dreamscape.css
new file mode 100644
index 00000000..58ab1e1d
--- /dev/null
+++ b/css/base/readarr/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/readarr/blackberry-flamingo.css b/css/base/readarr/blackberry-flamingo.css
new file mode 100644
index 00000000..41f50001
--- /dev/null
+++ b/css/base/readarr/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/readarr/blackberry-hearth.css b/css/base/readarr/blackberry-hearth.css
new file mode 100644
index 00000000..45a902cf
--- /dev/null
+++ b/css/base/readarr/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/readarr/blackberry-martian.css b/css/base/readarr/blackberry-martian.css
new file mode 100644
index 00000000..ecb8af2d
--- /dev/null
+++ b/css/base/readarr/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/readarr/blackberry-pumpkin.css b/css/base/readarr/blackberry-pumpkin.css
new file mode 100644
index 00000000..c95a891e
--- /dev/null
+++ b/css/base/readarr/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/readarr/blackberry-royal.css b/css/base/readarr/blackberry-royal.css
new file mode 100644
index 00000000..423cc4e6
--- /dev/null
+++ b/css/base/readarr/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/readarr/blackberry-shadow.css b/css/base/readarr/blackberry-shadow.css
new file mode 100644
index 00000000..324334fc
--- /dev/null
+++ b/css/base/readarr/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/readarr/blackberry-solar.css b/css/base/readarr/blackberry-solar.css
new file mode 100644
index 00000000..265324ce
--- /dev/null
+++ b/css/base/readarr/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/readarr/blackberry-vanta.css b/css/base/readarr/blackberry-vanta.css
new file mode 100644
index 00000000..6ad109d5
--- /dev/null
+++ b/css/base/readarr/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/readarr/dark.css b/css/base/readarr/dark.css
new file mode 100644
index 00000000..90af93d0
--- /dev/null
+++ b/css/base/readarr/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/readarr/dracula.css b/css/base/readarr/dracula.css
new file mode 100644
index 00000000..2b2d66e6
--- /dev/null
+++ b/css/base/readarr/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/readarr/hotline-old.css b/css/base/readarr/hotline-old.css
new file mode 100644
index 00000000..2884d180
--- /dev/null
+++ b/css/base/readarr/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/readarr/hotline.css b/css/base/readarr/hotline.css
new file mode 100644
index 00000000..e2a61e90
--- /dev/null
+++ b/css/base/readarr/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/readarr/hotpink.css b/css/base/readarr/hotpink.css
new file mode 100644
index 00000000..03525952
--- /dev/null
+++ b/css/base/readarr/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/readarr/mind.css b/css/base/readarr/mind.css
new file mode 100644
index 00000000..2b96b91a
--- /dev/null
+++ b/css/base/readarr/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/readarr/nord.css b/css/base/readarr/nord.css
new file mode 100644
index 00000000..4f61f330
--- /dev/null
+++ b/css/base/readarr/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/readarr/onedark.css b/css/base/readarr/onedark.css
new file mode 100644
index 00000000..054d3409
--- /dev/null
+++ b/css/base/readarr/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/readarr/organizr.css b/css/base/readarr/organizr.css
new file mode 100644
index 00000000..43cbd318
--- /dev/null
+++ b/css/base/readarr/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/readarr/overseerr.css b/css/base/readarr/overseerr.css
new file mode 100644
index 00000000..1e97e7a7
--- /dev/null
+++ b/css/base/readarr/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/readarr/pine-shadow.css b/css/base/readarr/pine-shadow.css
new file mode 100644
index 00000000..166dbe41
--- /dev/null
+++ b/css/base/readarr/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/readarr/plex.css b/css/base/readarr/plex.css
new file mode 100644
index 00000000..97b0fbf3
--- /dev/null
+++ b/css/base/readarr/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/readarr/power.css b/css/base/readarr/power.css
new file mode 100644
index 00000000..f7427e65
--- /dev/null
+++ b/css/base/readarr/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/readarr/readarr-base.css b/css/base/readarr/readarr-base.css
new file mode 100644
index 00000000..0fbfabc1
--- /dev/null
+++ b/css/base/readarr/readarr-base.css
@@ -0,0 +1,1322 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+:root {
+    --calendar-downloaded: 39 194 76;
+    --calendar-downloading: 122 67 182;
+    --calendar-unmonitored: 173 173 173;
+    --calendar-missing: 240 80 80;
+    --calendar-unreleased: 93 156 236; 
+  }
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+/* Froms */
+
+[class*="FormInputHelpText-helpText-"] {
+    color: var(--text);
+}
+
+[class*="FormInputGroup-inputUnit-"] {
+    color: var(--text) !important;
+}
+
+/* LINKS */
+[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]) {
+    color: var(--link-color);   
+   }
+   
+[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover {
+color: var(--link-color-hover);   
+}
+
+a {
+    color: var(--link-color);
+}
+
+a:hover {
+    color: var(--link-color-hover);
+}
+
+[class*="TableRowCell-cell-"] [class*="Link-to-"] {
+    color: var(--link-color) !important;
+}
+
+[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover {
+    color: var(--link-color-hover) !important;
+}
+
+/* Buttons */
+
+[class*="Button-default-"] {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: transparent;
+}
+
+[class*="Button-default-"]:hover {
+    border-color: transparent;
+    background-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover);
+}
+
+[class*="Button-primary-"] {
+    border-color: transparent;
+    background-color: var(--button-color);
+    color: var(--button-text);
+}
+
+[class*="Button-primary-"]:hover {
+    border-color: transparent;
+    background-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover);
+}
+
+[class*="Button-success-"] {
+    border-color: var(--button-color);
+    background-color: var(--button-color);
+    color: var(--button-text);
+}
+
+[class*="Button-success-"]:hover {
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+/* LOADING PAGE */
+[class*="ErrorPage-page-"],
+[class*="ErrorPage-version-"],
+[class*="LoadingMessage-loadingMessage-"] {
+    color: var(--text);
+}
+
+[class*="LoadingIndicator-ripple-"] {
+    border: 2px solid var(--text-hover);
+}
+
+/* MODAL */
+[class*="ModalHeader-modalHeader-"] {
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+[class*="Modal-large-"],
+[class*="Modal-modal-"],
+[class*="ModalContent-modalContent-"] {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="ModalFooter-modalFooter-"] {
+    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+    border-top: 1px solid rgb(var(--accent-color));
+}
+
+[class*="ModalContent-closeButton-"]:hover {
+    color: var(--button-text-hover);
+}
+
+/* INPUT */
+[class*="TagInput-internalInput-"] {
+    background-color: transparent;
+    color: var(--text-hover);
+}
+
+[class*="SelectInput-select-"] {
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+[class*="SelectInput-select-"]:active,
+[class*="SelectInput-select-"]:focus {
+    background: #1e1e1e !important;
+}
+
+[class*="AutoSuggestInput-suggestionsList-"],
+[class*="AutoSuggestInput-suggestionsContainerOpen-"],
+[class*="AutoSuggestInput-suggestionsContainer-"] {
+    background-color: #323232 !important;
+    color: white;
+    border: none !important;
+}
+
+[class*="AutoSuggestInput-suggestionHighlighted-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="CheckInput-primaryIsChecked-"] {
+    border-color: rgb(var(--accent-color)) !important;
+    background-color: rgb(var(--accent-color)) !important;
+    color: var(--label-text-color) !important;
+}
+
+[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] {
+    background: #fff;
+}
+
+/* HEADER */
+
+[class*="PageHeader-header-"] {
+    background-color: rgba(0, 0, 0, .35);
+}
+
+/* SEARCH DROPDOWN HEADER */
+
+[class*="PageHeader-donate-"] {
+    color: #c4273c !important;
+}
+
+/* LIDARR SPECIFIC */
+[class*="AuthorSearchInput-sectionTitle-"] {
+    color: var(--text-hover);
+}
+
+[class*="AuthorSearchInput-containerOpen-"] [class*="AuthorSearchInput-authorContainer-"] {
+    border: none !important;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover) !important;
+    box-shadow: 0 0 10px 1px transparent !important;
+}
+
+[class*="AuthorSearchInput-highlighted-"] {
+    background-color: hsla(0, 0%, 100%, .08)
+}
+
+[class*"=AuthorSearchInput-authorContainer-"]::-webkit-scrollbar-thumb,
+[class*="ImportAuthorSelectAuthor-results-"]::-webkit-scrollbar-thumb {
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+/* MINI RIGHT SCROLL BAR */
+[class*="OverlayScroller-thumb-"],
+[class*="ImportAuthorSelectAuthor-results-"]::-webkit-scrollbar-thumb,
+[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="OverlayScroller-thumb-"]:hover,
+[class*="ImportAuthorSelectAuthor-results-"]::-webkit-scrollbar-thumb:hover,
+[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(255, 255, 255, 0.25) !important;
+}
+
+/* ADD NEW */
+[class*="EnhancedSelectInput-options-"] {
+    border-radius: 4px;
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-options-"] {
+    border: 1px solid rgba(var(--accent-color)) !important;
+}
+
+[class*="EnhancedSelectInputOption-isSelected-"],
+[class*="EnhancedSelectInputOption-isSelected-"]:hover {
+    background-color: rgba(255, 255, 255, 0.20) !important;
+    color: var(--text-hover);
+}
+
+[class*="EnhancedSelectInputOption-option-"]:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+[class*="HintedSelectInputOption-hintText-"] {
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-optionsModalScroller-"] {
+    border: 1px solid var(--drop-down-menu-bg);
+    border-radius: 4px;
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"] {
+    color: var(--button-text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"]:hover {
+    color: var(--button-text-hover);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] {
+    
+    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+}
+
+/* SIDE MENU */
+[class*="PageSidebar-sidebarContainer-"] {
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="PageSidebar-sidebar-"] {
+    background-color: transparent;
+}
+
+[class*="PageSidebarItem-link-"] {
+    color: var(--text-hover)
+}
+
+[class*="PageSidebarItem-link-"]:hover {
+    color: rgb(var(--accent-color));
+    text-decoration: none;
+}
+
+[class*="PageSidebarItem-isActiveLink-"],
+[class*="PageSidebarItem-isActiveLink-"]:hover,
+[class*="PageSidebarItem-link-"]:focus {
+    color: rgb(var(--accent-color)) !important;
+}
+
+[class*="PageSidebarItem-isActiveParentLink-"] {
+    background-color: rgba(0, 0, 0, 0.15);
+}
+
+@media only screen and (max-width: 768px) {
+    [class*="PageSidebar-sidebarContainer-"] {
+        background: var(--main-bg-color) !important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+[class*="PageSidebarItem-isActiveItem-"] {
+    border-left: 3px solid rgb(var(--accent-color));
+}
+
+#sidebar-toggle-button {
+    color: var(--text);
+}
+#sidebar-toggle-button:hover,
+#sidebar-toggle-button:focus,
+#sidebar-toggle-button:active {
+    color: var(--text-hover);
+}
+
+/* LIBRARY PAGE */
+/* LIDARR SPECIFIC */
+[class*="AuthorIndexPoster-controls-"] {
+    background-color: rgb(var(--accent-color)) !important;
+}
+
+/* OVERVIEW PAGE */
+
+/* OVERVIEW PAGE */
+[class*="AuthorIndexOverview-container-"],
+[class*="AuthorIndexOverview-container-"]:hover {
+    background-color: transparent !important;
+}
+
+[class*="AuthorIndexOverview-container-"]:hover [class*="AuthorIndexOverview-content-"] {
+    background-color: transparent;
+}
+
+[class*="AuthorIndexOverview-content-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="AuthorIndexOverview-link-"]:hover {
+    text-decoration: none;
+}
+
+[class*="ProgressBar-container-"] {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+[class*=".ProgressBar-purple-"] {
+    background-color: rgb(var(--accent-color));
+}
+
+
+/*ARTIST PAGE*/
+[class*="AuthorDetailsSeason-albumType-"],
+[class*="AuthorDetailsSeason-collapseButtonContainer-"] {
+    border: none !important;
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+[class*="AuthorDetailsSeason-header-"],
+[class*="AuthorDetailsSeason-albumCount-"],
+[class*="AuthorDetails-metadataMessage-"],
+[class*="AuthorDetailsSeason-albumCount-"] {
+    color: var(--text-hover);
+}
+
+.fa-search:hover {
+    color: var(--text-hover) !important;
+}
+
+[class*="Label-default-"] {
+    border-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) {
+    color: var(--text-hover);
+}
+
+[class*="MonitorToggleButton-toggleButton-"] {
+    color: var(--text-hover);
+}
+
+[class*="ProtocolLabel-torrent-"] {
+    border-color: #00853d !important;
+    background-color: #00853d !important;
+    color: #fff !important;
+}
+
+[class*="ProtocolLabel-usenet-"] {
+    border-color: #17b1d9 !important;
+    background-color: #17b1d9 !important;
+    color: #fff !important;
+}
+
+/*ARTIST ALBUM PAGE*/
+[class*="AlbumDetailsMedium-mediumNumber-"] {
+    color: var(--text-hover);
+}
+
+[class*="AlbumDetailsMedium-medium-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="ExtraFileTable-container-"] {
+    border: 1px solid transparent;
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="AlbumDetails-selectedTab-"] {
+    border-bottom: 4px solid rgb(var(--accent-color));
+}
+
+[class*="AlbumDetailsMedium-collapseButtonContainer-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="AuthorIndexProgressBar-progress-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="AuthorIndexBanner-title-"],
+[class*="AuthorIndexBannerInfo-info-"] {
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+}
+
+[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
+[class*="Popover-title-"],
+[class*="SeasonInfo-title-"],
+[class*="Popover-body-"],
+[class*="Tooltip-body-"],
+[class*="Tooltip-tooltipContainer-"],
+[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+    background: #1f1f1f;
+    color: #eee;
+}
+
+/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+    [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
+    [class*="Popover-title-"],
+    [class*="SeasonInfo-title-"],
+    [class*="Popover-body-"],
+    [class*="Tooltip-body-"],
+    [class*="Tooltip-tooltipContainer-"],
+    [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+        -webkit-backdrop-filter: saturate(1) blur(1.5em);
+        backdrop-filter: saturate(1) blur(1.5em);
+        background: rgb(var(--accent-color),0.05);
+        color: white;
+    }
+} */
+
+[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
+    border-top-color: var(--text);
+}
+
+[class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
+    border-bottom-color: var(--text);
+}
+
+[class*="Tooltip-right-"][class*="Tooltip-default-"] {
+    border-right-color: var(--text);
+}
+
+[class*="EpisodeTitleLink-link-"]:hover {
+    color: var(--text-hover);
+    text-decoration: none;
+}
+
+[class*="IconButton-button-"] {
+    color: var(--text);
+}
+
+[class*="Label-default-"] [class*="IconButton-button-"],
+[class*="Label-small-"] [class*="IconButton-button-"]:hover {
+    color: var(--label-text-color);
+}
+
+[class*="IconButton-button-"]:hover {
+    background-color: transparent;
+    color: var(--label-text-color);
+}
+
+[class*="AuthorDetailsHeader-monitorToggleButton-"]:hover,
+[class*="AuthorDetails-authorNavigationButton-"]:hover,
+[class*="AuthorDetails-authorUpButton-"]:hover,
+[class*="BookDetailsHeader-monitorToggleButton-1F9Pp"]:hover,
+[class*="BookDetails-bookUpButton-"]:hover,
+[class*="BookDetails-bookNavigationButton-"]:hover {
+    color: var(--text-hover);
+}
+
+[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover {
+    background-color: transparent;
+    color: var(--text-hover);
+}
+
+[class*="Label-info-"] {
+    border-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+    color: #fff;
+}
+
+[class*="PageSidebarItem-status-"][class*="Label-info-"] {
+    border-color: var(--arr-queue-color);
+    background-color: var(--arr-queue-color);
+    color: #fff;
+}
+
+[class*="Label-success-"] {
+    border-color: #27c24c;
+    background-color: #27c24c;
+    color: #000;
+}
+
+[class*="Label-disabled-"][class*="Label-outline-"] {
+    color: #000;
+}
+
+[class*="Label-outline-"] {
+    background-color: #999;
+}
+
+[class*="Label-disabled-"] {
+    border-color: #999;
+    background-color: #999;
+    color: #000;
+}
+
+/* Table options*/
+[class*="TableOptionsColumn-column-"] {
+    background: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+    border: none;
+}
+
+[class*="TableHeaderCell-headerCell-"] {
+    color: var(--text-hover);
+}
+
+[class*="Table-table-"] {
+    color: var(--text);
+}
+
+[class*="TableRow-row-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08);
+    color: var(--text-hover);
+}
+
+[class*="TableRowCell-cell-"] {
+    border-top: 1px solid rgb(255 255 255 / 25%);
+}
+
+/* TOP MENU SERIES */
+[class*="PageToolbar-toolbar-"] {
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-label-"] {
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] {
+    opacity: .5;
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover,
+[class*="PageToolbarButton-isDisabled-"]:hover {
+    color: var(--text) !important;
+}
+
+[class*="PageToolbarButton-label-"] {
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-toolbarButton-"]:hover {
+    color: rgb(var(--accent-color));
+}
+
+[class*="MenuButton-menuButton-"]:hover {
+    color: rgb(var(--accent-color));
+}
+
+/* POSTERS */
+[class*="AuthorIndexPoster-title-"],
+[class*="AuthorIndexPosterInfo-info-"],
+[class*="BookIndexPoster-title-"],
+[class*="BookIndexPosterInfo-info-"] {
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+
+/* TOP HEADER DROPDOWN */
+[class*="MenuItem-menuItem-"] {
+    color: var(--text);
+    background: 0;
+}
+
+[class*="MenuContent-menuContent-"] {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;  
+}
+
+[class*="MenuContent-scroller-"] {
+    box-shadow: black 0 0 5px 0px;
+}
+
+[class*="MenuItem-menuItem-"]:hover,
+[class*="MenuItem-menuItem-"]:focus {
+    background: hsla(0, 0%, 100%, .08) !important;
+    color: var(--text-hover);
+    text-decoration: none;
+}
+
+[class*="MenuItemSeparator-separator-"] {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+/* ALPHABET JUMP BAR */
+[class*="PageJumpBar-jumpBar-"] {
+    color: var(--text-hover);
+}
+
+/* SEARCH BAR */
+[class*="Input-input-"],
+[class*="AddNewItem-searchIconContainer-"],
+[class*="CheckInput-isIndeterminate-"] {
+    border: none;
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+[class*="AuthorSearchInput-input-"][class*="Input-input-"] {
+    background: transparent;
+    border-bottom: solid 1px var(--text-hover);
+}
+
+[class*="AuthorSearchInput-input-"][class*="Input-input-"]:focus {
+    border-bottom: none;
+    background: transparent;
+}
+
+[class*="AuthorSearchResult-alternateTitle-"] {
+    color: var(--text-hover);
+    font-size: 12px;
+}
+
+[class*="Input-input-"]:focus {
+    outline: 0;
+    border-color: var(--text-hover);
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+[class*="TagInput-input-"][class*="TagInput-isFocused-"] {
+    outline: 0;
+    border-color: var(--text-hover);
+    box-shadow: none;
+}
+
+/* TEXT COLOR */
+
+[class*="PageContentBody-innerContentBody-"] {
+    color: var(--text);
+}
+
+/* SEARCH RESULTS */
+[class*="SearchResult-title-"]{
+    color:var(--link-color);
+}
+
+[class*="AddNewAuthorSearchResult-year-"] {
+    color: var(--text-hover);
+}
+
+[class*="AddNewAuthorSearchResult-searchResult-"],
+[class*="AddNewAuthorSearchResult-underlay-"],
+[class*="AddNewAlbumSearchResult-underlay-"] {
+    background-color: transparent;
+}
+
+[class*="AddNewAuthorSearchResult-searchResult-"]:hover,
+[class*="AddNewAuthorSearchResult-underlay-"]:hover,
+[class*="AddNewAlbumSearchResult-underlay-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08);
+    color: inherit;
+    text-decoration: none;
+}
+
+[class*="RootFolderSelectInputSelectedValue-freeSpace-"] {
+    color: var(--text-hover);
+}
+
+[class*="RootFolderSelectInputOption-freeSpace-"] {
+    color: var(--text-muted);
+}
+
+/* IMPORT ARTIST */
+[class*="ImportAuthorSelectAuthor-content-"],
+[class*="ImportAuthorSelectAuthor-searchIconContainer-"] {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+    border: 1px solid transparent;
+}
+
+[class*="ImportAuthorName-disambiguation-"] {
+    color: var(--text-muted);
+}
+
+[class*="ImportAuthorSearchResult-author-"]:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+/* MOVE THIS */
+input::-webkit-input-placeholder {
+    color: var(--text);
+}
+
+input:focus::-webkit-input-placeholder {
+    color: var(--text-hover);
+}
+
+/* Firefox < 19 */
+input:-moz-placeholder {
+    color: var(--text);
+}
+
+input:focus:-moz-placeholder {
+    color: var(--text-hover);
+}
+
+/* Firefox > 19 */
+input::-moz-placeholder {
+    color: var(--text);
+}
+
+input:focus::-moz-placeholder {
+    color: var(--text-hover);
+}
+
+/* Internet Explorer 10 */
+input:-ms-input-placeholder {
+    color: var(--text);
+}
+
+input:focus:-ms-input-placeholder {
+    color: var(--text-hover);
+}
+
+/* IMPORT */
+/* Text color */
+[class*="ImportAuthorSelectFolder-header-"] {
+    color: var(--text-hover);
+}
+
+[class*="ExpandingFileDetails-fileDetails-"] {
+    border: 1px solid rgb(255 255 255 / .1);
+    background-color: rgb(255 255 255 / 8%);
+}
+
+/* IMPORT NEW ARTIST */
+/* Drop down menu/button*/
+[class*="ImportAuthorSelectAuthor-button-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, 0.25) !important;
+    color: var(--text-hover);
+}
+
+
+/* IMPORT */
+
+[class*="FieldSet-legend-"] {
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+[class*="VirtualTableRow-row-"]:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+/*Title*/
+
+[class*="PageJumpBarItem-jumpBarItem-"]:hover {
+    color: var(--text-hover);
+    background: hsla(0, 0%, 100%, .08);
+}
+
+/*Posters*/
+
+
+/* MASS EDITOR */
+
+/* FOOTER */
+[class*="PageContentFooter-contentFooter-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+}
+
+/* CALENDAR */
+[class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
+    stroke: var(--text-hover) !important;
+}
+
+[class*="CalendarEvent-downloaded-"]:not([class*="AgendaEvent-"]) {
+    background: rgb(var(--calendar-downloaded) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover:not([class*="AgendaEvent-"]) {
+    background: rgb(var(--calendar-downloaded) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-missing-"]:not([class*="AgendaEvent-"]) {
+    background: rgb(var(--calendar-missing) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover:not([class*="AgendaEvent-"]) {
+    background: rgba(var(--calendar-missing) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-unreleased-"]:not([class*="AgendaEvent-"]) {
+    background: rgb(var(--calendar-unreleased) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover:not([class*="AgendaEvent-"]) {
+    background: rgb(var(--calendar-unreleased) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-unmonitored-"]:not([class*="AgendaEvent-"]) {
+    background: rgb(var(--calendar-unmonitored) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover:not([class*="AgendaEvent-"]) {
+    background: rgb(var(--calendar-unmonitored) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-downloading-"]:not([class*="AgendaEvent-"]),
+[class*="CalendarEvent-queue-"]:not([class*="AgendaEvent-"]) {
+    background: rgb(var(--calendar-downloading) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover:not([class*="AgendaEvent-"]),
+[class*="Calendar-calendar-"] [class*="CalendarEvent-queue-"]:hover:not([class*="AgendaEvent-"])  {
+    background: rgb(var(--calendar-downloading) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="DayOfWeek-dayOfWeek-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+    color: var(--text-hover);
+}
+
+[class*="CalendarDay-dayOfMonth-"] {
+    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="CalendarDay-isToday-"],
+[class*="DayOfWeek-isToday-"] {
+    background-color: hsla(0, 0%, 100%, .25) !important;
+    color: var(--text-hover);
+}
+
+[class*="CalendarEvent-authorName-"] a,
+[class*="CalendarEvent-authorName-"],
+[class*="CalendarEvent-bookTitle-"] a,
+[class*="CalendarEvent-bookTitle-"]{
+color: var(--text-hover) !important;
+}
+
+[class*="CalendarEvent-authorName-"] a:hover,
+[class*="CalendarEvent-bookTitle-"]  a:hover{
+color: var(--text-hover) !important;
+}
+
+[class*="CalendarEvent-event-"] {
+    border-left: 4px solid var(--text);
+}
+
+[class*="CalendarDay-day-"],
+[class*="CalendarDays-days-"] {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1 0 14.28%;
+    flex: 1 0 14.28%;
+    overflow: hidden;
+    min-height: 70px;
+    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
+    border-left: 1px solid hsla(0, 0%, 100%, .08);
+    border-right: 1px solid hsla(0, 0%, 100%, .08);
+}
+
+[class*="CalendarEvent-event-"] {
+    border-bottom: 1px solid transparent;
+}
+
+[class*="CalendarEventGroup-eventGroup-"] {
+    border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important;
+}
+
+/* calendar agenda */
+[class*="AgendaEvent-event-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+/* SETTINGS */
+[class*="Settings-link-"] {
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+[class*="Settings-summary-"] {
+    color: var(--text);
+}
+
+[class*="FormLabel-large-"] {
+    color: var(--text-hover);
+}
+
+[class*="FormLabel-isAdvanced-"] {
+    color: #ff902b;
+}
+
+/* MEDIA MANAGEMENT - FILE NAME TOKENS */
+[class*="NamingOption-small-"] {
+    border: 1px solid transparent;
+}
+
+[class*="NamingOption-token-"] {
+    background-color: rgba(255, 255, 255, 0.15);
+}
+
+[class*="NamingOption-token-"] {
+    background-color: rgba(255, 255, 255, 0.15);
+}
+
+[class*="NamingOption-example-"] {
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+[class*="NamingOption-option-"] {
+    border: 1px solid transparent;
+}
+
+[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] {
+    background-color: rgba(255, 255, 2550, 0.25);
+}
+
+[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] {
+    background-color: rgba(255, 255, 2550, 0.35);
+}
+
+/* PROFILES */
+[class*="Card-card-"],
+[class*="QualityProfiles-addQualityProfile-"] {
+    background-color: rgba(0, 0, 0, .45);
+    box-shadow: 0 0 10px 1px #000000;
+    color: var(--text);
+}
+
+
+[class*="-cloneButton-"][class*="IconButton-button-"]:hover {
+    color: var(--text-hover);
+}
+
+[class*="Card-card-"]:hover {
+    color: var(--text-hover);
+}
+
+[class*="QualityProfiles-center-"],
+[class*="LanguageProfiles-center-"],
+[class*="ReleaseProfiles-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+[class*="QualityProfileItem-qualityProfileItem-"],
+[class*="QualityProfileItemGroup-qualityProfileItemGroup-"],
+[class*="LanguageProfileItem-languageProfileItem-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+}
+
+[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+[class*="KeyValueListInputItem-keyInput-"],
+[class*="KeyValueListInputItem-valueInput-"] {
+    border: none;
+    background: transparent;
+    color: var(--text-hover);
+}
+
+[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] {
+    border: 1px solid transparent;
+    background: rgba(0, 0, 0, .25);
+}
+
+[class*="QualityDefinitions-sizeLimitHelpText-"] {
+    color: var(--text);
+}
+
+/* PROFILES */
+[class*="Indexers-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+[class*="Card-card-"],
+[class*="QualityProfiles-addQualityProfile-"] {
+    background-color: rgba(0, 0, 0, .45);
+    box-shadow: 0 0 10px 1px #000000;
+    color: var(--text);
+}
+
+[class*="QualityProfiles-center-"],
+[class*="LanguageProfiles-center-"],
+[class*="MetadataProfiles-center-"],
+[class*="RootFolders-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+[class*="RootFolders-center-"] {
+    border: 1px solid transparent;
+}
+
+[class*="Indexers-center-"],
+[class*="Restrictions-center-"],
+[class*="DownloadClients-center-"],
+[class*="ImportLists-center-"],
+[class*="Notifications-center-"] {
+    display: inline-block;
+    padding: 15px 20px 15px;
+    border-radius: 4px;
+}
+
+/* DOWNLOAD CLIENTS */
+[class*="DownloadClients-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/* CONNECTIONS */
+[class*="Notifications-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/* LISTS */
+[class*="ImportLists-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/* LOG */
+[class*="Alert-info-"] {
+    border-color: transparent;
+    background-color: rgba(0, 0, 0, 0.25);
+    color: #FFC107;
+}
+
+/* INDEXER */
+[class*="Restrictions-center-"] {
+    border: 1px solid transparent;
+    background-color: transparent;
+}
+
+/* LISTS */
+[class*="NetImports-center-"] {
+    border: 1px solid transparent;
+    background-color: transparent;
+}
+
+/* CUSTOM FORMAT */
+[class*="CustomFormats-center-"],
+[class*="EditCustomFormatModalContent-center-"] {
+    border: 1px solid transparent;
+    background-color: transparent;
+}
+
+/* Login Page */
+
+.panel-body {
+    background-color: rgba(0, 0, 0, 0.25);
+    color: var(--text);
+}
+
+.panel-header {
+    background-color: rgba(0, 0, 0, 0.45);
+}
+
+.forgot-password {
+    color: var(--text) !important;
+}
+
+input[type=email],
+input[type=password] {
+    border: none;
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+.button {
+    border-color: var(--button-color);
+    background-color: var(--button-color);
+    cursor: pointer;
+}
+
+.button:hover {
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    text-decoration: none;
+}
+
+.form-input:focus {
+    outline: 0;
+    border-color: var(--text-hover);
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+/* Custom filter */
+[class*="FilterBuilderRow-filterRow-"]:hover {
+    background-color: transparent;
+}
+
+[class*="CustomFilter-customFilter-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+/* Readarr */
+
+/* Library */
+
+[class*="AuthorIndexPoster-link-"],
+[class*="AuthorIndexPoster-title-"] {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+/* Add New*/
+[class*="AddNewAuthorSearchResult-underlay-"],
+[class*="AddNewBookSearchResult-underlay-"] {
+    background-color: transparent;
+}
+
+[class*="AddNewAuthorSearchResult-underlay-"]:hover,
+[class*="AddNewBookSearchResult-underlay-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08);
+    color: inherit;
+    text-decoration: none;
+}
+
+/*Author Page*/
+[class*="AuthorDetails-tab-"] {
+    color: var(--text-hover);
+}
+
+[class*="AuthorIndexBanner-title-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="AuthorIndexOverview-container-"]:hover [class*="AuthorIndexOverview-content-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+/*Books Tab*/
+[class*="AuthorDetailsSeason-bookType-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="AuthorDetailsSeason-books-"] {
+    border-top: 1px solid rgb(255 255 255 / 50%);
+}
+
+[class*="AuthorDetails-tabList-"] {
+    border-bottom: 1px solid rgb(255 255 255 / 50%);
+    color: var(--text-hover);
+}
+
+[class*="BookDetails-selectedTab-"] {
+    border-bottom: 4px solid rgb(var(--accent-color));
+}
+
+[class*="BookshelfBook-book-"] {
+    border: 1px solid transparent;
+    background-color: rgba(0, 0, 0, .25) !important;
+    ;
+}
+
+[class*="BookshelfBook-missingWanted-"] {
+    background-color: #f05050;
+    color: #fff;
+}
+
+/* Files Tab*/
+[class*="BookFileEditorTableContent-filesTable-"] {
+    border: 1px solid rgb(255 255 255 / 10%);
+    border-top: 1px solid rgb(255 255 255 / 50%);
+    background-color: rgb(0 0 0 / 25%);
+}
+
+/*Series Tab*/
+[class*="AuthorDetailsSeries-bookType-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="AuthorDetailsSeries-collapseButtonContainer-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="AuthorDetailsSeries-bookTypeLabel-"] {
+    color: var(--text-hover);
+}
+
+[class*="AuthorDetailsSeries-bookCount-"] {
+    color: var(--text-hover);
+}
+
+/*Search Tab*/
+
+[class*="AuthorDetails-selectedTab-"] {
+    border-bottom: 4px solid rgb(var(--accent-color));
+}
+
+[class*="AuthorDetails-metadataMessage-"] {
+    color: var(--text);
+}
+
+[class*="AuthorDetails-metadataMessage-"] [class*="Link-to-"] {
+    color: rgb(var(--accent-color));
+}
+
+[class*="AuthorDetails-metadataMessage-"] [class*="Link-to-"]:hover {
+    color: var(--accent-color-hover);
+}
+
+/*Specific Book Page*/
+[class*="BookDetails-tab-"] {
+    color: var(--text-hover);
+}
diff --git a/css/base/readarr/reality.css b/css/base/readarr/reality.css
new file mode 100644
index 00000000..ea8ae337
--- /dev/null
+++ b/css/base/readarr/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/readarr/soul.css b/css/base/readarr/soul.css
new file mode 100644
index 00000000..8daab7dc
--- /dev/null
+++ b/css/base/readarr/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/readarr/space-gray.css b/css/base/readarr/space-gray.css
new file mode 100644
index 00000000..8c2c01eb
--- /dev/null
+++ b/css/base/readarr/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/readarr/space.css b/css/base/readarr/space.css
new file mode 100644
index 00000000..ea47fce1
--- /dev/null
+++ b/css/base/readarr/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/readarr/time.css b/css/base/readarr/time.css
new file mode 100644
index 00000000..00c54ae6
--- /dev/null
+++ b/css/base/readarr/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/readarr/trueblack.css b/css/base/readarr/trueblack.css
new file mode 100644
index 00000000..e2cb2fc8
--- /dev/null
+++ b/css/base/readarr/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/requestrr/aquamarine.css b/css/base/requestrr/aquamarine.css
new file mode 100644
index 00000000..966b52d6
--- /dev/null
+++ b/css/base/requestrr/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/requestrr/blackberry-abyss.css b/css/base/requestrr/blackberry-abyss.css
new file mode 100644
index 00000000..ac782939
--- /dev/null
+++ b/css/base/requestrr/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/requestrr/blackberry-amethyst.css b/css/base/requestrr/blackberry-amethyst.css
new file mode 100644
index 00000000..ce6f5129
--- /dev/null
+++ b/css/base/requestrr/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/requestrr/blackberry-carol.css b/css/base/requestrr/blackberry-carol.css
new file mode 100644
index 00000000..dd744b06
--- /dev/null
+++ b/css/base/requestrr/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/requestrr/blackberry-dreamscape.css b/css/base/requestrr/blackberry-dreamscape.css
new file mode 100644
index 00000000..db02fc73
--- /dev/null
+++ b/css/base/requestrr/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/requestrr/blackberry-flamingo.css b/css/base/requestrr/blackberry-flamingo.css
new file mode 100644
index 00000000..a04db2fd
--- /dev/null
+++ b/css/base/requestrr/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/requestrr/blackberry-hearth.css b/css/base/requestrr/blackberry-hearth.css
new file mode 100644
index 00000000..2df32aac
--- /dev/null
+++ b/css/base/requestrr/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/requestrr/blackberry-martian.css b/css/base/requestrr/blackberry-martian.css
new file mode 100644
index 00000000..f2553b7b
--- /dev/null
+++ b/css/base/requestrr/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/requestrr/blackberry-pumpkin.css b/css/base/requestrr/blackberry-pumpkin.css
new file mode 100644
index 00000000..1e8cbbcc
--- /dev/null
+++ b/css/base/requestrr/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/requestrr/blackberry-royal.css b/css/base/requestrr/blackberry-royal.css
new file mode 100644
index 00000000..c2be4fb4
--- /dev/null
+++ b/css/base/requestrr/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/requestrr/blackberry-shadow.css b/css/base/requestrr/blackberry-shadow.css
new file mode 100644
index 00000000..adfbcada
--- /dev/null
+++ b/css/base/requestrr/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/requestrr/blackberry-solar.css b/css/base/requestrr/blackberry-solar.css
new file mode 100644
index 00000000..9c4b58c9
--- /dev/null
+++ b/css/base/requestrr/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/requestrr/blackberry-vanta.css b/css/base/requestrr/blackberry-vanta.css
new file mode 100644
index 00000000..c4f779a8
--- /dev/null
+++ b/css/base/requestrr/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/requestrr/dark.css b/css/base/requestrr/dark.css
new file mode 100644
index 00000000..e9cdb70e
--- /dev/null
+++ b/css/base/requestrr/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/requestrr/dracula.css b/css/base/requestrr/dracula.css
new file mode 100644
index 00000000..1870bc9e
--- /dev/null
+++ b/css/base/requestrr/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/requestrr/hotline-old.css b/css/base/requestrr/hotline-old.css
new file mode 100644
index 00000000..561c56ce
--- /dev/null
+++ b/css/base/requestrr/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/requestrr/hotline.css b/css/base/requestrr/hotline.css
new file mode 100644
index 00000000..6d9313e1
--- /dev/null
+++ b/css/base/requestrr/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/requestrr/hotpink.css b/css/base/requestrr/hotpink.css
new file mode 100644
index 00000000..8a51c0ca
--- /dev/null
+++ b/css/base/requestrr/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/requestrr/mind.css b/css/base/requestrr/mind.css
new file mode 100644
index 00000000..cba1e907
--- /dev/null
+++ b/css/base/requestrr/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/requestrr/nord.css b/css/base/requestrr/nord.css
new file mode 100644
index 00000000..d1644769
--- /dev/null
+++ b/css/base/requestrr/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/requestrr/onedark.css b/css/base/requestrr/onedark.css
new file mode 100644
index 00000000..78d0a892
--- /dev/null
+++ b/css/base/requestrr/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/requestrr/organizr.css b/css/base/requestrr/organizr.css
new file mode 100644
index 00000000..6c31bf5f
--- /dev/null
+++ b/css/base/requestrr/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/requestrr/overseerr.css b/css/base/requestrr/overseerr.css
new file mode 100644
index 00000000..5df0aaf6
--- /dev/null
+++ b/css/base/requestrr/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/requestrr/pine-shadow.css b/css/base/requestrr/pine-shadow.css
new file mode 100644
index 00000000..4efe4ac3
--- /dev/null
+++ b/css/base/requestrr/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/requestrr/plex.css b/css/base/requestrr/plex.css
new file mode 100644
index 00000000..2dac0cb1
--- /dev/null
+++ b/css/base/requestrr/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/requestrr/power.css b/css/base/requestrr/power.css
new file mode 100644
index 00000000..fa89fbcd
--- /dev/null
+++ b/css/base/requestrr/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/requestrr/reality.css b/css/base/requestrr/reality.css
new file mode 100644
index 00000000..dad5301d
--- /dev/null
+++ b/css/base/requestrr/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/requestrr/requestrr-base.css b/css/base/requestrr/requestrr-base.css
new file mode 100644
index 00000000..ebaf9f48
--- /dev/null
+++ b/css/base/requestrr/requestrr-base.css
@@ -0,0 +1,398 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+@import url(/css/defaults/placeholders.css);
+
+body {
+    color: var(--text);
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.bg-default {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.heading-small.text-muted,
+.form-control-label,
+.text-white {
+    color: var(--text-hover) !important;
+}
+
+.text-muted {
+    color: var(--text-muted);
+}
+
+.navbar-light .navbar-nav .active>.nav-link,
+.navbar-light .navbar-nav .nav-link.active,
+.navbar-light .navbar-nav .nav-link.show,
+.navbar-light .navbar-nav .show>.nav-link {
+    color: rgb(var(--accent-color));
+}
+
+.navbar-light .navbar-nav .nav-link {
+    color: var(--text);
+}
+
+.nav-link.active:hover,
+.nav-link.active:focus {
+    background: rgba(255, 255, 255, 0.08);
+}
+
+.navbar-light .navbar-nav .nav-link:focus:not(.nav-link.active),
+.navbar-light .navbar-nav .nav-link:hover:not(.nav-link.active) {
+    color: var(--text-hover);
+    background: rgba(255, 255, 255, 0.08);
+}
+
+@media (min-width: 768px) {
+    .navbar-vertical.navbar-expand-md.fixed-left {
+        left: 0;
+        border-width: 0 1px 0 0;
+        background: rgba(0, 0, 0, 0.25) !important;
+    }
+}
+
+@media (max-width: 767.98px) {
+
+    .navbar-collapse.collapsing,
+    .navbar-collapse.show {
+        background: var(--modal-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+        box-shadow: 0 50px 100px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.15), 0 5px 15px rgba(0, 0, 0, .1);
+    }
+}
+
+@media (max-width: 767.98px) {
+    .navbar-nav .nav-link {
+        color: var(--text) !important;
+    }
+}
+
+#sidenav-main>div>div>ul.mb-md-3.navbar-nav>li:nth-child(3)>a>i {
+    color: var(--text-hover) !important;
+}
+
+.card-profile-image img,
+.shadow,
+.navbar-vertical {
+    box-shadow: none !important;
+}
+
+.fade {
+    -webkit-transition: opacity .15s linear;
+    transition: opacity .15s linear;
+    background: rgba(0, 0, 0, 0.15) !important;
+}
+
+.bg-secondary {
+    background-color: rgba(0, 0, 0, 0) !important;
+}
+
+.bg-gradient-default {
+    background: none !important;
+}
+
+.card-profile-image img,
+.shadow {
+    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .15) !important;
+}
+
+.bg-white,
+.footer {
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+.footer {
+    padding-left: 15px;
+}
+
+/* Logo */
+
+#sidenav-main>div>a::before {
+    content: "";
+    background: url('../static/media/requestrr.1e4722c9.svg') no-repeat;
+    background-size: 200px;
+    width: 200px;
+    height: 36px;
+    display: block;
+}
+
+.navbar-brand-img {
+    display: none;
+}
+
+@media (max-width: 767.98px) {
+    .navbar-collapse .collapse-brand img {
+        display: none;
+    }
+}
+
+@media (max-width: 767.98px) {
+    #sidenav-main>div>div>div>div>div.collapse-brand.col-6>a::before {
+        content: "";
+        background: url('../static/media/requestrr.1e4722c9.svg') no-repeat;
+        background-size: 200px;
+        width: 200px;
+        height: 36px;
+        display: block;
+    }
+}
+
+/* FORMS */
+.form-control:disabled,
+.form-control[readonly] {
+    background-color: rgba(255, 255, 255, 0.1);
+    opacity: 1;
+    border: 1px solid transparent;
+    color: gray;
+}
+
+.form-control-alternative,
+.has-danger .form-control {
+    background: rgba(0, 0, 0, 0.25);
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.form-control-alternative:focus {
+    background: rgba(0, 0, 0, 0.5);
+}
+
+.form-control:focus {
+    color: var(--text-hover);
+}
+
+.has-success .form-control {
+    background-color: rgba(0, 0, 0, 0.5);
+}
+
+.form-control {
+    color: var(--text);
+    border: 1px solid transparent;
+}
+
+/* Drop down*/
+.react-dropdown-select-item.css-148o527-ItemComponent {
+    background: var(--drop-down-menu-bg) !important;
+}
+
+.react-dropdown-select.dropdown div[role=list] span {
+    color: var(--text);
+}
+
+.react-dropdown-select.dropdown div[role=list] span:focus,
+.react-dropdown-select.dropdown div[role=list] span:hover {
+    color: var(--text-hover);
+}
+
+[class*="-ItemComponent"] {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
+}
+
+[class*="-DropDown"]:not(.react-dropdown-select-dropdown-position-bottom) {
+    background: rgb(255 255 255 / 0%);
+    box-shadow: 0 0 10px 1px #000 !important;
+}
+
+.react-dropdown-select.dropdown {
+    color: var(--text);
+    background-color: rgb(0 0 0 / 25%);
+}
+
+.react-dropdown-select.dropdown .react-dropdown-select-item-selected {
+    background: rgb(var(--accent-color)) !important;
+    color: var(--label-text-color) !important;
+}
+
+
+/* Buttons */
+.custom-checkbox .custom-control-input:checked~.custom-control-label:before {
+    background-color: rgb(var(--accent-color));
+    border-color: rgb(var(--accent-color));
+}
+
+.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
+    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='000000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+
+.btn-primary {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-primary:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-default,
+.btn-default:hover {
+    color: var(--text-hover);
+    background-color: rgba(255, 255, 255, 0.25);
+    border-color: transparent;
+}
+
+.btn-default:not(:disabled):not(.disabled).active,
+.btn-default:not(:disabled):not(.disabled):active,
+.show>.btn-default.dropdown-toggle {
+    color: var(--text-hover);
+    background-color: rgba(0, 0, 0, 0.26);
+    border-color: transparent;
+}
+
+.btn-default.disabled,
+.btn-default:disabled {
+    color: var(--text-hover);
+    background-color: rgba(255, 255, 255, 0.15);
+    border-color: transparent;
+    opacity: .5;
+}
+
+.btn-info.disabled,
+.btn-info:disabled {
+    color: var(--text-muted);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-info,
+.btn-info:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+/* Login page*/
+
+.header.bg-gradient-info {
+    background: transparent !important;
+}
+
+@media (min-width: 1200px) {
+    .separator-skew {
+        height: 70px;
+        display: none;
+    }
+}
+
+#root>div>div.mt--8.pb-5.container>div>div>div {
+    background: rgba(0, 0, 0, 0.25) !important;
+}
+
+#root>div>div.mt--8.pb-5.container>div>div>div>div>form>div:nth-child(1)>div>input,
+#root>div>div.mt--8.pb-5.container>div>div>div>div>form>div:nth-child(2)>div>input,
+#root>div>div.mt--8.pb-5.container>div>div>div>div>form>div:nth-child(3)>div>input {
+    background: rgba(0, 0, 0, .25) !important;
+    border: 10px solid transparent;
+}
+
+.input-group-text {
+    color: var(--text);
+    background-color: rgba(0, 0, 0, 0.25);
+    border: 1px solid transparent !important;
+}
+
+.input-group-prepend {
+    margin-right: 0px;
+}
+
+#root>div>div.header.bg-gradient-info.py-7.py-lg-8>div.separator.separator-bottom.separator-skew.zindex-100>svg>polygon {
+    display: none;
+}
+
+/* Scrollbar */
+@media only screen and (min-width: 768px) {
+    html {
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+    }
+
+    body {
+        overflow-y: auto;
+        height: 100%;
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .2);
+    background-clip: padding-box;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .5);
+    background-clip: padding-box;
+}
\ No newline at end of file
diff --git a/css/base/requestrr/soul.css b/css/base/requestrr/soul.css
new file mode 100644
index 00000000..fe95fd9e
--- /dev/null
+++ b/css/base/requestrr/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/requestrr/space-gray.css b/css/base/requestrr/space-gray.css
new file mode 100644
index 00000000..3ba28afb
--- /dev/null
+++ b/css/base/requestrr/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/requestrr/space.css b/css/base/requestrr/space.css
new file mode 100644
index 00000000..d8d88e65
--- /dev/null
+++ b/css/base/requestrr/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/requestrr/time.css b/css/base/requestrr/time.css
new file mode 100644
index 00000000..3c9b4120
--- /dev/null
+++ b/css/base/requestrr/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/requestrr/trueblack.css b/css/base/requestrr/trueblack.css
new file mode 100644
index 00000000..1815d5a3
--- /dev/null
+++ b/css/base/requestrr/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/resilio-sync/aquamarine.css b/css/base/resilio-sync/aquamarine.css
new file mode 100644
index 00000000..7a646db3
--- /dev/null
+++ b/css/base/resilio-sync/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/resilio-sync/blackberry-abyss.css b/css/base/resilio-sync/blackberry-abyss.css
new file mode 100644
index 00000000..e2bc5396
--- /dev/null
+++ b/css/base/resilio-sync/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/resilio-sync/blackberry-amethyst.css b/css/base/resilio-sync/blackberry-amethyst.css
new file mode 100644
index 00000000..41d8be1b
--- /dev/null
+++ b/css/base/resilio-sync/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/resilio-sync/blackberry-carol.css b/css/base/resilio-sync/blackberry-carol.css
new file mode 100644
index 00000000..02ba014d
--- /dev/null
+++ b/css/base/resilio-sync/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/resilio-sync/blackberry-dreamscape.css b/css/base/resilio-sync/blackberry-dreamscape.css
new file mode 100644
index 00000000..348fafe8
--- /dev/null
+++ b/css/base/resilio-sync/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/resilio-sync/blackberry-flamingo.css b/css/base/resilio-sync/blackberry-flamingo.css
new file mode 100644
index 00000000..d2217f91
--- /dev/null
+++ b/css/base/resilio-sync/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/resilio-sync/blackberry-hearth.css b/css/base/resilio-sync/blackberry-hearth.css
new file mode 100644
index 00000000..3f622e2a
--- /dev/null
+++ b/css/base/resilio-sync/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/resilio-sync/blackberry-martian.css b/css/base/resilio-sync/blackberry-martian.css
new file mode 100644
index 00000000..09bab997
--- /dev/null
+++ b/css/base/resilio-sync/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/resilio-sync/blackberry-pumpkin.css b/css/base/resilio-sync/blackberry-pumpkin.css
new file mode 100644
index 00000000..2777f82c
--- /dev/null
+++ b/css/base/resilio-sync/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/resilio-sync/blackberry-royal.css b/css/base/resilio-sync/blackberry-royal.css
new file mode 100644
index 00000000..8343a919
--- /dev/null
+++ b/css/base/resilio-sync/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/resilio-sync/blackberry-shadow.css b/css/base/resilio-sync/blackberry-shadow.css
new file mode 100644
index 00000000..a7daf0ab
--- /dev/null
+++ b/css/base/resilio-sync/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/resilio-sync/blackberry-solar.css b/css/base/resilio-sync/blackberry-solar.css
new file mode 100644
index 00000000..da563fe9
--- /dev/null
+++ b/css/base/resilio-sync/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/resilio-sync/blackberry-vanta.css b/css/base/resilio-sync/blackberry-vanta.css
new file mode 100644
index 00000000..083f5362
--- /dev/null
+++ b/css/base/resilio-sync/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/resilio-sync/dark.css b/css/base/resilio-sync/dark.css
new file mode 100644
index 00000000..04456a88
--- /dev/null
+++ b/css/base/resilio-sync/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/resilio-sync/dracula.css b/css/base/resilio-sync/dracula.css
new file mode 100644
index 00000000..a97aa57a
--- /dev/null
+++ b/css/base/resilio-sync/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/resilio-sync/hotline-old.css b/css/base/resilio-sync/hotline-old.css
new file mode 100644
index 00000000..17ee5173
--- /dev/null
+++ b/css/base/resilio-sync/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/resilio-sync/hotline.css b/css/base/resilio-sync/hotline.css
new file mode 100644
index 00000000..faf9d7d2
--- /dev/null
+++ b/css/base/resilio-sync/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/resilio-sync/hotpink.css b/css/base/resilio-sync/hotpink.css
new file mode 100644
index 00000000..9f8d7a56
--- /dev/null
+++ b/css/base/resilio-sync/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/resilio-sync/mind.css b/css/base/resilio-sync/mind.css
new file mode 100644
index 00000000..f2038a15
--- /dev/null
+++ b/css/base/resilio-sync/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/resilio-sync/nord.css b/css/base/resilio-sync/nord.css
new file mode 100644
index 00000000..dc6a25dd
--- /dev/null
+++ b/css/base/resilio-sync/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/resilio-sync/onedark.css b/css/base/resilio-sync/onedark.css
new file mode 100644
index 00000000..2b25d2e6
--- /dev/null
+++ b/css/base/resilio-sync/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/resilio-sync/organizr.css b/css/base/resilio-sync/organizr.css
new file mode 100644
index 00000000..6cb5850f
--- /dev/null
+++ b/css/base/resilio-sync/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/resilio-sync/overseerr.css b/css/base/resilio-sync/overseerr.css
new file mode 100644
index 00000000..45140cc7
--- /dev/null
+++ b/css/base/resilio-sync/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/resilio-sync/pine-shadow.css b/css/base/resilio-sync/pine-shadow.css
new file mode 100644
index 00000000..50b0ed92
--- /dev/null
+++ b/css/base/resilio-sync/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/resilio-sync/plex.css b/css/base/resilio-sync/plex.css
new file mode 100644
index 00000000..4f9739a8
--- /dev/null
+++ b/css/base/resilio-sync/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/resilio-sync/power.css b/css/base/resilio-sync/power.css
new file mode 100644
index 00000000..70f63fa5
--- /dev/null
+++ b/css/base/resilio-sync/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/resilio-sync/reality.css b/css/base/resilio-sync/reality.css
new file mode 100644
index 00000000..c15b3197
--- /dev/null
+++ b/css/base/resilio-sync/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/resilio-sync/resilio-sync-base.css b/css/base/resilio-sync/resilio-sync-base.css
new file mode 100644
index 00000000..d5a366d1
--- /dev/null
+++ b/css/base/resilio-sync/resilio-sync-base.css
@@ -0,0 +1,804 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+@import url(https://use.fontawesome.com/releases/v5.15.1/css/all.css);
+@import url(/css/defaults/placeholders.css);
+
+body,
+.tableScrollContainer,
+.settings-tabs-wrapper .settings-tabs-container {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+    color: var(--text-hover) !important;
+}
+
+a {
+    color: var(--link-color);
+}
+
+a:hover {
+    color: var(--link-color-hover);
+}
+
+* {
+    outline: none !important;
+}
+
+/* Scrollbar */
+@media only screen and (min-width: 768px) {
+    html {
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+    }
+
+    body {
+        overflow-y: auto;
+        height: 100%;
+        background: var(--main-bg-color)
+    }
+}
+
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .2);
+    background-clip: padding-box;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .5);
+    background-clip: padding-box;
+}
+
+/* TEXT */
+body,
+#onboarding-dark #page-main,
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+#choose-product-dialog .choose-title h1,
+label.control-label,
+.emptyMessage,
+.bt-navbar #choose-share-type-menu .container-fluid .menu-item h2,
+.bt-navbar .choose-dropdown-menu .container-fluid .menu-item h2,
+UL.jqueryFileTree A,
+.settings-tabs-wrapper .settings-tabs-container,
+.bt-checkbox label,
+.bt-radio label,
+.settings-tabs-wrapper .settings-tabs-buttons .left-nav-button,
+#licenses-tab #unlicensed-container h1,
+#licenses-tab #unlicensed-container .unlicensed-text,
+#support-tab #page-menu .support-content>a h5,
+#support-tab #page-menu .support-content>button h5,
+#support-tab #page-menu .support-content>a p,
+.modal-header .transfer-path .labelContainer .secondaryLine,
+.transfer-table .transfer-row .nameLabel,
+.dropdown-menu li a {
+    color: var(--text);
+}
+
+/* ACCENTS */
+#choose-product-dialog .product-container .product:hover {
+    border-color: rgb(var(--accent-color));
+}
+
+.text-success {
+    color: #4CAF50;
+}
+
+#historyContainer .table-filter-panel .filter-item.active,
+.resizableTableContainer .table-filter-panel .filter-item.active,
+.tableContainerWithFilterPanel .table-filter-panel .filter-item.active {
+    color: rgb(var(--accent-color))
+}
+
+/* NAVBAR */
+.bt-navbar {
+    background-color: rgb(0 0 0 / 25%);
+}
+
+.bt-navbar .btn.dropdown-toggle {
+    background-color: rgb(255 255 255 / 8%);
+}
+
+.bt-navbar .btn.dropdown-toggle:hover {
+    background-color: rgb(255 255 255 / 16%);
+}
+
+.bt-navbar .btn.btn-tab.active,
+.bt-navbar .btn.btn-tab:active {
+    background-color: rgb(0 0 0 / 25%);
+    border-bottom-color: rgb(var(--accent-color));
+}
+
+.bt-navbar .btn:hover {
+    background-color: rgb(255 255 255 / 8%) !important;
+}
+
+.bt-navbar .btn#try-pro-button {
+    background-color: rgb(0 0 0 / 50%);
+    color: var(--button-text);
+}
+
+.bt-navbar .btn#try-pro-button:hover {
+    background-color: rgb(255 255 255 / 8%);
+}
+
+.bt-navbar .btn.btn-tab {
+    background: transparent;
+}
+
+/* SIDE MENU */
+/* DROPDOWN MENU */
+.bt-navbar #choose-share-type-menu,
+.bt-navbar .choose-dropdown-menu {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.dropdown-menu {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border: 1px solid rgba(255, 255, 255, .1);
+    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
+    box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
+}
+
+.dropdown-menu li a:focus,
+.dropdown-menu li a:hover {
+    background-color: rgb(255 255 255 / 8%);
+    color: var(--text-hover);
+}
+
+#columns-context .bt-checkbox:hover {
+    background-color: rgba(255, 255, 255, .1);
+}
+
+.context-menu .bt-checkbox label,
+.context-menu .bt-radio label {
+    color: var(--text-hover);
+}
+
+.sync-level .add-folder-mode .option-text {
+    color: var(--text-hover);
+}
+
+.sync-level .add-folder-mode .option-description {
+    color: var(--text);
+    white-space: normal;
+}
+
+.sync-level .add-folder-mode li.selected a {
+    background-color: rgb(0 0 0 / 25%);
+}
+
+.sync-level .add-folder-mode li:not(.selected) a:focus,
+.sync-level .add-folder-mode li:not(.selected) a:hover {
+    background-color: rgb(255 255 255 / .08);
+}
+
+.sync-level .add-folder-mode .btn-group {
+    background-color: transparent !important;
+}
+
+button.selectpicker.btn-default {
+    border-color: #ccc0 !important;
+    color: var(--text) !important;
+    background-color: rgb(0 0 0 / 25%) !important;
+}
+
+.btn-group.open .dropdown-toggle {
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+    border: none;
+    background: rgb(0 0 0 / 50%) !important;
+}
+
+.animating {
+    background-color: transparent !important;
+}
+
+/* ICONS */
+.mycon.mycon-folder-rw,
+.mycon.mycon-folder-owner,
+.mycon.mycon-folder-encrypted,
+.mycon.mycon-file,
+.mycon.mycon-plus {
+    background-image: none !important;
+}
+
+.mycon.mycon-folder-rw:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 24px;
+    content: "\f07b";
+    font-weight: bold;
+    width: 24px;
+    height: 24px;
+    margin-left: 5px;
+    color: var(--text);
+    font-style: normal;
+}
+
+.mycon.mycon-folder-owner:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 24px;
+    content: "\f65e";
+    font-weight: bold;
+    width: 24px;
+    height: 24px;
+    margin-left: 5px;
+    color: var(--text);
+    font-style: normal;
+}
+
+.mycon.mycon-folder-encrypted:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 24px;
+    content: "\f023";
+    font-weight: bold;
+    width: 24px;
+    height: 24px;
+    margin-left: 5px;
+    color: var(--text);
+    font-style: normal;
+}
+
+.mycon.mycon-file:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 24px;
+    content: "\f064";
+    font-weight: bold;
+    width: 24px;
+    height: 24px;
+    margin-left: 5px;
+    color: var(--text);
+    font-style: normal;
+}
+
+.mycon.mycon-plus:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 24px;
+    content: "\f0c1";
+    font-weight: bold;
+    width: 24px;
+    height: 24px;
+    margin-left: 5px;
+    color: var(--text);
+    font-style: normal;
+}
+
+.bt-navbar #choose-share-type-menu .container-fluid .menu-item:focus,
+.bt-navbar #choose-share-type-menu .container-fluid .menu-item:hover,
+.bt-navbar .choose-dropdown-menu .container-fluid .menu-item:focus,
+.bt-navbar .choose-dropdown-menu .container-fluid .menu-item:hover {
+    background-color: rgb(255 255 255 / 8%);
+
+}
+
+.bt-navbar #choose-share-type-menu .container-fluid .menu-item .menu-item-description:hover,
+.bt-navbar .choose-dropdown-menu .container-fluid .menu-item .menu-item-description:hover {
+    margin-left: 6px;
+    padding-top: 4px;
+    color: var(--text-hover);
+}
+
+.bt-navbar #choose-share-type-menu .arrow,
+.bt-navbar .choose-dropdown-menu .arrow {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.popout-parent {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.context-menu li a:focus,
+.context-menu li a:hover {
+    background-color: rgb(255 255 255 / 8%);
+    color: var(--text-hover) !important;
+}
+
+.context-menu li.has-icon a {
+    color: var(--text);
+}
+
+.context-notification .context-notification-inner {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+#general-settings #languagedrop {
+    background-color: rgb(0 0 0 / 25%);
+    border: transparent;
+}
+
+.popout-anchor.popout-open {
+    color: var(--text-hover);
+}
+
+/* MODALS */
+.modal-header {
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+.modal-footer {
+    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+.modal-content,
+.modal-body,
+.modal-body .fileTreeContainer,
+.modal-page {
+    color: var(--text);
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.modal-body .horizontal-separator .horizontal-separator-text {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+.modal-filter .btn:hover,
+.modal-input .btn:hover {
+    background-color: var(--button-color);
+    color: var(--button-text);
+}
+
+#choose-product-dialog .product-container .product {
+    background-color: rgb(255 255 255 / 0.08);
+    border: 1px solid transparent;
+}
+
+.modal-header .close:hover {
+    background: rgb(255 255 255 / 8%);
+}
+
+ul.jqueryFileTree a.active,
+ul.jqueryFileTree a:hover {
+    background-color: rgb(255 255 255 / 8%);
+    color: var(--text-hover);
+}
+
+.modal-filter:before,
+.modal-input:before {
+    background: -owg-linear-gradient(left, transparent, transparent);
+    background: transparent !important;
+    background: -moz-linear-gradient(left, transparent, transparent);
+    background: -o-linear-gradient(left, transparent, transparent);
+    background: linear-gradient(left, transparent, transparent);
+}
+
+.nav-tabs.nav-sub-tabs,
+.nav-tabs.nav-sub-tabs>li {
+    background-color: transparent;
+    border-bottom-color: rgb(255 255 255 / .1);
+}
+
+.nav-tabs.nav-sub-tabs>li.active a,
+.nav-tabs.nav-sub-tabs>li.active a:focus,
+.nav-tabs.nav-sub-tabs>li.active a:hover {
+    background-color: var(--button-color-hover);
+    border: 1px solid var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+.nav-tabs.nav-sub-tabs>li>a {
+    background-color: var(--button-color);
+    border: 1px solid var(--button-color);
+    color: var(--button-text);
+}
+
+.nav-tabs.nav-sub-tabs>li>a:hover {
+    background-color: var(--button-color-hover);
+    border: 1px solid var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+#file-sharing-content .shareOptionsContainer .shareOption:hover,
+#sharing-content .shareOptionsContainer .shareOption:hover,
+.sharing-dialog-content .shareOptionsContainer .shareOption:hover {
+    background-color: rgb(255 255 255 / 8%);
+    color: var(--text-hover);
+}
+
+#sharing-content .nav-tabs.nav-sub-tabs>li {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+#sharing-content .nav-tabs.nav-sub-tabs>li>a {
+    border: 1px solid var(--button-color);
+    color: var(--button-text);
+    background: var(--button-color);
+}
+
+#sharing-content .nav-tabs.nav-sub-tabs>li.active a,
+.nav-tabs.nav-sub-tabs>li.active a:focus,
+.nav-tabs.nav-sub-tabs>li.active a:hover {
+    background: var(--button-color-hover) !important;
+    border: 1px solid var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+.activity-filter.open,
+.main-filter.open,
+.modal-filter.open,
+.modal-input.open {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.modal-header .transfer-path .labelContainer {
+    border-left: 1px solid rgb(255 255 255 / .1);
+}
+
+.modal-filter .btn,
+.modal-input .btn {
+    background: transparent;
+}
+
+.modal-filter .btn:hover,
+.modal-input .btn:focus,
+.modal-filter animating {
+    background: rgb(255 255 255 / .08) !important;
+}
+
+/* PAGES */
+#archive-onboarding.fixed .tutorial-background,
+#onboarding-dark.fixed .tutorial-background,
+#syncall-tutorial.fixed .tutorial-background {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+#historyContainer .table-filter-panel,
+.resizableTableContainer .table-filter-panel,
+.tableContainerWithFilterPanel .table-filter-panel {
+    background-color: rgb(0 0 0 / 25%);
+    border-bottom: 1px solid rgb(255 255 255 / 10%);
+}
+
+.section-header {
+    border-bottom: 1px solid rgb(255 255 255 / .1);
+}
+
+/* FOOTER */
+#sync-core-state {
+    background-color: rgb(0 0 0 / 50%);
+    border-top: 1px solid rgb(255 255 255 / 10%);
+}
+
+#statusPanel {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.status-panel-shown #statusPanel {
+    border-top: 1px solid rgb(255 255 255 / 20%);
+}
+
+#statusPanel .nav-pills a.tab-button .header,
+#statusPanel .nav-pills a.tab-button .value,
+#statusPanel .nav-pills a.tab-button span[class$=-speed-label] {
+    color: var(--text);
+}
+
+#statusPanel .nav-pills li {
+    border-bottom: 1px solid rgb(255 255 255 / .1);
+}
+
+#statusPanel .nav-pills a.tab-button:focus,
+#statusPanel .nav-pills a.tab-button:hover,
+#statusPanel .nav-pills .active>a {
+    background-color: rgb(255 255 255 / 8%);
+}
+
+#statusPanel .tab-content {
+    background-color: transparent;
+}
+
+#statusPanel .chart-wrapper {
+    background-color: rgb(0 0 0 / 25%);
+    border-right: 1px solid rgba(255, 255, 255, .1);
+}
+
+.resizableTableContainer .tableHeaderContainer {
+    border-bottom: 1px solid rgba(255, 255, 255, .1);
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+#statusPanel .chart-c3 .c3-tooltip {
+    background-color: #000;
+    opacity: .7;
+    border-radius: 4px;
+    box-shadow: none;
+}
+
+.c3-grid line {
+    stroke: var(--text);
+}
+
+.c3 text {
+    fill: var(--text);
+}
+
+
+/* SETTINGS */
+.settings-tabs-wrapper .settings-tabs-buttons .left-nav-button.active {
+    background-color: rgb(0 0 0 / 25%);
+    color: rgb(var(--accent-color));
+}
+
+.settings-tabs-wrapper .settings-tabs-buttons .left-nav-button:hover:not(.active) {
+    background-color: rgb(255 255 255 / 8%);
+}
+
+.settings-tabs-wrapper .settings-tabs-buttons .left-nav-button:hover:not(.active) .txt-button {
+    color: var(--button-text-hover);
+}
+
+#support-tab #page-menu .support-content>a,
+#support-tab #page-menu .support-content>button {
+    background-color: transparent;
+}
+
+#support-tab #page-menu .support-content>a:hover h5,
+#support-tab #page-menu .support-content>a:hover p,
+#support-tab #page-menu .support-content>button:hover h5,
+#support-tab #page-menu .support-content>button:hover p {
+    color: var(--text-hover);
+}
+
+.settings-tabs-wrapper .settings-tabs-buttons {
+    border-right: 1px solid rgb(255 255 255 / 10%);
+    background: rgb(0 0 0 / 25%);
+}
+
+/* IDENTITY */
+#my-devices .my-devices .single-my-device:hover:not(.disabled) {
+    background-color: rgb(255 255 255 / 8%);
+}
+
+#my-devices .my-devices .link-device-block #device-to-qr .device-link {
+    color: rgb(var(--accent-color));
+}
+
+#my-devices .my-devices .link-device-block #device-to-qr:hover:not(:disabled) .device-link-text {
+    text-decoration: underline;
+    color: var(--text-hover);
+}
+
+#my-devices .my-devices .info-button:hover {
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+/* BUTTONS */
+.btn,
+#support-tab #page-feedback-form .back-button {
+    border-color: var(--button-color);
+    background: var(--button-color);
+    color: var(--button-text);
+    margin-right: 5px;
+    box-shadow: none;
+    border: transparent;
+    border-radius: 2px;
+}
+
+.btn:hover,
+.btn:focus,
+.btn:active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.btn-primary:not(:disabled):not(.disabled).active,
+#support-tab #page-feedback-form .back-button:hover {
+    border-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    box-shadow: none !important;
+}
+
+.transfer-table .transfer-row .optionsColumn .options-button {
+    background-color: transparent;
+    color: var(--button-text);
+}
+
+.transfer-table .transfer-row .optionsColumn .options-button.active,
+.transfer-table .transfer-row .optionsColumn .options-button:hover {
+    background-color: rgb(255 255 255 / 8%);
+}
+
+/* FORMS */
+.form-control {
+    color: var(--text) !important;
+    background-color: rgba(0, 0, 0, .25) !important;
+    border: 1px solid transparent !important;
+    box-shadow: none !important;
+    transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.form-control:focus {
+    background-color: rgba(0, 0, 0, .5) !important;
+    color: var(--text-hover) !important;
+}
+
+/* TABLE */
+#advanced-settings-dialog .verticalScrollContainer tr:active,
+#advanced-settings-dialog .verticalScrollContainer tr:focus,
+#advanced-settings-dialog .verticalScrollContainer tr:hover {
+    background-color: rgb(255 255 255 / 8%);
+    color: var(--text-hover);
+}
+
+.table-hover>tbody>tr.active,
+.table-hover>tbody>tr:hover:not(.no-hover) {
+    background-color: rgb(255 255 255 / 8%);
+    color: var(--text-hover);
+}
+
+.transfer-table .transfer-row.active a,
+.transfer-table .transfer-row:hover a {
+    color: var(--text-hover);
+}
+
+.table>thead>tr>th {
+    vertical-align: bottom;
+    border-bottom: 1px solid rgb(255 255 255 / 10%);
+
+}
+
+.table.table-bordered-header thead tr th {
+    background-color: #fff;
+    border-right: 1px solid rgb(255 255 255 / 0.1) !important;
+}
+
+.tableScrollContainer .table thead tr th {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat !important;
+    background-attachment: fixed, fixed !important;
+    background-position: center center, center center !important;
+    background-size: auto, cover !important;
+    -webkit-background-size: auto, cover !important;
+    -moz-background-size: auto, cover !important;
+    -o-background-size: auto, cover !important;
+}
\ No newline at end of file
diff --git a/css/base/resilio-sync/soul.css b/css/base/resilio-sync/soul.css
new file mode 100644
index 00000000..b48c070f
--- /dev/null
+++ b/css/base/resilio-sync/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/resilio-sync/space-gray.css b/css/base/resilio-sync/space-gray.css
new file mode 100644
index 00000000..11a099cf
--- /dev/null
+++ b/css/base/resilio-sync/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/resilio-sync/space.css b/css/base/resilio-sync/space.css
new file mode 100644
index 00000000..271a52c3
--- /dev/null
+++ b/css/base/resilio-sync/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/resilio-sync/time.css b/css/base/resilio-sync/time.css
new file mode 100644
index 00000000..097f936f
--- /dev/null
+++ b/css/base/resilio-sync/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/resilio-sync/trueblack.css b/css/base/resilio-sync/trueblack.css
new file mode 100644
index 00000000..33274f19
--- /dev/null
+++ b/css/base/resilio-sync/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/rutorrent/aquamarine.css b/css/base/rutorrent/aquamarine.css
new file mode 100644
index 00000000..70fb57eb
--- /dev/null
+++ b/css/base/rutorrent/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/rutorrent/blackberry-abyss.css b/css/base/rutorrent/blackberry-abyss.css
new file mode 100644
index 00000000..40479a10
--- /dev/null
+++ b/css/base/rutorrent/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/rutorrent/blackberry-amethyst.css b/css/base/rutorrent/blackberry-amethyst.css
new file mode 100644
index 00000000..9a2412d9
--- /dev/null
+++ b/css/base/rutorrent/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/rutorrent/blackberry-carol.css b/css/base/rutorrent/blackberry-carol.css
new file mode 100644
index 00000000..1f3bd3e0
--- /dev/null
+++ b/css/base/rutorrent/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/rutorrent/blackberry-dreamscape.css b/css/base/rutorrent/blackberry-dreamscape.css
new file mode 100644
index 00000000..7a0eba7b
--- /dev/null
+++ b/css/base/rutorrent/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/rutorrent/blackberry-flamingo.css b/css/base/rutorrent/blackberry-flamingo.css
new file mode 100644
index 00000000..62db5d78
--- /dev/null
+++ b/css/base/rutorrent/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/rutorrent/blackberry-hearth.css b/css/base/rutorrent/blackberry-hearth.css
new file mode 100644
index 00000000..809661ac
--- /dev/null
+++ b/css/base/rutorrent/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/rutorrent/blackberry-martian.css b/css/base/rutorrent/blackberry-martian.css
new file mode 100644
index 00000000..e0b0012f
--- /dev/null
+++ b/css/base/rutorrent/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/rutorrent/blackberry-pumpkin.css b/css/base/rutorrent/blackberry-pumpkin.css
new file mode 100644
index 00000000..04a2f78f
--- /dev/null
+++ b/css/base/rutorrent/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/rutorrent/blackberry-royal.css b/css/base/rutorrent/blackberry-royal.css
new file mode 100644
index 00000000..53c76753
--- /dev/null
+++ b/css/base/rutorrent/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/rutorrent/blackberry-shadow.css b/css/base/rutorrent/blackberry-shadow.css
new file mode 100644
index 00000000..15f373d3
--- /dev/null
+++ b/css/base/rutorrent/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/rutorrent/blackberry-solar.css b/css/base/rutorrent/blackberry-solar.css
new file mode 100644
index 00000000..0d520787
--- /dev/null
+++ b/css/base/rutorrent/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/rutorrent/blackberry-vanta.css b/css/base/rutorrent/blackberry-vanta.css
new file mode 100644
index 00000000..774a201a
--- /dev/null
+++ b/css/base/rutorrent/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/rutorrent/dark.css b/css/base/rutorrent/dark.css
new file mode 100644
index 00000000..48aa3bab
--- /dev/null
+++ b/css/base/rutorrent/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/rutorrent/dracula.css b/css/base/rutorrent/dracula.css
new file mode 100644
index 00000000..f56b0ebd
--- /dev/null
+++ b/css/base/rutorrent/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/rutorrent/hotline-old.css b/css/base/rutorrent/hotline-old.css
new file mode 100644
index 00000000..9f4d578a
--- /dev/null
+++ b/css/base/rutorrent/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/rutorrent/hotline.css b/css/base/rutorrent/hotline.css
new file mode 100644
index 00000000..0a2c2c6b
--- /dev/null
+++ b/css/base/rutorrent/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/rutorrent/hotpink.css b/css/base/rutorrent/hotpink.css
new file mode 100644
index 00000000..24505523
--- /dev/null
+++ b/css/base/rutorrent/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/rutorrent/mind.css b/css/base/rutorrent/mind.css
new file mode 100644
index 00000000..f61fa126
--- /dev/null
+++ b/css/base/rutorrent/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/rutorrent/nord.css b/css/base/rutorrent/nord.css
new file mode 100644
index 00000000..131f36db
--- /dev/null
+++ b/css/base/rutorrent/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/rutorrent/onedark.css b/css/base/rutorrent/onedark.css
new file mode 100644
index 00000000..1e26c24e
--- /dev/null
+++ b/css/base/rutorrent/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/rutorrent/organizr.css b/css/base/rutorrent/organizr.css
new file mode 100644
index 00000000..929396d6
--- /dev/null
+++ b/css/base/rutorrent/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/rutorrent/overseerr.css b/css/base/rutorrent/overseerr.css
new file mode 100644
index 00000000..3b32caeb
--- /dev/null
+++ b/css/base/rutorrent/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/rutorrent/pine-shadow.css b/css/base/rutorrent/pine-shadow.css
new file mode 100644
index 00000000..0eca8c72
--- /dev/null
+++ b/css/base/rutorrent/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/rutorrent/plex.css b/css/base/rutorrent/plex.css
new file mode 100644
index 00000000..2cb0f972
--- /dev/null
+++ b/css/base/rutorrent/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/rutorrent/power.css b/css/base/rutorrent/power.css
new file mode 100644
index 00000000..7040373d
--- /dev/null
+++ b/css/base/rutorrent/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/rutorrent/reality.css b/css/base/rutorrent/reality.css
new file mode 100644
index 00000000..cd1ff47a
--- /dev/null
+++ b/css/base/rutorrent/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/rutorrent/rutorrent-base.css b/css/base/rutorrent/rutorrent-base.css
new file mode 100644
index 00000000..5949da0e
--- /dev/null
+++ b/css/base/rutorrent/rutorrent-base.css
@@ -0,0 +1,1785 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+/* Based on https://github.com/themightykitten/ruTorrent-MaterialDesign */
+@import url(https://use.fontawesome.com/releases/v5.0.7/css/all.css);
+@import url(https://fonts.googleapis.com/css?family=Roboto:400,600,700,300);
+
+@font-face {
+    font-family: 'Roboto' !important
+}
+
+html,
+body {
+    font-family: 'Roboto' !important;
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+    text-shadow: 0 -1px 0 #000
+}
+
+div#preload {
+    width: 0;
+    height: 0;
+    display: none;
+    background-image: url(/resources/rutorrent/menus.png);
+    background-image: url(/resources/rutorrent/toolbar.png);
+    background-image: url(/resources/rutorrent/status_icons.png);
+    background-image: url(/resources/rutorrent/r_bg.gif);
+    background-image: url(/resources/rutorrent/asc.gif);
+    background-image: url(/resources/rutorrent/desc.gif);
+    background-image: url(/resources/rutorrent/pnl_open.gif);
+    background-image: url(/resources/rutorrent/pnl_close.gif);
+    background-image: url(/resources/rutorrent/headers.png)
+}
+
+hr {
+    background-color: rgba(255, 255, 255, 0.08);
+    height: 1px;
+    border-width: 0;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+div#cover {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+div#msg {
+    background: rgba(0, 0, 0, 0.25);
+    border-top: 1px solid #3330;
+    border-bottom: 1px solid #0000;
+    font-size: 11px;
+    font-weight: 700;
+    text-shadow: 0 -3px 0 #0000;
+}
+
+div#sc {
+    border: 1px solid #333;
+    background-color: #181818
+}
+
+div#sc li.se_act div {
+    background-color: #333;
+    color: #888
+}
+
+div#lng {
+    background-color: #181818;
+    border: 1px solid #333
+}
+
+.rmenuitem {
+    color: var(--text-hover) !important;
+}
+
+iframe {
+    border-width: 0px !important;
+    border: none !important;
+}
+
+ul.CMenu {
+    opacity: .98;
+    border: 1px solid transparent;
+    border-right: 1px solid transparent;
+    border-left: 1px solid transparent;
+    border-bottom: 1px solid transparent;
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    padding: 0;
+    border-radius: 5px;
+    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
+}
+
+ul.CMenu li {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+ul.CMenu li.menuitem:first-child {
+    border-top-right-radius: 5px;
+    border-top-left-radius: 5px
+}
+
+ul.CMenu li.menuitem:last-child {
+    border-bottom-right-radius: 5px;
+    border-top-left-radius: 5px
+}
+
+ul.CMenu li a {
+    color: var(--text);
+    background: transparent;
+}
+
+ul.CMenu li a.dis {
+    color: rgb(var(--accent-color))
+}
+
+ul.CMenu li a.dis:hover {
+    color: var(--text-hover)
+}
+
+ul.CMenu li hr {
+    background-color: rgba(255, 255, 255, .08);
+    height: 1px;
+    border-width: 0;
+    border-bottom: 1px solid rgba(255, 255, 255, .08);
+    padding: 0;
+    margin: 0;
+    width: 100%;
+}
+
+ul.CMenu li a.exp {
+    background: transparent;
+}
+
+ul.CMenu li a.exp:hover {
+    background: rgba(255, 255, 255, .08);
+    ;
+}
+
+ul.CMenu li a.sel {
+    color: var(--text-hover);
+    background: rgba(0, 0, 0, 0.15);
+}
+
+ul.CMenu li ul li a.sel {
+    color: #178FD1
+}
+
+ul.CMenu li a:hover {
+    background-color: rgba(255, 255, 255, 0.08) !important;
+    color: var(--text-hover);
+    text-shadow: 0 -1px 0 #000;
+}
+
+ul.CMenu li:hover ul li a {
+    background-color: transparent;
+    color: var(--text-hover);
+}
+
+ul.CMenu li:hover ul li a:hover {
+    color: var(--text-hover);
+    text-shadow: 0 -1px 0 transparent
+}
+
+ul.CMenu li ul li a.dis {
+    color: var(--text-hover);
+}
+
+ul.CMenu li ul li a.dis:hover {
+    background-color: #181818;
+    color: #333
+}
+
+div.stable-body table tbody tr.even:nth-child(2n+1) td {
+    background: rgba(255, 255, 255, 0.08) !important
+}
+
+.stable-body td {
+    border-bottom: 1px solid #ff000000 !important;
+}
+
+.stable-body tr.odd td {
+    background: #2A2A2A !important
+}
+
+#tdetails {
+    overflow: hidden
+}
+
+#StatusBar {
+    border-top: 1px solid #292828 !important;
+    background: #1E1E1E;
+    margin-top: -2px
+}
+
+#sel {
+    border: 1px dotted #555
+}
+
+div#t {
+    background-color: rgba(0, 0, 0, 0.25);
+    background-image: none;
+    border-bottom: none;
+    padding: 4px 0 2px 0;
+    height: 40px;
+}
+
+div#t a {
+    margin: 4px 5px 0 5px
+}
+
+#mnu_logoff.top-menu-item {
+    margin-left: 15px;
+}
+
+div#t a:hover {
+    background: none
+}
+
+div#t div.TB_Separator {
+    border: none;
+    background: none;
+    margin: 0 5px;
+    height: 40px
+}
+
+div#t div#add {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat 0 0
+}
+
+div#t div#add:hover {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat 0 -24px
+}
+
+div#t div#create {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -24px 0
+}
+
+div#t div#create:hover {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -24px -24px
+}
+
+div#t div#remove {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -48px 0
+}
+
+div#t div#remove:hover {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -48px -24px
+}
+
+div#t div#start {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -72px 0
+}
+
+div#t div#start:hover {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -72px -24px
+}
+
+div#t div#pause {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -96px 0
+}
+
+div#t div#pause:hover {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -96px -24px
+}
+
+div#t div#stop {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -120px 0
+}
+
+div#t div#stop:hover {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -120px -24px
+}
+
+div#t div#moveu {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -144px 0
+}
+
+div#t div#moveu:hover {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -144px -24px
+}
+
+div#t div#moved {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -168px 0
+}
+
+div#t div#moved:hover {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -168px -24px
+}
+
+div#t div#search {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -192px 0
+}
+
+div#t div#search:hover {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -192px -24px
+}
+
+div#t div#rss {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -241px 0
+}
+
+div#t div#rss:hover {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -241px -24px
+}
+
+div#t div#setting {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -264px 0
+}
+
+div#t div#setting:hover {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -264px -24px
+}
+
+div#t div#plugins {
+    background: transparent url(/resources/rutorrent/plugin.png) no-repeat 0 center
+}
+
+div#t div#plugins:hover {
+    background: transparent url(/resources/rutorrent/pluginh.png) no-repeat 0 center
+}
+
+div#t div#help {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -288px 0
+}
+
+div#t div#help:hover {
+    background: transparent url(/resources/rutorrent/toolbar.png) no-repeat -288px -24px
+}
+
+div#t div#go {
+    background: transparent url(/resources/rutorrent/go.png) no-repeat 0 0
+}
+
+div#t div#go:hover {
+    background: transparent url(/resources/rutorrent/goh.png) no-repeat 0 0
+}
+
+div select {
+    -webkit-appearance: none !important;
+    background: #1f1f1f url(/resources/rutorrent/dropdown.png) no-repeat 0 0;
+    background-position: right;
+    border: 1px solid #1f1f1f;
+    padding-right: 15px !important;
+}
+
+.stg_con {
+    background-color: transparent
+}
+
+.stg_con fieldset {
+    border: none;
+    border-top: 1px solid rgb(var(--accent-color));
+    border-radius: 0
+}
+
+.stg_con td input {
+    padding: 1px 4px
+}
+
+#st_ao_h,
+#st_throttle_h {
+    height: 360px !important
+}
+
+a {
+    color: var(--link-color);
+    font-family: 'Roboto'
+}
+
+.flot-text {
+    color: var(--text-hover) !important;
+}
+
+.flot-overlay {
+    border: none !important;
+}
+
+div#stg-header {
+    background: #273238 url(/resources/rutorrent/dlg-toolbars.gif) no-repeat scroll 0 -72px;
+    text-shadow: 0 -1px 0 #000
+}
+
+div#CatList {
+    border: none;
+    background-color: rgba(0, 0, 0, 0.25);
+    border-right: 1px solid transparent;
+    border-left: none
+}
+
+div#CatList ul li span {
+    color: var(--text)
+}
+
+div#CatList ul li.sel span {
+    color: #AACF27
+}
+
+div#CatList ul li {
+    border: none;
+    margin: 5px;
+    font-family: 'Roboto'
+}
+
+div#CatList ul li.sel {
+    background-color: transparent;
+    color: var(--text-hover);
+    text-shadow: 0 -1px 0 #000;
+    border: none
+}
+
+#-_-_-all-_-_-,
+#-_-_-dls-_-_-,
+#-_-_-com-_-_-,
+#-_-_-act-_-_-,
+#-_-_-iac-_-_-,
+#-_-_-err-_-_- {
+    background-image: url(/resources/rutorrent/status_icons.png)
+}
+
+.catpanel {
+    font-size: 12px;
+    font-family: 'Roboto';
+    padding: 2px 30px;
+    height: 22px;
+    line-height: 25px;
+    background-image: none;
+    background: url(/resources/rutorrent/pnl_open.gif) 0 0 no-repeat !important;
+    background-color: #273238;
+    font-weight: 700;
+    color: var(--text-hover);
+    text-shadow: 0 -1px 0 #000;
+    border: none
+}
+
+.catpanelcont {
+    margin: 15px 2px;
+    transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0
+}
+
+#-_-_-all-_-_- {
+    background-position: 4px -175px
+}
+
+#-_-_-dls-_-_- {
+    background-position: 4px 2px
+}
+
+#-_-_-com-_-_- {
+    background-position: 4px -15px
+}
+
+#-_-_-act-_-_- {
+    background-position: 4px -159px
+}
+
+#-_-_-iac-_-_- {
+    background-position: 4px -31px
+}
+
+#-_-_-err-_-_- {
+    background-position: 4px -95px
+}
+
+div#CatList ul li.RSS {
+    background-image: url(/resources/rutorrent/status_icons.png);
+    background-position: 4px -207px
+}
+
+div#CatList ul li.disRSS {
+    background-image: url(/resources/rutorrent/status_icons.png)
+}
+
+.stable-icon {
+    background-image: url(/resources/rutorrent/status_icons.png)
+}
+
+.Icon_File {
+    background: transparent url(/resources/rutorrent/file.gif) no-repeat left center
+}
+
+.Icon_Dir {
+    background: transparent url(/resources/rutorrent/dir.gif) no-repeat left center
+}
+
+.Icon_Share {
+    background: transparent url(/resources/rutorrent/dir.gif) no-repeat left center
+}
+
+div#CatList ul li.sel span {
+    color: rgb(var(--accent-color));
+}
+
+div#flabel_cont ul li {
+    background-image: url(/resources/rutorrent/status_icons.png);
+    background-position: 4px -352px
+}
+
+div.tab {
+    background: transparent;
+    font-family: 'Roboto'
+}
+
+div#lcont {
+    background: rgba(0, 0, 0, 0.25);
+    font-family: 'Roboto'
+}
+
+div#gcont table td.Header {
+    background: transparent url(/resources/rutorrent/status_icons.png) no-repeat 0 -286px;
+    font-family: 'Roboto';
+    color: var(--text-hover);
+    padding-left: 17px
+}
+
+div#gcont table tr {
+    background: rgba(0, 0, 0, 0.45);
+    font-family: 'Roboto';
+    color: var(--text);
+}
+
+div#gcont table tr td {
+    background: rgba(0, 0, 0, 0.15);
+}
+
+div#gcont table {
+    font-family: 'Roboto'
+}
+
+div.graph_tab {
+    color: var(--text-hover);
+    border-color: transparent;
+    background-color: rgba(0, 0, 0, 0.25)
+}
+
+div.table_tab {
+    background-color: rgba(0, 0, 0, 0.45);
+    font-family: 'Roboto'
+}
+
+div#modalbg {
+    background-color: #181818
+}
+
+div#List {
+    margin-right: 6px;
+    border: none;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+div#FileList,
+div#TrackerList,
+div#PeerList,
+div#Speed {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.dlg-window {
+    background-color: #222;
+    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.60)
+}
+
+*>fieldset {
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    border-radius: 2px
+}
+
+a.dlg-close {
+    background: transparent url(/resources/rutorrent/close.png) no-repeat scroll left center
+}
+
+a.dlg-close:hover {
+    background: transparent url(/resources/rutorrent/close.png) no-repeat scroll left center
+}
+
+a.dlg-close:link,
+a.dlg-close:visited {
+    background: transparent url(/resources/rutorrent/close.png) no-repeat scroll left center
+}
+
+div.dlg-header {
+    background-color: rgba(0, 0, 0, 0.25);
+    border-bottom: none;
+    font-family: 'Roboto';
+    text-transform: uppercase;
+    font-weight: 700;
+    font-size: 1em
+}
+
+.tskconsole {
+    font-size: 11px;
+    font-family: monospace;
+    line-height: 11px;
+    background: rgba(0, 0, 0, 0.25);
+    white-space: pre;
+    overflow: scroll;
+    height: 198px;
+    width: 580px;
+    cursor: text;
+}
+
+fieldset {
+    background-color: transparent;
+    font-family: 'Roboto'
+}
+
+legend {
+    color: #999;
+    text-transform: uppercase;
+    font-weight: 500;
+    font-size: 1em
+}
+
+td.disabled,
+label.disabled,
+span.disabled,
+div.disabled {
+    color: #b9b9b9
+}
+
+disabled {
+    opacity: 50%
+}
+
+div#stg .lm {
+    margin: 5px 0 5px 5px;
+    padding: 10px 5px 0;
+    background: none;
+    border: none
+}
+
+.lm li,
+.lm li.first,
+.lm li.last,
+.lm li div.toggle {
+    background: transparent none repeat scroll 0 0;
+    text-transform: uppercase;
+    font-size: .9em;
+    margin: 0 0 3px
+}
+
+.lm li a {
+    font-size: 1em;
+    font-weight: 400;
+    color: var(--text);
+    transition: all .5s
+}
+
+.lm li a:hover {
+    color: var(--text-hover);
+    transition: all .5s
+}
+
+.lm li a.focus {
+    color: var(--text-hover);
+    background: none
+}
+
+input.disabled {
+    background-color: #181818;
+    color: #333;
+    border: 1px solid #333
+}
+
+legend {
+    color: var(--text-hover);
+}
+
+select.cols {
+    border: 1px solid #333
+}
+
+div#dragmask {
+    border: 1px dotted #333
+}
+
+div#tdetails {
+    padding: 0;
+    margin: 0;
+    background-color: transparent;
+    color: var(--text-hover);
+    border-top-right-radius: 0px;
+    border-top-left-radius: 0px;
+}
+
+div#tdcont {
+    background: transparent;
+    border: none;
+    padding: 0
+}
+
+div#HDivider {
+    background: rgba(0, 0, 0, 0.45);
+    cursor: e-resize;
+    height: 0;
+    margin: 0;
+    padding: 0;
+    width: 5px
+}
+
+div#RSSList {
+    border: none !important;
+    background-color: rgba(0, 0, 0, 0.25) !important;
+    overflow: hidden;
+    display: block;
+    -moz-user-select: none;
+    -moz-user-focus: normal;
+    -moz-user-input: enabled;
+}
+
+div#HDivider:hover,
+div#VDivider:hover {
+    background: rgba(255, 255, 255, 0.08);
+}
+
+div#tcreate textarea#trackers {
+    color: var(--text-hover);
+    border: none !important;
+    background: rgba(0, 0, 0, 0.25);
+    border-radius: 2px;
+    cursor: text;
+}
+
+input[type="text"],
+input[type="password"],
+select {
+    color: var(--text-hover);
+    border: none;
+    background: rgba(0, 0, 0, 0.25) url(/resources/rutorrent/headers.png) repeat-x scroll 0 -138px;
+    border-radius: 2px;
+    outline: none;
+}
+
+input[type="text"][disabled],
+input[type="password"][disabled],
+input[type="file"][disabled],
+select[disabled] {
+    color: var(--text-hover);
+    border: none;
+    background: rgba(0, 0, 0, 0.08) url(/resources/rutorrent/headers.png) repeat scroll 0 0 !important;
+    border-radius: 2px;
+    opacity: .2
+}
+
+#StatusBar table tr td.pstatus2 {
+    background: transparent url(/resources/rutorrent/green.png) no-repeat scroll 5px center !important
+}
+
+textarea {
+    border: none;
+    border-radius: 2px
+}
+
+#hostcookies,
+#lookat,
+#message,
+#FS_downlink {
+    color: var(--text-hover);
+    border: none !important;
+    background: rgba(0, 0, 0, 0.25);
+    border-radius: 2px
+}
+
+input.Button {
+    background: var(--button-color) none repeat scroll 0 0;
+    border-radius: 2px;
+    border: none;
+    color: var(--button-text);
+    cursor: pointer;
+    display: inline;
+    font-weight: 700;
+    text-shadow: none
+}
+
+input.Button:hover,
+input.Button:focus {
+    background: var(--button-color-hover) none repeat scroll 0 0;
+    color: var(--button-text-hover);
+}
+
+#mainlayout {
+    max-width: 1000px
+}
+
+ul#tabbar {
+    background: rgba(0, 0, 0, 0.45);
+    border: none;
+    color: #606060;
+    height: 24px;
+    text-shadow: none
+}
+
+ul#tabbar li a {
+    background: none;
+    border: none;
+    color: var(--text);
+    cursor: pointer;
+    font-family: inherit;
+    line-height: 24px;
+    margin: 2px 2px 0;
+    padding: 4px 15px 3px;
+    font-weight: 500;
+    text-shadow: none;
+    top: 0
+}
+
+ul#tabbar li a:hover {
+    color: var(--text-hover);
+    text-shadow: none;
+    background: none
+}
+
+ul#tabbar li.selected a {
+    background: none;
+    border-bottom: 2px solid rgb(var(--accent-color));
+    color: rgb(var(--accent-color));
+    padding: 4px 15px 5px;
+    font-weight: 700;
+    text-shadow: none;
+    top: 0;
+    transition: all .2s cubic-bezier(.18, .89, .32, 1.28) 0
+}
+
+.tabbar li {
+    margin-left: 1px;
+    margin-right: 2px
+}
+
+.tabbar {
+    background: none;
+    border: none;
+    color: #038ba9;
+    height: 21px;
+    padding: 4px;
+    text-shadow: none
+}
+
+.tabbar li a {
+    background: none;
+    border: none;
+    color: #606060;
+    cursor: pointer;
+    font-family: inherit;
+    line-height: 24px;
+    margin: -2px 1px 0;
+    padding: 4px 15px 3px;
+    font-weight: 500;
+    text-shadow: none;
+    top: 0;
+    transition: all .5s
+}
+
+.tabbar li a:hover {
+    color: var(--text-hover);
+    background: none;
+    border: none
+}
+
+.tabbar li.selected a {
+    background: none;
+    border: none;
+    border-bottom: 2px solid var(--text-hover);
+    color: #ececec;
+    font-weight: 700;
+    margin: 0 2px 0 0;
+    padding: 4px 15px 3px;
+    text-shadow: none;
+    top: 0
+}
+
+#fMan_navbut {
+    background-image: url(/resources/rutorrent/directory.png) !important;
+    border: 1px solid #181818 !important
+}
+
+#fMan_navbut:hover {
+    background-image: url(/resources/rutorrent/refresh.png) !important
+}
+
+#fMan_pathsel {
+    max-width: 600px !important
+}
+
+#meter-disk-value {
+    border-radius: 2px;
+    overflow: hidden
+}
+
+div#dlgProps textarea#prop-trackers {
+    background: #222#ff8000;
+    border: 1px solid #333
+}
+
+div.dlg-window {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+    border-top: 1px solid transparent;
+    border-right: 1px solid transparent;
+    border-left: 1px solid transparent;
+    border-bottom: 1px solid transparent;
+    border: none;
+}
+
+#stg_c {
+    font-weight: 300 !important
+}
+
+.dlg-header {
+    background-color: #222;
+    border-bottom: none
+}
+
+#FS_main div.dlg-header {
+    background-image: url(/resources/rutorrent/share.png) !important
+}
+
+div#yesnoDlg div.dlg-header {
+    background: rgba(0, 0, 0, 0.25);
+    text-shadow: 0 -1px 0 #000
+}
+
+div#stg-header {
+    background: rgba(0, 0, 0, 0.25);
+    text-shadow: 0 -1px 0 #000;
+    color: var(--text-hover);
+}
+
+div#dlgHelp-header,
+div#dlgHelp div.dlg-header {
+    background: rgba(0, 0, 0, 0.25);
+    text-shadow: 0 -1px 0 #000
+}
+
+div#tadd {
+    margin: 5px;
+    height: 300px !important;
+    width: 450px !important
+}
+
+div#tadd-header {
+    background: rgba(0, 0, 0, 0.25);
+    border-bottom: 1px solid #3330;
+    text-shadow: 0 -1px 0 #000;
+}
+
+#addtorrenturl label:nth-of-type(2),
+#addtorrenturl br,
+#addtorrent label:last-of-type,
+#addtorrent br:last-of-type,
+#addtorrent br:nth-last-of-type(2) {
+    display: none !important
+}
+
+#addtorrent hr:last-of-type {
+    margin-bottom: 15px
+}
+
+#tadd_label,
+#tadd_label_select {
+    margin: 5px 0 5px 25px
+}
+
+#addtorrent span,
+#addtorrent label,
+#tadd_label_select,
+#tadd_label {
+    clear: both;
+    float: left
+}
+
+#addtorrent span:first-of-type,
+#addtorrent label:nth-of-type(2) {
+    margin-top: 10px
+}
+
+#addtorrenturl {
+    margin-top: 15px
+}
+
+Input.TextboxLarge {
+    border: none
+}
+
+div.tab {
+    background-color: rgba(0, 0, 0, 0.25)
+}
+
+div#t div#ind {
+    height: 34px;
+    width: 34px;
+    background: transparent url(/resources/rutorrent/ajax-loader.gif) no-repeat 0 center;
+    margin: 2px 6px
+}
+
+tr#rrow td * {
+    margin-top: -2px
+}
+
+tr#rrow td a#mnu_go div#go {
+    margin-top: -5px
+}
+
+span#loadimg {
+    background: transparent url(/resources/rutorrent/ajax-loader.gif) no-repeat center center
+}
+
+.meter-value-start-color {
+    background-color: #E05400
+}
+
+.meter-value-end-color {
+    background-color: #8FBC00
+}
+
+
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .2);
+    background-clip: padding-box;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .5);
+    background-clip: padding-box;
+}
+
+input#clear_log,
+input#add_url,
+input#add_button {
+    margin-top: 2px
+}
+
+div#lcont div.std {
+    background: rgba(0, 0, 0, 0.25);
+    height: 17px;
+    line-height: 17px;
+    border-bottom: 1px solid transparent;
+}
+
+div#lcont div.std:nth-child(2n+1) {
+    background: rgba(255, 255, 255, 0.08);
+}
+
+#StatusBar {
+    border-top: 1px solid transparent;
+    background: rgba(0, 0, 0, 0.45);
+    color: #ccc;
+    font-family: Roboto
+}
+
+#StatusBar table tr td {
+    padding-right: 5px;
+    border: none;
+    background: transparent url(/resources/rutorrent/headers.png) no-repeat right -208px
+}
+
+#StatusBar table tr td td {
+    background: none
+}
+
+#StatusBar table tr td:last-child {
+    border-top: red
+}
+
+#st_up {
+    background: url(/resources/rutorrent/status.png) no-repeat 6px 2px
+}
+
+#st_down {
+    background: url(/resources/rutorrent/status.png) no-repeat 6px -18px
+}
+
+.statuscell {
+    padding-right: 5px;
+    border: none
+}
+
+#stup_speed {
+    color: #AACF27
+}
+
+#stdown_speed {
+    color: #178FD1
+}
+
+#stup_total,
+#stdown_total {
+    color: var(--text-hover);
+}
+
+span#ds,
+span#dl {
+    color: #178FD1
+}
+
+span#ra {
+    color: #F70000
+}
+
+span#us,
+span#ul {
+    color: #AACF27
+}
+
+span.det {
+    color: var(--text-hover);
+}
+
+.stable-head table tr td {
+    border-right: 1px solid #242424 !important;
+    font-family: Roboto !important
+}
+
+.Icon_Dir {
+    background-image: url(/resources/rutorrent/status_icons.png);
+    background-position: 0 -272px
+}
+
+.Icon_File {
+    background-image: url(/resources/rutorrent/status_icons.png);
+    background-position: 0 -256px
+}
+
+.Icon_Torrent {
+    background: transparent url(/resources/rutorrent/torrent.png) no-repeat scroll left center !important
+}
+
+.Icon_Vid {
+    background: transparent url(/resources/rutorrent/video.png) no-repeat scroll left center !important
+}
+
+.Icon_Mp3 {
+    background: transparent url(/resources/rutorrent/mp3.png) no-repeat scroll left center !important
+}
+
+.Icon_Img {
+    background: transparent url(/resources/rutorrent/image.png) no-repeat scroll left center !important
+}
+
+.Icon_Nfo {
+    background: transparent url(/resources/rutorrent/nfo.png) no-repeat scroll left center !important
+}
+
+.Icon_Sfv {
+    background: transparent url(/resources/rutorrent/text.png) no-repeat scroll left center !important
+}
+
+.Icon_UpD {
+    background: transparent url(/resources/rutorrent/up.png) no-repeat scroll left center !important
+}
+
+.Icon_Rar,
+.Icon_Zip {
+    background: transparent url(/resources/rutorrent/archive.zip) no-repeat scroll left center !important
+}
+
+
+
+
+
+
+@font-face {
+    font-family: 'Ubuntu';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Ubuntu'), url(https://themes.googleusercontent.com/static/fonts/ubuntu/v5/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff');
+}
+
+.stable {
+    border: 1px solid;
+    border-color: #333333 #181818 #181818 #333333;
+}
+
+.stable td {
+    padding: 2px;
+}
+
+.stable-head {
+    color: var(--text-hover);
+    background: rgba(0, 0, 0, 0.45);
+    border: none;
+    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0);
+    font-family: Ubuntu;
+}
+
+div#tdcont .stable-head {
+    border: none;
+}
+
+div#tdcont .stable {
+    border: none;
+}
+
+.stable-head table tr {
+    background: transparent;
+    border: none;
+}
+
+.stable-head table tr td {
+    border: none;
+    font-family: Ubuntu;
+    height: 18px;
+    line-height: 18px;
+    cursor: pointer;
+}
+
+.stable-head div.resz {
+    border: 1px solid #FF0000;
+    background: transparent url(/resources/rutorrent/s.gif) no-repeat scroll left center;
+}
+
+.stable-body {
+    background: window;
+    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0);
+    color: var(--text);
+}
+
+.stable-body td {
+    border-bottom: 1px solid #333333;
+}
+
+.stable-body td div {
+    font-family: Ubuntu, Verdana, Arial, Helvetica, sans-serif;
+    height: 16px !important;
+}
+
+.stable-body tr.odd td {
+    background: #333333
+}
+
+.stable-body tr.even td {
+    background: #191919
+}
+
+.stable-body tr {
+    height: 22px;
+}
+
+.stable-body {
+    background: transparent
+}
+
+.stable-body tr.selected td {
+    background: rgba(255, 255, 255, 0.25);
+    color: var(--text-hover);
+    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0);
+}
+
+div.stable-body table tbody tr.even td {
+    background: rgba(0, 0, 0, 0.08);
+}
+
+div.stable-body table tbody tr.even td:nth-child(2n+1) {
+    color: var(--text);
+}
+
+div.stable-body table tbody tr.even:nth-child(2n+1) td {
+    background: #181818 url(/resources/rutorrent/headers.png) repeat-x 0px -64px;
+}
+
+.stable-move-header {
+    background: transparent url(/resources/rutorrent/header_move.gif) repeat-x scroll center top;
+    border: 1px solid #0099FF;
+}
+
+.stable-move-header {
+    background: transparent url(/resources/rutorrent/header_move.gif) repeat-x scroll center top rgba(128, 128, 128, 0.7);
+    border: 1px solid #0099FF;
+}
+
+.gecko .stable-move-header {
+    background: rgba(128, 128, 128, 0.7);
+    -moz-opacity: 0.7;
+}
+
+.ie .stable-move-header {
+    background: rgba(128, 128, 128, 0.7);
+    filter: alpha(opacity=70)
+}
+
+.webkit .stable-move-header {
+    background: rgba(128, 128, 128, 0.7);
+}
+
+.stable-active-header {
+    border-color: threedface !important
+}
+
+.stable-separator-header {
+    background: #181818;
+}
+
+.stable-scrollpos {
+    background: #181818 url(/resources/rutorrent/headers.png) repeat-x 0px -37px;
+    height: 17px;
+    line-height: 17px;
+    border-bottom: 1px solid #333333;
+}
+
+.stable-scrollpos:nth-child(2n+1) {
+    background: #181818 url(/resources/rutorrent/headers.png) repeat-x 0px -64px;
+}
+
+.meter-value {
+    float: left;
+    border: 1px inset transparent !important;
+    border-bottom: none !important;
+    background: rgb(var(--accent-color)) !important;
+}
+
+.stable-body tr.selected span.meter-value {
+    color: var(--text-hover);
+}
+
+.meter-text {
+    line-height: 16px;
+    position: relative;
+    text-align: left;
+    float: left;
+    width: 0px;
+    height: 0px;
+    overflow: visible;
+    left: 40%;
+    font-size: 11px;
+    font-family: Ubuntu;
+    z-index: 1;
+    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0);
+    color: var(--label-text-color);
+}
+
+
+
+
+@font-face {
+    font-family: 'Ubuntu';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Ubuntu'), url(https://themes.googleusercontent.com/static/fonts/ubuntu/v5/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff');
+}
+
+.tskconsole,
+.exconsole,
+.console,
+.starterConsole {
+    background: #333333
+}
+
+#tsk_btns input.Button {
+    margin: 0px 3px
+}
+
+#tsk_btns .scplay {
+    display: none
+}
+
+.cCell {
+    color: black
+}
+
+#meter-disk-value,
+#qmeter-disk-value,
+#qmeter-band-value {
+    float: left;
+    border: 1px inset #1b1b1b;
+    border-bottom: none;
+    background: #96CE00 url(/resources/rutorrent/headers.png) repeat-x 0px -138px;
+}
+
+#meter-disk-text,
+#qmeter-disk-text,
+#meter-band-text {
+    color: var(--text-hover);
+    text-shadow: 0px 0px 2px #000;
+    position: relative;
+    text-align: left;
+    float: left;
+    width: 0px;
+    height: 0px;
+    overflow: visible;
+    left: 40%;
+    font-size: 11px;
+    font-family: Ubuntu;
+    z-index: 1;
+}
+
+#meter-disk-holder,
+#qmeter-disk-holder,
+#meter-band-holder {
+    width: 100px;
+    height: 16px;
+    line-height: 16px;
+    border-right: none;
+    padding-left: 25px;
+    margin-left: 0px;
+    background: url(/resources/rutorrent/status_icons.png) no-repeat 3px -336px;
+}
+
+#meter-cpu-text {
+    position: absolute;
+    left: 65px;
+    top: 0px;
+    color: var(--text-hover);
+    text-shadow: 0px 0px 2px #000;
+    font-size: 11px;
+    font-family: Ubuntu;
+}
+
+#meter-cpu-holder {
+    width: 100px;
+    height: 16px;
+    line-height: 16px;
+    border-right: none;
+    margin-left: 0px;
+    padding-left: 25px;
+    background: url(/resources/rutorrent/status_icons.png) no-repeat 3px -320px;
+}
+
+/* #meter-cpu-td {}*/
+
+div.graph_tab {
+    color: var(--text-hover);
+    border-color: transparent;
+}
+
+div#tcreate div.dlg-header {
+    background: rgba(0, 0, 0, 0.25);
+    border-bottom: 1px solid transparent;
+    text-shadow: 0px -1px 0px #000;
+    background-image: none !important;
+}
+
+div#dlgAddRSS {
+    background-color: #222222;
+    border-top: 1px solid transparent;
+    border-right: 1px solid transparent;
+    border-left: 1px solid transparent;
+    border-bottom: 1px solid transparent;
+}
+
+div#dlgAddRSS-header,
+div#dlgAddRSS div.dlg-header {
+    background: rgba(0, 0, 0, 0.25);
+    border-bottom: 1px solid transparent;
+    text-shadow: 0px -1px 0px #000;
+    background-image: none !important;
+}
+
+
+
+.lf li input.TextboxFocus {
+    background-color: transparent;
+    color: #009DDD
+}
+
+.cCell {
+    color: #333;
+}
+
+.Cell0 {
+    background-color: #FFFDF0;
+    border: 1px dotted #888888;
+}
+
+.Cell1 {
+    background-color: #7EB400;
+}
+
+.Cell2 {
+    background-color: #75A602;
+}
+
+.Cell3 {
+    background-color: #6D9A02;
+}
+
+.Cell4 {
+    background-color: #628C02;
+}
+
+.Cell5 {
+    background-color: #5B8101;
+}
+
+.Cell6 {
+    background-color: #527501;
+}
+
+.Cell7 {
+    background-color: #4A6801;
+}
+
+.Cell8 {
+    background-color: #435F01;
+}
+
+.Cell9 {
+    background-color: #3B5401;
+}
+
+.CellA {
+    background-color: #C1C3C3;
+}
+
+.CellB {
+    background-color: #999A9A;
+}
+
+.CellC {
+    background-color: #767776;
+}
+
+.CellD {
+    background-color: #6B6C6B;
+}
+
+.CellE {
+    background-color: #60605E;
+}
+
+.CellF {
+    background-color: #000;
+    color: var(--text-hover);
+}
+
+#tCellNotSupported {
+    text-align: center;
+}
+
+#tRowNotSupported {
+    vertical-align: middle;
+    color: red;
+}
+
+div#dlgEditRules-header,
+#dlgEditRatioRules-header,
+div#dlgEditRules div.dlg-header {
+    background: #181818 url(/resources/rutorrent/dlg-toolbars.gif) no-repeat 0 -72px !important;
+    border-bottom: 1px solid #333333;
+    text-shadow: 0px -1px 0px #000;
+}
+
+div#dlgEditRules,
+div#dlgEditRatioRules {
+    width: 600px;
+}
+
+.lfc_rru,
+.lfc_rur {
+    width: 250px;
+}
+
+.lf_rru,
+.lf_rur {
+    border: none;
+    border-radius: 2px;
+    background-color: #2D2D2D;
+}
+
+#exratio_buttons1 input.Button {
+    margin: 0px 3px;
+}
+
+#autodl-tb {
+    background: transparent url(/resources/rutorrent/autodll-irc1.png) no-repeat center;
+}
+
+#autodl-tb:hover {
+    background: transparent url(/resources/rutorrent/autodll-irc2.png) no-repeat center;
+}
+
+#autodl-multiselect-header {
+    background-image: url("/resources/rutorrent/dlg-autodl-irc.gif");
+}
+
+.shieven {
+    background: #191919;
+}
+
+.shiodd {
+    background: #333333;
+}
+
+div#webuiUpdateToggle.pause {
+    background: transparent url(/resources/rutorrent/pauseui.png) no-repeat;
+}
+
+div#webuiUpdateToggle.pause:hover {
+    background: transparent url(/resources/rutorrent/pauseuih.png) no-repeat;
+}
+
+div#webuiUpdateToggle.resume {
+    background: transparent url(/resources/rutorrent/playui.png) no-repeat;
+}
+
+div#webuiUpdateToggle.resume:hover {
+    background: transparent url(/resources/rutorrent/playuih.png) no-repeat;
+}
+
+div#webuiRefresh {
+    background: transparent url(/resources/rutorrent/refreshui.png) no-repeat;
+}
+
+div#webuiRefresh:hover {
+    background: transparent url(/resources/rutorrent/refreshuih.png) no-repeat;
+}
+
+div#linkproxy {
+    background: transparent url(/resources/rutorrent/proxy.png) no-repeat;
+}
+
+div#linkproxy:hover {
+    background: transparent url(/resources/rutorrent/proxyh.png) no-repeat;
+}
+
+div#linklogs {
+    background: transparent url(/resources/rutorrent/linklogs.png) no-repeat;
+}
+
+div#linklogs:hover {
+    background: transparent url(/resources/rutorrent/linklogsh.png) no-repeat;
+}
+
+div#linkseedboxmanager {
+    background: transparent url(/resources/rutorrent/seedboxmanager.png) no-repeat;
+}
+
+div#linkseedboxmanager:hover {
+    background: transparent url(/resources/rutorrent/seedboxmanagerh.png) no-repeat;
+}
+
+div#plugin {
+    background: transparent url(/resources/rutorrent/plugin.png) no-repeat;
+}
+
+div#plugin:hover {
+    background: transparent url(/resources/rutorrent/pluginh.png) no-repeat;
+}
+
+#maillayout #letterform table tr td {
+    background: #181818
+}
+
+#maillayout #replyform table tr td {
+    background: #181818
+}
+
+div#chat {
+    background-image: url(/resources/rutorrent/chat.png);
+}
+
+div#chat:hover {
+    background-image: url(/resources/rutorrent/chat3.png);
+}
+
+div#tchat div.dlg-header {
+    background-image: url(/resources/rutorrent/chat2.png);
+}
+
+#userlist,
+#chatselect,
+#chatarea,
+#chatselect option {
+    border: none !important;
+    background-color: #6F6F6F !important;
+    border-radius: 2px !important;
+    color: var(--text-hover) !important
+}
+
+div#logoff {
+    background-image: url(/resources/rutorrent/logoff.png);
+}
+
+div#logoff:hover {
+    background-image: url(/resources/rutorrent/logoff3.png);
+}
+
+div#logoffDlg div.dlg-header {
+    background-image: url(/resources/rutorrent/logoff2.png);
+}
+
+.noty_alert,
+.noty_success {
+    color: #000000;
+    text-shadow: 0 -1px 0 var(--text-hover)
+}
+
+.retrackers {
+    width: 100%;
+    height: 110px;
+    border: 1px solid transparent !important;
+    font-size: 11px;
+    font-family: Tahoma, Arial, Helvetica, sans-serif;
+    cursor: text;
+    background: rgba(0, 0, 0, 0.25) !important;
+    color: var(--text-hover) !important;
+    outline: none !important;
+}
+
+
+#dlgEditRatioRules .rf_rru,
+#dlgEditRules .rf_rur {
+    background-color: transparent;
+}
+
+
+#dlgEditRatioRules .lf_rru li input.TextboxFocus,
+#dlgEditRules .lf_rur li input.TextboxFocus {
+    background-color: rgb(255 255 255 / 25%);
+    color: var(--text-hover);
+}
+
+#dlgEditRatioRules .lf_rru li input.TextboxNormal,
+#dlgEditRules .lf_rur li input.TextboxNormal {
+    background-color: rgb(255 255 255 / .08) !important;
+    color: var(--text-hover);
+}
+
+.autodl-listbox {
+    border: 1px solid rgb(255 255 255 / 8%);
+    background-color: transparent;
+}
+
+#autodl-filters {
+    width: 800px !important;
+}
+
+div#dlgEditRules-header,
+#dlgEditRatioRules-header,
+div#dlgEditRules div.dlg-header {
+    background: rgba(0, 0, 0, 0.25) !important;
+}
\ No newline at end of file
diff --git a/css/base/rutorrent/soul.css b/css/base/rutorrent/soul.css
new file mode 100644
index 00000000..4ee1f52e
--- /dev/null
+++ b/css/base/rutorrent/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/rutorrent/space-gray.css b/css/base/rutorrent/space-gray.css
new file mode 100644
index 00000000..17961c60
--- /dev/null
+++ b/css/base/rutorrent/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/rutorrent/space.css b/css/base/rutorrent/space.css
new file mode 100644
index 00000000..ed6479b9
--- /dev/null
+++ b/css/base/rutorrent/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/rutorrent/time.css b/css/base/rutorrent/time.css
new file mode 100644
index 00000000..ccd226a9
--- /dev/null
+++ b/css/base/rutorrent/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/rutorrent/trueblack.css b/css/base/rutorrent/trueblack.css
new file mode 100644
index 00000000..defd73cc
--- /dev/null
+++ b/css/base/rutorrent/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/sabnzbd/aquamarine.css b/css/base/sabnzbd/aquamarine.css
new file mode 100644
index 00000000..051fcb1b
--- /dev/null
+++ b/css/base/sabnzbd/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/sabnzbd/blackberry-abyss.css b/css/base/sabnzbd/blackberry-abyss.css
new file mode 100644
index 00000000..7bea05d3
--- /dev/null
+++ b/css/base/sabnzbd/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/sabnzbd/blackberry-amethyst.css b/css/base/sabnzbd/blackberry-amethyst.css
new file mode 100644
index 00000000..e598f0e2
--- /dev/null
+++ b/css/base/sabnzbd/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/sabnzbd/blackberry-carol.css b/css/base/sabnzbd/blackberry-carol.css
new file mode 100644
index 00000000..067440a5
--- /dev/null
+++ b/css/base/sabnzbd/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/sabnzbd/blackberry-dreamscape.css b/css/base/sabnzbd/blackberry-dreamscape.css
new file mode 100644
index 00000000..4a863341
--- /dev/null
+++ b/css/base/sabnzbd/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/sabnzbd/blackberry-flamingo.css b/css/base/sabnzbd/blackberry-flamingo.css
new file mode 100644
index 00000000..a7fe6361
--- /dev/null
+++ b/css/base/sabnzbd/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/sabnzbd/blackberry-hearth.css b/css/base/sabnzbd/blackberry-hearth.css
new file mode 100644
index 00000000..0f7a33a5
--- /dev/null
+++ b/css/base/sabnzbd/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/sabnzbd/blackberry-martian.css b/css/base/sabnzbd/blackberry-martian.css
new file mode 100644
index 00000000..5301848c
--- /dev/null
+++ b/css/base/sabnzbd/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/sabnzbd/blackberry-pumpkin.css b/css/base/sabnzbd/blackberry-pumpkin.css
new file mode 100644
index 00000000..d8f21496
--- /dev/null
+++ b/css/base/sabnzbd/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/sabnzbd/blackberry-royal.css b/css/base/sabnzbd/blackberry-royal.css
new file mode 100644
index 00000000..737d5010
--- /dev/null
+++ b/css/base/sabnzbd/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/sabnzbd/blackberry-shadow.css b/css/base/sabnzbd/blackberry-shadow.css
new file mode 100644
index 00000000..5de5509e
--- /dev/null
+++ b/css/base/sabnzbd/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/sabnzbd/blackberry-solar.css b/css/base/sabnzbd/blackberry-solar.css
new file mode 100644
index 00000000..d294cc81
--- /dev/null
+++ b/css/base/sabnzbd/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/sabnzbd/blackberry-vanta.css b/css/base/sabnzbd/blackberry-vanta.css
new file mode 100644
index 00000000..1b8bb8a6
--- /dev/null
+++ b/css/base/sabnzbd/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/sabnzbd/dark.css b/css/base/sabnzbd/dark.css
new file mode 100644
index 00000000..70c2bde2
--- /dev/null
+++ b/css/base/sabnzbd/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/sabnzbd/dracula.css b/css/base/sabnzbd/dracula.css
new file mode 100644
index 00000000..93e99625
--- /dev/null
+++ b/css/base/sabnzbd/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/sabnzbd/hotline-old.css b/css/base/sabnzbd/hotline-old.css
new file mode 100644
index 00000000..e60f41af
--- /dev/null
+++ b/css/base/sabnzbd/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/sabnzbd/hotline.css b/css/base/sabnzbd/hotline.css
new file mode 100644
index 00000000..1bc3c8a9
--- /dev/null
+++ b/css/base/sabnzbd/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/sabnzbd/hotpink.css b/css/base/sabnzbd/hotpink.css
new file mode 100644
index 00000000..22d7076b
--- /dev/null
+++ b/css/base/sabnzbd/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/sabnzbd/mind.css b/css/base/sabnzbd/mind.css
new file mode 100644
index 00000000..620f2c32
--- /dev/null
+++ b/css/base/sabnzbd/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/sabnzbd/nord.css b/css/base/sabnzbd/nord.css
new file mode 100644
index 00000000..2c6dd493
--- /dev/null
+++ b/css/base/sabnzbd/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/sabnzbd/onedark.css b/css/base/sabnzbd/onedark.css
new file mode 100644
index 00000000..e87ef50b
--- /dev/null
+++ b/css/base/sabnzbd/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/sabnzbd/organizr.css b/css/base/sabnzbd/organizr.css
new file mode 100644
index 00000000..8ac1024c
--- /dev/null
+++ b/css/base/sabnzbd/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/sabnzbd/overseerr.css b/css/base/sabnzbd/overseerr.css
new file mode 100644
index 00000000..7d8c973a
--- /dev/null
+++ b/css/base/sabnzbd/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/sabnzbd/pine-shadow.css b/css/base/sabnzbd/pine-shadow.css
new file mode 100644
index 00000000..ae52f7bb
--- /dev/null
+++ b/css/base/sabnzbd/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/sabnzbd/plex.css b/css/base/sabnzbd/plex.css
new file mode 100644
index 00000000..aa4ca750
--- /dev/null
+++ b/css/base/sabnzbd/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/sabnzbd/power.css b/css/base/sabnzbd/power.css
new file mode 100644
index 00000000..61d68723
--- /dev/null
+++ b/css/base/sabnzbd/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/sabnzbd/reality.css b/css/base/sabnzbd/reality.css
new file mode 100644
index 00000000..b5154b8b
--- /dev/null
+++ b/css/base/sabnzbd/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/sabnzbd/sabnzbd-base.css b/css/base/sabnzbd/sabnzbd-base.css
new file mode 100644
index 00000000..1ac8ffdf
--- /dev/null
+++ b/css/base/sabnzbd/sabnzbd-base.css
@@ -0,0 +1,1190 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+
+@import url(/css/defaults/placeholders.css);
+
+body {
+  background: var(--main-bg-color) !important;
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+  background-color: transparent;
+  font-family: Open Sans Bold, Helvetica Neue, Helvetica, Arial, sans-serif !important;
+  font-size: 1.4em !important;
+  color: var(--text);
+}
+
+* {
+  outline: none !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+label:not(.btn),
+legend {
+  color: var(--text-hover) !important;
+}
+
+p {
+  color: var(--text);
+}
+
+a {
+  color: var(--link-color);
+}
+
+[href="#modal-add-nzb"] {
+  opacity: 1;
+}
+
+.speedlimit-dropdown.dropdown>div>div>a {
+  color: var(--button-text);
+}
+
+#navbar-collapse>ul>li.speedlimit-dropdown.dropdown>div>div:hover a.hover-button {
+  color: var(--button-text-hover);
+  opacity: 1;
+}
+
+a:active,
+a:hover,
+a:focus {
+  color: var(--link-color-hover);
+}
+
+#modal-options .modal-header a {
+  color: var(--link-color) !important;
+}
+
+#modal-options .modal-header a:hover {
+  color: var(--link-color-hover) !important;
+}
+
+/* Scrollbar */
+@media only screen and (min-width: 768px) {
+  html {
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+  }
+
+  body {
+    overflow-y: auto;
+    height: 100%;
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+  }
+}
+
+::-webkit-scrollbar {
+  width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+  min-height: 50px;
+  border: 3px solid transparent;
+  border-radius: 8px;
+  background-color: hsla(0, 0%, 100%, .2);
+  background-clip: padding-box;
+}
+
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  min-height: 50px;
+  border: 3px solid transparent;
+  border-radius: 8px;
+  background-color: hsla(0, 0%, 100%, .5);
+  background-clip: padding-box;
+}
+
+/* navbar */
+.nav-tabs,
+hr {
+  border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+#modal-options #options-status hr {
+  border-top: 1px solid rgb(var(--accent-color));
+}
+
+.navbar-inverse {
+  background-color: rgba(0, 0, 0, .25);
+  border-color: transparent !important;
+}
+
+.navbar-nav>li>a {
+  color: rgb(var(--accent-color)) !important;
+  opacity: 1;
+}
+
+.navbar-nav>li>a:hover,
+.main-menu-link:hover a {
+  opacity: 1;
+  color: var(--accent-color-hover) !important;
+}
+
+.main-menu-link .icon-bar {
+  display: block;
+  width: 16px;
+  height: 3px;
+  border-radius: 1px !important;
+  background-color: var(--link-color);
+  margin-top: 3px;
+}
+
+.main-menu-link:hover .icon-bar {
+  background-color: var(--link-color-hover);
+}
+
+/* .navbar-btn {
+  background: var(--button-color) !important;
+  border-color: transparent !important;
+} */
+
+.navbar-inverse .navbar-nav>.open>a,
+.navbar-inverse .navbar-nav>.open>a:hover,
+.navbar-inverse .navbar-nav>.open>a:focus {
+  background-color: hsla(0, 0%, 100%, .08);
+}
+
+.ui-slider-horizontal,
+.ui-slider-range-min {
+  background: rgb(var(--accent-color)) !important;
+}
+
+.ui-slider .ui-slider-handle {
+  background-color: rgb(var(--accent-color));
+  border: 1px solid black;
+}
+
+.main-content {
+  background-color: rgba(0, 0, 0, 0.15);
+  border: none;
+}
+
+.dropdown-menu,
+#feedback-slider,
+.navbar-collapse.in .dropdown-menu {
+  background: var(--drop-down-menu-bg);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+  border: none;
+}
+
+.dropdown-menu>li>a{
+  color: var(--text-hover);
+}
+
+.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
+.navbar-collapse.in .dropdown-menu a, .navbar-collapse.in .dropdown-menu a:hover {
+  color: var(--text-hover) !important;
+}
+
+.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
+  background-color: rgba(255, 255, 255, 0.25);
+}
+
+.navbar-inverse .navbar-toggle {
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
+.dropdown-menu>li>a:hover,
+.dropdown-menu>li>a:focus {
+  color: var(--text-hover);
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+.dropdown-header {
+  color: var(--text-hover);
+}
+
+.menu-options .form-control {
+  background: var(--drop-down-menu-bg);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+}
+
+.main-notification-box {
+  background: var(--modal-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+}
+
+.main-filedrop.in,
+.main-restarting.in {
+  color: var(--text-hover);
+}
+
+svg.peity polygon {
+  fill: var(--button-color) !important;
+}
+
+svg.peity polyline {
+  stroke: var(--button-color) !important;
+}
+
+.rss-icon-svg {
+  fill: var(--button-color);
+  border-radius: 3px !important;
+}
+
+/* BUTTONS */
+.input-group-addon {
+  color: var(--button-text);
+  background: var(--button-color);
+  border-color: var(--button-color);
+}
+
+.form-signin .btn {
+  background: var(--button-color) !important;
+  outline: none !important;
+}
+
+.text-center a {
+  color: var(--text-hover);
+}
+
+.btn-default {
+  color: var(--button-text);
+  background: var(--button-color);
+  border-color: var(--button-color);
+  outline: none !important;
+}
+
+.btn-default:focus,
+.btn-default.focus {
+  color: var(--button-text-hover);
+  background: var(--button-color-hover);
+  border-color: var(--button-color-hover);
+}
+
+.btn-default:hover {
+  color: var(--button-text-hover);
+  background: var(--button-color-hover);
+  border-color: var(--button-color-hover);
+}
+
+.btn-default:active:hover,
+.btn-default.active:hover,
+.open>.dropdown-toggle.btn-default:hover,
+.btn-default:active:focus,
+.btn-default.active:focus,
+.open>.dropdown-toggle.btn-default:focus,
+.btn-default:active.focus,
+.btn-default.active.focus,
+.open>.dropdown-toggle.btn-default.focus {
+  color: var(--button-text-hover);
+  background: var(--button-color-hover);
+  border-color: var(--button-color-hover);
+}
+
+.btn-default:active,
+.btn-default.active,
+.open>.dropdown-toggle.btn-default {
+  color: var(--button-text-hover) !important;
+  background: var(--button-color-hover) !important;
+  border-color: var(--button-color-hover) !important;
+}
+
+.btn-group>.btn:hover,
+.btn-group-vertical>.btn:hover,
+.btn-group>.btn:focus,
+.btn-group-vertical>.btn:focus,
+.btn-group>.btn:active,
+.btn-group-vertical>.btn:active,
+.btn-group>.btn.active,
+.btn-group-vertical>.btn.active {
+  z-index: 0;
+}
+
+.btn-default:active:hover,
+.btn-default.active:hover,
+.open>.dropdown-toggle.btn-default:hover,
+.btn-default:active:focus,
+.btn-default.active:focus,
+.open>.dropdown-toggle.btn-default:focus,
+.btn-default:active.focus,
+.btn-default.active.focus,
+.open>.dropdown-toggle.btn-default.focus {
+  color: var(--button-text-hover);
+  background-color: var(--button-color-hover);
+  border-color: var(--button-color-hover);
+}
+
+.btn-default:active,
+.btn-default.active,
+.open>.dropdown-toggle.btn-default {
+  color: var(--button-text-hover) !important;
+  background-color: var(--button-color-hover) !important;
+  border-color: var(--button-color-hover) !important;
+}
+
+/* buttons settings */
+.btn-default.sabnzbd_restart {
+  color: #ddd;
+  background-color: #a94442;
+  border-color: transparent;
+}
+
+.btn-default.sabnzbd_restart:hover {
+  color: #fff;
+  background-color: #d93935;
+  border-color: transparent;
+}
+
+.btn-default.saveButton {
+  color: #ddd;
+  background-color: #3c763d;
+  border-color: transparent;
+}
+
+.btn-default.saveButton:hover,
+.btn-default.saveButton:focus,
+.btn-default.saveButton:active {
+  color: #fff !important;
+  background-color: #42a543 !important;
+  border-color: transparent !important;
+}
+
+/* buttons categories */
+.btn-default.delCat {
+  color: #ddd;
+  background-color: #a94442;
+  border-color: #2d2c2c;
+}
+
+.btn-default.delCat:hover {
+  color: #fff;
+  background-color: #d93935;
+  border-color: transparent;
+}
+
+.btn-default.fileBrowser {
+  color: var(--button-text);
+  background-color: var(--button-color);
+  border-color: transparent;
+}
+
+.btn-default.fileBrowser:hover,
+.btn-default.fileBrowser:focus,
+.btn-default.fileBrowser:active {
+  color: var(--button-text-hover) !important;
+  background-color: var(--button-color-hover) !important;
+  border-color: transparent !important;
+}
+
+/* Button Switches*/
+.btn-default.restoreDefaults {
+  color: #ddd;
+  background-color: #a94442;
+  border-color: transparent;
+}
+
+.btn-default.restoreDefaults:hover,
+.btn-default.restoreDefaults:focus {
+  color: #fff;
+  background-color: #d93935;
+  border-color: transparent;
+}
+
+/*Button Sorting*/
+.btn-default.clearBtn {
+  color: #fff !important;
+  background-color: #a94442;
+  border-color: transparent;
+}
+
+.btn-default.clearBtn:hover {
+  color: #fff !important;
+  background-color: #d93935;
+  border-color: none;
+}
+
+.btn-default.patternKey {
+  color: var(--button-text) !important;
+  background-color: var(--button-color);
+  border-color: transparent;
+}
+
+.btn-default.patternKey:hover {
+  color: var(--button-text-hover) !important;
+  background-color: var(--button-color-hover);
+  border-color: transparent;
+}
+
+input[type="button"],
+input[type="submit"] {
+  color: var(--button-text) !important;
+  background: var(--button-color);
+  border: 1px solid #00000000
+}
+
+input[type="button"]:hover,
+input[type="submit"]:hover,
+input[type="button"]:active,
+input[type="submit"]:active,
+input[type="button"]:focus,
+input[type="submit"]:focus {
+  color: var(--button-text-hover) !important;
+  background-color: var(--button-color-hover) !important;
+  border: 1px solid #00000000
+}
+
+/* file button */
+.btn-default.btn-file {
+  color: var(--text-hover);
+  background-color: var(--button-color);
+  border-color: transparent;
+}
+
+.btn-default.btn-file:hover,
+.btn-default.btn-file:active,
+.btn-default.btn-file:focus {
+  color: var(--button-text-hover) !important;
+  background-color: var(--button-color-hover) !important;
+  border-color: transparent !important;
+}
+
+/* History */
+
+.queue-table .row-extra-text,
+.history-table .row-extra-text {
+  color: var(--text-muted);
+}
+
+.caret {
+  border-top-color: var(--button-text) !important;
+}
+
+td.delete .dropdown>a .caret {
+  border-top-color: var(--button-color) !important;
+}
+
+.table-striped>tbody>tr:nth-of-type(odd) {
+  background-color: rgba(0, 0, 0, 0.25);
+}
+
+tbody.no-downloads tr td {
+  border-bottom: 1px solid #1f1f1f !important;
+}
+
+tbody>tr>td:last-child {
+  border-right: 1px solid transparent !important;
+}
+
+tr td {
+  border-top: 1px solid transparent !important;
+}
+
+tbody>tr>td:first-child {
+  border-left: 1px solid transparent !important;
+}
+
+table {
+  background-color: rgba(0, 0, 0, 0.25) !important
+}
+
+table:hover {
+  background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+.table-hover>tbody>tr:hover {
+  background-color: rgba(255, 255, 255, 0.07) !important;
+  color: var(--text-hover);
+}
+
+tbody>tr:last-child td {
+  border-bottom: 1px solid transparent !important;
+}
+
+.history-table,
+tr td.status,
+.history-table,
+tr td.history-completedon,
+.history-table,
+tr td.row-extra-text,
+.history-table tr td.status,
+.history-table tr td.history-completedon,
+.history-table tr td.row-extra-text {
+  color: var(--text);
+  border-top: none !important;
+}
+
+.table-messages .table-messages-remove {
+  border-bottom: 1px solid transparent !important;
+  background: rgba(255, 255, 255, 0.25);
+}
+
+.progress .progress-bar .fileDetails {
+  color: var(--button-text);
+}
+
+.progress strong,
+.progress i {
+  color: var(--text-hover);
+}
+
+.progress {
+  background-color: rgb(var(--accent-color), .7) !important;
+  box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+}
+
+.progress-bar strong {
+  color: var(--label-text-color) !important;
+}
+
+.progress-bar+span {
+  color: var(--label-text-color) !important;
+}
+
+.progress-bar-info,
+.progress-bar {
+  background-color: rgb(var(--accent-color)) !important;
+}
+
+.glyphicon-compressed:before {
+  color: #888;
+}
+
+.direct-unpack span {
+  color: #888;
+}
+
+.processing-download>div {
+  background-color: #888;
+}
+
+
+.multioperations-selector {
+  border: 1px solid transparent !important;
+  background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+#history-options .hover-button {
+  color: rgb(var(--accent-color));
+}
+
+#history-tab .table>tbody>tr:nth-of-type(2n+1),
+.table-striped>tbody>tr:nth-of-type(2n+1) {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.pagination>li>a,
+.pagination>li>span,
+.pagination>li>span:hover {
+  color: var(--button-text);
+  background-color: var(--button-color);
+  border: 1px solid var(--button-color);
+}
+
+.pagination>li>a,
+.pagination>li>span {
+  color: var(--button-text);
+  background-color: var(--button-color);
+  border: 1px solid var(--button-color);
+}
+
+.pagination>li>a:hover,
+.pagination>li>span:hover,
+.pagination>li>a:focus,
+.pagination>li>span:focus {
+  color: var(--button-text-hover);
+  background-color: var(--button-color-hover);
+  border: 1px solid var(--button-color-hover);
+}
+
+.pagination li.active a,
+.pagination li.active span,
+.pagination li.active a:hover,
+.pagination li.active span:hover {
+  color: var(--button-text-hover);
+  background-color: var(--button-color-hover);
+  border: 1px solid var(--button-color-hover);
+}
+
+.pagination>.disabled>span,
+.pagination>.disabled>span:hover,
+.pagination>.disabled>span:focus,
+.pagination>.disabled>a,
+.pagination>.disabled>a:hover,
+.pagination>.disabled>a:focus {
+  color: var(--text-muted);
+  background-color: rgba(0, 0, 0, .25);
+  border: 1px solid transparent;
+}
+
+
+.search-box input {
+  border: transparent;
+}
+
+.form-control {
+  color: var(--text-hover);
+  background-color: rgb(0 0 0 / 25%);
+}
+
+.form-control:focus {
+  border-color: var(--text-hover);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  background: #1b1b1b;
+}
+
+/*Tabbed sorting */
+
+.history-queue-swicher .nav-tabs>li>a,
+.history-queue-swicher .nav-tabs>li.active>a {
+  border-bottom: 1px solid transparent;
+  border: 1px solid transparent;
+  color: var(--text-hover) !important;
+}
+
+.history-queue-swicher .nav {
+  border-bottom: 1px solid transparent;
+}
+
+.nav-tabs>li.active>a,
+.nav-tabs>li.active>a:hover,
+.nav-tabs>li.active>a:focus {
+  color: #555;
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+.nav>li>a:hover,
+.nav>li>a:focus {
+  text-decoration: none;
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+.badge {
+  color: var(--label-text-color);
+  background-color: rgb(var(--accent-color));
+}
+
+/*Settings*/
+.navbar-default {
+  background: var(--main-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+  border: none;
+}
+
+.navbar-default .navbar-nav>li>a {
+  color: var(--text) !important;
+}
+
+.navbar-default .navbar-nav>.open>a {
+  background-color: hsla(0, 0%, 0%, .15);
+}
+
+.navbar-default .navbar-nav>li>a:hover,
+.navbar-logo:hover {
+  background-color: transparent !important;
+}
+
+.navbar-default .navbar-nav>li>a:hover {
+  background-color: hsla(0, 0%, 100%, .08) !important;
+  color: var(--text-hover) !important;
+}
+
+.navbar-default .navbar-nav>li>a.active {
+  background-color: hsla(0, 0%, 0%, .15) !important;
+  color: rgb(var(--accent-color)) !important;
+}
+
+#content {
+  color: var(--text-hover);
+}
+
+.colmask {
+  border: none;
+  background-color: rgba(0, 0, 0, .25);
+}
+
+.padTable:not(.ui-sortable) {
+  background: var(--main-bg-color) !important;
+}
+
+table {
+  border-color: transparent !important;
+}
+
+.table>thead>tr>th,
+.table>tbody>tr>th,
+.table>tfoot>tr>th,
+.table>thead>tr>td,
+.table>tbody>tr>td,
+.table>tfoot>tr>td {
+  border-top: none !important;
+}
+
+.section,
+#addFeed,
+#addFeedContent {
+  border-bottom: 1px solid transparent;
+}
+
+.alt,
+.infoTableSeperator.alt {
+  background-color: rgba(0, 0, 0, .25);
+}
+
+.info-container {
+  color: var(--text-hover);
+}
+
+.col2 table {
+  background-color: transparent !important;
+}
+
+.col2 table:hover {
+  background-color: transparent !important;
+}
+
+/*General Settings*/
+.Key tr:nth-child(odd),
+.tab-pane tr:nth-child(odd),
+.even {
+  background-color: transparent;
+}
+
+.path {
+  color: var(--text-hover);
+}
+
+.col2 h3 {
+  background: transparent;
+}
+
+.form-control.advanced-button.config-hover {
+  color: var(--text-hover);
+  background-color: rgba(255, 255, 255, 0.25);
+  border-color: rgba(255, 255, 255, 0.25);
+  border-radius: 3px !important;
+}
+
+.form-control.advanced-button.config-hover:hover {
+  color: var(--text-hover);
+  background-color: rgba(255, 255, 255, 0.3);
+  border-color: rgba(255, 255, 255, 0.3);
+  border-radius: 3px !important;
+}
+
+.form-control::-moz-placeholder {
+  color: var(--text-muted) !important;
+  opacity: 1
+}
+
+.form-control:-ms-input-placeholder {
+  color: var(--text-muted) !important;
+}
+
+.form-control::-webkit-input-placeholder {
+  color: var(--text-muted) !important;
+}
+
+.col2 p,
+.col2-cats {
+  color: var(--text-hover);
+}
+
+/*Input*/
+input[type="text"],
+input[type="email"],
+input[type="url"],
+input[type="number"],
+input[type="password"],
+input[type="date"],
+textarea,
+select {
+  border: none;
+  background-color: rgba(0, 0, 0, 0.15);
+  border-radius: 3px !important;
+  color: var(--text-hover) !important;
+  outline: none;
+}
+
+input[type="text"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="number"]:focus,
+input[type="password"]:focus,
+input[type="date"]:focus,
+textarea:focus,
+select:focus {
+  border: none;
+  background-color: rgb(25, 26, 28);
+  border-radius: 3px !important;
+  outline: none;
+}
+
+textarea:hover,
+input[type="date"]:hover,
+input[type="datetime"]:hover,
+input[type="datetime-local"]:hover,
+input[type="email"]:hover,
+input[type="month"]:hover,
+input[type="number"]:hover,
+input[type="password"]:hover,
+input[type="search"]:hover,
+input[type="tel"]:hover,
+input[type="text"]:hover,
+input[type="time"]:hover,
+input[type="url"]:hover,
+input[type="week"]:hover,
+textarea:focus,
+input[type="date"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="email"]:focus,
+input[type="month"]:focus,
+input[type="number"]:focus,
+input[type="password"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="text"]:focus,
+input[type="time"]:focus,
+input[type="url"]:focus,
+input[type="week"]:focus {
+  background-color: rgba(255, 255, 255, 0.1);
+  border: none;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+input[type="date"] {
+  background: transparent;
+  color: var(--text-hover);
+}
+
+input[type="date"]::-webkit-calendar-picker-indicator {
+  filter: invert(100%);
+}
+
+/*Servers*/
+
+.server-disabled {
+  background: repeating-linear-gradient(-55deg,
+      #444444,
+      #444444 10px,
+      #333 10px,
+      #333 20px) center center/cover no-repeat fixed;
+  color: var(--text-muted);
+}
+
+.server-disabled p,
+.server-disabled label,
+.server-disabled h3 {
+  color: var(--text-muted) !important;
+}
+
+.server-disabled button {
+  background: #363636;
+  border-color: #363636;
+  color: var(--text-muted);
+}
+
+.server-disabled button:hover {
+  background: #464646;
+  border-color: #464646;
+  color: var(--text-muted);
+}
+
+.section .server-disabled {
+  background-color: rgba(255, 255, 255, 0);
+}
+
+.Servers .ct-label {
+  color: var(--text-hover);
+}
+
+.Servers .ct-series-a .ct-point {
+  stroke: #337ab7;
+  stroke-width: 4px;
+}
+
+.Servers .ct-series-a .ct-line {
+  stroke: var(--text-hover);
+}
+
+.Servers .ct-series-a .ct-area {
+  fill: var(--text-hover);
+}
+
+/*Categories*/
+.Categories form:first-of-type tr:last-of-type {
+  background-color: transparent;
+}
+
+.catTable {
+  background-color: transparent !important;
+}
+
+.catTable:hover {
+  background-color: transparent !important;
+}
+
+.Categories form.sorting-row:nth-child(2n-1) tr {
+  background-color: transparent;
+}
+
+input[disabled],
+select[disabled] {
+  background-color: #1f1f1f;
+  opacity: .5;
+}
+
+input[disabled]:hover,
+select[disabled]:hover {
+  background-color: #1f1f1f;
+  opacity: .5;
+}
+
+
+/*Folder modal*/
+.list-group-item {
+  background-color: rgba(0, 0, 0, 0.25);
+  border: none;
+}
+
+.example {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
+/*modal*/
+.modal-content {
+  background: var(--modal-bg-color);
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+}
+
+.modal-body {
+  background: var(--modal-bg-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+}
+
+.modal-header {
+  background: var(--modal-header-color);
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+  margin-left: 0px;
+  margin-right: 0px;
+}
+
+.modal-body>.nav-tabs>li>a {
+  color: var(--text) !important;
+  opacity: 1 !important;
+  border: transparent;
+}
+
+.modal-body>.nav-tabs>li.active>a,
+.modal-body>.nav-tabs>li.active>a:hover,
+.modal-body>.nav-tabs>li.active>a:focus {
+  color: rgb(var(--accent-color)) !important;
+  background-color: hsla(0, 0%, 100%, .08) !important;
+  border: transparent;
+  border-bottom-color: transparent;
+  cursor: default;
+}
+
+.modal-body>.nav-tabs>li>a:hover {
+  border-color: transparent !important;
+}
+
+.modal-body>.nav>li>a:hover,
+.modal-body>.nav>li>a:focus {
+  background-color: hsla(0, 0%, 100%, .08) !important;
+  color: var(--text-hover) !important;
+}
+
+.modal-body>.tab-content>.active {
+  background: var(--modal-bg-color) !important;
+  background-repeat: repeat, no-repeat;
+  background-attachment: fixed, fixed;
+  background-position: center center, center center;
+  background-size: auto, cover;
+  -webkit-background-size: auto, cover;
+  -moz-background-size: auto, cover;
+  -o-background-size: auto, cover;
+}
+
+#modal-options .tab-content h4 {
+  color: var(--text-hover);
+}
+
+#modal-options .options-switch label,
+#modal-options #options-orphans .process-all-orphaned {
+  color: var(--text-hover);
+}
+
+#modal-options #options-status small {
+  color: var(--text-muted);
+}
+
+#modal-options .options-function-box .input-group-addon {
+  background-color: var(--button-color);
+  color: var(--button-text);
+  border: 1px solid var(--button-color);
+}
+
+#modal-options .table-server-connections thead {
+
+  background-color: rgba(0, 0, 0, .25);
+}
+
+#modal-options .table-server-connections thead {
+  background-color: rgba(0, 0, 0, .25);
+}
+
+#modal-item-files .item-files-table .progress small {
+  color: var(--text-muted) !important;
+}
+
+a.list-group-item,
+button.list-group-item {
+  color: var(--text-hover);
+}
+
+a.list-group-item:hover,
+button.list-group-item:hover,
+a.list-group-item:focus,
+button.list-group-item:focus {
+  text-decoration: none;
+  color: var(--text-hover);
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+.form-control {
+  border: transparent;
+}
+
+.fade.in {
+  background: rgba(0, 0, 0, 0.6);
+}
+
+.fade {
+  -webkit-transition: none;
+  -o-transition: none;
+  transition: none;
+}
+
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: #919191;
+  opacity: 1;
+}
+
+/* Scheduling */
+.time {
+  color: var(--text-hover);
+}
+
+/* Wizard */
+
+.container {
+  border: 1px solid rgba(255, 255, 255, 0);
+  background-color: rgb(255 255 255 / 0);
+}
+
+.container #inner {
+  background-color: transparent;
+}
+
+.language:hover {
+  background-color: rgb(255 255 255 / 10%);
+}
+
+.container .quoteBlock {
+  background-color: rgb(0 0 0 / 25%);
+}
+
+#content a,
+#content a:hover,
+#content a:active,
+#content a:visited,
+#serverResponse {
+  color: var(--text);
+}
+
+/* interface configuration */
+#modal-options .table-server-connections th {
+  border-left: none;
+}
+
+#modal-options .table-server-connections th:last-child {
+  border-right: none;
+}
+
+.main-helplink {
+  display: block;
+  position: static;
+  float: right;
+  color: rgb(var(--accent-color)) !important;
+  padding: 0px;
+  font-size: 1.2em;
+}
\ No newline at end of file
diff --git a/css/base/sabnzbd/soul.css b/css/base/sabnzbd/soul.css
new file mode 100644
index 00000000..9484d460
--- /dev/null
+++ b/css/base/sabnzbd/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/sabnzbd/space-gray.css b/css/base/sabnzbd/space-gray.css
new file mode 100644
index 00000000..18fa9fc7
--- /dev/null
+++ b/css/base/sabnzbd/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/sabnzbd/space.css b/css/base/sabnzbd/space.css
new file mode 100644
index 00000000..7d3ccb05
--- /dev/null
+++ b/css/base/sabnzbd/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/sabnzbd/time.css b/css/base/sabnzbd/time.css
new file mode 100644
index 00000000..d318168b
--- /dev/null
+++ b/css/base/sabnzbd/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/sabnzbd/trueblack.css b/css/base/sabnzbd/trueblack.css
new file mode 100644
index 00000000..e35527cc
--- /dev/null
+++ b/css/base/sabnzbd/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/sonarr/aquamarine.css b/css/base/sonarr/aquamarine.css
new file mode 100644
index 00000000..241c1806
--- /dev/null
+++ b/css/base/sonarr/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/sonarr/blackberry-abyss.css b/css/base/sonarr/blackberry-abyss.css
new file mode 100644
index 00000000..a02385a9
--- /dev/null
+++ b/css/base/sonarr/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/sonarr/blackberry-amethyst.css b/css/base/sonarr/blackberry-amethyst.css
new file mode 100644
index 00000000..8a538a55
--- /dev/null
+++ b/css/base/sonarr/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/sonarr/blackberry-carol.css b/css/base/sonarr/blackberry-carol.css
new file mode 100644
index 00000000..94e271d8
--- /dev/null
+++ b/css/base/sonarr/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/sonarr/blackberry-dreamscape.css b/css/base/sonarr/blackberry-dreamscape.css
new file mode 100644
index 00000000..060c2109
--- /dev/null
+++ b/css/base/sonarr/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/sonarr/blackberry-flamingo.css b/css/base/sonarr/blackberry-flamingo.css
new file mode 100644
index 00000000..2e89a54e
--- /dev/null
+++ b/css/base/sonarr/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/sonarr/blackberry-hearth.css b/css/base/sonarr/blackberry-hearth.css
new file mode 100644
index 00000000..874af022
--- /dev/null
+++ b/css/base/sonarr/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/sonarr/blackberry-martian.css b/css/base/sonarr/blackberry-martian.css
new file mode 100644
index 00000000..7ca1afee
--- /dev/null
+++ b/css/base/sonarr/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/sonarr/blackberry-pumpkin.css b/css/base/sonarr/blackberry-pumpkin.css
new file mode 100644
index 00000000..48434ee4
--- /dev/null
+++ b/css/base/sonarr/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/sonarr/blackberry-royal.css b/css/base/sonarr/blackberry-royal.css
new file mode 100644
index 00000000..7a7fada4
--- /dev/null
+++ b/css/base/sonarr/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/sonarr/blackberry-shadow.css b/css/base/sonarr/blackberry-shadow.css
new file mode 100644
index 00000000..074de228
--- /dev/null
+++ b/css/base/sonarr/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/sonarr/blackberry-solar.css b/css/base/sonarr/blackberry-solar.css
new file mode 100644
index 00000000..39dff81b
--- /dev/null
+++ b/css/base/sonarr/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/sonarr/blackberry-vanta.css b/css/base/sonarr/blackberry-vanta.css
new file mode 100644
index 00000000..e55a86fe
--- /dev/null
+++ b/css/base/sonarr/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/sonarr/dark.css b/css/base/sonarr/dark.css
new file mode 100644
index 00000000..13e5a1f2
--- /dev/null
+++ b/css/base/sonarr/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/sonarr/dracula.css b/css/base/sonarr/dracula.css
new file mode 100644
index 00000000..63173190
--- /dev/null
+++ b/css/base/sonarr/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/sonarr/hotline-old.css b/css/base/sonarr/hotline-old.css
new file mode 100644
index 00000000..d74b8cf4
--- /dev/null
+++ b/css/base/sonarr/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/sonarr/hotline.css b/css/base/sonarr/hotline.css
new file mode 100644
index 00000000..d70ffe14
--- /dev/null
+++ b/css/base/sonarr/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/sonarr/hotpink.css b/css/base/sonarr/hotpink.css
new file mode 100644
index 00000000..4b62ad44
--- /dev/null
+++ b/css/base/sonarr/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/sonarr/mind.css b/css/base/sonarr/mind.css
new file mode 100644
index 00000000..214f3617
--- /dev/null
+++ b/css/base/sonarr/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/sonarr/nord.css b/css/base/sonarr/nord.css
new file mode 100644
index 00000000..7a6f2bff
--- /dev/null
+++ b/css/base/sonarr/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/sonarr/onedark.css b/css/base/sonarr/onedark.css
new file mode 100644
index 00000000..565fdd80
--- /dev/null
+++ b/css/base/sonarr/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/sonarr/organizr.css b/css/base/sonarr/organizr.css
new file mode 100644
index 00000000..f4b7c9fb
--- /dev/null
+++ b/css/base/sonarr/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/sonarr/overseerr.css b/css/base/sonarr/overseerr.css
new file mode 100644
index 00000000..5831e5dd
--- /dev/null
+++ b/css/base/sonarr/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/sonarr/pine-shadow.css b/css/base/sonarr/pine-shadow.css
new file mode 100644
index 00000000..8749061c
--- /dev/null
+++ b/css/base/sonarr/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/sonarr/plex.css b/css/base/sonarr/plex.css
new file mode 100644
index 00000000..7bd6b999
--- /dev/null
+++ b/css/base/sonarr/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/sonarr/power.css b/css/base/sonarr/power.css
new file mode 100644
index 00000000..90bc3071
--- /dev/null
+++ b/css/base/sonarr/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/sonarr/reality.css b/css/base/sonarr/reality.css
new file mode 100644
index 00000000..3f61ae0f
--- /dev/null
+++ b/css/base/sonarr/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/sonarr/sonarr-base.css b/css/base/sonarr/sonarr-base.css
new file mode 100644
index 00000000..59a53730
--- /dev/null
+++ b/css/base/sonarr/sonarr-base.css
@@ -0,0 +1,1162 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+:root {
+    --calendar-tv-unaired-premiere: 53 197 244;
+    --calendar-tv-downloading: 122 67 182;
+    --calendar-tv-unmonitored: 173 173 173;
+    --calendar-tv-unaired: 93 156 236;
+    --calendar-tv-missing: 240 80 80;
+    --calendar-tv-on-air: 255 165 0;
+    --calendar-tv-available: 39 194 76;
+}
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+/* Froms */
+
+[class*="FormInputHelpText-helpText-"] {
+    color: var(--text);
+}
+
+[class*="FormInputGroup-inputUnit-"] {
+    color: var(--text) !important;
+}
+
+/* LINKS */
+[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]) {
+    color: var(--link-color);
+}
+
+[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover {
+    color: var(--link-color-hover);
+}
+
+a {
+    color: var(--link-color);
+}
+
+a:hover {
+    color: var(--link-color-hover);
+}
+
+[class*="TableRowCell-cell-"] [class*="Link-to-"],
+[class*="EpisodeTitleLink-link-"] {
+    color: var(--link-color) !important;
+}
+
+[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover,
+[class*="EpisodeTitleLink-link-"]:hover {
+    color: var(--link-color-hover) !important;
+}
+
+/* Buttons */
+
+[class*="Button-default-"] {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: transparent;
+}
+
+[class*="Button-default-"]:hover {
+    border-color: transparent;
+    background-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover);
+}
+
+[class*="Button-primary-"] {
+    border-color: transparent;
+    background-color: var(--button-color);
+    color: var(--button-text);
+}
+
+[class*="Button-primary-"]:hover {
+    border-color: transparent;
+    background-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover);
+}
+
+[class*="Button-success-"] {
+    border-color: var(--button-color);
+    background-color: var(--button-color);
+    color: var(--button-text);
+}
+
+[class*="Button-success-"]:hover {
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+/* LOADING PAGE */
+[class*="ErrorPage-page-"],
+[class*="ErrorPage-version-"],
+[class*="LoadingMessage-loadingMessage-"] {
+    color: var(--text);
+}
+
+[class*="LoadingIndicator-ripple-"] {
+    border: 2px solid var(--text-hover);
+}
+
+/* MODAL */
+[class*="ModalHeader-modalHeader-"] {
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+[class*="ModalContent-modalContent-"] {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="ModalFooter-modalFooter-"] {
+    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+    border-top: 1px solid rgb(var(--accent-color));
+}
+
+[class*="ModalContent-closeButton-"]:hover {
+    color: var(--text-hover);
+}
+
+/* SONARR SPECIFIC */
+/* NOTE calendar modal popup */
+[class*="EpisodeSummary-infoTitle-"],
+[class*="EpisodeDetailsModalContent-tab-"],
+[class*="DescriptionListItemTitle-title-"] {
+    color: var(--text-hover);
+}
+
+/* INPUT */
+[class*="TagInput-internalInput-"] {
+    background-color: transparent;
+    color: var(--text-hover);
+}
+
+[class*="SelectInput-select-"] {
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+[class*="SelectInput-select-"]:active,
+[class*="SelectInput-select-"]:focus {
+    background: #1e1e1e !important;
+}
+
+[class*="AutoSuggestInput-suggestionsList-"],
+[class*="AutoSuggestInput-suggestionsContainerOpen-"],
+[class*="AutoSuggestInput-suggestionsContainer-"] {
+    background-color: #323232 !important;
+    color: white;
+    border: none !important;
+}
+
+[class*="AutoSuggestInput-suggestionHighlighted-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="CheckInput-primaryIsChecked-"] {
+    border-color: rgb(var(--accent-color)) !important;
+    background-color: rgb(var(--accent-color)) !important;
+    color: var(--label-text-color) !important;
+}
+
+[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] {
+    background: #fff;
+}
+
+/* HEADER */
+
+[class*="PageHeader-header-"] {
+    background-color: rgba(0, 0, 0, .35);
+}
+
+/* SEARCH DROPDOWN HEADER */
+
+[class*="PageHeader-donate-"] {
+    color: #c4273c !important;
+}
+
+/* SONARR SPECIFIC */
+
+[class*="EpisodeDetailsModalContent-selectedTab-"] {
+    border-color: var(--accent-color-hover);
+    background-color: rgb(0 0 0 / 40%);
+}
+
+[class*="SeriesSearchInput-sectionTitle-"] {
+    color: var(--text-hover);
+}
+
+[class*="SeriesSearchInput-containerOpen-"] [class*="SeriesSearchInput-seriesContainer-"] {
+    border: none !important;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover) !important;
+    box-shadow: 0 0 10px 1px transparent !important;
+}
+
+[class*="SeriesSearchInput-highlighted-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="SeriesSearchInput-seriesContainer-"]::-webkit-scrollbar-thumb {
+    background-color: rgba(255, 255, 255, 0.25) !important;
+}
+
+[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+/* SIDE MENU */
+[class*="PageSidebar-sidebarContainer-"] {
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="PageSidebar-sidebar-"] {
+    background-color: transparent;
+}
+
+[class*="PageSidebarItem-link-"] {
+    color: var(--text-hover)
+}
+
+[class*="PageSidebarItem-link-"]:hover {
+    color: rgb(var(--accent-color));
+    text-decoration: none;
+}
+
+[class*="PageSidebarItem-isActiveLink-"],
+[class*="PageSidebarItem-isActiveLink-"]:hover,
+[class*="PageSidebarItem-link-"]:focus {
+    color: rgb(var(--accent-color)) !important;
+}
+
+[class*="PageSidebarItem-isActiveParentLink-"] {
+    background-color: rgba(0, 0, 0, 0.15);
+}
+
+@media only screen and (max-width: 768px) {
+    [class*="PageSidebar-sidebarContainer-"] {
+        background: var(--main-bg-color) !important;
+    }
+}
+
+[class*="PageSidebarItem-isActiveItem-"] {
+    border-left: 3px solid rgb(var(--accent-color));
+}
+
+#sidebar-toggle-button {
+    color: var(--text);
+}
+
+#sidebar-toggle-button:hover,
+#sidebar-toggle-button:focus,
+#sidebar-toggle-button:active {
+    color: var(--text-hover);
+}
+
+/* SERIES PAGE */
+/* SONARR SPECIFIC  */
+[class*="SeriesIndexPoster-controls-"] {
+    background-color: rgb(var(--accent-color)) !important;
+}
+
+/* OVERVIEW PAGE */
+
+[class*="SeriesIndexOverviews-container-"],
+[class*="SeriesIndexOverviews-container-"]:hover {
+    background-color: transparent !important;
+}
+
+[clas*="SeriesIndexOverview-container-"]:hover [class*="SeriesIndexOverview-content-"] {
+    background-color: transparent;
+}
+
+[class*="SeriesIndexOverview-content-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="SeriesIndexOverview-link-"]:hover {
+    text-decoration: none;
+}
+
+[class*="ProgressBar-container-"] {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+
+[class*=".ProgressBar-purple-"] {
+    background-color: rgb(var(--accent-color));
+}
+
+/* SHOW PAGE */
+[class*="SeriesDetailsSeason-season-"],
+[class*="SeriesDetailsSeason-collapseButtonContainer-"] {
+    border: none !important;
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+[class*="SeriesDetailsSeason-episodes-"] {
+    border-top: 1px solid rgb(255 255 255 / 50%);
+}
+
+[class*="SeriesDetailsSeason-actionButton-"],
+[class*="SeriesDetailsSeason-collapseButtonIcon-"] {
+    color: var(--text) !important;
+}
+
+[class*="SeriesDetailsSeason-actionButton-"]:hover,
+[class*="SeriesDetailsSeason-collapseButtonIcon-"]:hover {
+    color: var(--text-hover) !important;
+}
+
+[class*="SeriesDetailsSeason-sizeOnDisk-"] {
+    color: var(--text-muted);
+}
+
+[class*="SeriesDetails-contentContainer-"] {
+    color: var(--text);
+}
+
+.fa-search:hover {
+    color: var(--text-hover) !important;
+}
+
+[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) {
+    color: var(--text-hover);
+}
+
+[class*="MonitorToggleButton-toggleButton-"] {
+    color: #dadada;
+}
+
+[class*="ProtocolLabel-torrent-"] {
+    border-color: #00853d !important;
+    background-color: #00853d !important;
+    color: #fff !important;
+}
+
+[class*="ProtocolLabel-usenet-"] {
+    border-color: #17b1d9 !important;
+    background-color: #17b1d9 !important;
+    color: #fff !important;
+}
+
+[class*="SeriesDetailsSeason-seasonNumber-"] {
+    color: var(--text-hover);
+}
+
+[class*="SeriesDetailsSeason-collapseButtonContainer-"] {
+    border: none !important;
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
+[class*="Popover-title-"],
+[class*="SeasonInfo-title-"],
+[class*="Popover-body-"],
+[class*="Tooltip-body-"],
+[class*="Tooltip-tooltipContainer-"],
+[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+    background: #1f1f1f;
+    color: #eee;
+}
+
+/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+    [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
+    [class*="Popover-title-"],
+    [class*="Popover-body-"],
+    [class*="Tooltip-body-"],
+    [class*="Tooltip-tooltipContainer-"],
+    [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+        -webkit-backdrop-filter: saturate(1) blur(1.5em);
+        backdrop-filter: saturate(1) blur(1.5em);
+        background: rgb(var(--accent-color),0.05);
+        color: white;
+    }
+    [class*="SeasonInfo-title-"] {
+        background: transparent;
+    }
+} */
+
+[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
+    border-top-color: var(--text);
+}
+
+[class*="Tooltip-bottom-"][class*="Tooltip-inverse-"] {
+    border-bottom-color: var(--text);
+}
+
+[class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
+    border-bottom-color: var(--text) !important;
+}
+
+[class*="Tooltip-right-"][class*="Tooltip-default-"] {
+    border-right-color: var(--text) !important;
+}
+
+[class*="EpisodeTitleLink-link-"]:hover {
+    color: var(--link-color-hover);
+}
+
+[class*="IconButton-button-"] {
+    color: var(--text);
+}
+
+[class*="IconButton-button-"]:hover,
+[class*="Label-small-"] [class*="IconButton-button-"] {
+    background-color: transparent;
+    color: var(--label-text-color);
+}
+
+[class*="SeriesIndexPoster-action-"] .fa-search:hover {
+    background-color: transparent;
+    color: var(--label-text-color) !important;
+}
+
+[class*="SeriesDetailsSeason-left-"] [class*="IconButton-button-"]:hover,
+[class*="SeriesDetails-seriesNavigationButton-"]:hover,
+[class*="SeriesDetails-monitorToggleButton-"]:hover {
+    color: var(--text-hover);
+}
+
+[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover {
+    background-color: transparent;
+    color: var(--text-hover);
+}
+
+[class*="Label-default-"] {
+    border-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+[class*="Label-info-"] {
+    border-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+[class*="PageSidebarItem-status-"] [class*="Label-info-"] {
+    border-color: var(--arr-queue-color);
+    background-color: var(--arr-queue-color);
+    color: var(--label-text-color);
+}
+
+[class*="Label-success-"] {
+    border-color: #27c24c;
+    background-color: #27c24c;
+    color: #000;
+}
+
+[class*="Label-disabled-"][class*="Label-outline-"] {
+    color: #000;
+}
+
+[class*="Label-outline-"] {
+    background-color: #999;
+}
+
+[class*="Label-disabled-"] {
+    border-color: #999;
+    background-color: #999;
+    color: #000;
+}
+
+/* Table options*/
+[class*="TableOptionsColumn-column-"] {
+    background: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+    border: none;
+}
+
+[class*="TableHeaderCell-headerCell-"] {
+    color: var(--text-hover);
+}
+
+[class*="Table-table-"] {
+    color: var(--text);
+}
+
+[class*="TableRow-row-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08);
+    color: var(--text-hover);
+}
+
+[class*="TableRowCell-cell-"] {
+    border-top: 1px solid rgb(255 255 255 / 25%);
+}
+
+/* TOP MENU SERIES */
+[class*="PageToolbar-toolbar-"] {
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] {
+    opacity: .5;
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover,
+[class*="PageToolbarButton-isDisabled-"]:hover {
+    color: var(--text) !important;
+}
+
+[class*="PageToolbarButton-label-"] {
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-toolbarButton-"]:hover {
+    color: rgb(var(--accent-color));
+}
+
+[class*="MenuButton-menuButton-"]:hover {
+    color: rgb(var(--accent-color));
+}
+
+/* POSTERS */
+[class*="SeriesIndexPoster-title-"],
+[class*="SeriesIndexPoster-nextAiring-"],
+[class*="SeriesIndexPosterInfo-info-"] {
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+/* SERIES TOP HEADER DROPDOWN */
+[class*="MenuItem-menuItem-"] {
+    color: var(--text);
+    background: 0;
+}
+
+[class*="MenuContent-menuContent-"] {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;  
+}
+
+[class*="MenuContent-scroller-"] {
+    box-shadow: black 0 0 5px 0px;
+}
+
+[class*="MenuItem-menuItem-"]:hover,
+[class*="MenuItem-menuItem-"]:focus {
+    background: hsla(0, 0%, 100%, .08) !important;
+    color: var(--text-hover);
+    text-decoration: none;
+}
+
+[class*="MenuItemSeparator-separator-"] {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+/* ALPHABET JUMP BAR */
+[class*="PageJumpBar-jumpBar-"] {
+    color: var(--text-hover);
+}
+
+/* MINI RIGHT SCROLL BAR */
+[class*="OverlayScroller-thumb-"],
+[class*="ImportSeriesSelectSeries-results-"]::-webkit-scrollbar-thumb {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="OverlayScroller-thumb-"]:hover,
+[class*="ImportSeriesSelectSeries-results-"]::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(255, 255, 255, 0.25) !important;
+}
+
+/* ADD NEW */
+[class*="EnhancedSelectInput-optionsContainer-"] {
+    border-radius: 4px;
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-options-"] {
+    border: 1px solid rgba(var(--accent-color)) !important;
+    background-color: transparent;
+}
+
+[class*="EnhancedSelectInputOption-isSelected-"],
+[class*="EnhancedSelectInputOption-isSelected-"]:hover {
+    background-color: rgba(255, 255, 255, 0.20) !important;
+    color: var(--text-hover);
+}
+
+[class*="EnhancedSelectInputOption-option-"]:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+[class*="HintedSelectInputOption-hintText-"] {
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-optionsModalScroller-"] {
+    border-radius: 4px;
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"] {
+    color: var(--button-text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"]:hover {
+    color: var(--button-text-hover);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] { 
+    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+}
+
+/* SEARCH BAR */
+[class*="Input-input-"],
+[class*="AddNewSeries-searchIconContainer-"],
+[class*="CheckInput-isIndeterminate-"] {
+    border: none;
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+[class*="SeriesSearchInput-container-"] [class*="Input-input-"] {
+    background: transparent;
+    border-bottom: solid 1px var(--text-hover);
+}
+
+[class*="SeriesSearchInput-container-"] [class*="Input-input-"]:focus {
+    border-bottom: none;
+    background: transparent;
+}
+
+[class*="SeriesSearchResult-alternateTitle-"] {
+    color: var(--text-hover);
+    font-size: 12px;
+}
+
+[class*="Input-input-"]:focus {
+    outline: 0;
+    border-color: var(--text-hover);
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+[class*="TagInput-input-"][class*="TagInput-isFocused-"] {
+    outline: 0;
+    border-color: var(--text-hover);
+    box-shadow: none;
+}
+
+/* MOVE THIS */
+input::-webkit-input-placeholder {
+    color: var(--text);
+}
+
+input:focus::-webkit-input-placeholder {
+    color: var(--text-hover);
+}
+
+/* Firefox < 19 */
+input:-moz-placeholder {
+    color: var(--text);
+}
+
+input:focus:-moz-placeholder {
+    color: var(--text-hover);
+}
+
+/* Firefox > 19 */
+input::-moz-placeholder {
+    color: var(--text);
+}
+
+input:focus::-moz-placeholder {
+    color: var(--text-hover);
+}
+
+/* Internet Explorer 10 */
+input:-ms-input-placeholder {
+    color: var(--text);
+}
+
+input:focus:-ms-input-placeholder {
+    color: var(--text-hover);
+}
+
+/* TEXT COLOR */
+[class*="PageContentBody-innerContentBody-"] {
+    color: var(--text);
+}
+
+/* SEARCH RESULTS */
+[class*="SearchResult-title-"]{
+    color:var(--link-color);
+}
+
+[class*="AddNewSeriesSearchResult-underlay-"] {
+    background-color: transparent !important;
+}
+
+[class*="AddNewSeriesSearchResult-underlay-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="AddNewSeriesSearchResult-year-"] {
+    color: var(--text-hover);
+}
+
+[class*="RootFolderSelectInputSelectedValue-seriesFolder-"],
+[class*="RootFolderSelectInputSelectedValue-freeSpace-"] {
+    color: var(--text-hover);
+}
+
+[class*="RootFolderSelectInputOption-freeSpace-"],
+[class*="RootFolderSelectInputOption-seriesFolder-"] {
+    color: var(--text-muted);
+}
+
+/* IMPORT */
+
+[class*="FieldSet-legend-"] {
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+[class*="VirtualTableRow-row-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+/* Drop down menu/button*/
+[class*="ImportSeriesSelectSeries-button-"] {
+    border: none !important;
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+[class*="ImportSeriesSearchResult-series-"]:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+[class*="ImportSeriesSelectSeries-content-"],
+[class*="ImportSeriesSelectSeries-searchIconContainer-"] {
+    border: none;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+}
+
+[class*="ImportSeriesTitle-year-"] {
+    color: var(--text-muted);
+}
+
+/* MASS EDITOR */
+/* FOOTER */
+[class*="PageContentFooter-contentFooter-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+}
+
+/* SEASON PASS */
+
+[class*="SeasonPassSeason-season-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+[class*="SeasonPassSeason-allEpisodes-"] {
+    background-color: #5cb85c;
+}
+
+/* CALENDAR */
+[class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
+    stroke: var(--text-hover) !important;
+}
+
+[class*="CalendarEvent-downloaded-"] {
+    background: rgb(var(--calendar-tv-available) / .7) !important;
+    border-left-color: transparent !important;
+    color: #fff;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover {
+    background: rgb(var(--calendar-tv-available) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-missing-"] {
+    background: rgb(var(--calendar-tv-missing) / .7) !important;
+    border-left-color: transparent !important;
+    color: #fff;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover {
+    background: rgb(var(--calendar-tv-missing) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-unaired-"] {
+    background: rgb(var(--calendar-tv-unaired) / .7) !important;
+    border-left-color: transparent !important;
+    color: #fff;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-unaired-"]:hover {
+    background: rgb(var(--calendar-tv-unaired) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-unmonitored-"] {
+    background: rgb(var(--calendar-tv-unmonitored) / .7) !important;
+    border-left-color: transparent !important;
+    color: #fff;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover {
+    background: rgb(var(--calendar-tv-unmonitored) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-onAir-"] {
+    background: rgb(var(--calendar-tv-on-air) / .7) !important;
+    border-left-color: transparent !important;
+    color: #fff;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-onAir-"]:hover {
+    background: rgb(var(--calendar-tv-on-air) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-downloading-"] {
+    background: rgb(var(--calendar-tv-downloading) / .7) !important;
+    border-left-color: transparent !important;
+    color: #fff;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover {
+    background: rgb(var(--calendar-tv-downloading) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="DayOfWeek-dayOfWeek-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+    color: #fff;
+}
+
+[class*="CalendarDay-dayOfMonth-"] {
+    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="CalendarDay-isToday-"],
+[class*="DayOfWeek-isToday-"] {
+    background-color: hsla(0, 0%, 100%, .25) !important;
+}
+
+[class*="CalendarDay-day-"],
+[class*="CalendarDays-days-"] {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1 0 14.28%;
+    flex: 1 0 14.28%;
+    overflow: hidden;
+    min-height: 70px;
+    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
+    border-left: 1px solid hsla(0, 0%, 100%, .08);
+    border-right: 1px solid hsla(0, 0%, 100%, .08);
+}
+
+[class*="CalendarEvent-seriesTitle-"],
+[class*="CalendarEvent-episodeInfo-"],
+[class*="CalendarEvent-airTime-"],
+[class*="Legend-legend-"] [class*="LegendItem-legendItem-"] {
+    color: #fff !important;
+}
+
+[class*="CalendarEvent-event-"] {
+    border-bottom: 1px solid transparent;
+}
+
+[class*="CalendarEventGroup-eventGroup-"] {
+    border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="CalendarEventGroup-seriesTitle-"] {
+    color: var(--text-hover) !important;
+}
+
+[class*="CalendarEventGroup-airTime-"] {
+    color: var(--text-hover);
+}
+
+[class*="CalendarEventGroup-episodeInfo-"] {
+    color: var(--text-hover);
+}
+
+/* calendar agenda */
+[class*="AgendaEvent-event-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+/*QUEUE PAGE */
+/* Manual Import*/
+[class*="SelectEpisodeModalContent-path-"] {
+    color: var(--text);
+}
+
+/* SETTINGS */
+[class*="Settings-link-"] {
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+[class*="Settings-summary"] {
+    color: var(--text);
+}
+
+[class*="FormLabel-large-"] {
+    color: var(--text-hover);
+}
+
+[class*="FormLabel-isAdvanced-"] {
+    color: #ff902b;
+}
+
+/* MEDIA MANAGEMENT - FILE NAME TOKENS */
+[class*="NamingOption-option-"] {
+    border: 1px solid transparent;
+}
+
+[class*="NamingOption-token-"] {
+    background-color: rgba(255, 255, 255, 0.15);
+}
+
+[class*="NamingOption-example-"] {
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] {
+    background-color: rgba(255, 255, 2550, 0.25);
+}
+
+[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] {
+    background-color: rgba(255, 255, 2550, 0.35);
+}
+
+/* PROFILES */
+[class*="Card-card-"],
+[class*="QualityProfiles-addQualityProfile-"] {
+    background-color: rgba(0, 0, 0, .45);
+    box-shadow: 0 0 10px 1px #000000;
+    color: var(--text);
+}
+
+[class*="-cloneButton-"][class*="IconButton-button-"]:hover {
+    color: var(--text-hover);
+}
+
+[class*="Card-card-"]:hover {
+    color: var(--text-hover);
+}
+
+[class*="QualityProfiles-center-"],
+[class*="LanguageProfiles-center-"],
+[class*="ReleaseProfiles-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+[class*="QualityProfileItem-qualityProfileItem-"],
+[class*="QualityProfileItemGroup-qualityProfileItemGroup-"],
+[class*="LanguageProfileItem-languageProfileItem-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+}
+
+[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+[class*="KeyValueListInputItem-keyInput-"],
+[class*="KeyValueListInputItem-valueInput-"] {
+    border: none;
+    background: transparent;
+    color: var(--text-hover);
+}
+
+[class*="QualityDefinitions-sizeLimitHelpText-"] {
+    color: var(--text);
+}
+
+/* PROFILES */
+[class*="Indexers-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/* INDEXERS */
+
+/* DOWNLOAD CLIENTS */
+[class*="DownloadClients-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/*INPORT LISTS */
+[class*="ImportLists-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/* CONNECTIONS */
+[class*="Notifications-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/* LOG */
+[class*="Alert-info-"] {
+    border-color: transparent;
+    background-color: rgba(0, 0, 0, 0.25);
+    color: #FFC107;
+}
+
+/* Login Page */
+
+.panel-body {
+    background-color: rgba(0, 0, 0, 0.25);
+    color: var(--text);
+}
+
+.panel-header {
+    background-color: rgba(0, 0, 0, 0.45);
+}
+
+.forgot-password {
+    color: var(--text) !important;
+}
+
+input[type=email],
+input[type=password] {
+    border: none;
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+.button {
+    border-color: var(--button-color);
+    background-color: var(--button-color);
+    cursor: pointer;
+}
+
+.button:hover {
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    text-decoration: none;
+}
+
+.form-input:focus {
+    outline: 0;
+    border-color: var(--text-hover);
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+/* Custom filter */
+[class*="FilterBuilderRow-filterRow-"]:hover {
+    background-color: transparent;
+}
+
+[class*="CustomFilter-customFilter-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+/* Scene information */
+[class*="ReleaseSceneIndicator-levelNone-"] {
+    border-color: var(--text);
+    color: var(--text);
+    opacity: 1;
+}
+
+[class*="ReleaseSceneIndicator-levelMapped-"] {
+    border-color: var(--text);
+    color: var(--text);
+}
\ No newline at end of file
diff --git a/css/base/sonarr/soul.css b/css/base/sonarr/soul.css
new file mode 100644
index 00000000..88f1cc36
--- /dev/null
+++ b/css/base/sonarr/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/sonarr/space-gray.css b/css/base/sonarr/space-gray.css
new file mode 100644
index 00000000..992581de
--- /dev/null
+++ b/css/base/sonarr/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/sonarr/space.css b/css/base/sonarr/space.css
new file mode 100644
index 00000000..329ec3f9
--- /dev/null
+++ b/css/base/sonarr/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/sonarr/time.css b/css/base/sonarr/time.css
new file mode 100644
index 00000000..e1209004
--- /dev/null
+++ b/css/base/sonarr/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/sonarr/trueblack.css b/css/base/sonarr/trueblack.css
new file mode 100644
index 00000000..f50ccb65
--- /dev/null
+++ b/css/base/sonarr/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/synclounge/aquamarine.css b/css/base/synclounge/aquamarine.css
new file mode 100644
index 00000000..f1bd2bc2
--- /dev/null
+++ b/css/base/synclounge/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/synclounge/blackberry-abyss.css b/css/base/synclounge/blackberry-abyss.css
new file mode 100644
index 00000000..29977d17
--- /dev/null
+++ b/css/base/synclounge/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/synclounge/blackberry-amethyst.css b/css/base/synclounge/blackberry-amethyst.css
new file mode 100644
index 00000000..7496cf5b
--- /dev/null
+++ b/css/base/synclounge/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/synclounge/blackberry-carol.css b/css/base/synclounge/blackberry-carol.css
new file mode 100644
index 00000000..bd1b89c7
--- /dev/null
+++ b/css/base/synclounge/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/synclounge/blackberry-dreamscape.css b/css/base/synclounge/blackberry-dreamscape.css
new file mode 100644
index 00000000..15684cb4
--- /dev/null
+++ b/css/base/synclounge/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/synclounge/blackberry-flamingo.css b/css/base/synclounge/blackberry-flamingo.css
new file mode 100644
index 00000000..532ba187
--- /dev/null
+++ b/css/base/synclounge/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/synclounge/blackberry-hearth.css b/css/base/synclounge/blackberry-hearth.css
new file mode 100644
index 00000000..5fcdf994
--- /dev/null
+++ b/css/base/synclounge/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/synclounge/blackberry-martian.css b/css/base/synclounge/blackberry-martian.css
new file mode 100644
index 00000000..d1f7d470
--- /dev/null
+++ b/css/base/synclounge/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/synclounge/blackberry-pumpkin.css b/css/base/synclounge/blackberry-pumpkin.css
new file mode 100644
index 00000000..8eb37901
--- /dev/null
+++ b/css/base/synclounge/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/synclounge/blackberry-royal.css b/css/base/synclounge/blackberry-royal.css
new file mode 100644
index 00000000..941e3f31
--- /dev/null
+++ b/css/base/synclounge/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/synclounge/blackberry-shadow.css b/css/base/synclounge/blackberry-shadow.css
new file mode 100644
index 00000000..ae8ea4c2
--- /dev/null
+++ b/css/base/synclounge/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/synclounge/blackberry-solar.css b/css/base/synclounge/blackberry-solar.css
new file mode 100644
index 00000000..6530747e
--- /dev/null
+++ b/css/base/synclounge/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/synclounge/blackberry-vanta.css b/css/base/synclounge/blackberry-vanta.css
new file mode 100644
index 00000000..1ef3deae
--- /dev/null
+++ b/css/base/synclounge/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/synclounge/dark.css b/css/base/synclounge/dark.css
new file mode 100644
index 00000000..be0e002a
--- /dev/null
+++ b/css/base/synclounge/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/synclounge/dracula.css b/css/base/synclounge/dracula.css
new file mode 100644
index 00000000..db8f2b1a
--- /dev/null
+++ b/css/base/synclounge/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/synclounge/hotline-old.css b/css/base/synclounge/hotline-old.css
new file mode 100644
index 00000000..7c1a577c
--- /dev/null
+++ b/css/base/synclounge/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/synclounge/hotline.css b/css/base/synclounge/hotline.css
new file mode 100644
index 00000000..a719a7ec
--- /dev/null
+++ b/css/base/synclounge/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/synclounge/hotpink.css b/css/base/synclounge/hotpink.css
new file mode 100644
index 00000000..b97b2704
--- /dev/null
+++ b/css/base/synclounge/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/synclounge/mind.css b/css/base/synclounge/mind.css
new file mode 100644
index 00000000..18d353b0
--- /dev/null
+++ b/css/base/synclounge/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/synclounge/nord.css b/css/base/synclounge/nord.css
new file mode 100644
index 00000000..f6ae8b96
--- /dev/null
+++ b/css/base/synclounge/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/synclounge/onedark.css b/css/base/synclounge/onedark.css
new file mode 100644
index 00000000..238ddd55
--- /dev/null
+++ b/css/base/synclounge/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/synclounge/organizr.css b/css/base/synclounge/organizr.css
new file mode 100644
index 00000000..74ff8228
--- /dev/null
+++ b/css/base/synclounge/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/synclounge/overseerr.css b/css/base/synclounge/overseerr.css
new file mode 100644
index 00000000..9fe113be
--- /dev/null
+++ b/css/base/synclounge/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/synclounge/pine-shadow.css b/css/base/synclounge/pine-shadow.css
new file mode 100644
index 00000000..a8ff2c22
--- /dev/null
+++ b/css/base/synclounge/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/synclounge/plex.css b/css/base/synclounge/plex.css
new file mode 100644
index 00000000..ed9de894
--- /dev/null
+++ b/css/base/synclounge/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/synclounge/power.css b/css/base/synclounge/power.css
new file mode 100644
index 00000000..a72e113d
--- /dev/null
+++ b/css/base/synclounge/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/synclounge/reality.css b/css/base/synclounge/reality.css
new file mode 100644
index 00000000..6d75fa38
--- /dev/null
+++ b/css/base/synclounge/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/synclounge/soul.css b/css/base/synclounge/soul.css
new file mode 100644
index 00000000..21be5706
--- /dev/null
+++ b/css/base/synclounge/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/synclounge/space-gray.css b/css/base/synclounge/space-gray.css
new file mode 100644
index 00000000..15e4866a
--- /dev/null
+++ b/css/base/synclounge/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/synclounge/space.css b/css/base/synclounge/space.css
new file mode 100644
index 00000000..6796983a
--- /dev/null
+++ b/css/base/synclounge/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/synclounge/synclounge-base.css b/css/base/synclounge/synclounge-base.css
new file mode 100644
index 00000000..c57ecac2
--- /dev/null
+++ b/css/base/synclounge/synclounge-base.css
@@ -0,0 +1,196 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+@import url(/css/defaults/placeholders.css);
+
+:root {
+    --v-primary-base: rgb(var(--accent-color));
+    --v-anchor-base: rgb(var(--accent-color));
+}
+
+main {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text)
+}
+
+h4 {
+    color: var(--text-hover);
+}
+
+.v-toolbar {
+    background: transparent !important;
+    box-shadow: none;
+}
+
+.v-toolbar__content,
+.v-toolbar__extension {
+    background-color: rgba(0, 0, 0, 0.6) !important;
+}
+
+p a {
+    color: rgb(var(--accent-color)) !important;
+}
+
+.theme--dark.v-icon {
+    color: rgb(var(--accent-color));
+}
+
+.application .theme--dark.v-card,
+.theme--dark .v-card .primary--text {
+    color: rgb(var(--accent-color)) !important;
+}
+
+.application .theme--dark.v-card,
+.theme--dark .v-card .accent--text {
+    color: rgb(var(--accent-color)) !important;
+}
+
+.application .theme--dark.v-card,
+.theme--dark .v-card .primary {
+    color: rgb(var(--accent-color)) !important;
+}
+
+
+
+.flex.xs12 a {
+    color: rgb(var(--accent-color));
+}
+
+.v-list__tile {
+    color: var(--text-hover) !important;
+}
+
+.v-stepper__step__step .primary {
+    background-color: var(--button-color) !important;
+    border-color: var(--button-color) !important;
+}
+
+.primary {
+    background-color: var(--button-color) !important;
+    border-color: var(--button-color) !important;
+}
+
+.primary:hover,
+.primary:focus {
+    background-color: var(--button-color-hover) !important;
+    border-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover) !important;
+}
+
+.v-input__control .v-input__slot .primary--text input,
+.primary--text textarea {
+    caret-color: rgb(var(--accent-color)) !important;
+}
+
+.v-input input:active,
+.v-input input:focus,
+.v-input textarea:active,
+.v-input textarea:focus .primary--text input,
+.primary--text textarea {
+    caret-color: rgb(var(--accent-color)) !important;
+}
+
+.theme--dark.v-app-bar.v-toolbar.v-sheet {
+    background: var(--modal-bg-color) !important;
+}
+
+.application .theme--dark.v-btn:not(.v-btn--icon):not(.v-btn--flat),
+.theme--dark .v-btn:not(.v-btn--icon):not(.v-btn--flat):not(.v-btn:not(.v-btn--round).v-size--small) {
+    background-color: var(--button-color) !important;
+    color: var(--button-text);
+}
+
+.application .theme--dark.v-btn:hover:not(.v-btn--icon):not(.v-btn--flat),
+.theme--dark .v-btn:hover:not(.v-btn--icon):not(.v-btn--flat):not(.v-btn:not(.v-btn--round).v-size--small) {
+    background-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover);
+}
+
+.v-btn__content {
+    color: var(--button-text);
+}
+
+.v-btn--active:before,
+.v-btn:focus:before,
+.v-btn:hover:before {
+    background-color: var(--text-hover);
+}
+
+.application .theme--dark.v-card,
+.theme--dark .v-card {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.flex.md3 .application .theme--dark.v-card,
+.theme--dark .v-card {
+    background: rgba(255, 255, 255, 0.10) !important;
+    color: var(--text-hover);
+}
+
+.theme--dark.v-expansion-panels .v-expansion-panel {
+    background-color: transparent;
+    color: var(--text-hover);
+}
+
+.theme--dark.v-text-field--solo>.v-input__control>.v-input__slot {
+    background: rgb(0 0 0 / 0.50);
+}
+
+.v-navigation-drawer {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/*popup modal */
+
+.v-dialog,
+.theme--dark.v-list {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.menuable__content__active {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
\ No newline at end of file
diff --git a/css/base/synclounge/time.css b/css/base/synclounge/time.css
new file mode 100644
index 00000000..e64a5ac7
--- /dev/null
+++ b/css/base/synclounge/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/synclounge/trueblack.css b/css/base/synclounge/trueblack.css
new file mode 100644
index 00000000..584355cb
--- /dev/null
+++ b/css/base/synclounge/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/tautulli/aquamarine.css b/css/base/tautulli/aquamarine.css
new file mode 100644
index 00000000..199eb15b
--- /dev/null
+++ b/css/base/tautulli/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/tautulli/blackberry-abyss.css b/css/base/tautulli/blackberry-abyss.css
new file mode 100644
index 00000000..8b962f1e
--- /dev/null
+++ b/css/base/tautulli/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/tautulli/blackberry-amethyst.css b/css/base/tautulli/blackberry-amethyst.css
new file mode 100644
index 00000000..f672987b
--- /dev/null
+++ b/css/base/tautulli/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/tautulli/blackberry-carol.css b/css/base/tautulli/blackberry-carol.css
new file mode 100644
index 00000000..a214f614
--- /dev/null
+++ b/css/base/tautulli/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/tautulli/blackberry-dreamscape.css b/css/base/tautulli/blackberry-dreamscape.css
new file mode 100644
index 00000000..0989ed15
--- /dev/null
+++ b/css/base/tautulli/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/tautulli/blackberry-flamingo.css b/css/base/tautulli/blackberry-flamingo.css
new file mode 100644
index 00000000..f2c9f1a6
--- /dev/null
+++ b/css/base/tautulli/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/tautulli/blackberry-hearth.css b/css/base/tautulli/blackberry-hearth.css
new file mode 100644
index 00000000..ebd76b4d
--- /dev/null
+++ b/css/base/tautulli/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/tautulli/blackberry-martian.css b/css/base/tautulli/blackberry-martian.css
new file mode 100644
index 00000000..0c3286ea
--- /dev/null
+++ b/css/base/tautulli/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/tautulli/blackberry-pumpkin.css b/css/base/tautulli/blackberry-pumpkin.css
new file mode 100644
index 00000000..00c19059
--- /dev/null
+++ b/css/base/tautulli/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/tautulli/blackberry-royal.css b/css/base/tautulli/blackberry-royal.css
new file mode 100644
index 00000000..e6a745f3
--- /dev/null
+++ b/css/base/tautulli/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/tautulli/blackberry-shadow.css b/css/base/tautulli/blackberry-shadow.css
new file mode 100644
index 00000000..a50b13f1
--- /dev/null
+++ b/css/base/tautulli/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/tautulli/blackberry-solar.css b/css/base/tautulli/blackberry-solar.css
new file mode 100644
index 00000000..97c849be
--- /dev/null
+++ b/css/base/tautulli/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/tautulli/blackberry-vanta.css b/css/base/tautulli/blackberry-vanta.css
new file mode 100644
index 00000000..f81f0143
--- /dev/null
+++ b/css/base/tautulli/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/tautulli/dark.css b/css/base/tautulli/dark.css
new file mode 100644
index 00000000..c99824bc
--- /dev/null
+++ b/css/base/tautulli/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/tautulli/dracula.css b/css/base/tautulli/dracula.css
new file mode 100644
index 00000000..407ca2ba
--- /dev/null
+++ b/css/base/tautulli/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/tautulli/hotline-old.css b/css/base/tautulli/hotline-old.css
new file mode 100644
index 00000000..9bd6fb5b
--- /dev/null
+++ b/css/base/tautulli/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/tautulli/hotline.css b/css/base/tautulli/hotline.css
new file mode 100644
index 00000000..fc25f7f1
--- /dev/null
+++ b/css/base/tautulli/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/tautulli/hotpink.css b/css/base/tautulli/hotpink.css
new file mode 100644
index 00000000..277d7be4
--- /dev/null
+++ b/css/base/tautulli/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/tautulli/mind.css b/css/base/tautulli/mind.css
new file mode 100644
index 00000000..0524beff
--- /dev/null
+++ b/css/base/tautulli/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/tautulli/nord.css b/css/base/tautulli/nord.css
new file mode 100644
index 00000000..d25a7cf9
--- /dev/null
+++ b/css/base/tautulli/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/tautulli/onedark.css b/css/base/tautulli/onedark.css
new file mode 100644
index 00000000..04fb4de0
--- /dev/null
+++ b/css/base/tautulli/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/tautulli/organizr.css b/css/base/tautulli/organizr.css
new file mode 100644
index 00000000..c32f1c05
--- /dev/null
+++ b/css/base/tautulli/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/tautulli/overseerr.css b/css/base/tautulli/overseerr.css
new file mode 100644
index 00000000..52560906
--- /dev/null
+++ b/css/base/tautulli/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/tautulli/pine-shadow.css b/css/base/tautulli/pine-shadow.css
new file mode 100644
index 00000000..9d5d3de7
--- /dev/null
+++ b/css/base/tautulli/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/tautulli/plex.css b/css/base/tautulli/plex.css
new file mode 100644
index 00000000..4f744e35
--- /dev/null
+++ b/css/base/tautulli/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/tautulli/power.css b/css/base/tautulli/power.css
new file mode 100644
index 00000000..939f137b
--- /dev/null
+++ b/css/base/tautulli/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/tautulli/reality.css b/css/base/tautulli/reality.css
new file mode 100644
index 00000000..ce03559b
--- /dev/null
+++ b/css/base/tautulli/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/tautulli/soul.css b/css/base/tautulli/soul.css
new file mode 100644
index 00000000..ca8b2bde
--- /dev/null
+++ b/css/base/tautulli/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/tautulli/space-gray.css b/css/base/tautulli/space-gray.css
new file mode 100644
index 00000000..07aff372
--- /dev/null
+++ b/css/base/tautulli/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/tautulli/space.css b/css/base/tautulli/space.css
new file mode 100644
index 00000000..384738b7
--- /dev/null
+++ b/css/base/tautulli/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/tautulli/tautulli-base.css b/css/base/tautulli/tautulli-base.css
new file mode 100644
index 00000000..3487eb3a
--- /dev/null
+++ b/css/base/tautulli/tautulli-base.css
@@ -0,0 +1,863 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+/* Text */
+
+p,
+.news-title,
+.news-date {
+    color: var(--text);
+}
+
+.help-block,
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small,
+h1 .small,
+h2 .small,
+h3 .small,
+h4 .small,
+h5 .small,
+h6 .small,
+.h1 .small,
+.h2 .small,
+.h3 .small,
+.h4 .small,
+.h5 .small,
+.h6 .small,
+.header-bar span,
+.dashboard-activity-info-time,
+strong,
+.summary-content-details-tag strong,
+.padded-header h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.config-scheduler-table th,
+#tautulli-news .open .news-title,
+#tautulli-news .open .news-date,
+#tautulli-news .accordion li.open .link i.fa {
+    color: var(--text-hover);
+}
+
+.list-unstyled {
+    color: var(--text-hover);
+}
+
+.text-muted,
+.small-muted {
+    color: var(--text-muted);
+}
+
+/* LINKS */
+
+a:not(.sub-value a),
+a.no-highlight,
+.news-body a {
+    color: var(--link-color);
+}
+
+a:hover,
+a.no-highlight:hover,
+.dashboard-activity-metadata-title a:hover,
+.dashboard-activity-metadata-user a:hover {
+    color: var(--link-color-hover);
+}
+
+#plexpy-notifiers-table .friendly_name,
+#notifier-config-modal span.notifier_id,
+#plexpy-newsletters-table .friendly_name,
+#newsletter-config-modal span.newsletter_id,
+#plexpy-mobile-devices-table .friendly_name,
+#mobile-device-config-modal span.notifier_id {
+    color: var(--text-hover);
+}
+
+/* Navbar */
+.navbar {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+}
+
+#search_form #search_button.btn-inactive {
+    background-color: #0000;
+    color: var(--text);
+}
+
+.nav>li.active>a,
+.nav>li.active>a:hover,
+.nav>li.active>a:focus {
+    color: #f9be03;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.nav>li>a {
+    color: var(--text);
+}
+
+.nav>li>a:hover,
+.nav>li>a:focus {
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+.nav .open>a,
+.nav .open>a:hover,
+.nav .open>a:focus {
+    background-color: rgba(255, 255, 255, 0.08);
+    color: rgb(var(--accent-color));
+}
+
+/* Dropdown */
+.dropdown-menu {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.dropdown-menu>li>a {
+    color: var(--text);
+}
+
+.dropdown-menu>li>a:hover,
+.dropdown-menu>li>a:focus {
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+.dropdown-menu .divider {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+select,
+.react-selectize.bootstrap3.root-node .react-selectize-control {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/* Dashboard */
+.dashboard-stats-background,
+.dashboard-activity-background,
+.dashboard-activity-poster-container {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.dashboard-activity-progress-bar {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.dashboard-activity-progress .buffer-bar {
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+.dashboard-activity-metadata-user a {
+    color: var(--link-color);
+}
+
+.dashboard-activity-metadata-subtitle-container {
+    color: var(--text-hover);
+}
+
+.dashboard-recent-media-metacontainer h3.text-muted a {
+    color: var(--text-hover);
+}
+
+.dashboard-recent-media-metacontainer h3.text-muted {
+    color: var(--text-hover);
+}
+
+/* Buttons */
+.btn-dark,
+.btn-dark.inactive:hover {
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+    color: var(--button-text);
+}
+
+.btn-dark:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-dark:active,
+.btn-dark:active:hover,
+.btn-dark.active,
+.open>.dropdown-toggle.btn-dark,
+.btn-dark.active:focus {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-filter.active, .btn-filter.active.focus,
+.btn-filter.active:hover {
+    background-color: var(--button-color-hover) !important;
+}
+
+.btn:focus:not(select),
+.btn.focus:not(select),
+.btn-dark:focus:not(select),
+.btn-dark.focus:not(select),
+.btn-dark:active:focus:not(select) {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover) !important;
+}
+
+.btn-dark.active:hover {
+    background-color: var(--button-color-hover);
+}
+
+.btn-danger.btn-edit {
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+.btn-form {
+    background-color: var(--button-color);
+}
+
+.btn-form:hover {
+    background-color: var(--button-color-hover);
+}
+
+/* Inputs */
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"],
+.uneditable-input {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.react-selectize.root-node .react-selectize-control,
+.selectize-control.form-control .selectize-input {
+    background: rgba(0, 0, 0, 0.25) !important;
+}
+
+/*Formcontrol */
+select.form-control,
+div.form-control .selectize-input {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+@media (min-width: 768px) {
+    .form-inline .input-group>.form-control {
+        width: auto;
+    }
+}
+
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+    background-color: rgba(236, 236, 236, 0.25);
+}
+
+textarea.form-control {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+textarea:focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
+.uneditable-input:focus {
+    color: var(--text-hover);
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.form-control:focus {
+    border-color: transparent;
+    outline: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+/* Settings table cards */
+.table-card-header {
+    background-color: rgba(0, 0, 0, 0.25);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+    border-top: 1px solid #00000000;
+}
+
+.table-card-back {
+    background-color: rgba(0, 0, 0, 0.15);
+}
+
+table.display thead th {
+    color: var(--text-hover);
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+table.display thead tr:hover {
+    background-color: rgba(0, 0, 0, 0.45);
+}
+
+/*Settings menu */
+.card-back-full {
+    background-color: transparent;
+}
+
+.nav-settings>li>a {
+    border-bottom: 1px solid transparent;
+    color: var(--text);
+}
+
+.nav-settings>li {
+    background-color: rgba(0, 0, 0, 0.45);
+    border-top: 1px solid transparent;
+}
+
+.nav-settings>.active>a,
+.nav-settings>.active>a:hover,
+.nav-settings>.active>a:focus {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.nav-settings>li>a:hover,
+.nav-settings>li>a:focus {
+    color: var(--text-hover);
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+.card {
+    background-color: rgba(0, 0, 0, 0.25);
+    border-top: 1px solid #00000000;
+}
+
+.card-sortable {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.card-handle {
+    color: var(--text-hover);
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+/*Notification agents menu */
+.stacked-configs>li {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+.stacked-configs>li>span {
+    color: var(--text-hover);
+    border-left: 2px solid rgba(0, 0, 0, 0.25);
+    border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.stacked-configs>li>span:hover,
+.stacked-configs>li>span:focus {
+    color: var(--text-hover);
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+.stacked-configs>li>span>a.toggle-left,
+.stacked-configs>li>span>span.toggle-left {
+    color: #999;
+}
+
+span>a.active,
+.stacked-configs>li>span>span.active {
+    color: #f9be03;
+}
+
+.inline-pre {
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+/* Summary containers */
+.summary-container .table-card-header,
+.summary-container .table-card-back {
+    background: rgba(0, 0, 0, 0.45);
+}
+
+.summary-navbar {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+/* pagination */
+.pagination>.disabled>span,
+.pagination>.disabled>span:hover,
+.pagination>.disabled>span:focus,
+.pagination>.disabled>a,
+.pagination>.disabled>a:hover,
+.pagination>.disabled>a:focus {
+    background-color: rgba(0, 0, 0, 0.25);
+    border-color: #00000000;
+}
+
+.pagination>li>a,
+.pagination>li>span {
+    background-color: var(--button-color);
+    border: 1px solid var(--button-color);
+    color: var(--button-text);
+}
+
+.pagination>li>a:hover,
+.pagination>li>span:hover,
+.pagination>li>a:focus,
+.pagination>li>span:focus {
+    background-color: var(--button-color-hover);
+    border: 1px solid var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+/* Graphs */
+.graphs-instance {
+    background-color: rgba(0, 0, 0, 0.45);
+}
+
+/* Modal */
+.modal-content {
+    border: none;
+}
+
+.modal-body li {
+    color: var(--text-hover);
+}
+
+.modal-body {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.modal-header {
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+.modal-footer {
+    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border-top: 1px solid rgb(var(--accent-color));
+}
+
+.modal-config-section {
+    border-top: 1px solid rgba(255, 255, 255, .08);
+}
+
+#changelog-modal .modal-body>h2 {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+#notifier-config-modal .nav-tabs>li>a,
+#newsletter-config-modal .nav-tabs>li>a {
+    color: var(--text);
+}
+
+#notifier-config-modal .nav-tabs>li.active>a,
+#notifier-config-modal .nav-tabs>li.active>a:hover,
+#notifier-config-modal .nav-tabs>li.active>a:focus,
+#newsletter-config-modal .nav-tabs>li.active>a,
+#newsletter-config-modal .nav-tabs>li.active>a:hover,
+#newsletter-config-modal .nav-tabs>li.active>a:focus {
+    color: var(--text-hover);
+    background: rgba(0, 0, 0, 0.45);
+}
+
+#notifier-config-modal .nav-tabs>li.active>a,
+#notifier-config-modal .nav-tabs>li.active>a:hover,
+#notifier-config-modal .nav-tabs>li.active>a:focus,
+#newsletter-config-modal .nav-tabs>li.active>a,
+#newsletter-config-modal .nav-tabs>li.active>a:hover,
+#newsletter-config-modal .nav-tabs>li.active>a:focus {
+    border: 1px solid #0000;
+    border-bottom-color: transparent;
+}
+
+#notifier-config-modal .nav-tabs>li>a:hover,
+#newsletter-config-modal .nav-tabs>li>a:hover {
+    border-color: #0000;
+    background: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+#notifier-config-modal .nav-tabs,
+#newsletter-config-modal .nav-tabs {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+}
+
+.accordion {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.accordion li .link {
+    color: var(--text-hover);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.accordion li .link:hover,
+.accordion li .link:hover i.fa {
+    background: rgba(255, 255, 255, 0.08);
+}
+
+.submenu {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+/* Stream info */
+.stream-info {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+/* Edit metadata */
+.item-children-section-title {
+    background-color: rgba(255, 255, 255, 0.08);
+    border-bottom: 1px solid #00000000;
+    border-top: 1px solid #00000000;
+}
+
+/* Mobile */
+.navbar-toggle:hover,
+.navbar-toggle:focus {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+.navbar-toggle {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+@media (max-width: 768px) {
+    .navbar-collapse.in {
+        box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7);
+    }
+}
+
+#login-methods .submenu {
+    background: transparent;
+}
+
+.login-container .remember-group {
+    color: var(--text);
+}
+
+#login-methods>li.open>div {
+    color: rgb(var(--accent-color));
+}
+
+/* Buttons */
+.btn-bright {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    box-shadow: inset 0 1px 0 var(--button-color);
+}
+
+.btn-bright:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    box-shadow: inset 0 1px 0 var(--button-color-hover);
+}
+
+.btn-bright:active,
+.btn-bright.active,
+.open>.dropdown-toggle.btn-bright,
+#menu_link_show_advanced_settings.active {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    box-shadow: inset 0 1px 0 var(--button-color-hover);
+}
+
+.btn-bright:active:hover,
+.btn-bright.active:hover,
+.open>.dropdown-toggle.btn-bright:hover,
+.btn-bright:active:focus,
+.btn-bright.active:focus,
+.open>.dropdown-toggle.btn-bright:focus,
+.btn-bright:active.focus,
+.btn-bright.active.focus,
+.open>.dropdown-toggle.btn-bright.focus {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    box-shadow: inset 0 1px 0 var(--button-color-hover);
+}
+
+.btn:focus:not(#history-user):not(#graph-user):not(#sync-user),
+.btn.focus,
+.btn-dark:focus,
+.btn-dark.focus,
+.btn-dark:active:focus {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover) !important;
+    opacity: .8;
+}
+
+.btn-bright.disabled,
+.btn-bright[disabled],
+fieldset[disabled] .btn-bright,
+.btn-bright.disabled:hover,
+.btn-bright[disabled]:hover,
+fieldset[disabled] .btn-bright:hover,
+.btn-bright.disabled:focus,
+.btn-bright[disabled]:focus,
+fieldset[disabled] .btn-bright:focus,
+.btn-bright.disabled.focus,
+.btn-bright[disabled].focus,
+fieldset[disabled] .btn-bright.focus,
+.btn-bright.disabled:active,
+.btn-bright[disabled]:active,
+fieldset[disabled] .btn-bright:active,
+.btn-bright.disabled.active,
+.btn-bright[disabled].active,
+fieldset[disabled] .btn-bright.active {
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+/* Accents */
+.badge {
+    color: var(--label-text-color);
+    background-color: rgb(var(--accent-color));
+}
+
+.summary-content {
+    color: rgb(var(--accent-color));
+}
+
+.nav>li.active>a,
+.nav>li.active>a:hover,
+.nav>li.active>a:focus {
+    color: rgb(var(--accent-color));
+}
+
+.dashboard-activity-progress .progress-bar {
+    background-color: rgb(var(--accent-color));
+    background-image: -moz-linear-gradient(top, var(--accent-color-hover), rgb(var(--accent-color)));
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--accent-color-hover)), to(rgb(var(--accent-color))));
+    background-image: -webkit-linear-gradient(top, var(--accent-color-hover, rgb(var(--accent-color))));
+    background-image: -o-linear-gradient(top, var(--accent-color-hover, rgb(var(--accent-color))));
+    background-image: linear-gradient(to bottom, var(--accent-color-hover, rgb(var(--accent-color))));
+
+}
+
+.dashboard-stats-info-item .sub-count {
+    color: rgb(var(--accent-color));
+}
+
+.pagination>.active>a,
+.pagination>.active>span,
+.pagination>.active>a:hover,
+.pagination>.active>span:hover,
+.pagination>.active>a:focus,
+.pagination>.active>span:focus {
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+a:hover,
+a:focus {
+    color: var(--link-color-hover);
+}
+
+table.display td:hover a {
+    color: var(--link-color-hover);
+}
+
+.user-overview-stats-instance h3,
+.user-player-instance-playcount h3,
+.summary-content-title h1,
+.summary-content-title h1 a {
+    color: var(--text-hover);
+}
+
+.user-info-nav>.active>a {
+    color: rgb(var(--accent-color));
+}
+
+a:hover .dashboard-recent-media-poster,
+a:hover .dashboard-recent-media-cover {
+    -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+    -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+    box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+}
+
+.nav-settings>.active>a,
+.nav-settings>.active>a:hover,
+.nav-settings>.active>a:focus {
+    color: rgb(var(--accent-color));
+}
+
+div.advanced-setting {
+    border-left: 1px solid rgb(var(--accent-color));
+}
+
+.docker-setting {
+    color: rgb(var(--accent-color));
+}
+
+.modal-body strong,
+.modal-body strong i.fa {
+    color: rgb(var(--accent-color));
+}
+
+.user-info-nav a:hover {
+    color: var(--accent-color-hover)
+}
+
+a:hover .dashboard-activity-poster,
+a:hover .dashboard-activity-cover {
+    -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+    -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+    box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+}
+
+a:hover .dashboard-stats-poster,
+a:hover .dashboard-stats-cover,
+a:hover .dashboard-stats-circle,
+a:hover .dashboard-stats-square {
+    -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+    -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+    box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+}
+
+a:hover .item-children-poster {
+    -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+    -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+    box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+}
+
+.dashboard-activity-terminate-session:hover {
+    color: rgb(var(--accent-color));
+}
+
+a .dashboard-activity-metadata-user-thumb:hover {
+    -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+    -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+    box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+}
+
+.stream-info .heading {
+    color: rgb(var(--accent-color));
+}
+
+a .library-user-instance-box:hover {
+    -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+    -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+    box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+}
+
+.summary-navbar-list .breadcrumb a:hover {
+    color: rgb(var(--accent-color));
+}
+
+.dashboard-recent-media-metacontainer h3.text-muted a:hover {
+    color: rgb(var(--accent-color));
+}
+
+a .poster-face:hover,
+a .cover-face:hover,
+a .users-poster-face:hover,
+.summary-poster-face-overlay {
+    -webkit-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+    -moz-box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+    box-shadow: inset 0 0 0 2px rgb(var(--accent-color));
+}
+
+.submenu li {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+span>a.active,
+.stacked-configs>li>span>span.active {
+    color: rgb(var(--accent-color));
+}
+
+.accordion li.open .link,
+.accordion li.open .link i.fa {
+    color: rgb(var(--accent-color));
+}
+
+.news-body a:hover {
+    color: var(--link-color-hover);
+}
\ No newline at end of file
diff --git a/css/base/tautulli/time.css b/css/base/tautulli/time.css
new file mode 100644
index 00000000..d9da4d1c
--- /dev/null
+++ b/css/base/tautulli/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/tautulli/trueblack.css b/css/base/tautulli/trueblack.css
new file mode 100644
index 00000000..1ae80aca
--- /dev/null
+++ b/css/base/tautulli/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/thelounge/.deprecated b/css/base/thelounge/.deprecated
new file mode 100644
index 00000000..e69de29b
diff --git a/css/base/thelounge/thelounge-base.css b/css/base/thelounge/thelounge-base.css
new file mode 100644
index 00000000..efb54f17
--- /dev/null
+++ b/css/base/thelounge/thelounge-base.css
@@ -0,0 +1,179 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+#chat .userlist .names {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+#chat .user-mode:before {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+@media (max-width: 768px) {
+    #chat .userlist .names {
+        box-shadow: 0 0 25px 0 rgba(0, 0, 0, .5);
+        background: var(--window-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+@media (max-width: 768px) {
+
+    #viewport.menu-dragging #sidebar,
+    #viewport.menu-open #sidebar {
+        box-shadow: 0 0 25px 0 rgba(0, 0, 0, .5);
+        background: rgba(0, 0, 0, 0.85);
+    }
+}
+
+#chat .chan .notice .user,
+#chat .notice .content,
+#chat .notice .time {
+    color: var(--date-marker-color) !important;
+}
+
+#form #nick {
+    background: var(--theme-accent);
+    color: #f3f3f3;
+}
+
+#form {
+    background-color: rgba(0, 0, 0, 0.45);
+    border-color: #0086ff00;
+    color: var(--body-color);
+}
+
+#sidebar .active,
+#sidebar .active:hover {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+#chat .msg.motd .text,
+code,
+.irc-monospace {
+    background: rgba(0, 0, 0, 0.45);
+    color: #f3f3f3;
+}
+
+#chat .content,
+#windows #chat .header,
+#chat .user-mode::before,
+#chat .userlist {
+    border-color: rgba(255, 255, 255, 0.08);
+}
+
+#chat .msg[data-type=motd] .text {
+    background: rgba(255, 255, 255, 0.08);
+}
+
+/* Dropdown menu */
+#context-menu,
+.textcomplete-menu {
+    background: var(--body-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    /* color: white !important; */
+}
+
+.context-menu-item,
+.textcomplete-item {
+    color: var(--body-color);
+}
+
+#chat .userlist .user.active,
+.context-menu-item:focus,
+.context-menu-item:hover,
+.textcomplete-item:focus,
+.textcomplete-item:hover,
+.textcomplete-menu .active {
+    background-color: rgba(255, 255, 255, 0.08);
+    transition: none;
+    outline: 0;
+}
+
+#chat.table.ignore-list td,
+#chat table.ban-list td,
+#chat table.ban-list th,
+#chat table.channel-list td,
+#chat table.channel-list th,
+#chat table.ignore-list th,
+#chat table.invite-list td,
+#chat table.invite-list th {
+    padding: 5px;
+    vertical-align: top;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+}
+
+#chat .userlist .count {
+    background-color: rgba(0, 0, 0, 0.6);
+}
+
+#footer button:hover,
+#sidebar .chan:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+#settings .extra-help:before {
+    content: "\F059";
+    color: var(--body-color);
+}
+
+#windows .window h2 {
+    color: var(--body-color);
+}
+
+#windows .window h2 {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+}
+
+.input:not(:disabled):focus,
+.input:not(:disabled):hover {
+    border-color: #ffffff;
+}
+
+.btn:active,
+.btn:focus,
+.input:focus {
+    outline: 0;
+    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
+}
+
+.btn {
+    color: inherit;
+}
+
+.mentions-popup {
+    background: var(--body-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+#chat .toggle-content {
+    background: var(--highlight-bg-color);
+
+}
\ No newline at end of file
diff --git a/css/base/transmission/aquamarine.css b/css/base/transmission/aquamarine.css
new file mode 100644
index 00000000..3871fec5
--- /dev/null
+++ b/css/base/transmission/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/transmission/blackberry-abyss.css b/css/base/transmission/blackberry-abyss.css
new file mode 100644
index 00000000..348627f1
--- /dev/null
+++ b/css/base/transmission/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/transmission/blackberry-amethyst.css b/css/base/transmission/blackberry-amethyst.css
new file mode 100644
index 00000000..e06714d1
--- /dev/null
+++ b/css/base/transmission/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/transmission/blackberry-carol.css b/css/base/transmission/blackberry-carol.css
new file mode 100644
index 00000000..ccacaad2
--- /dev/null
+++ b/css/base/transmission/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/transmission/blackberry-dreamscape.css b/css/base/transmission/blackberry-dreamscape.css
new file mode 100644
index 00000000..140f5d72
--- /dev/null
+++ b/css/base/transmission/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/transmission/blackberry-flamingo.css b/css/base/transmission/blackberry-flamingo.css
new file mode 100644
index 00000000..11551bfd
--- /dev/null
+++ b/css/base/transmission/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/transmission/blackberry-hearth.css b/css/base/transmission/blackberry-hearth.css
new file mode 100644
index 00000000..430bbdc8
--- /dev/null
+++ b/css/base/transmission/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/transmission/blackberry-martian.css b/css/base/transmission/blackberry-martian.css
new file mode 100644
index 00000000..5076616a
--- /dev/null
+++ b/css/base/transmission/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/transmission/blackberry-pumpkin.css b/css/base/transmission/blackberry-pumpkin.css
new file mode 100644
index 00000000..ecbd9f04
--- /dev/null
+++ b/css/base/transmission/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/transmission/blackberry-royal.css b/css/base/transmission/blackberry-royal.css
new file mode 100644
index 00000000..6e7a15c8
--- /dev/null
+++ b/css/base/transmission/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/transmission/blackberry-shadow.css b/css/base/transmission/blackberry-shadow.css
new file mode 100644
index 00000000..e284111e
--- /dev/null
+++ b/css/base/transmission/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/transmission/blackberry-solar.css b/css/base/transmission/blackberry-solar.css
new file mode 100644
index 00000000..aea8e846
--- /dev/null
+++ b/css/base/transmission/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/transmission/blackberry-vanta.css b/css/base/transmission/blackberry-vanta.css
new file mode 100644
index 00000000..258fa9e9
--- /dev/null
+++ b/css/base/transmission/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/transmission/dark.css b/css/base/transmission/dark.css
new file mode 100644
index 00000000..05d03abe
--- /dev/null
+++ b/css/base/transmission/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/transmission/dracula.css b/css/base/transmission/dracula.css
new file mode 100644
index 00000000..9252106f
--- /dev/null
+++ b/css/base/transmission/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/transmission/hotline-old.css b/css/base/transmission/hotline-old.css
new file mode 100644
index 00000000..0825518d
--- /dev/null
+++ b/css/base/transmission/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/transmission/hotline.css b/css/base/transmission/hotline.css
new file mode 100644
index 00000000..ba371464
--- /dev/null
+++ b/css/base/transmission/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/transmission/hotpink.css b/css/base/transmission/hotpink.css
new file mode 100644
index 00000000..ca8c8eac
--- /dev/null
+++ b/css/base/transmission/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/transmission/mind.css b/css/base/transmission/mind.css
new file mode 100644
index 00000000..88e99d86
--- /dev/null
+++ b/css/base/transmission/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/transmission/nord.css b/css/base/transmission/nord.css
new file mode 100644
index 00000000..6b238821
--- /dev/null
+++ b/css/base/transmission/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/transmission/onedark.css b/css/base/transmission/onedark.css
new file mode 100644
index 00000000..7851f00e
--- /dev/null
+++ b/css/base/transmission/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/transmission/organizr.css b/css/base/transmission/organizr.css
new file mode 100644
index 00000000..6bf5514c
--- /dev/null
+++ b/css/base/transmission/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/transmission/overseerr.css b/css/base/transmission/overseerr.css
new file mode 100644
index 00000000..c0c5270b
--- /dev/null
+++ b/css/base/transmission/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/transmission/pine-shadow.css b/css/base/transmission/pine-shadow.css
new file mode 100644
index 00000000..659d3b6f
--- /dev/null
+++ b/css/base/transmission/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/transmission/plex.css b/css/base/transmission/plex.css
new file mode 100644
index 00000000..9b5cf2c0
--- /dev/null
+++ b/css/base/transmission/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/transmission/power.css b/css/base/transmission/power.css
new file mode 100644
index 00000000..02413368
--- /dev/null
+++ b/css/base/transmission/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/transmission/reality.css b/css/base/transmission/reality.css
new file mode 100644
index 00000000..e79a690d
--- /dev/null
+++ b/css/base/transmission/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/transmission/soul.css b/css/base/transmission/soul.css
new file mode 100644
index 00000000..7364aa01
--- /dev/null
+++ b/css/base/transmission/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/transmission/space-gray.css b/css/base/transmission/space-gray.css
new file mode 100644
index 00000000..f3bdd971
--- /dev/null
+++ b/css/base/transmission/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/transmission/space.css b/css/base/transmission/space.css
new file mode 100644
index 00000000..e455f170
--- /dev/null
+++ b/css/base/transmission/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/transmission/time.css b/css/base/transmission/time.css
new file mode 100644
index 00000000..bc35d892
--- /dev/null
+++ b/css/base/transmission/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/transmission/transmission-base.css b/css/base/transmission/transmission-base.css
new file mode 100644
index 00000000..f413bdc3
--- /dev/null
+++ b/css/base/transmission/transmission-base.css
@@ -0,0 +1,982 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/*			      https://github.com/gilbN/theme.park			 */
+@import url(https://use.fontawesome.com/releases/v5.0.7/css/all.css);
+
+* {
+    outline: none !important;
+}
+
+a {
+    color: var(--link-color);
+}
+
+a:hover {
+    color: var(--link-color-hover);
+}
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+/* Scrollbar */
+@media only screen and (min-width: 768px) {
+    html {
+        height: 100%;
+        width: 100%;
+        overflow: hidden;
+    }
+
+    body {
+        overflow-y: auto;
+        height: 100%;
+        background: var(--main-bg-color);
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .2);
+    background-clip: padding-box;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .5);
+    background-clip: padding-box;
+}
+
+div#torrent_container {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+div#torrent_inspector #inspector_header #torrent_inspector_name,
+.prefs-section .title {
+    color: var(--text-hover);
+}
+
+/* Toolbar */
+div#toolbar {
+    background: rgba(0, 0, 0, .25);
+    background-image: none;
+    border-bottom: 1px solid transparent;
+}
+
+div#toolbar>div#toolbar-separator {
+    display: none
+}
+
+/* Open torrent folder*/
+div#toolbar>div#toolbar-open {
+    background-image: none;
+}
+
+div#toolbar>div#toolbar-open:hover:before {
+    color: var(--accent-color-hover);
+}
+
+div#toolbar>div#toolbar-open:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 33px;
+    content: "\f07c";
+    font-weight: 900;
+    display: inline-block;
+    color: rgb(var(--accent-color));
+    margin-right: 5px;
+}
+
+/* Stop Icon */
+div#toolbar>div#toolbar-remove {
+    background-image: none;
+}
+
+div#toolbar>div#toolbar-remove:hover:before {
+    color: var(--accent-color-hover);
+}
+
+div#toolbar>div#toolbar-remove:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 33px;
+    content: "\f28d";
+    font-weight: 900;
+    display: inline-block;
+    color: rgb(var(--accent-color));
+    margin-left: 5px;
+}
+
+/* Start Icon */
+div#toolbar>div#toolbar-start {
+    background-image: none;
+}
+
+div#toolbar>div#toolbar-start:hover:before {
+    color: var(--accent-color-hover);
+}
+
+div#toolbar>div#toolbar-start:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 33px;
+    content: "\f152";
+    font-weight: 900;
+    display: inline-block;
+    color: rgb(var(--accent-color));
+    margin-left: 5px;
+}
+
+/* Pause Icon */
+div#toolbar>div#toolbar-pause {
+    background-image: none;
+}
+
+div#toolbar>div#toolbar-pause:hover:before {
+    color: var(--accent-color-hover);
+}
+
+div#toolbar>div#toolbar-pause:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 33px;
+    content: "\f04c";
+    font-weight: 900;
+    display: inline-block;
+    color: rgb(var(--accent-color));
+    margin-left: 5px;
+}
+
+/* Start-all Icon */
+div#toolbar>div#toolbar-start-all {
+    background-image: none;
+}
+
+div#toolbar>div#toolbar-start-all:hover:before {
+    color: var(--accent-color-hover);
+}
+
+div#toolbar>div#toolbar-start-all:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 33px;
+    content: "\f101";
+    font-weight: 900;
+    display: inline-block;
+    color: rgb(var(--accent-color));
+    margin-left: 5px;
+}
+
+/* Pause-all Icon */
+div#toolbar>div#toolbar-pause-all {
+    background-image: none;
+}
+
+div#toolbar>div#toolbar-pause-all:hover:before {
+    color: var(--accent-color-hover);
+}
+
+div#toolbar>div#toolbar-pause-all:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 33px;
+    content: "\f28b";
+    font-weight: 900;
+    display: inline-block;
+    color: rgb(var(--accent-color));
+}
+
+/* Info Icon */
+div#toolbar>div#toolbar-inspector {
+    background-image: none;
+}
+
+div#toolbar>div#toolbar-inspector:hover:before {
+    color: var(--accent-color-hover);
+}
+
+div#toolbar>div#toolbar-inspector:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 33px;
+    content: "\f05a";
+    font-weight: 900;
+    display: inline-block;
+    color: rgb(var(--accent-color));
+}
+
+/* Statusbar */
+#statusbar {
+    border-bottom: 1px solid transparent;
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.25)
+}
+
+#statusbar #filter input#torrent_search {
+    outline: none;
+    border: none;
+    border-radius: 2px;
+}
+
+#statusbar #filter input#torrent_search.blur {
+    color: #999;
+    outline: none;
+    border: none;
+    border-radius: 2px;
+}
+
+#statusbar #speed-info #speed-dn-icon {
+    background: none;
+}
+
+#statusbar #speed-info #speed-dn-icon:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 10px;
+    content: "\f0d7";
+    font-weight: 900;
+}
+
+#statusbar #speed-info #speed-up-icon {
+    background: none;
+}
+
+#statusbar #speed-info #speed-up-icon:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 10px;
+    content: "\f0d8";
+    font-weight: 900;
+}
+
+ul.torrent_list,
+ul.torrent_list li.torrent.even {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+ul.torrent_list li.torrent div.torrent_name {
+    color: var(--text-hover);
+}
+
+ul.torrent_list li.torrent.selected {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+ul.torrent_list li.torrent {
+    border-bottom: 1px solid rgba(204, 204, 204, 0.1);
+    padding: 4px 30px 5px 14px;
+    color: var(--text);
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+/* Modal */
+div.dialog_container div.dialog_window {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border: none !important;
+    opacity: 1;
+}
+
+div.dialog_container div.dialog_window h2.dialog_heading,
+div#upload_container div.dialog_window div.dialog_message label {
+    color: var(--text)  
+}
+
+input {
+    color: var(--text-hover);
+    background: rgba(0, 0, 0, .25)
+}
+
+#add-dialog-folder-input,
+#torrent_upload_url {
+    color: var(--text-hover);
+    outline: none;
+}
+
+div.dialog_container div.dialog_window div.dialog_message {
+    color: var(--text);
+}
+
+/* Button*/
+div.dialog_container div.dialog_window a {
+    background-color: var(--button-color);
+    border: 1px solid var(--button-color);
+    color: var(--button-text);
+}
+
+div.dialog_container div.dialog_window a:hover,
+div.dialog_container div.dialog_window a:active {
+    background: none;
+    background-color: var(--button-color-hover);
+    border: 1px solid var(--button-color-hover);
+}
+
+/* ul.torrent_list div.torrent_progress_bar.complete.leeching {
+    background-position: left 0px;
+    background: var(--progress-color);
+    border-color: var(--progress-color);
+    } */
+
+/* ul.torrent_list div.torrent_progress_bar {
+        height: 100%;
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        background-image: none;
+        background-repeat: repeat-x;
+        border: 1px solid #888;
+    } */
+
+.ui-widget-content {
+    border: 1px solid transparent;
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+.ui-widget-header {
+    color: var(--text-hover) !important;
+}
+
+.ui-widget .ui-widget {
+    box-shadow: none;
+}
+
+.ui-widget {
+    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
+    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
+    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
+}
+
+#download-dir,
+#seedRatioLimit,
+#idle-seeding-limit,
+#speed-limit-up,
+#speed-limit-down,
+#alt-speed-up,
+#alt-speed-down,
+#peer-limit-per-torrent,
+#peer-limit-global,
+#blocklist-url,
+#blocklist-update-button,
+#peer-port {
+    color: black;
+    outline: none;
+}
+
+.ui-widget-header {
+    border: 1px solid transparent;
+    background: none;
+    color: #222;
+    font-weight: bold;
+}
+
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active {
+    border: 1px solid transparent;
+    background: rgba(255, 255, 255, .1) !important;
+    font-weight: normal;
+    color: var(--text);
+}
+
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+    color: var(--text);
+    text-decoration: none;
+}
+
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited {
+    color: var(--text);
+    text-decoration: none;
+}
+
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default {
+    border: 1px solid transparent;
+    background: rgba(0, 0, 0, 0.25);
+    font-weight: normal;
+    color: var(--text);
+}
+
+.ui-tabs .ui-tabs-nav li.ui-tabs-active {
+    padding-bottom: 0px;
+}
+
+/*Close Icon*/
+ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close {
+    background-image: none;
+}
+
+ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close:hover:before {
+    color: var(--text-hover);
+}
+
+ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 10px;
+    content: "\f00d";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+/*Inspector*/
+div#torrent_inspector {
+    border-left: 1px solid transparent;
+    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
+    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
+    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>* {
+    border-color: transparent;
+    height: auto;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+div#torrent_inspector div.inspector_torrent_file_list_entry_name,
+div#torrent_inspector ul.tier_list .tracker_activity,
+div#torrent_inspector ul.tier_list table,
+div#torrent_inspector div.tracker_host {
+    color: var(--text);
+}
+
+/*Info button*/
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info {
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:hover:before {
+    color: var(--text-hover);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 20px;
+    content: "\f05a";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info.selected {
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-info.selected:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 20px;
+    content: "\f05a";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+/*Peers Button*/
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers {
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:hover:before {
+    color: var(--text-hover);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 20px;
+    content: "\f0c0";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers.selected {
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-peers.selected:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 20px;
+    content: "\f0c0";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+/*Tracker Button*/
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers {
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:hover:before {
+    color: var(--text-hover);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 20px;
+    content: "\f233";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers.selected {
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-trackers.selected:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 20px;
+    content: "\f233";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+/*Files Button*/
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files {
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:hover:before {
+    color: var(--text-hover);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 20px;
+    content: "\f0c5";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files.selected {
+    background-image: none;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files:active,
+div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs>#inspector-tab-files.selected:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 20px;
+    content: "\f0c5";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+tr.inspector_peer_entry.odd {
+    background-color: rgba(255, 255, 255, 0.1);
+}
+
+/* Priority buttons */
+div.file-priority-radiobox>* {
+    border-color: transparent;
+    width: auto;
+}
+
+/*Low pri*/
+div.file-priority-radiobox>div.low {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.file-priority-radiobox>div.low:hover:before {
+    color: var(--text-hover);
+}
+
+div.file-priority-radiobox>div.low:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 30px;
+    content: "\f107";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+div.file-priority-radiobox>div.low:active,
+div.file-priority-radiobox>div.low.selected {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.file-priority-radiobox>div.low:active,
+div.file-priority-radiobox>div.low.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div.file-priority-radiobox>div.low:active,
+div.file-priority-radiobox>div.low.selectedbefore {
+    font-family: "Font Awesome 5 Free";
+    font-size: 30px;
+    content: "\f107";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+/*Normal pri*/
+div.file-priority-radiobox>div.normal {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.file-priority-radiobox>div.normal:hover:before {
+    color: var(--text-hover);
+}
+
+div.file-priority-radiobox>div.normal:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 30px;
+    content: "\f068";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+div.file-priority-radiobox>div.normal:active,
+div.file-priority-radiobox>div.normal.selected {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.file-priority-radiobox>div.normal:active,
+div.file-priority-radiobox>div.normal.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div.file-priority-radiobox>div.normal:active,
+div.file-priority-radiobox>div.normal.selectedbefore {
+    font-family: "Font Awesome 5 Free";
+    font-size: 30px;
+    content: "\f068";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+/*High pri*/
+div.file-priority-radiobox>div.high {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.file-priority-radiobox>div.high:hover:before {
+    color: var(--text-hover);
+}
+
+div.file-priority-radiobox>div.high:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 30px;
+    content: "\f106";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+div.file-priority-radiobox>div.high:active,
+div.file-priority-radiobox>div.high.selected {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.file-priority-radiobox>div.high:active,
+div.file-priority-radiobox>div.high.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div.file-priority-radiobox>div.high:active,
+div.file-priority-radiobox>div.high.selectedbefore {
+    font-family: "Font Awesome 5 Free";
+    font-size: 30px;
+    content: "\f106";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+div#torrent_inspector li.inspector_tracker_entry.odd {
+    background-color: rgba(255, 255, 255, 0.1);
+}
+
+/*Bottom Toolbar*/
+div.torrent_footer {
+    border-top: 1px solid transparent;
+    background-color: rgba(0, 0, 0, .25);
+    background-image: none;
+    height: 30px;
+}
+
+div.torrent_footer>div {
+    border: 1px solid transparent;
+}
+
+/* Settings Icon */
+div.torrent_footer #settings_menu {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.torrent_footer #settings_menu:hover:before {
+    color: var(--text-hover);
+}
+
+div.torrent_footer #settings_menu:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 20px;
+    content: "\f013";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+div.torrent_footer #settings_menu:active,
+div.torrent_footer #settings_menu.selected {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.torrent_footer #settings_menu:active,
+div.torrent_footer #settings_menu.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div.torrent_footer #settings_menu:active,
+div.torrent_footer #settings_menu.selected:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 20px;
+    content: "\f013";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+/* Prefs Icon */
+div.torrent_footer #prefs-button {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.torrent_footer #prefs-button:hover:before {
+    color: var(--text-hover);
+}
+
+div.torrent_footer #prefs-button:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 20px;
+    content: "\f0ad";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+div.torrent_footer #prefs-button:active,
+div.torrent_footer #prefs-button.selected {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.torrent_footer #prefs-button:active,
+div.torrent_footer #prefs-button.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div.torrent_footer #prefs-button:active,
+div.torrent_footer #prefs-button.selected:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 20px;
+    content: "\f0ad";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+/* Turtle Icon */
+div.torrent_footer #turtle-button {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.torrent_footer #turtle-button:hover:before {
+    color: var(--text-hover);
+}
+
+div.torrent_footer #turtle-button:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 20px;
+    content: "\f3fd";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+div.torrent_footer #turtle-button:active,
+div.torrent_footer #turtle-button.selected {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.torrent_footer #turtle-button:active,
+div.torrent_footer #turtle-button.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div.torrent_footer #turtle-button:active,
+div.torrent_footer #turtle-button.selected:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 20px;
+    content: "\f3fd";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text-hover);
+}
+
+/* Compact Icon */
+div.torrent_footer #compact-button {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.torrent_footer #compact-button:hover:before {
+    color: var(--text-hover);
+}
+
+div.torrent_footer #compact-button:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 20px;
+    content: "\f0ca";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+div.torrent_footer #compact-button:active,
+div.torrent_footer #compact-button.selected {
+    background-color: transparent;
+    background-image: none;
+}
+
+div.torrent_footer #compact-button:active,
+div.torrent_footer #compact-button.selected:hover:before {
+    color: var(--text-hover);
+}
+
+div.torrent_footer #compact-button:active,
+div.torrent_footer #compact-button.selected:before {
+    font-family: "Font Awesome 5 Free";
+    font-size: 20px;
+    content: "\f0ca";
+    font-weight: 900;
+    display: inline-block;
+    color: var(--text);
+}
+
+/*Compact mode*/
+ul.torrent_list li.torrent div.torrent_name.paused,
+ul.torrent_list li.torrent.compact div.torrent_name {
+    color: var(--text);
+}
+
+/* Settings menu */
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus {
+    border: 1px solid transparent;
+    background: none;
+    background-color: rgba(255, 255, 255, 0.1);
+    color: var(--text-hover);
+    outline: none;
+}
+
+.ui-icon,
+.ui-widget-content .ui-icon {
+    background-image: url(/resources/transmission/icons.png);
+}
\ No newline at end of file
diff --git a/css/base/transmission/trueblack.css b/css/base/transmission/trueblack.css
new file mode 100644
index 00000000..2a6bf22c
--- /dev/null
+++ b/css/base/transmission/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/unraid/aquamarine.css b/css/base/unraid/aquamarine.css
new file mode 100644
index 00000000..fffb638a
--- /dev/null
+++ b/css/base/unraid/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/unraid/blackberry-abyss.css b/css/base/unraid/blackberry-abyss.css
new file mode 100644
index 00000000..25b9fdc8
--- /dev/null
+++ b/css/base/unraid/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/unraid/blackberry-amethyst.css b/css/base/unraid/blackberry-amethyst.css
new file mode 100644
index 00000000..ecca6242
--- /dev/null
+++ b/css/base/unraid/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/unraid/blackberry-carol.css b/css/base/unraid/blackberry-carol.css
new file mode 100644
index 00000000..70d65657
--- /dev/null
+++ b/css/base/unraid/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/unraid/blackberry-dreamscape.css b/css/base/unraid/blackberry-dreamscape.css
new file mode 100644
index 00000000..b3dc8e80
--- /dev/null
+++ b/css/base/unraid/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/unraid/blackberry-flamingo.css b/css/base/unraid/blackberry-flamingo.css
new file mode 100644
index 00000000..3a875c8f
--- /dev/null
+++ b/css/base/unraid/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/unraid/blackberry-hearth.css b/css/base/unraid/blackberry-hearth.css
new file mode 100644
index 00000000..a368539f
--- /dev/null
+++ b/css/base/unraid/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/unraid/blackberry-martian.css b/css/base/unraid/blackberry-martian.css
new file mode 100644
index 00000000..0e61800a
--- /dev/null
+++ b/css/base/unraid/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/unraid/blackberry-pumpkin.css b/css/base/unraid/blackberry-pumpkin.css
new file mode 100644
index 00000000..958dddcb
--- /dev/null
+++ b/css/base/unraid/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/unraid/blackberry-royal.css b/css/base/unraid/blackberry-royal.css
new file mode 100644
index 00000000..c285015a
--- /dev/null
+++ b/css/base/unraid/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/unraid/blackberry-shadow.css b/css/base/unraid/blackberry-shadow.css
new file mode 100644
index 00000000..aa9884cc
--- /dev/null
+++ b/css/base/unraid/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/unraid/blackberry-solar.css b/css/base/unraid/blackberry-solar.css
new file mode 100644
index 00000000..cdb15e65
--- /dev/null
+++ b/css/base/unraid/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/unraid/blackberry-vanta.css b/css/base/unraid/blackberry-vanta.css
new file mode 100644
index 00000000..99b6bfa0
--- /dev/null
+++ b/css/base/unraid/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/unraid/dark.css b/css/base/unraid/dark.css
new file mode 100644
index 00000000..3b188773
--- /dev/null
+++ b/css/base/unraid/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/unraid/dracula.css b/css/base/unraid/dracula.css
new file mode 100644
index 00000000..2f4de6f5
--- /dev/null
+++ b/css/base/unraid/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/unraid/hotline-old.css b/css/base/unraid/hotline-old.css
new file mode 100644
index 00000000..d5f731ba
--- /dev/null
+++ b/css/base/unraid/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/unraid/hotline.css b/css/base/unraid/hotline.css
new file mode 100644
index 00000000..34bf6687
--- /dev/null
+++ b/css/base/unraid/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/unraid/hotpink.css b/css/base/unraid/hotpink.css
new file mode 100644
index 00000000..88602458
--- /dev/null
+++ b/css/base/unraid/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/unraid/mind.css b/css/base/unraid/mind.css
new file mode 100644
index 00000000..d1d08c00
--- /dev/null
+++ b/css/base/unraid/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/unraid/nord.css b/css/base/unraid/nord.css
new file mode 100644
index 00000000..5aa06ad9
--- /dev/null
+++ b/css/base/unraid/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/unraid/onedark.css b/css/base/unraid/onedark.css
new file mode 100644
index 00000000..5529c298
--- /dev/null
+++ b/css/base/unraid/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/unraid/organizr.css b/css/base/unraid/organizr.css
new file mode 100644
index 00000000..b2775e36
--- /dev/null
+++ b/css/base/unraid/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/unraid/overseerr.css b/css/base/unraid/overseerr.css
new file mode 100644
index 00000000..cae8e274
--- /dev/null
+++ b/css/base/unraid/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/unraid/pine-shadow.css b/css/base/unraid/pine-shadow.css
new file mode 100644
index 00000000..171fc597
--- /dev/null
+++ b/css/base/unraid/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/unraid/plex.css b/css/base/unraid/plex.css
new file mode 100644
index 00000000..36b764a0
--- /dev/null
+++ b/css/base/unraid/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/unraid/power.css b/css/base/unraid/power.css
new file mode 100644
index 00000000..a7b203fe
--- /dev/null
+++ b/css/base/unraid/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/unraid/reality.css b/css/base/unraid/reality.css
new file mode 100644
index 00000000..9b33a174
--- /dev/null
+++ b/css/base/unraid/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/unraid/soul.css b/css/base/unraid/soul.css
new file mode 100644
index 00000000..ea0c7ba4
--- /dev/null
+++ b/css/base/unraid/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/unraid/space-gray.css b/css/base/unraid/space-gray.css
new file mode 100644
index 00000000..adf4b13f
--- /dev/null
+++ b/css/base/unraid/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/unraid/space.css b/css/base/unraid/space.css
new file mode 100644
index 00000000..f97cf7d7
--- /dev/null
+++ b/css/base/unraid/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/unraid/time.css b/css/base/unraid/time.css
new file mode 100644
index 00000000..669cd5d2
--- /dev/null
+++ b/css/base/unraid/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/unraid/trueblack.css b/css/base/unraid/trueblack.css
new file mode 100644
index 00000000..3154240e
--- /dev/null
+++ b/css/base/unraid/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/unraid/unraid-base.css b/css/base/unraid/unraid-base.css
new file mode 100644
index 00000000..faef37a5
--- /dev/null
+++ b/css/base/unraid/unraid-base.css
@@ -0,0 +1,754 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+* {
+    outline: none;
+}
+
+body {
+    color: var(--text);
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+strong {
+    color: var(--text-hover);
+}
+
+i.fa.fa-fw {
+    color: var(--text-hover) !important;
+}
+
+a,
+.blue-text,
+a.static,
+i.control {
+    color: var(--link-color);
+}
+
+a:hover,
+a.static:hover,
+i.control:hover {
+    color: var(--link-color-hover);
+}
+
+pre {
+    border: 1px solid rgb(255 255 255 / 30%);
+}
+
+#template {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+#menu {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+#header .text-left {
+    border-right: solid medium rgb(var(--accent-color));
+}
+
+#header {
+    background-color: transparent;
+}
+
+#header,
+#header .text-right a {
+    color: var(--text) !important;
+}
+
+#header .block {
+    background-color: rgb(0 0 0 / 20%);
+    border-radius: 0px 0px 0px 25px;
+}
+
+#nav-block #nav-item:focus:after,
+#nav-block #nav-item:hover:after,
+#nav-block #nav-item.active:after {
+    background: var(--accent-color-hover);
+}
+
+#nav-block #nav-item a:hover {
+    color: var(--text-hover);
+}
+
+#nav-block #nav-item a {
+    color: var(--text);
+}
+
+#nav-item.active a {
+    color: rgb(var(--accent-color)) !important;
+}
+
+#nav-item.active a:hover {
+    color: rgb(var(--accent-color)) !important;
+}
+
+textarea {
+    background: rgb(0 0 0 / 25%);
+}
+
+/*DASHBOARD*/
+table.share_status.dashboard {
+    background-color: rgba(0, 0, 0, .15);
+    border: 1px solid rgba(255, 255, 255, .25);
+}
+
+table.share_status.dashboard tr>td.next {
+    border-top: 1px solid rgba(255, 255, 255, .25);
+    color: var(--text-hover);
+}
+
+span.outer.solid {
+    background-color: transparent;
+}
+
+span.inner {
+    width: 137px !important;
+}
+
+thead.sortable,
+thead,
+table.tablesorter thead tr th {
+    color: var(--text-hover);
+}
+
+.sys,
+.usage-disk,
+.usage-bar {
+    background: rgba(0, 0, 0, .35);
+}
+
+.usage-disk>span:first-child {
+    background-color: #4caf50
+}
+
+#db-box3>tbody.smb.share.share1.sortable>tr>td>a {
+    color: var(--link-color);
+}
+
+#db-box3>tbody.smb.share.share1.sortable>tr>td>a:hover {
+    color: var(--link-color-hover);
+}
+
+.green-text,
+.passed,
+.green {
+    color: #4caf50;
+}
+
+/*MAIN*/
+#title {
+    border-bottom: 1px solid rgba(255, 255, 255, .25);
+    background-color: rgba(0, 0, 0, .5);
+    color: var(--text-hover);
+}
+
+table {
+    background-color: rgb(0 0 0 / 25%);
+}
+
+table.disk_status thead tr:first-child td,
+table tbody tr.tr_last,
+table.share_status tbody tr:nth-child(even),
+table.share_status thead tr:first-child td,
+table.tablesorter thead tr th,
+table.tablesorter tbody tr:nth-child(even),
+table.tablesorter thead tr .tablesorter-headerAsc,
+table.tablesorter thead tr .tablesorter-headerDesc {
+    background-color: rgba(0, 0, 0, .25);
+}
+
+table.disk_status tbody tr:nth-child(even) {
+    background-color: rgba(0, 0, 0, .25);
+}
+
+table.disk_status thead tr:last-child {
+    border-bottom: 1px solid rgb(160, 160, 160);
+}
+
+table.tablesorter thead tr {
+    border-bottom: rgba(255, 255, 255, .25) 1px solid;
+}
+
+table tbody tr.tr_last {
+    border-top: 1px solid rgba(255, 255, 255, .25);
+}
+
+table.share_status tbody tr.warn {
+    color: #e68a00 !important;
+    background-color: #feefb3 !important;
+}
+
+/*BUTTON*/
+input[type=button],
+input[type=reset],
+input[type=submit],
+button,
+button[type=button],
+a.button,
+.sweet-alert button,
+#template button[type=button],
+#template button {
+    color: var(--text);
+    text-shadow: var(--text-shadow) var(--text-shadow-color);
+    background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
+    background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
+    border: 1px solid transparent;
+}
+
+input:hover[type=button],
+input:hover[type=reset],
+input:hover[type=submit],
+button:hover,
+button:hover[type=button],
+a.button:hover,
+.sweet-alert button:hover,
+#template button[type=button]:hover,
+#template button:hover {
+    color: var(--button-text-hover);
+    text-shadow: var(--text-shadow) var(--button-color-hover);
+    box-shadow: var(--box-shadow) var(--button-color-hover);
+    background-color: var(--button-color-hover);
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color-hover)), to(var(--button-color-hover)));
+    background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover));
+}
+
+.swal-button {
+    color: var(--button-text) !important;
+    text-shadow: var(--text-shadow) var(--text-shadow-color) !important;
+    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 !important;
+    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 !important;
+    background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100% !important;
+    border: 1px solid transparent !important;
+}
+
+.swal-button:hover {
+    color: var(--button-text-hover) !important;
+    text-shadow: var(--text-shadow) var(--button-color-hover) !important;
+    box-shadow: var(--box-shadow) var(--button-color-hover) !important;
+    background-color: var(--button-color-hover) !important;
+    background: -webkit-gradient(linear, left top, right top, from(var(--button-color-hover)), to(var(--button-color-hover))) !important;
+    background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover)) !important;
+}
+
+.switch-button-background.checked {
+    background-color: #4caf50 !important;
+}
+
+.switch-button-label.on {
+    color: #4caf50 !important;
+}
+
+/* BAR GAUGES */
+.usage-disk {
+    color: white;
+}
+
+/* USERS */
+div.user-list {
+    border: 1px solid rgba(255, 255, 255, .15);
+    background-color: rgba(255, 255, 255, .05);
+}
+
+/* SETTINGS */
+label.checkbox input:checked~.checkmark {
+    background: var(--button-color);
+}
+
+.logLine {
+    background: transparent;
+}
+
+.logLine.spacing {
+    color: var(--text);
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+#sb-info-inner,
+#sb-loading-inner,
+div.sb-message {
+    color: var(--text);
+    background-color: transparent;
+}
+
+#sb-title,
+#sb-title-inner {
+    color: var(--text-hover);
+    background-color: transparent;
+}
+
+
+#sb-wrapper {
+    border: 1px rgba(0, 0, 0, 0) solid;
+    color: var(--text);
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+#sb-loading,
+#sb-body-inner,
+iframe {
+    color: var(--text);
+    background: transparent !important;
+}
+
+div.Panel i.PanelIcon {
+    color: var(--text-hover);
+}
+
+/* PLUGINS */
+div.tab [type=radio]:checked+label,
+div.tab [type=radio]+label:hover {
+    border: 1px solid var(--accent-color-hover);
+    color: var(--text-hover);
+}
+
+div.tab [type=radio]+label {
+    border: 1px solid rgb(255 255 255 / 25%);
+    background-color: rgb(0 0 0 / 50%);
+    opacity: 0.5;
+}
+
+/* FOOTER */
+#footer {
+    color: var(--text);
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/* CA */
+hr {
+
+color: var(--text);
+background-color: var(--text);
+}
+
+.ca_holderDocker {
+    background-color: rgb(0 0 0 / 10%) !important;
+    border-color: rgb(0 0 0 / 25%) !important;
+}
+
+.ca_holderDocker::before {
+    color: rgb(255 255 255 / 40%) !important;
+}
+
+.selectedMenu {
+    color: rgb(var(--accent-color)) !important;
+}
+
+.hoverMenu {
+    color: var(--link-color-hover) !important;
+}
+
+.ca_descriptionArea:hover,
+a.ca_repoPopup:hover {
+    color: var(--button-text-hover) !important;
+}
+
+.ca_templatesDisplay .ca_holderFav {
+    background: rgb(var(--accent-color), .7) !important;
+    color: var(--label-text-color) !important;
+}
+
+a.ca_appreadmore:hover {
+    color: var(--link-color-hover) !important;
+}
+
+.ca_bottomLine .appIcons:hover,
+.ca_bottomLine .unpinned:hover {
+    text-decoration: none;
+    color: var(--link-color-hover) !important;
+}
+
+.tooltipster-sidetip.tooltipster-right .tooltipster-box {
+    border-left: 3px solid rgb(var(--accent-color)) !important;
+}
+
+.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
+    border-top: 3px solid rgb(var(--accent-color)) !important;
+}
+
+.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
+    border-top-color: rgb(var(--accent-color)) !important;
+}
+
+.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
+    border-right-color: rgb(var(--accent-color)) !important;
+}
+
+.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border,
+.tooltipster-sidetip.tooltipster-top .tooltipster-box {
+    border-bottom-color: rgb(var(--accent-color)) !important;
+}
+
+.appIconsPopUp:hover {
+    color: var(--accent-color-hover) !important;
+}
+
+a.popUpLink:hover {
+    color: var(--accent-color-hover) !important;
+}
+
+li.caMenuItem {
+    color: var(--link-color);
+}
+
+li.caMenuItem:hover {
+    color: var(--link-color-hover);
+}
+
+.ca_holder {
+    background-color: rgb(0, 0, 0, .25) !important;
+    border-color: rgba(255, 255, 255, 0.1) !important;
+}
+
+.ca_holder:hover {
+    background-color: rgba(0, 0, 0, 0.45) !important;
+}
+
+.supportButton,
+#sidenavContent .actionsPopup,
+#sidenavContent .pinPopup,
+#sidenavContent .supportPopup,
+#sidenavContent .popupProfile,
+#sidenavContent .repoPopup,
+#sidenavContent .ca_favouriteRepo,
+#sidenavContent .donate,
+span .maxPerPage {
+    color: var(--button-text) !important;
+    background: var(--button-color) !important;
+    border-color: var(--button-color) !important;
+}
+
+.ca_holder .infoButton {
+    color: var(--button-text) !important;
+    background: var(--button-color) !important;
+    border-color: var(--button-color) !important;
+}
+.infoButton:hover {
+    background: var(--button-color-hover) !important;
+    color: var(--button-text-hover) !important;
+    border-color: var(--button-color-hover) !important;
+}
+
+#sidenavContent .supportButton:hover,
+#sidenavContent .actionsPopup:hover,
+#sidenavContent .pinPopup:hover,
+#sidenavContent .supportPopup:hover,
+#sidenavContent .popupProfile:hover,
+#sidenavContent .repoPopup:hover,
+#sidenavContent .ca_favouriteRepo:hover,
+#sidenavContent .donate:hover,
+.maxPerPage:hover {
+    background: var(--button-color-hover) !important;
+    color: var(--button-text-hover) !important;
+    border-color: var(--button-color-hover) !important;
+}
+
+.donate a {
+    color: var(--button-text) !important;
+}
+
+.donate:hover a {
+    color: var(--button-text-hover) !important;
+}
+
+.unpinned {
+    color: var(--button-color) !important
+}
+
+.unpinned:hover {
+    color: var(--button-color-hover) !important;
+}
+
+.homeMore:hover,
+.popUpClose:hover,
+.enabledIcon:hover,
+.ca_readmore:hover {
+    color: var(--link-color-hover) !important;
+}
+
+.homeMore,
+.popUpClose,
+.ca_readmore {
+    color: var(--link-color) !important;
+}
+
+.sortIcons.enabledIcon {
+    color: rgb(var(--accent-color)) !important;
+}
+
+.sortIcons.enabledIcon:hover {
+    color: var(--link-color-hover) !important;
+}
+
+.sortIcons {
+    color: var(--text) !important;
+}
+
+.sortIcons:hover {
+    color: var(--text-hover) !important;
+}
+
+.pageSelected {
+    color: rgb(var(--accent-color)) !important;
+}
+
+.pageNumber:hover {
+    color: var(--accent-color-hover) !important;
+}
+
+#copyright>a {
+    color: var(--link-color);
+}
+
+#copyright>a:hover {
+    color: var(--link-color-hover);
+}
+
+.ca_red {
+    color: #e22828 !important;
+}
+
+.card_readmore {
+    color: var(--link-color) !important;
+}
+
+.card_readmore:hover {
+    color: var(--link-color-hover) !important;
+}
+
+.ca_holder .actionsButton {
+    color: var(--button-text) !important;
+    background: var(--button-color) !important;
+}
+
+.actionsButton:hover {
+    color: var(--button-text-hover) !important;
+    background: var(--button-color-hover) !important;
+}
+
+/* CA search input */
+#searchButton:hover {
+    color: rgb(var(--accent-color));
+}
+
+#searchBox,
+.searchSubmit {
+    background: rgba(255, 255, 255, 0.05) !important;
+}
+
+/* CA slide in menu */
+
+.chartMenu:hover {
+    color: var(--link-color-hover) !important;
+}
+
+.sidenav {
+    background: var(--modal-bg-color) !important;
+    color: var(--text) !important;
+}
+
+/* AZURE THEME*/
+div.frame,
+div.tabs {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/*DROPDOWN MENU*/
+.dropdown-menu {
+    background: var(--drop-down-menu-bg) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.dropdown-menu a {
+    color: var(--text) !important;
+}
+
+.dropdown-menu .divider {
+    background-color: rgb(255 255 255 / 10%) !important;
+    border-bottom: 1px solid rgb(255 255 255 / 10%) !important;
+}
+
+.dropdown-menu li>a:hover,
+.dropdown-menu li>a:focus,
+.dropdown-submenu:hover>a {
+    color: var(--text-hover) !important;
+    background: rgb(255 255 255 / 10%) !important;
+}
+
+/*VM MANAGER*/
+div.shade-black {
+    background-color: rgb(0 0 0 / 15%) !important;
+}
+
+::placeholder {
+    color: var(--text-muted) !important;
+}
+
+:-ms-input-placeholder {
+    color: var(--text-muted) !important;
+}
+
+::-webkit-input-placeholder {
+    color: var(--text-muted) !important;
+}
+
+/* MODAL */
+
+/* .sweet-alert {
+    background: var(--modal-bg-color) !important;
+} */
+
+.showSweetAlert:not([data-has-cancel-button="false"]),
+.swal-overlay--show-modal .swal-modal {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.sweet-alert h2,
+.sweet-alert p,
+.swal-title,
+.swal-content,
+.swal-content select {
+    color: var(--text) !important;
+}
+
+/*HELP TEXT*/
+
+blockquote {
+    border-top: 2px solid rgb(0 0 0 / 25%);
+    border-bottom: 2px solid rgb(0 0 0 / 25%);
+    color: var(--text);
+    background-color: rgb(0 0 0 / 10%);
+}
+
+/* MY SERVERS */
+.UnraidUPC .--hasBanner-custom .UnraidUPC-dropdown {
+    background: var(--drop-down-menu-bg) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 50%) !important;
+    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
+    color: var(--text) !important;
+}
+
+#UnraidUPC .text-beta {
+    color: var(--text) !important;
+}
+
+.UnraidUPC-dropdown a,
+.UnraidUPC-dropdown button {
+    color: var(--text) !important;
+}
+
+.UnraidUPC-dropdown .btn-emphasize,
+.UnraidUPC-dropdown a:focus,
+.UnraidUPC-dropdown a:hover,
+.UnraidUPC-dropdown button:focus,
+.UnraidUPC-dropdown button:hover {
+    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
+    background-image: linear-gradient(90deg, var(--tw-gradient-stops));
+    --tw-gradient-from: var(--accent-color-hover);
+    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--accent-color)), rgba(226, 40, 40, 0);
+    --tw-gradient-to: var(--accent-color-hover);
+    --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, var(--tw-text-opacity));
+    outline: 0;
+}
+
+unraid-authed::part(div[data-v-050c892a] > button) {
+    background: pink !important;
+}
+
+/* Edit template*/
+#contDescription {
+    background: rgb(0 0 0 / 25%);
+    padding: 1%;
+    border-radius: 5px;
+}
+
+dt {
+    color: var(--text-hover);
+}
\ No newline at end of file
diff --git a/css/base/uptime-kuma/aquamarine.css b/css/base/uptime-kuma/aquamarine.css
new file mode 100644
index 00000000..91533751
--- /dev/null
+++ b/css/base/uptime-kuma/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/blackberry-abyss.css b/css/base/uptime-kuma/blackberry-abyss.css
new file mode 100644
index 00000000..6bdd4197
--- /dev/null
+++ b/css/base/uptime-kuma/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/blackberry-amethyst.css b/css/base/uptime-kuma/blackberry-amethyst.css
new file mode 100644
index 00000000..a34de775
--- /dev/null
+++ b/css/base/uptime-kuma/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/blackberry-carol.css b/css/base/uptime-kuma/blackberry-carol.css
new file mode 100644
index 00000000..11365e74
--- /dev/null
+++ b/css/base/uptime-kuma/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/blackberry-dreamscape.css b/css/base/uptime-kuma/blackberry-dreamscape.css
new file mode 100644
index 00000000..04023194
--- /dev/null
+++ b/css/base/uptime-kuma/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/blackberry-flamingo.css b/css/base/uptime-kuma/blackberry-flamingo.css
new file mode 100644
index 00000000..a782e701
--- /dev/null
+++ b/css/base/uptime-kuma/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/blackberry-hearth.css b/css/base/uptime-kuma/blackberry-hearth.css
new file mode 100644
index 00000000..9947e068
--- /dev/null
+++ b/css/base/uptime-kuma/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/blackberry-martian.css b/css/base/uptime-kuma/blackberry-martian.css
new file mode 100644
index 00000000..f73bd264
--- /dev/null
+++ b/css/base/uptime-kuma/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/blackberry-pumpkin.css b/css/base/uptime-kuma/blackberry-pumpkin.css
new file mode 100644
index 00000000..8520fe04
--- /dev/null
+++ b/css/base/uptime-kuma/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/blackberry-royal.css b/css/base/uptime-kuma/blackberry-royal.css
new file mode 100644
index 00000000..ad5eac71
--- /dev/null
+++ b/css/base/uptime-kuma/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/blackberry-shadow.css b/css/base/uptime-kuma/blackberry-shadow.css
new file mode 100644
index 00000000..d843549a
--- /dev/null
+++ b/css/base/uptime-kuma/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/blackberry-solar.css b/css/base/uptime-kuma/blackberry-solar.css
new file mode 100644
index 00000000..cf129c39
--- /dev/null
+++ b/css/base/uptime-kuma/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/blackberry-vanta.css b/css/base/uptime-kuma/blackberry-vanta.css
new file mode 100644
index 00000000..8e6788c3
--- /dev/null
+++ b/css/base/uptime-kuma/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/dark.css b/css/base/uptime-kuma/dark.css
new file mode 100644
index 00000000..42645b4b
--- /dev/null
+++ b/css/base/uptime-kuma/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/dracula.css b/css/base/uptime-kuma/dracula.css
new file mode 100644
index 00000000..20fdf103
--- /dev/null
+++ b/css/base/uptime-kuma/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/hotline-old.css b/css/base/uptime-kuma/hotline-old.css
new file mode 100644
index 00000000..70e8de3d
--- /dev/null
+++ b/css/base/uptime-kuma/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/hotline.css b/css/base/uptime-kuma/hotline.css
new file mode 100644
index 00000000..84b13adb
--- /dev/null
+++ b/css/base/uptime-kuma/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/hotpink.css b/css/base/uptime-kuma/hotpink.css
new file mode 100644
index 00000000..0419abbb
--- /dev/null
+++ b/css/base/uptime-kuma/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/mind.css b/css/base/uptime-kuma/mind.css
new file mode 100644
index 00000000..37124405
--- /dev/null
+++ b/css/base/uptime-kuma/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/nord.css b/css/base/uptime-kuma/nord.css
new file mode 100644
index 00000000..2e0e0d23
--- /dev/null
+++ b/css/base/uptime-kuma/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/onedark.css b/css/base/uptime-kuma/onedark.css
new file mode 100644
index 00000000..02a90f89
--- /dev/null
+++ b/css/base/uptime-kuma/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/organizr.css b/css/base/uptime-kuma/organizr.css
new file mode 100644
index 00000000..2ed6260e
--- /dev/null
+++ b/css/base/uptime-kuma/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/overseerr.css b/css/base/uptime-kuma/overseerr.css
new file mode 100644
index 00000000..50a0a1b0
--- /dev/null
+++ b/css/base/uptime-kuma/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/pine-shadow.css b/css/base/uptime-kuma/pine-shadow.css
new file mode 100644
index 00000000..1430670f
--- /dev/null
+++ b/css/base/uptime-kuma/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/plex.css b/css/base/uptime-kuma/plex.css
new file mode 100644
index 00000000..15568f46
--- /dev/null
+++ b/css/base/uptime-kuma/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/power.css b/css/base/uptime-kuma/power.css
new file mode 100644
index 00000000..23bf1f22
--- /dev/null
+++ b/css/base/uptime-kuma/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/reality.css b/css/base/uptime-kuma/reality.css
new file mode 100644
index 00000000..3b76476c
--- /dev/null
+++ b/css/base/uptime-kuma/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/soul.css b/css/base/uptime-kuma/soul.css
new file mode 100644
index 00000000..612a5118
--- /dev/null
+++ b/css/base/uptime-kuma/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/space-gray.css b/css/base/uptime-kuma/space-gray.css
new file mode 100644
index 00000000..167762cf
--- /dev/null
+++ b/css/base/uptime-kuma/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/space.css b/css/base/uptime-kuma/space.css
new file mode 100644
index 00000000..fa946323
--- /dev/null
+++ b/css/base/uptime-kuma/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/time.css b/css/base/uptime-kuma/time.css
new file mode 100644
index 00000000..2d4f3e18
--- /dev/null
+++ b/css/base/uptime-kuma/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/trueblack.css b/css/base/uptime-kuma/trueblack.css
new file mode 100644
index 00000000..d502b566
--- /dev/null
+++ b/css/base/uptime-kuma/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/uptime-kuma/uptime-kuma-base.css b/css/base/uptime-kuma/uptime-kuma-base.css
new file mode 100644
index 00000000..e0d1f21f
--- /dev/null
+++ b/css/base/uptime-kuma/uptime-kuma-base.css
@@ -0,0 +1,395 @@
+@import url("/css/defaults/placeholders.css");
+
+body,
+.dark {
+    margin: 0;
+    font-family: var(--bs-body-font-family);
+    font-size: var(--bs-body-font-size);
+    font-weight: var(--bs-body-font-weight);
+    line-height: var(--bs-body-line-height);
+    color: var(--text);
+    text-align: var(--bs-body-text-align);
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    -webkit-text-size-adjust: 100%;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+/* TEXT */
+.text-secondary {
+    color: var(--text-muted) !important;
+}
+
+.text-dark,
+.form-text {
+    color: var(--text);
+}
+
+.stats p,
+.word,
+footer {
+    color: var(--text) !important;
+}
+
+.title {
+    color: rgb(var(--accent-color)) !important
+}
+
+h6,
+.h6,
+h5,
+.h5,
+h4,
+.h4,
+h3,
+.h3,
+h2,
+.h2,
+h1,
+.h1 {
+    color: var(--text-hover)
+}
+
+a:hover:not(.btn),
+.nav-link:hover,
+.dark a:hover:not(.btn) {
+    color: var(--link-color-hover);
+}
+
+a,
+.nav-link,
+.dark a,
+.dark .nav-link {
+    color: var(--link-color);
+}
+
+.url a {
+    color: var(--link-color) !important;
+    text-decoration: underline;
+}
+
+
+
+/* CARDS */
+.shadow-box,
+.dark .shadow-box {
+    box-shadow: 0px 0px 20px 10px #0000001a;
+    background: rgb(255 255 255 / 8%);
+}
+
+.list .item:hover {
+    background-color: rgba(255, 255, 255, .15) !important;
+}
+
+.dark .list .item.active,
+.list .item.active {
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+.dark .hp-bar-big .beat.empty,
+.hp-bar-big .beat.empty {
+    background-color: rgba(255, 255, 255, .45) !important;
+}
+
+
+canvas {
+    filter: invert(1)
+}
+
+/* TABLES */
+
+th {
+    color: var(--text-hover)
+}
+
+td {
+    color: var(--text);
+}
+
+.dark .table-hover>tbody>tr:hover,
+.table-hover>tbody>tr:hover {
+    --bs-table-accent-bg: rgba(0, 0, 0, .2);
+    color: var(--text);
+}
+
+
+/* MENUS */
+.dropdown-menu {
+    color: var(--text) !important;
+    background: var(--drop-down-menu-bg) !important;
+}
+
+.dropdown-item {
+    color: var(--text) !important;
+}
+
+.dropdown-item:hover,
+.dropdown-item:focus {
+    color: var(--text-hover) !important;
+    background-color: rgba(255, 255, 255, .1) !important;
+}
+
+.dark .dropdown-clear-data ul {
+    border-color: #0000 !important;
+    color: var(--text) !important;
+    background: var(--drop-down-menu-bg) !important;
+}
+
+/* HEADER */
+.dark header,
+#app>div>header {
+    background-color: rgba(0, 0, 0, .15) !important;
+    border-bottom-color: rgba(255, 255, 255, 0) !important;
+}
+
+/* BUTTONS */
+
+.dark .btn-primary {
+    color: var(--button-text);
+}
+
+.btn-primary {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-primary:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-check:focus+.btn-primary,
+.btn-primary:focus {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+    box-shadow: 0 0 0 .25rem rgba(var(--accent-color), .5)
+}
+
+.btn-check:checked+.btn-primary,
+.btn-check:active+.btn-primary,
+.btn-primary:active,
+.btn-primary.active,
+.show>.btn-primary.dropdown-toggle {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-check:checked+.btn-primary:focus,
+.btn-check:active+.btn-primary:focus,
+.btn-primary:active:focus,
+.btn-primary.active:focus,
+.show>.btn-primary.dropdown-toggle:focus {
+    box-shadow: 0 0 0 .25rem rgba(var(--accent-color), .5)
+}
+
+.btn-primary:disabled,
+.btn-primary.disabled {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+
+.btn-outline-primary,
+.btn-outline-secondary {
+    color: var(--button-text);
+    border-color: var(--button-color);
+}
+
+.btn-outline-primary:hover,
+.btn-outline-secondary:hover {
+    color: var(--button-text-hover) !important;
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-check:focus+.btn-outline-primary,
+.btn-outline-primary:focus {
+    box-shadow: 0 0 0 .25rem rgba(var(--accent-color), .5);
+}
+
+.btn-check:checked+.btn-outline-primary,
+.btn-check:active+.btn-outline-primary,
+.btn-outline-primary:active,
+.btn-outline-primary.active,
+.btn-outline-primary.dropdown-toggle.show {
+    color: var(--button-text-hover) !important;
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-check:checked+.btn-outline-primary:focus,
+.btn-check:active+.btn-outline-primary:focus,
+.btn-outline-primary:active:focus,
+.btn-outline-primary.active:focus,
+.btn-outline-primary.dropdown-toggle.show:focus {
+    box-shadow: 0 0 0 .25rem rgba(var(--accent-color), .5);
+}
+
+.btn-outline-primary:disabled,
+.btn-outline-primary.disabled {
+    color: var(--button-color);
+    background-color: transparent
+}
+
+
+.nav-pills .nav-link.active,
+.nav-pills .show>.nav-link {
+    color: var(--button-text) !important;
+    background-color: var(--button-color);
+}
+
+.dark #importBackup::file-selector-button,
+#importBackup::file-selector-button {
+    color: var(--button-text) !important;
+    background-color: var(--button-color) !important;
+}
+
+.dark #importBackup[data-v-d684482e]:hover:not(:disabled):not([readonly])::file-selector-button,
+#importBackup[data-v-d684482e]:hover:not(:disabled):not([readonly])::file-selector-button {
+    color: var(--button-text-hover) !important;
+    background-color: var(--button-color-hover) !important;
+}
+
+/* FORMS */
+
+.dark .form-control,
+.dark .form-select,
+.form-select,
+.form-control {
+    color: var(--text);
+    background-color: rgba(0, 0, 0, .25);
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='#ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
+    background-repeat: no-repeat;
+}
+
+.dark .form-select:focus,
+.dark .form-control:focus,
+.form-select:focus,
+.form-control:focus {
+    background: #1f1f1f;
+    box-shadow: 0 0 0 0.25rem rgba(var(--accent-color), 0.25);
+    border-color: rgba(var(--accent-color), 0.25);
+}
+
+.dark .form-control,
+.dark .form-select,
+.form-select,
+.form-control {
+    border-color: #0000;
+}
+
+
+
+.form-check-input:checked {
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.form-check-input[type=checkbox]:indeterminate {
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
+}
+
+.dark .multiselect__content-wrapper,
+.multiselect__content-wrapper {
+    background: var(--drop-down-menu-bg) !important;
+    border-color: transparent !important;
+}
+
+.multiselect {
+    color: var(--text);
+}
+
+.multiselect__option--highlight {
+    background: rgb(var(--accent-color)) !important;
+    outline: none;
+    color: #fff
+}
+
+.multiselect__option--highlight:after {
+    content: attr(data-select);
+    background: rgb(var(--accent-color)) !important;
+    color: #fff
+}
+
+.multiselect__option--selected,
+.dark .multiselect__option--selected {
+    background: rgba(0, 0, 0, .45);
+    color: var(--text-hover);
+    font-weight: 700;
+}
+
+.multiselect__tag,
+.dark .multiselect__tag {
+    background: var(--button-color) !important;
+    color: var(--button-text) !important;
+}
+
+.dark .multiselect__tags,
+.multiselect__tags {
+    color: var(--text);
+    background-color: rgba(0, 0, 0, .25);
+    border-color: transparent;
+}
+
+.dark .multiselect__input,
+.dark .multiselect__single,
+.multiselect__input,
+.multiselect__single {
+    background-color: rgba(0, 0, 0, .25) !important;
+    color: var(--text-hover) !important;
+}
+
+/* MODAL */
+.dark .modal-header,
+.modal-header {
+    border-color: rgb(var(--accent-color));
+    border-radius: 1rem 1rem 0 0;
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.dark .modal-footer,
+.modal-footer {
+    border-color: rgb(var(--accent-color));
+    background: var(--modal-footer-color);
+    border-radius: 0 0 1rem 1rem;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.dark .modal-content,
+.modal-content {
+    box-shadow: 0 15px 70px #000;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
\ No newline at end of file
diff --git a/css/base/vuetorrent/aquamarine.css b/css/base/vuetorrent/aquamarine.css
new file mode 100644
index 00000000..0a11f0d9
--- /dev/null
+++ b/css/base/vuetorrent/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/vuetorrent/blackberry-abyss.css b/css/base/vuetorrent/blackberry-abyss.css
new file mode 100644
index 00000000..7f95d4b9
--- /dev/null
+++ b/css/base/vuetorrent/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/vuetorrent/blackberry-amethyst.css b/css/base/vuetorrent/blackberry-amethyst.css
new file mode 100644
index 00000000..5d3fea3b
--- /dev/null
+++ b/css/base/vuetorrent/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/vuetorrent/blackberry-carol.css b/css/base/vuetorrent/blackberry-carol.css
new file mode 100644
index 00000000..ae1a393d
--- /dev/null
+++ b/css/base/vuetorrent/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/vuetorrent/blackberry-dreamscape.css b/css/base/vuetorrent/blackberry-dreamscape.css
new file mode 100644
index 00000000..0cda0283
--- /dev/null
+++ b/css/base/vuetorrent/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/vuetorrent/blackberry-flamingo.css b/css/base/vuetorrent/blackberry-flamingo.css
new file mode 100644
index 00000000..de35e5c3
--- /dev/null
+++ b/css/base/vuetorrent/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/vuetorrent/blackberry-hearth.css b/css/base/vuetorrent/blackberry-hearth.css
new file mode 100644
index 00000000..4e41abfa
--- /dev/null
+++ b/css/base/vuetorrent/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/vuetorrent/blackberry-martian.css b/css/base/vuetorrent/blackberry-martian.css
new file mode 100644
index 00000000..54f19872
--- /dev/null
+++ b/css/base/vuetorrent/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/vuetorrent/blackberry-pumpkin.css b/css/base/vuetorrent/blackberry-pumpkin.css
new file mode 100644
index 00000000..0aa10480
--- /dev/null
+++ b/css/base/vuetorrent/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/vuetorrent/blackberry-royal.css b/css/base/vuetorrent/blackberry-royal.css
new file mode 100644
index 00000000..5545a6b9
--- /dev/null
+++ b/css/base/vuetorrent/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/vuetorrent/blackberry-shadow.css b/css/base/vuetorrent/blackberry-shadow.css
new file mode 100644
index 00000000..c9297887
--- /dev/null
+++ b/css/base/vuetorrent/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/vuetorrent/blackberry-solar.css b/css/base/vuetorrent/blackberry-solar.css
new file mode 100644
index 00000000..33cea5f9
--- /dev/null
+++ b/css/base/vuetorrent/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/vuetorrent/blackberry-vanta.css b/css/base/vuetorrent/blackberry-vanta.css
new file mode 100644
index 00000000..21154523
--- /dev/null
+++ b/css/base/vuetorrent/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/vuetorrent/dark.css b/css/base/vuetorrent/dark.css
new file mode 100644
index 00000000..33810a4e
--- /dev/null
+++ b/css/base/vuetorrent/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/vuetorrent/dracula.css b/css/base/vuetorrent/dracula.css
new file mode 100644
index 00000000..2e33a531
--- /dev/null
+++ b/css/base/vuetorrent/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/vuetorrent/hotline-old.css b/css/base/vuetorrent/hotline-old.css
new file mode 100644
index 00000000..04308406
--- /dev/null
+++ b/css/base/vuetorrent/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/vuetorrent/hotline.css b/css/base/vuetorrent/hotline.css
new file mode 100644
index 00000000..a233b7a5
--- /dev/null
+++ b/css/base/vuetorrent/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/vuetorrent/hotpink.css b/css/base/vuetorrent/hotpink.css
new file mode 100644
index 00000000..2552e0c1
--- /dev/null
+++ b/css/base/vuetorrent/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/vuetorrent/mind.css b/css/base/vuetorrent/mind.css
new file mode 100644
index 00000000..5fb1772e
--- /dev/null
+++ b/css/base/vuetorrent/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/vuetorrent/nord.css b/css/base/vuetorrent/nord.css
new file mode 100644
index 00000000..6addb9a2
--- /dev/null
+++ b/css/base/vuetorrent/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/vuetorrent/onedark.css b/css/base/vuetorrent/onedark.css
new file mode 100644
index 00000000..81c22aa5
--- /dev/null
+++ b/css/base/vuetorrent/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/vuetorrent/organizr.css b/css/base/vuetorrent/organizr.css
new file mode 100644
index 00000000..90cba197
--- /dev/null
+++ b/css/base/vuetorrent/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/vuetorrent/overseerr.css b/css/base/vuetorrent/overseerr.css
new file mode 100644
index 00000000..04ea3b82
--- /dev/null
+++ b/css/base/vuetorrent/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/vuetorrent/pine-shadow.css b/css/base/vuetorrent/pine-shadow.css
new file mode 100644
index 00000000..2719dcf6
--- /dev/null
+++ b/css/base/vuetorrent/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/vuetorrent/plex.css b/css/base/vuetorrent/plex.css
new file mode 100644
index 00000000..6b2a6dd9
--- /dev/null
+++ b/css/base/vuetorrent/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/vuetorrent/power.css b/css/base/vuetorrent/power.css
new file mode 100644
index 00000000..bc6b6a7c
--- /dev/null
+++ b/css/base/vuetorrent/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/vuetorrent/reality.css b/css/base/vuetorrent/reality.css
new file mode 100644
index 00000000..25e5cd63
--- /dev/null
+++ b/css/base/vuetorrent/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/vuetorrent/soul.css b/css/base/vuetorrent/soul.css
new file mode 100644
index 00000000..7afb99af
--- /dev/null
+++ b/css/base/vuetorrent/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/vuetorrent/space-gray.css b/css/base/vuetorrent/space-gray.css
new file mode 100644
index 00000000..89c7f64a
--- /dev/null
+++ b/css/base/vuetorrent/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/vuetorrent/space.css b/css/base/vuetorrent/space.css
new file mode 100644
index 00000000..4b63b4c6
--- /dev/null
+++ b/css/base/vuetorrent/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/vuetorrent/time.css b/css/base/vuetorrent/time.css
new file mode 100644
index 00000000..3b3ef62b
--- /dev/null
+++ b/css/base/vuetorrent/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/vuetorrent/trueblack.css b/css/base/vuetorrent/trueblack.css
new file mode 100644
index 00000000..6b4906b3
--- /dev/null
+++ b/css/base/vuetorrent/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/vuetorrent/vuetorrent-base.css b/css/base/vuetorrent/vuetorrent-base.css
new file mode 100644
index 00000000..c5a31673
--- /dev/null
+++ b/css/base/vuetorrent/vuetorrent-base.css
@@ -0,0 +1,462 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+/* MOBILE */
+
+@media (max-width: 720px) {
+
+    .modal__body,
+    .modal__content__wrapper,
+    .modal__header,
+    body,
+    .dark .torrents,
+    .torrents,
+    .action-bar {
+        background: #1b1b1b !important;
+    }
+}
+
+body,
+.background,
+[class*="theme--"].v-application,
+.v-application .background {
+    color: var(--text);
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+html {
+    color: var(--text);
+    background: #1f1f1f !important;
+}
+
+/* SCROLL BAR */
+#app>div>nav>nav>div.v-navigation-drawer__content::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, .1);
+    border-radius: 20px
+}
+
+#app>div>nav>nav>div.v-navigation-drawer__content::-webkit-scrollbar-thumb:hover {
+    background: rgba(255, 255, 255, .25);
+    border-radius: 20px
+}
+
+/* TEXT */
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+[class*="theme--"].v-label,
+[class*="theme--"].v-counter {
+    color: var(--text-hover);
+}
+
+.v-application .grey--text {
+    color: var(--text-muted) !important;
+    caret-color: var(--text-muted) !important;
+}
+
+[class*="theme--"].v-tabs>.v-tabs-bar .v-tab--disabled,
+[class*="theme--"].v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active),
+[class*="theme--"].v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-btn,
+[class*="theme--"].v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-icon {
+    color: var(--text);
+}
+
+[class*="theme--"].v-subheader {
+    color: var(--text-hover);
+}
+
+[class*="theme--"].v-input,
+[class*="theme--"].v-input input,
+[class*="theme--"].v-input textarea,
+[class*="theme--"].v-treeview {
+    color: var(--text);
+}
+
+/* CARDS */
+[class*="theme--"].v-card {
+    background-color: rgba(0, 0, 0, .5);
+    color: var(--text);
+}
+
+/* TOP NAVBAR */
+[class*="theme--"].v-app-bar.v-toolbar.v-sheet {
+    color: var(--text) !important;
+}
+
+.v-app-bar.v-app-bar--hide-shadow {
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+.v-app-bar.v-app-bar--is-scrolled {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.v-navigation-drawer__content [class*="theme--"].v-card {
+    background: rgba(0, 0, 0, 0) !important;
+}
+
+/* SIDE MENU */
+.v-application .primary {
+    background: rgba(0, 0, 0, .25) !important;
+    color: var(--text) !important;
+}
+
+.v-application .secondary {
+    background-color: rgba(255, 255, 255, .15) !important;
+    border-color: rgba(255, 255, 255, .15) !important;
+
+}
+
+[class*="theme--"].v-navigation-drawer:not(.v-navigation-drawer--floating) .v-navigation-drawer__border {
+    background-color: rgba(0, 0, 0, .12);
+}
+
+@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
+
+    .v-navigation-drawer--is-mobile:not(.v-navigation-drawer--close),
+    .v-navigation-drawer--temporary:not(.v-navigation-drawer--close),
+    .v-navigation-drawer--is-mobile:not(.v-navigation-drawer--close),
+    .v-navigation-drawer--temporary:not(.v-navigation-drawer--close) {
+        -webkit-backdrop-filter: blur(10px);
+        backdrop-filter: blur(10px);
+    }
+}
+
+/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */
+@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
+
+    .v-navigation-drawer--is-mobile:not(.v-navigation-drawer--close),
+    .v-navigation-drawer--temporary:not(.v-navigation-drawer--close),
+    .v-navigation-drawer--is-mobile:not(.v-navigation-drawer--close),
+    .v-navigation-drawer--temporary:not(.v-navigation-drawer--close) {
+        background-color: rgba(0, 0, 0, 0.9);
+    }
+}
+
+.v-application .download--text {
+    color: rgb(var(--accent-color)) !important;
+    caret-color: rgb(var(--accent-color)) !important;
+}
+
+.v-navigation-drawer__content .download--text {
+    color: var(--v-download-base) !important;
+    caret-color: var(--v-download-base) !important;
+}
+
+/* MODAL */
+.v-dialog [class*="theme--"].v-card,
+.v-dialog [class*="theme--"].v-tabs-items,
+.v-dialog [class*="theme--"].v-list {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+.v-application .primary--text {
+    color: var(--button-color) !important;
+    caret-color: var(--button-color) !important;
+}
+
+[class*="theme--"].v-tabs>.v-tabs-bar {
+    background-color: rgba(0, 0, 0, .15);
+}
+
+.v-application .white,
+.v-tab:before,
+.v-tabs-slider {
+    background-color: rgb(var(--accent-color)) !important;
+    border-color: rbg(var(--accent-color)) !important;
+}
+
+[class*="theme--"].v-icon.v-icon.v-icon--disabled {
+    color: rgba(255, 255, 255, .38) !important;
+}
+
+[class*="theme--"].v-text-field--solo>.v-input__control>.v-input__slot {
+    background: #1e1e1e;
+}
+
+.v-input__icon svg,
+.v-select__selection {
+    color: rgb(var(--accent-color)) !important;
+}
+
+.v-application .accent {
+    background-color: var(--button-color) !important;
+    border-color: var(--button-color) !important;
+}
+
+.v-application .accent .v-icon__svg {
+    color: var(--text-hover) !important;
+    fill: var(--text-hover) !important;
+}
+.v-application .deep-purple.accent-4 {
+    background-color: rgb(var(--accent-color))!important;
+    border-color: rgb(var(--accent-color))!important;
+    color: var(--label-text-color);
+}
+
+.v-application .deep-purple--text.text--accent-4{
+    color: rgb(var(--accent-color)) !important;
+    caret-color: rgb(var(--accent-color)) !important;
+}
+
+[class*="theme--"].v-text-field>.v-input__control>.v-input__slot:before {
+    border-color: rgb(255 255 255 / 42%);
+}
+
+[class*="theme--"].v-text-field:not(.v-input--has-state):hover>.v-input__control>.v-input__slot:before {
+    border-color: rgba(255, 255, 255, .87);
+}
+
+[class*="theme--"].v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) {
+    color: var(--text) !important;
+}
+
+/* FORMS */
+.v-input__slot:hover fieldset,
+.v-text-field--outlined fieldset {
+    border-color: rgba(255, 255, 255, .1) !important;
+}
+
+/* DASHBOARD */
+
+[class*="theme--"].v-card.sideborder.done {
+    background-color: #16573e40;
+    color: #FFF;
+}
+
+[class*="theme--"].v-card.sideborder.downloading {
+    background-color: #5bb97440;
+    color: #FFF;
+}
+
+[class*="theme--"].v-card.sideborder.fail {
+    background-color: #f83e7040;
+    color: #FFF;
+}
+
+[class*="theme--"].v-card.sideborder.paused {
+    background-color: #9ca3af40;
+    color: #FFF;
+}
+
+[class*="theme--"].v-card.sideborder.queued {
+    background-color: #2e5eaa40;
+    color: #FFF;
+}
+
+[class*="theme--"].v-card.sideborder.seeding {
+    background-color: #4ecde640;
+    color: #FFF;
+}
+
+[class*="theme--"].v-card.sideborder.checking {
+    background-color: #ff704340;
+    color: #FFF;
+}
+
+[class*="theme--"].v-card.sideborder.stalled {
+    background-color: #4ade8040;
+    color: #FFF;
+}
+
+[class*="theme--"].v-card.sideborder.metadata {
+    background-color: #7e57c240;
+    color: #FFF;
+}
+
+[class*="theme--"].v-card.sideborder.moving {
+    background-color: #ffaa2c40;
+    color: #FFF;
+}
+
+.v-application .torrent-paused-color .caption,
+.v-application .torrent-seeding-color .caption,
+.v-application .torrent-done-color .caption {
+    color: #ccc !important;
+}
+
+.v-application .torrent-paused-color {
+    background-color: rgb(156 163 175 / 70%) !important;
+    border-color: rgb(156 163 175 / 70%) !important;
+}
+
+.v-application .torrent-seeding-color {
+    background-color: rgba(78, 205, 230, .7) !important;
+    border-color: rgba(78, 205, 230, .7) !important;
+}
+
+.v-application .torrent-done-color {
+    background-color: rgba(22, 87, 62, .7) !important;
+    border-color: rgba(22, 87, 62, .7) !important;
+}
+
+.v-application .torrent-downloading-color {
+    background-color: rgba(91, 185, 116, .7) !important;
+    border-color: rgba(91, 185, 116, .7) !important;
+}
+
+.v-application .torrent-fail-color {
+    background-color: rgba(248, 62, 112, .7) !important;
+    border-color: rgba(248, 62, 112, .7) !important;
+}
+
+.v-application .torrent-queued-color {
+    background-color: rgba(46, 94, 170, .7) !important;
+    border-color: rgba(46, 94, 170, .7) !important;
+}
+
+.v-application .torrent-checking-color {
+    background-color: rgba(255, 112, 67, .7) !important;
+    border-color: rgba(255, 112, 67, .7) !important;
+}
+
+.v-application .torrent-stalled-color {
+    background-color: rgba(74, 222, 128, .7) !important;
+    border-color: rgba(74, 222, 128, .7) !important;
+}
+
+.v-application .torrent-metadata-color {
+    background-color: rgba(126, 87, 194, .7) !important;
+    border-color: rgba(126, 87, 194, .7) !important;
+}
+
+.v-application .torrent-moving-color {
+    background-color: rgba(255, 170, 44, .7) !important;
+    border-color: rgba(255, 170, 44, .7) !important;
+}
+
+.torrent-paused-color .v-chip.paused,
+.torrent-seeding-color .v-chip.seeding,
+.torrent-done-color .v-chip.downloading,
+.torrent-done-color .v-chip.fail,
+.torrent-done-color .v-chip.queued,
+.torrent-done-color .v-chip.checking,
+.torrent-done-color .v-chip.stalled,
+.torrent-done-color .v-chip.metadata,
+.torrent-done-color .v-chip.moving {
+    color: var(--text-hover) !important;
+}
+
+/* DROPDOWN */
+.v-menu__content [class*="theme--"].v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) {
+    color: var(--text) !important;
+}
+
+.v-menu__content [class*="theme--"][class*="theme--"].v-list {
+    background: var(--modal-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+[class*="theme--"].v-icon {
+    color: rgb(var(--accent-color)) !important;
+}
+
+[class*="theme--"].v-divider {
+    border-color: rgba(255, 255, 255, .2) !important;
+}
+
+/* TABLE */
+[class*="theme--"].v-data-table {
+    background-color: rgba(0, 0, 0, .65);
+    color: var(--text);
+}
+
+[class*="theme--"].v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) {
+    background: rgb(255 255 255 / 15%);
+}
+
+[class*="theme--"].v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:last-child,
+[class*="theme--"].v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:not(.v-data-table__mobile-row),
+[class*="theme--"].v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:last-child,
+[class*="theme--"].v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:not(.v-data-table__mobile-row),
+[class*="theme--"].v-data-table>.v-data-table__wrapper>table>thead>tr:last-child>th {
+    border-bottom: thin solid hsla(0, 0%, 100%, .12);
+}
+
+[class*="theme--"].v-data-table>.v-data-table__wrapper>table>thead>tr>th {
+    color: var(--text);
+}
+
+[class*="theme--"].v-data-table .v-data-table-header th.sortable.active,
+[class*="theme--"].v-data-table .v-data-table-header th.sortable.active .v-data-table-header__icon,
+[class*="theme--"].v-data-table .v-data-table-header th.sortable:hover {
+    color: var(--text-hover);
+}
+
+/* TOOLTIP */
+.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title,
+.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
+    background: rgba(0, 0, 0, 0.7);
+    border-bottom: 1px solid rgba(255, 255, 255, .1);
+}
+
+.apexcharts-tooltip.apexcharts-theme-dark,
+.apexcharts-tooltip.apexcharts-theme-light {
+    color: var(--text);
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    border: 1px solid rgba(255, 255, 255, .1);
+}
+
+/* MOBILE */
+
+[class*="theme--"].v-btn.v-btn--has-bg {
+    background-color: rgb(var(--accent-color));
+}
+
+.v-speed-dial__list .v-icon__svg {
+    fill: var(--text-hover);
+}
\ No newline at end of file
diff --git a/css/base/webtools/.deprecated b/css/base/webtools/.deprecated
new file mode 100644
index 00000000..e69de29b
diff --git a/css/base/webtools/webtools-base.css b/css/base/webtools/webtools-base.css
new file mode 100644
index 00000000..98eb4e8e
--- /dev/null
+++ b/css/base/webtools/webtools-base.css
@@ -0,0 +1,392 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+a,
+.language a {
+    color: var(--link-color);
+}
+
+a:hover {
+    color: var(--link-color-hover);
+}
+
+#content:before {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+* {
+    outline: none !important;
+}
+
+/* TEXT */
+body,
+.head .title,
+.fm .sections .section {
+    color: var(--text);
+}
+
+/* ACCENTS */
+webtools-loading .webtoolsLoading,
+content-loading .contentLoading {
+    color: var(--accent-color);
+}
+
+.uas .type.active {
+    background: var(--button-color);
+    box-shadow: none;
+}
+
+.uas .type.active:hover {
+    background: var(--button-color-hover);
+    box-shadow: none;
+}
+
+/* NAVBAR */
+.head {
+    background-color: rgb(0 0 0 / 0.25);
+    box-shadow: 0 0 0 0px rgb(0 0 0 / 0%);
+}
+
+.vertical-center {
+    box-shadow: inset 0px 15px 15px -4px rgb(255 255 0 / 0%);
+}
+
+/* SIDE MENU */
+.menu .toggle {
+    background: rgb(0 0 0 / .25);
+    color: var(--accent-color);
+}
+
+.menu {
+    background-color: rgb(0 0 0 / 25%);
+    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0);
+}
+
+.menu .item {
+    background: rgb(255 255 255 / 8%);
+    color: var(--button-text);
+    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .0);
+}
+
+.menu .item:hover {
+    background: rgb(255 255 255 / .16);
+    color: var(--text-hover);
+}
+
+.menu .item.active {
+    background: var(--accent-color);
+    color: var(--button-text);
+}
+
+/* MODALS */
+.ngdialog.ngdialog-theme-default .ngdialog-content {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text) !important;
+    border: #f0505000 5px solid;
+}
+
+.fm .settings {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+    Border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+/* PAGES */
+.sub .settings {
+    background: rgb(255 255 255 / 25%);
+}
+
+label {
+    color: var(--button-text);
+}
+
+.sub .rowShow,
+.uas .repoContainer .repo,
+.uas .typesMenu,
+.uas .repoContainer .repo.installed,
+.fm .sections .section,
+.playlists .userContainer .fileContainer,
+.playlists .playlistContainer {
+    background: rgb(255 255 255 / .08);
+    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .0);
+    border: transparent;
+}
+
+.uas .type:hover {
+    background: rgb(255 255 255 / 8%);
+    color: var(--text-hover);
+}
+
+.sub .rowShow:hover,
+.uas .repoContainer .repo:hover,
+.fm .sections .section:hover {
+    background: rgb(255 255 255 / .16);
+    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .0);
+}
+
+.expanded:hover {
+    background: rgb(255 255 255 / .08) !important;
+    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .0);
+}
+
+.sub .rowShow .lineShow .contentShow .detail {
+    background: rgb(0 0 0 / 25%);
+    color: var(--text) !important;
+}
+
+.sub .rowShow .lineShow .contentShow .detail .subItem .download:hover,
+.sub .rowShow .lineShow .contentShow .detail .subHeader .selectActions div:hover {
+    color: var(--text-hover) !important;
+}
+
+.sub .rowShow .lineShow .contentShow .detail .subItem.selected {
+    background: rgb(0 0 0 / 25%);
+}
+
+.sub .rowShow .lineShow .contentShow .detail .subItem.checked {
+    background: rgba(255, 255, 255, 0.5);
+    color: var(--text-hover);
+}
+
+.sub .rowShow .lineShow .contentShow .detail .subItem.selected.checked {
+    background: var(--accent-color);
+}
+
+.sub .rowShow .lineShow .contentShow .tvshow {
+    background-color: rgb(255 255 255 / 8%);
+    color: var(--button-text);
+}
+
+.sub .rowShow .lineShow .contentShow .tvshow:hover {
+    background-color: rgb(255 255 255 / 16%);
+
+}
+
+.sub .rowShow .lineShow .contentShow .loadmore {
+    background: var(--button-color);
+    border: solid 6px var(--button-color);
+    color: var(--button-text);
+}
+
+.sub .rowShow .lineShow .contentShow .tvshowheader div {
+    background: var(--button-color);
+    color: var(--button-text);
+}
+
+.sub .rowShow .lineShow .contentShow .tvshowheader div:hover {
+    background: var(--button-color-hover);
+    color: var(--button-text);
+    border: transparent;
+}
+
+.sub .rowShow .lineShow .contentShow .loadmore:hover {
+    background: var(--button-color-hover);
+    color: var(--button-text);
+    border: solid 6px transparent;
+}
+
+.logs .logDetails {
+    background-color: rgb(255 255 255 / 14%);
+}
+
+.logs .search {
+    background-color: rgb(255 255 255 / 8%);
+}
+
+.logs .logDetails table tr.danger {
+    background-color: rgb(244 67 54 / 50%) !important;
+    color: #fff;
+}
+
+.uas .repoContainer .repo .details .row,
+.uas .repoContainer .repo .details .row:nth-child(2n) {
+    background: rgb(0 0 0 / 25%);
+    color: var(--text);
+}
+
+/* SETTINGS */
+
+/* BUTTONS */
+.btn,
+.sub .search .btnSearch,
+.logs .logButton,
+.uas .uasBtn,
+.uas .repoContainer .repo .header .right .installUpdate,
+.uas .typesMenu .search .btnSearch,
+.btnInput,
+.playlists .playlistBtn,
+.language .languageActions .langBtn,
+.fr .reset,
+.logs .search .btnSearch,
+.fm button {
+    border-color: var(--button-color);
+    background: var(--button-color);
+    color: var(--button-text);
+    margin-right: 5px;
+    box-shadow: none;
+    border: transparent;
+}
+
+.btn:hover,
+.btn:focus,
+.btn:active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.btn-primary:not(:disabled):not(.disabled).active,
+.show>.btn-primary.dropdown-toggle,
+.sub .search .btnSearch:hover,
+.sub .search .btnSearch:focus,
+.logs .logButton:hover,
+.logs .logButton:focus,
+.uas .uasBtn:hover,
+.uas .uasBtn:focus,
+.uas .repoContainer .repo .header .right .installUpdate:hover,
+.uas .repoContainer .repo .header .right .installUpdate:focus,
+.uas .typesMenu .search .btnSearch:focus,
+.uas .typesMenu .search .btnSearch:hover,
+.btnInput:hover,
+.btnInput:focus,
+.playlists .playlistBtn:hover,
+.playlists .playlistBtn:focus,
+.playlists .playlistBtn:not(.disabled):hover,
+.language .languageActions .langBtn:hover,
+.fr .reset:hover,
+.logs .search .btnSearch:hover,
+.logs .search .btnSearch:focus,
+.fm button:hover,
+.fm button:focus {
+    border-color: var(--button-color-hover);
+    color: var(--text-hover);
+    background-color: var(--button-color-hover);
+    box-shadow: none !important;
+}
+
+.uas .repoContainer .repo .header .right .delete,
+body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(2)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),
+body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(3)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),
+body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(4)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),
+body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(5)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),
+body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(6)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),
+body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(7)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),
+body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(8)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),
+body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(9)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),
+body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(10)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),
+body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(11)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1) {
+    background: #F44336;
+    color: var(--button-text);
+    border: #F44336;
+}
+
+.uas .repoContainer .repo .header .right .delete:hover,
+.uas .repoContainer .repo .header .right .delete:focus,
+body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(2)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1):focus,
+body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(2)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1):hover {
+    background: #ec2626;
+    color: var(--button-text);
+    border: #ec2626;
+}
+
+.playlists .playlistBtn.disabled {
+    background: var(--button-color);
+    color: var(--button-text);
+    border: var(--button-color);
+    opacity: .5;
+}
+
+.playlists .playlistBtn.disabled:hover {
+    background: var(--button-color);
+    color: var(--button-text);
+    border: var(--button-color);
+}
+
+/* FORMS */
+.form-control,
+.sub .search .searchInput,
+.uas .manualInstall,
+.uas .typesMenu .search .searchInput,
+.logs .search .searchInput {
+    color: var(--text) !important;
+    background-color: rgba(0, 0, 0, .25) !important;
+    border: 1px solid transparent !important;
+    box-shadow: none !important;
+    transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.form-control:focus,
+.sub .search .searchInput:focus,
+.uas .manualInstall:focus,
+.uas .typesMenu .search .searchInput:focus,
+.logs .search .searchInput:focus {
+    background-color: rgba(0, 0, 0, .5) !important;
+    color: var(--text-hover) !important;
+}
+
+/* TABLE */
+.info tr:nth-child(2n+1) {
+    background-color: rgb(255 255 255 / 0.08);
+}
+
+.logs .logDetails table tr:nth-child(even) {
+    background-color: rgb(255 255 255 / 8%);
+}
+
+/* PLACEHOLDER TEXT */
+::placeholder {
+    color: var(--text) !important;
+    opacity: .5 !important;
+}
+
+:-moz-placeholder {
+    color: var(--text) !important;
+    opacity: .5 !important;
+}
+
+:-ms-input-placeholder {
+    color: var(--text) !important;
+    opacity: .5 !important;
+}
+
+::-webkit-input-placeholder {
+    color: var(--text) !important;
+    opacity: .5;
+}
\ No newline at end of file
diff --git a/css/base/whisparr/aquamarine.css b/css/base/whisparr/aquamarine.css
new file mode 100644
index 00000000..00c2e7e4
--- /dev/null
+++ b/css/base/whisparr/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/whisparr/blackberry-abyss.css b/css/base/whisparr/blackberry-abyss.css
new file mode 100644
index 00000000..d50ef946
--- /dev/null
+++ b/css/base/whisparr/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/whisparr/blackberry-amethyst.css b/css/base/whisparr/blackberry-amethyst.css
new file mode 100644
index 00000000..9d75a9ae
--- /dev/null
+++ b/css/base/whisparr/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/whisparr/blackberry-carol.css b/css/base/whisparr/blackberry-carol.css
new file mode 100644
index 00000000..4ff2e639
--- /dev/null
+++ b/css/base/whisparr/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/whisparr/blackberry-dreamscape.css b/css/base/whisparr/blackberry-dreamscape.css
new file mode 100644
index 00000000..bef8ba47
--- /dev/null
+++ b/css/base/whisparr/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/whisparr/blackberry-flamingo.css b/css/base/whisparr/blackberry-flamingo.css
new file mode 100644
index 00000000..8f7e7b82
--- /dev/null
+++ b/css/base/whisparr/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/whisparr/blackberry-hearth.css b/css/base/whisparr/blackberry-hearth.css
new file mode 100644
index 00000000..4daeee0f
--- /dev/null
+++ b/css/base/whisparr/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/whisparr/blackberry-martian.css b/css/base/whisparr/blackberry-martian.css
new file mode 100644
index 00000000..dd2fc574
--- /dev/null
+++ b/css/base/whisparr/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/whisparr/blackberry-pumpkin.css b/css/base/whisparr/blackberry-pumpkin.css
new file mode 100644
index 00000000..38dbb37d
--- /dev/null
+++ b/css/base/whisparr/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/whisparr/blackberry-royal.css b/css/base/whisparr/blackberry-royal.css
new file mode 100644
index 00000000..f277e1c8
--- /dev/null
+++ b/css/base/whisparr/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/whisparr/blackberry-shadow.css b/css/base/whisparr/blackberry-shadow.css
new file mode 100644
index 00000000..674da37a
--- /dev/null
+++ b/css/base/whisparr/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/whisparr/blackberry-solar.css b/css/base/whisparr/blackberry-solar.css
new file mode 100644
index 00000000..3e14b0e1
--- /dev/null
+++ b/css/base/whisparr/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/whisparr/blackberry-vanta.css b/css/base/whisparr/blackberry-vanta.css
new file mode 100644
index 00000000..a8374b76
--- /dev/null
+++ b/css/base/whisparr/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/whisparr/dark.css b/css/base/whisparr/dark.css
new file mode 100644
index 00000000..25e19048
--- /dev/null
+++ b/css/base/whisparr/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/whisparr/dracula.css b/css/base/whisparr/dracula.css
new file mode 100644
index 00000000..527ac434
--- /dev/null
+++ b/css/base/whisparr/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/whisparr/hotline-old.css b/css/base/whisparr/hotline-old.css
new file mode 100644
index 00000000..feb13750
--- /dev/null
+++ b/css/base/whisparr/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/whisparr/hotline.css b/css/base/whisparr/hotline.css
new file mode 100644
index 00000000..8cf60be2
--- /dev/null
+++ b/css/base/whisparr/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/whisparr/hotpink.css b/css/base/whisparr/hotpink.css
new file mode 100644
index 00000000..9113d2c4
--- /dev/null
+++ b/css/base/whisparr/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/whisparr/mind.css b/css/base/whisparr/mind.css
new file mode 100644
index 00000000..51267237
--- /dev/null
+++ b/css/base/whisparr/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/whisparr/nord.css b/css/base/whisparr/nord.css
new file mode 100644
index 00000000..11df9e31
--- /dev/null
+++ b/css/base/whisparr/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/whisparr/onedark.css b/css/base/whisparr/onedark.css
new file mode 100644
index 00000000..8ef7481f
--- /dev/null
+++ b/css/base/whisparr/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/whisparr/organizr.css b/css/base/whisparr/organizr.css
new file mode 100644
index 00000000..8fc93585
--- /dev/null
+++ b/css/base/whisparr/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/whisparr/overseerr.css b/css/base/whisparr/overseerr.css
new file mode 100644
index 00000000..d5907eff
--- /dev/null
+++ b/css/base/whisparr/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/whisparr/pine-shadow.css b/css/base/whisparr/pine-shadow.css
new file mode 100644
index 00000000..e5583a57
--- /dev/null
+++ b/css/base/whisparr/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/whisparr/plex.css b/css/base/whisparr/plex.css
new file mode 100644
index 00000000..a734676c
--- /dev/null
+++ b/css/base/whisparr/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/whisparr/power.css b/css/base/whisparr/power.css
new file mode 100644
index 00000000..dfeb63c3
--- /dev/null
+++ b/css/base/whisparr/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/whisparr/reality.css b/css/base/whisparr/reality.css
new file mode 100644
index 00000000..940a39d3
--- /dev/null
+++ b/css/base/whisparr/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/whisparr/soul.css b/css/base/whisparr/soul.css
new file mode 100644
index 00000000..abb6e8c7
--- /dev/null
+++ b/css/base/whisparr/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/whisparr/space-gray.css b/css/base/whisparr/space-gray.css
new file mode 100644
index 00000000..e8db8f37
--- /dev/null
+++ b/css/base/whisparr/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/whisparr/space.css b/css/base/whisparr/space.css
new file mode 100644
index 00000000..395c4dbb
--- /dev/null
+++ b/css/base/whisparr/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/whisparr/time.css b/css/base/whisparr/time.css
new file mode 100644
index 00000000..bb2e0334
--- /dev/null
+++ b/css/base/whisparr/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/whisparr/trueblack.css b/css/base/whisparr/trueblack.css
new file mode 100644
index 00000000..da92ef26
--- /dev/null
+++ b/css/base/whisparr/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/whisparr/whisparr-base.css b/css/base/whisparr/whisparr-base.css
new file mode 100644
index 00000000..6be51ab6
--- /dev/null
+++ b/css/base/whisparr/whisparr-base.css
@@ -0,0 +1,1228 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+:root {
+    --calendar-in-cinemas: 53 197 244;
+    --calendar-downloading: 122 67 182; 
+    --calendar-unmonitored: 173 173 173;
+    --calendar-unaired: 93 156 236;  
+    --calendar-missing: 240 80 80;
+    --calendar-missing-unmonitored: 255 165 0;
+    --calendar-available: 39 194 76;
+  }
+
+body {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+/* Froms */
+
+[class*="FormInputHelpText-helpText-"] {
+    color: var(--text);
+}
+
+[class*="FormInputGroup-inputUnit-"] {
+    color: var(--text) !important;
+}
+
+/* LINKS */
+[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]):not([class*="AgendaEvent"]) {
+    color: var(--link-color);   
+   }
+   
+[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover {
+color: var(--link-color-hover);   
+}
+
+a {
+    color: var(--link-color);
+}
+
+a:hover {
+    color: var(--link-color-hover);
+}
+
+[class*="TableRowCell-cell-"] [class*="Link-to-"] {
+    color: var(--link-color) !important;
+}
+
+[class*="TableRowCell-cell-"] [class*="Link-to-"]:hover {
+    color: var(--link-color-hover) !important;
+}
+
+/* Buttons */
+
+[class*="Button-default-"] {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: transparent;
+}
+
+[class*="Button-default-"]:hover {
+    border-color: transparent;
+    background-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover);
+}
+
+[class*="Button-primary-"] {
+    border-color: transparent;
+    background-color: var(--button-color);
+    color: var(--button-text);
+}
+
+[class*="Button-primary-"]:hover {
+    border-color: transparent;
+    background-color: var(--button-color-hover) !important;
+    color: var(--button-text-hover);
+}
+
+[class*="Button-success-"] {
+    border-color: var(--button-color);
+    background-color: var(--button-color);
+    color: var(--button-text);
+}
+
+[class*="Button-success-"]:hover {
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+}
+
+/* LOADING PAGE */
+[class*="ErrorPage-page-"],
+[class*="ErrorPage-version-"],
+[class*="LoadingMessage-loadingMessage-"] {
+    color: var(--text);
+}
+
+[class*="LoadingIndicator-ripple-"] {
+    border: 2px solid var(--text-hover);
+}
+
+/* MODAL */
+[class*="ModalHeader-modalHeader-"] {
+    background: var(--modal-header-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+[class*="ModalContent-modalContent-"] {
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="ModalFooter-modalFooter-"] {
+    background: var(--modal-footer-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+    border-top: 1px solid rgb(var(--accent-color));
+}
+
+[class*="ModalContent-closeButton-"]:hover {
+    color: var(--text-hover);
+}
+
+/* INPUT */
+[class*="TagInput-internalInput-"] {
+    background-color: transparent;
+    color: var(--text-hover);
+}
+
+[class*="SelectInput-select-"] {
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+[class*="SelectInput-select-"]:active,
+[class*="SelectInput-select-"]:focus {
+    background: #1e1e1e !important;
+}
+
+[class*="AutoSuggestInput-suggestionsList-"],
+[class*="AutoSuggestInput-suggestionsContainerOpen-"],
+[class*="AutoSuggestInput-suggestionsContainer-"] {
+    background-color: #323232 !important;
+    color: white;
+    border: none !important;
+}
+
+[class*="AutoSuggestInput-suggestionHighlighted-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="CheckInput-primaryIsChecked-"] {
+    border-color: rgb(var(--accent-color)) !important;
+    background-color: rgb(var(--accent-color)) !important;
+    color: var(--label-text-color) !important;
+}
+
+[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] {
+    background: #fff;
+}
+
+/* HEADER */
+
+[class*="PageHeader-header-"] {
+    background-color: rgba(0, 0, 0, .35);
+}
+
+/* SEARCH DROPDOWN HEADER */
+
+[class*="PageHeader-donate-"] {
+    color: #c4273c !important;
+}
+
+/* RADARR SPECIFIC */
+[class*="MovieSearchInput-sectionTitle-"] {
+    color: var(--text-hover);
+}
+
+[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
+    border: none !important;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover) !important;
+    box-shadow: 0 0 10px 1px transparent !important;
+}
+
+[class*="MovieSearchInput-highlighted-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="MovieSearchInput-movieContainer-"]::-webkit-scrollbar-thumb {
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+/* SIDE MENU */
+[class*="PageSidebar-sidebarContainer-"] {
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="PageSidebar-sidebar-"] {
+    background-color: transparent;
+}
+
+[class*="PageSidebarItem-link-"] {
+    color: var(--text-hover)
+}
+
+[class*="PageSidebarItem-link-"]:hover {
+    color: rgb(var(--accent-color));
+    text-decoration: none;
+}
+
+[class*="PageSidebarItem-isActiveLink-"],
+[class*="PageSidebarItem-isActiveLink-"]:hover,
+[class*="PageSidebarItem-link-"]:focus {
+    color: rgb(var(--accent-color)) !important;
+}
+
+[class*="PageSidebarItem-isActiveParentLink-"] {
+    background-color: rgba(0, 0, 0, 0.15);
+}
+
+@media only screen and (max-width: 768px) {
+    [class*="PageSidebar-sidebarContainer-"] {
+        background: var(--main-bg-color) !important;
+        background-repeat: repeat, no-repeat;
+        background-attachment: fixed, fixed;
+        background-position: center center, center center;
+        background-size: auto, cover;
+        -webkit-background-size: auto, cover;
+        -moz-background-size: auto, cover;
+        -o-background-size: auto, cover;
+    }
+}
+
+[class*="PageSidebarItem-isActiveItem-"] {
+    border-left: 3px solid rgb(var(--accent-color));
+}
+
+#sidebar-toggle-button {
+    color: var(--text);
+}
+#sidebar-toggle-button:hover,
+#sidebar-toggle-button:focus,
+#sidebar-toggle-button:active {
+    color: var(--text-hover);
+}
+
+/* MOVIES PAGE */
+/* RADARR SPECIFIC */
+[class*="MovieIndexPoster-controls-"] {
+    background-color: rgb(var(--accent-color)) !important;
+}
+
+[class*="MovieTitlesTableContent-blankpad-"],
+[class*="ExtraFileTableContent-blankpad-"],
+[class*="MovieHistoryTableContent-blankpad-"] {
+    color: var(--text);
+}
+
+/* OVERVIEW PAGE */
+
+[class*="MovieIndexOverviews-container-"],
+[class*="MovieIndexOverviews-container-"]:hover {
+    background-color: transparent !important;
+}
+
+[class*="MovieIndexOverview-container-"]:hover [class*="MovieIndexOverview-content-"] {
+    background-color: transparent;
+}
+
+[class*="AddListMovieOverview-container-"]:hover [class*="AddListMovieOverview-content-"] {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+[class*="AddListMoviePoster-title-"] {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+[class*="MovieIndexOverview-content-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="MovieIndexOverview-link-"]:hover {
+    text-decoration: none;
+}
+
+[class*="ProgressBar-container-"] {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+[class*=".ProgressBar-purple-"] {
+    background-color: rgb(var(--accent-color));
+}
+
+/* MOVIE PAGE */
+[class*="MovieDetailsSeason-season-"],
+[class*="MovieDetailsSeason-collapseButtonContainer-"] {
+    border: none !important;
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+[class*="MovieDetailsSeason-actionButton-"],
+[class*="MovieDetailsSeason-collapseButtonIcon-"] {
+    color: var(--text) !important;
+}
+
+[class*="MovieFileStatus-missing"].colorImpaired {
+    background: transparent;
+}
+
+.fa-search:hover {
+    color: var(--text-hover) !important;
+}
+
+[class*="Icon-default-"]:hover:not([class*="Label-large-"] [class*="Icon-default-"], [class*="PathInput-fileBrowserButton-"]svg) {
+    color: var(--text-hover);
+}
+
+[class*="MonitorToggleButton-toggleButton-"] {
+    color: #dadada;
+}
+
+
+[class*="ProtocolLabel-torrent-"] {
+    border-color: #00853d !important;
+    background-color: #00853d !important;
+    color: #fff !important;
+}
+
+[class*="ProtocolLabel-usenet-"] {
+    border-color: #17b1d9 !important;
+    background-color: #17b1d9 !important;
+    color: #fff !important;
+}
+
+[class*="MovieDetailsSeason-seasonNumber-"] {
+    color: var(--text-hover);
+}
+
+[class*="MovieDetailsSeason-collapseButtonContainer-"] {
+    border: none !important;
+    background-color: rgba(0, 0, 0, .25) !important;
+}
+
+[class*="MovieFileEditorTable-container-"] {
+    border: 1px solid transparent;
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+[class*="ExtraFileTable-container-"] {
+    border: 1px solid transparent;
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
+[class*="Popover-title-"],
+[class*="SeasonInfo-title-"],
+[class*="Popover-body-"],
+[class*="Tooltip-body-"],
+[class*="Tooltip-tooltipContainer-"],
+[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+    background: #1f1f1f;
+    color: #eee;
+}
+
+/* @supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
+    [class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
+    [class*="Popover-title-"],
+    [class*="SeasonInfo-title-"],
+    [class*="Popover-body-"],
+    [class*="Tooltip-body-"],
+    [class*="Tooltip-tooltipContainer-"],
+    [class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
+        -webkit-backdrop-filter: saturate(1) blur(1.5em);
+        backdrop-filter: saturate(1) blur(1.5em);
+        background: rgb(var(--accent-color),0.05);
+        color: white;
+    }
+} */
+
+[class*="Tooltip-top-"][class*="Tooltip-inverse-"] {
+    border-top-color: var(--text);
+}
+
+[class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
+    border-bottom-color: var(--text);
+}
+
+[class*="Tooltip-right-"][class*="Tooltip-default-"] {
+    border-right-color: var(--text);
+}
+
+[class*="EpisodeTitleLink-link-"]:hover {
+    color: var(--text-hover);
+    text-decoration: none;
+}
+
+[class*="IconButton-button-"] {
+    color: var(--text);
+}
+
+[class*="Label-default-"] [class*="IconButton-button-"],
+[class*="Label-small-"] [class*="IconButton-button-"]:hover {
+    color: var(--label-text-color);
+}
+
+[class*="IconButton-button-"]:hover {
+    background-color: transparent;
+    color: var(--text-hover);
+}
+
+[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover {
+    background-color: transparent;
+    color: var(--text-hover);
+}
+
+[class*="Label-default-"] {
+    border-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+[class*="Label-info-"] {
+    border-color: rgb(var(--accent-color));
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
+
+[class*="PageSidebarItem-status-"][class*="Label-info-"] {
+    border-color: var(--arr-queue-color);
+    background-color: var(--arr-queue-color);
+    color: var(--label-text-color);
+}
+
+[class*="MovieDetails-selectedTab-"] {
+    border-bottom: 4px solid rgb(var(--accent-color));
+}
+
+[class*="MovieDetails-tabList-"] {
+    color: var(--text-hover);
+}
+
+[class*="Label-success-"] {
+    border-color: #27c24c;
+    background-color: #27c24c;
+    color: #000;
+}
+
+[class*="Label-disabled-"][class*="Label-outline-"] {
+    color: #000;
+}
+
+[class*="Label-outline-"] {
+    background-color: #999;
+}
+
+[class*="Label-disabled-"] {
+    border-color: #999;
+    background-color: #999;
+    color: #000;
+}
+
+/* Table options*/
+[class*="TableOptionsColumn-column-"] {
+    background: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+    border: none;
+}
+
+[class*="TableHeaderCell-headerCell-"] {
+    color: var(--text-hover);
+}
+
+[class*="Table-table-"] {
+    color: var(--text);
+}
+
+[class*="TableRow-row-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08);
+    color: var(--text-hover);
+}
+
+[class*="TableRowCell-cell-"] {
+    border-top: 1px solid rgb(255 255 255 / 25%);
+}
+
+/* TOP MENU SERIES */
+[class*="PageToolbar-toolbar-"] {
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-label-"] {
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"] {
+    opacity: .5;
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-toolbarButton-"][class*="PageToolbarButton-isDisabled-"]:hover,
+[class*="PageToolbarButton-isDisabled-"]:hover {
+    color: var(--text) !important;
+}
+
+[class*="PageToolbarButton-label-"] {
+    color: var(--text);
+}
+
+[class*="PageToolbarButton-toolbarButton-"]:hover {
+    color: rgb(var(--accent-color));
+}
+
+[class*="MenuButton-menuButton-"]:hover {
+    color: rgb(var(--accent-color));
+}
+
+/* POSTERS */
+[class*="MovieIndexPoster-title-"],
+[class*="MovieIndexPoster-nextAiring-"],
+[class*="MovieIndexPosterInfo-info-"],
+[class*="MovieIndexPosterInfo-info-"],
+[class*="MovieCreditPoster-title-"] {
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+/* LIBRARY TOP HEADER DROPDOWN */
+[class*="MenuItem-menuItem-"] {
+    color: var(--text);
+    background: 0;
+}
+
+[class*="MenuContent-menuContent-"] {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;  
+}
+
+[class*="MenuContent-scroller-"] {
+    box-shadow: black 0 0 5px 0px;
+}
+
+[class*="MenuItem-menuItem-"]:hover,
+[class*="MenuItem-menuItem-"]:focus {
+    background: hsla(0, 0%, 100%, .08) !important;
+    color: var(--text-hover);
+    text-decoration: none;
+}
+
+[class*="MenuItemSeparator-separator-"] {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+/* ALPHABET JUMP BAR */
+[class*="PageJumpBar-jumpBar-"] {
+    color: var(--text-hover);
+}
+
+/* MINI RIGHT SCROLL BAR */
+[class*="OverlayScroller-thumb-"],
+[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="OverlayScroller-thumb-"]:hover,
+[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(255, 255, 255, 0.25) !important;
+}
+
+/* ADD NEW */
+
+[class*="EnhancedSelectInput-options-"] {
+    border-radius: 4px;
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-options-"] {
+    border: 1px solid rgba(var(--accent-color)) !important;
+}
+
+[class*="EnhancedSelectInputOption-isSelected-"],
+[class*="EnhancedSelectInputOption-isSelected-"]:hover {
+    background-color: rgba(255, 255, 255, 0.20) !important;
+    color: var(--text-hover);
+}
+
+[class*="EnhancedSelectInputOption-option-"]:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+[class*="HintedSelectInputOption-hintText-"] {
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-optionsModalScroller-"] {
+    border: 1px solid var(--drop-down-menu-bg);
+    border-radius: 4px;
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"] {
+    color: var(--button-text);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButton-"]:hover {
+    color: var(--button-text-hover);
+}
+
+[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] {
+    
+    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+}
+
+/* SEARCH BAR */
+[class*="Input-input-"],
+[class*="AddNewMovie-searchIconContainer-"],
+[class*="CheckInput-isIndeterminate-"] {
+    border: none;
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+[class*="MovieSearchInput-container-"] [class*="Input-input-"] {
+    background: transparent;
+    border-bottom: solid 1px var(--text-hover);
+}
+
+[class*="MovieSearchInput-container-"] [class*="Input-input-"]:focus {
+    border-bottom: none;
+    background: transparent;
+}
+
+[class*="MovieSearchResult-alternateTitle-"] {
+    color: var(--text-hover);
+    font-size: 12px;
+}
+
+[class*="AddNewMovieSearchResult-year-"] {
+    color: var(--text-hover) !important;
+}
+
+[class*="Input-input-"]:focus {
+    outline: 0;
+    border-color: var(--text-hover);
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+[class*="TagInput-input-"][class*="TagInput-isFocused-"] {
+    outline: 0;
+    border-color: var(--text-hover);
+    box-shadow: none;
+}
+
+/* TEXT COLOR */
+
+[class*="PageContentBody-innerContentBody-"],
+[class*="PageContentBody-contentBody-"],
+.react-tabs__tab-panel .react-tabs__tab-panel--selected>div {
+    color: var(--text);
+}
+
+/* SEARCH RESULTS */
+[class*="SearchResult-title-"]{
+    color:var(--link-color);
+}
+
+[class*="AddNewMovieSearchResult-searchResult-"],
+[class*="AddNewMovieSearchResult-underlay-"] {
+    background-color: transparent !important;
+}
+
+[class*="AddNewMovieSearchResult-searchResult-"]:hover,
+[class*="AddNewMovieSearchResult-underlay-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="AddNewmovieModalContent-year-"] {
+    color: var(--text-hover);
+}
+
+[class*="RootFolderSelectInputSelectedValue-movieFolder-"],
+[class*="RootFolderSelectInputSelectedValue-freeSpace-"] {
+    color: var(--text-hover);
+}
+
+[class*="RootFolderSelectInputOption-freeSpace-"],
+[class*="RootFolderSelectInputOption-movieFolder-"] {
+    color: var(--text-muted);
+}
+
+/* MOVE THIS */
+input::-webkit-input-placeholder {
+    color: var(--text);
+}
+
+input:focus::-webkit-input-placeholder {
+    color: var(--text-hover);
+}
+
+/* Firefox < 19 */
+input:-moz-placeholder {
+    color: var(--text);
+}
+
+input:focus:-moz-placeholder {
+    color: var(--text-hover);
+}
+
+/* Firefox > 19 */
+input::-moz-placeholder {
+    color: var(--text);
+}
+
+input:focus::-moz-placeholder {
+    color: var(--text-hover);
+}
+
+/* Internet Explorer 10 */
+input:-ms-input-placeholder {
+    color: var(--text);
+}
+
+input:focus:-ms-input-placeholder {
+    color: var(--text-hover);
+}
+
+/* IMPORT */
+
+[class*="FieldSet-legend-"] {
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+[class*="VirtualTableRow-row-"]:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+/* Drop down menu/button*/
+[class*="ImportMovieSelectMovie-button-"] {
+    border: none !important;
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+[class*="ImportMovieSelectMovie-content-"],
+[class*="ImportMovieSelectMovie-searchIconContainer-"] {
+    border: none;
+    background: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+    color: var(--text-hover);
+}
+
+[class*="ImportMovieSearchResult-movie-"]:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+[class*="ImportMovieTitle-year-"] {
+    color: var(--text-muted);
+}
+
+/* DISCOVER */
+[class*="DiscoverMovieOverview-link-"] {
+    color: var(--text);
+}
+
+[class*="DiscoverMovieOverview-link-"]:hover {
+    color: var(--text-hover);
+    text-decoration: none;
+}
+
+[class*="DiscoverMoviePoster-title-"],
+[class*="DiscoverMoviePosterInfo-info-"] {
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+/*Title*/
+[class*="AddListMovieOverview-link-"] {
+    color: var(--text);
+}
+
+[class*="AddListMovieOverview-link-"]:hover {
+    color: var(--text-hover);
+}
+
+[class*="AddListMovieOverview-content-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="PageJumpBarItem-jumpBarItem-"]:hover {
+    color: var(--text-hover);
+    background: hsla(0, 0%, 100%, .08);
+}
+
+/*Posters*/
+[class*="AddListMoviePoster-title-"] {
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+/* MASS EDITOR */
+/* FOOTER */
+[class*="PageContentFooter-contentFooter-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+}
+
+/* CALENDAR */
+[class*="CircularProgressBar-circularProgressBarContainer-"] svg circle {
+    stroke: var(--text-hover) !important;
+}
+
+[class*="CalendarEvent-downloaded-"] {
+    background: rgb(var(--calendar-available) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover {
+    background: rgb(var(--calendar-available) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-missing-"],
+[class*="CalendarEvent-missingMonitored"] {
+    background: rgb(var(--calendar-missing) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover,
+[class*="Calendar-calendar-"] [class*="CalendarEvent-missingMonitored"]:hover {
+    background: rgba(var(--calendar-missing) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-missingUnmonitored-"] {
+    background: rgb(var(--calendar-missing-unmonitored) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-missingUnmonitored-"]:hover {
+    background: rgb(var(--calendar-missing-unmonitored) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-unreleased-"],
+[class*="CalendarEvent-continuing-"] {
+    background: rgb(var(--calendar-unaired) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover,
+[class*="Calendar-calendar-"] [class*="CalendarEvent-continuing-"]:hover {
+    background: rgb(var(--calendar-unaired) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-event-"] {
+    background: rgb(var(--calendar-unmonitored) / .7);
+    border-left-color: transparent;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-event-"]:hover {
+    background: rgb(var(--calendar-unmonitored) / .5);
+    border-left-color: transparent;
+}
+
+[class*="CalendarEvent-unmonitored-"] {
+    background: rgb(var(--calendar-unmonitored) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover {
+    background: rgb(var(--calendar-unmonitored) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="CalendarEvent-downloading-"],
+[class*="CalendarEvent-queue-"] {
+    background: rgb(var(--calendar-downloading) / .7) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover,
+[class*="Calendar-calendar-"] [class*="CalendarEvent-queue-"]:hover {
+    background: rgb(var(--calendar-downloading) / .5) !important;
+    border-left-color: transparent !important;
+}
+
+[class*="DayOfWeek-dayOfWeek-"] {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="CalendarDay-dayOfMonth-"] {
+    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
+    background-color: rgba(0, 0, 0, .25);
+}
+
+[class*="CalendarDay-isToday-"],
+[class*="DayOfWeek-isToday-"] {
+    background-color: hsla(0, 0%, 100%, .25) !important;
+}
+
+[class*="CalendarDay-day-"],
+[class*="CalendarDays-days-"] {
+    -webkit-box-flex: 1;
+    -webkit-flex: 1 0 14.28%;
+    flex: 1 0 14.28%;
+    overflow: hidden;
+    min-height: 70px;
+    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
+    border-left: 1px solid hsla(0, 0%, 100%, .08);
+    border-right: 1px solid hsla(0, 0%, 100%, .08);
+}
+
+[class*="CalendarEvent-movieTitle-"],
+[class*="CalendarEvent-movieInfo-"],
+[class*="CalendarEvent-episodeInfo-"],
+[class*="CalendarEvent-airTime-"],
+[class*="CalendarEvent-link-"] {
+    color: var(--text-hover) !important;
+}
+
+[class*="CalendarEvent-event-"] {
+    border-bottom: 1px solid transparent;
+}
+
+[class*="CalendarEventGroup-eventGroup-"] {
+    border-bottom: 1px solid hsla(0, 0%, 100%, .08) !important;
+}
+
+[class*="CalendarEventGroup-movieTitle-"] {
+    color: var(--text-hover) !important;
+}
+
+[class*="CalendarEventGroup-airTime-"] {
+    color: var(--text);
+}
+
+[class*="CalendarEventGroup-episodeInfo-"] {
+    color: var(--text);
+}
+
+[class*="LegendItem-missingMonitoredColorImpaired-"],
+[class*="LegendItem-missingUnmonitoredColorImpaired-"] {
+    background: transparent;
+}
+
+/* calendar agenda */
+[class*="AgendaEvent-event-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08) !important;
+}
+
+/* SETTINGS */
+[class*="Settings-link-"] {
+    color: var(--text-hover);
+    border-bottom: 1px solid rgb(var(--accent-color));
+}
+
+[class*="Settings-summary-"] {
+    color: var(--text);
+}
+
+[class*="FormLabel-large-"] {
+    color: var(--text-hover);
+}
+
+[class*="FormLabel-isAdvanced-"] {
+    color: #ff902b;
+}
+
+/* MEDIA MANAGEMENT - FILE NAME TOKENS */
+[class*="NamingOption-small-"] {
+    border: 1px solid transparent;
+}
+
+[class*="NamingOption-token-"] {
+    background-color: rgba(255, 255, 255, 0.15);
+}
+
+[class*="NamingOption-token-"] {
+    background-color: rgba(255, 255, 255, 0.15);
+}
+
+[class*="NamingOption-example-"] {
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+[class*="NamingOption-option-"] {
+    border: 1px solid transparent;
+}
+
+[class*="NamingOption-option-"]:hover [class*="NamingOption-token-"] {
+    background-color: rgba(255, 255, 2550, 0.25);
+}
+
+[class*="NamingOption-option-"]:hover [class*="NamingOption-example-"] {
+    background-color: rgba(255, 255, 2550, 0.35);
+}
+
+/* PROFILES */
+[class*="Card-card-"],
+[class*="QualityProfiles-addQualityProfile-"] {
+    background-color: rgba(0, 0, 0, .45);
+    box-shadow: 0 0 10px 1px #000000;
+    color: var(--text);
+}
+
+
+[class*="-cloneButton-"][class*="IconButton-button-"]:hover {
+    color: var(--text-hover);
+}
+
+[class*="Card-card-"]:hover {
+    color: var(--text-hover);
+}
+
+[class*="QualityProfiles-center-"],
+[class*="LanguageProfiles-center-"],
+[class*="ReleaseProfiles-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+[class*="QualityProfileItem-qualityProfileItem-"],
+[class*="QualityProfileItemGroup-qualityProfileItemGroup-"],
+[class*="LanguageProfileItem-languageProfileItem-"] {
+    border: none;
+    background-color: rgba(0, 0, 0, .25);
+    color: var(--text-hover);
+}
+
+[class*="QualityProfileItemGroup-qualityProfileItemGroup-"][class*="QualityProfileItemGroup-editGroups-"] {
+    background: rgba(0, 0, 0, 0.25);
+}
+
+[class*="KeyValueListInputItem-keyInput-"],
+[class*="KeyValueListInputItem-valueInput-"] {
+    border: none;
+    background: transparent;
+    color: var(--text-hover);
+}
+
+[class*="QualityProfileFormatItem-qualityProfileFormatItem-"] {
+    border: 1px solid transparent;
+    background: rgba(0, 0, 0, .25);
+}
+
+[class*="QualityDefinitions-sizeLimitHelpText-"] {
+    color: var(--text);
+}
+
+/* PROFILES */
+[class*="Indexers-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/* DOWNLOAD CLIENTS */
+[class*="DownloadClients-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/* CONNECTIONS */
+[class*="Notifications-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/* LISTS */
+[class*="ImportLists-center-"] {
+    background-color: transparent;
+    border: none;
+}
+
+/* LOG */
+[class*="Alert-info-"] {
+    border-color: transparent;
+    background-color: rgba(0, 0, 0, 0.25);
+    color: #FFC107;
+}
+
+/* INDEXER */
+[class*="Restrictions-center-"] {
+    border: 1px solid transparent;
+    background-color: transparent;
+}
+
+/* LISTS */
+[class*="NetImports-center-"] {
+    border: 1px solid transparent;
+    background-color: transparent;
+}
+
+/* CUSTOM FORMAT */
+[class*="CustomFormats-center-"],
+[class*="EditCustomFormatModalContent-center-"] {
+    border: 1px solid transparent;
+    background-color: transparent;
+}
+
+/* Login Page */
+
+.panel-body {
+    background-color: rgba(0, 0, 0, 0.25);
+    color: var(--text);
+}
+
+.panel-header {
+    background-color: rgba(0, 0, 0, 0.45);
+}
+
+.forgot-password {
+    color: var(--text) !important;
+}
+
+input[type=email],
+input[type=password] {
+    border: none;
+    background-color: rgba(255, 255, 255, 0.08);
+    color: var(--text-hover);
+}
+
+.button {
+    border-color: var(--button-color);
+    background-color: var(--button-color);
+    cursor: pointer;
+}
+
+.button:hover {
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+    color: var(--button-text-hover);
+    text-decoration: none;
+}
+
+.form-input:focus {
+    outline: 0;
+    border-color: var(--text-hover);
+    box-shadow: none;
+    background-color: rgba(255, 255, 255, 0.25);
+}
+
+/* Custom filter */
+[class*="FilterBuilderRow-filterRow-"]:hover {
+    background-color: transparent;
+}
+
+[class*="CustomFilter-customFilter-"]:hover {
+    background-color: hsla(0, 0%, 100%, .08);
+}
+
+[class*="SelectMovieModalContent-path-"] {
+    color: var(--text);
+}
\ No newline at end of file
diff --git a/css/base/xbackbone/aquamarine.css b/css/base/xbackbone/aquamarine.css
new file mode 100644
index 00000000..627c1627
--- /dev/null
+++ b/css/base/xbackbone/aquamarine.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c");
\ No newline at end of file
diff --git a/css/base/xbackbone/blackberry-abyss.css b/css/base/xbackbone/blackberry-abyss.css
new file mode 100644
index 00000000..d877e59c
--- /dev/null
+++ b/css/base/xbackbone/blackberry-abyss.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802");
\ No newline at end of file
diff --git a/css/base/xbackbone/blackberry-amethyst.css b/css/base/xbackbone/blackberry-amethyst.css
new file mode 100644
index 00000000..568ad425
--- /dev/null
+++ b/css/base/xbackbone/blackberry-amethyst.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603");
\ No newline at end of file
diff --git a/css/base/xbackbone/blackberry-carol.css b/css/base/xbackbone/blackberry-carol.css
new file mode 100644
index 00000000..9962e3f7
--- /dev/null
+++ b/css/base/xbackbone/blackberry-carol.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0");
\ No newline at end of file
diff --git a/css/base/xbackbone/blackberry-dreamscape.css b/css/base/xbackbone/blackberry-dreamscape.css
new file mode 100644
index 00000000..2337c476
--- /dev/null
+++ b/css/base/xbackbone/blackberry-dreamscape.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f");
\ No newline at end of file
diff --git a/css/base/xbackbone/blackberry-flamingo.css b/css/base/xbackbone/blackberry-flamingo.css
new file mode 100644
index 00000000..db5285f9
--- /dev/null
+++ b/css/base/xbackbone/blackberry-flamingo.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99");
\ No newline at end of file
diff --git a/css/base/xbackbone/blackberry-hearth.css b/css/base/xbackbone/blackberry-hearth.css
new file mode 100644
index 00000000..15e24bd9
--- /dev/null
+++ b/css/base/xbackbone/blackberry-hearth.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88");
\ No newline at end of file
diff --git a/css/base/xbackbone/blackberry-martian.css b/css/base/xbackbone/blackberry-martian.css
new file mode 100644
index 00000000..677cde31
--- /dev/null
+++ b/css/base/xbackbone/blackberry-martian.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e");
\ No newline at end of file
diff --git a/css/base/xbackbone/blackberry-pumpkin.css b/css/base/xbackbone/blackberry-pumpkin.css
new file mode 100644
index 00000000..bd44fc47
--- /dev/null
+++ b/css/base/xbackbone/blackberry-pumpkin.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098");
\ No newline at end of file
diff --git a/css/base/xbackbone/blackberry-royal.css b/css/base/xbackbone/blackberry-royal.css
new file mode 100644
index 00000000..1615ed95
--- /dev/null
+++ b/css/base/xbackbone/blackberry-royal.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a");
\ No newline at end of file
diff --git a/css/base/xbackbone/blackberry-shadow.css b/css/base/xbackbone/blackberry-shadow.css
new file mode 100644
index 00000000..9fe525a6
--- /dev/null
+++ b/css/base/xbackbone/blackberry-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d");
\ No newline at end of file
diff --git a/css/base/xbackbone/blackberry-solar.css b/css/base/xbackbone/blackberry-solar.css
new file mode 100644
index 00000000..ffee73d6
--- /dev/null
+++ b/css/base/xbackbone/blackberry-solar.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059");
\ No newline at end of file
diff --git a/css/base/xbackbone/blackberry-vanta.css b/css/base/xbackbone/blackberry-vanta.css
new file mode 100644
index 00000000..34eb2599
--- /dev/null
+++ b/css/base/xbackbone/blackberry-vanta.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d");
\ No newline at end of file
diff --git a/css/base/xbackbone/dark.css b/css/base/xbackbone/dark.css
new file mode 100644
index 00000000..9c5c597c
--- /dev/null
+++ b/css/base/xbackbone/dark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e");
\ No newline at end of file
diff --git a/css/base/xbackbone/dracula.css b/css/base/xbackbone/dracula.css
new file mode 100644
index 00000000..12160ccd
--- /dev/null
+++ b/css/base/xbackbone/dracula.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056");
\ No newline at end of file
diff --git a/css/base/xbackbone/hotline-old.css b/css/base/xbackbone/hotline-old.css
new file mode 100644
index 00000000..b06efdbd
--- /dev/null
+++ b/css/base/xbackbone/hotline-old.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f");
\ No newline at end of file
diff --git a/css/base/xbackbone/hotline.css b/css/base/xbackbone/hotline.css
new file mode 100644
index 00000000..b18e6c47
--- /dev/null
+++ b/css/base/xbackbone/hotline.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9");
\ No newline at end of file
diff --git a/css/base/xbackbone/hotpink.css b/css/base/xbackbone/hotpink.css
new file mode 100644
index 00000000..5fbb32da
--- /dev/null
+++ b/css/base/xbackbone/hotpink.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e");
\ No newline at end of file
diff --git a/css/base/xbackbone/mind.css b/css/base/xbackbone/mind.css
new file mode 100644
index 00000000..a028c5b8
--- /dev/null
+++ b/css/base/xbackbone/mind.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638");
\ No newline at end of file
diff --git a/css/base/xbackbone/nord.css b/css/base/xbackbone/nord.css
new file mode 100644
index 00000000..7617e8c3
--- /dev/null
+++ b/css/base/xbackbone/nord.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447");
\ No newline at end of file
diff --git a/css/base/xbackbone/onedark.css b/css/base/xbackbone/onedark.css
new file mode 100644
index 00000000..b9f7d071
--- /dev/null
+++ b/css/base/xbackbone/onedark.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca");
\ No newline at end of file
diff --git a/css/base/xbackbone/organizr.css b/css/base/xbackbone/organizr.css
new file mode 100644
index 00000000..b896c6fc
--- /dev/null
+++ b/css/base/xbackbone/organizr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057");
\ No newline at end of file
diff --git a/css/base/xbackbone/overseerr.css b/css/base/xbackbone/overseerr.css
new file mode 100644
index 00000000..97251ea9
--- /dev/null
+++ b/css/base/xbackbone/overseerr.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20");
\ No newline at end of file
diff --git a/css/base/xbackbone/pine-shadow.css b/css/base/xbackbone/pine-shadow.css
new file mode 100644
index 00000000..3e165e30
--- /dev/null
+++ b/css/base/xbackbone/pine-shadow.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc");
\ No newline at end of file
diff --git a/css/base/xbackbone/plex.css b/css/base/xbackbone/plex.css
new file mode 100644
index 00000000..942f820c
--- /dev/null
+++ b/css/base/xbackbone/plex.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc");
\ No newline at end of file
diff --git a/css/base/xbackbone/power.css b/css/base/xbackbone/power.css
new file mode 100644
index 00000000..80ebeac0
--- /dev/null
+++ b/css/base/xbackbone/power.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44");
\ No newline at end of file
diff --git a/css/base/xbackbone/reality.css b/css/base/xbackbone/reality.css
new file mode 100644
index 00000000..66b0dbb2
--- /dev/null
+++ b/css/base/xbackbone/reality.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e");
\ No newline at end of file
diff --git a/css/base/xbackbone/soul.css b/css/base/xbackbone/soul.css
new file mode 100644
index 00000000..6dc47984
--- /dev/null
+++ b/css/base/xbackbone/soul.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8");
\ No newline at end of file
diff --git a/css/base/xbackbone/space-gray.css b/css/base/xbackbone/space-gray.css
new file mode 100644
index 00000000..5322fe86
--- /dev/null
+++ b/css/base/xbackbone/space-gray.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93");
\ No newline at end of file
diff --git a/css/base/xbackbone/space.css b/css/base/xbackbone/space.css
new file mode 100644
index 00000000..a0b09933
--- /dev/null
+++ b/css/base/xbackbone/space.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1");
\ No newline at end of file
diff --git a/css/base/xbackbone/time.css b/css/base/xbackbone/time.css
new file mode 100644
index 00000000..d927ee7d
--- /dev/null
+++ b/css/base/xbackbone/time.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a");
\ No newline at end of file
diff --git a/css/base/xbackbone/trueblack.css b/css/base/xbackbone/trueblack.css
new file mode 100644
index 00000000..13d31078
--- /dev/null
+++ b/css/base/xbackbone/trueblack.css
@@ -0,0 +1,2 @@
+@import url("/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3");
+@import url("/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695");
\ No newline at end of file
diff --git a/css/base/xbackbone/xbackbone-base.css b/css/base/xbackbone/xbackbone-base.css
new file mode 100644
index 00000000..b4cca0d5
--- /dev/null
+++ b/css/base/xbackbone/xbackbone-base.css
@@ -0,0 +1,436 @@
+/*    dP   dP                                                                  dP        */
+/*    88   88                                                                  88        */
+/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
+/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
+/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
+/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
+/*                                                  88                                   */
+/*                                                  dP					 */
+
+/*		   		        Made by @gilbN					 */
+/* 			      https://github.com/gilbN/theme.park			 */
+
+.bg-light {
+    background: var(--main-bg-color) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+::-webkit-scrollbar {
+    width: 14px;
+}
+
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .2);
+    background-clip: padding-box;
+}
+
+::-webkit-scrollbar-track {
+    background-color: #1f1f1f;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0, 0%, 100%, .5);
+    background-clip: padding-box;
+}
+
+/* TEXT */
+body,
+.table,
+.navbar-dark .navbar-nav .nav-link,
+.dropdown-menu,
+.dropdown-item {
+    color: var(--text);
+}
+
+.navbar-dark .navbar-nav .nav-link:focus,
+.navbar-dark .navbar-nav .nav-link:hover,
+.navbar-dark .navbar-nav .show>.nav-link,
+.col-form-label {
+    color: var(--text-hover);
+}
+
+.navbar-dark .navbar-nav .nav-link.active {
+    color: rgb(var(--accent-color));
+}
+
+.card-header {
+    color: rgb(var(--accent-color));
+}
+
+.text-muted {
+    color: var(--text-muted) !important;
+}
+
+code {
+    font-size: .875em;
+    color: #d63384;
+    word-wrap: break-word;
+    background: rgb(0 0 0 / 50%);
+    padding: 2px 6px;
+    border-radius: 5px;
+}
+
+pre {
+    color: rgb(var(--accent-color));
+}
+
+/* LINKS */
+a {
+    color: var(--link-color);
+}
+
+a:hover {
+    color: var(--link-color-hover);
+}
+
+/* TOP NAV */
+.bg-primary {
+    background: rgba(0, 0, 0, .15) !important;
+}
+
+.navbar-dark .navbar-brand {
+    color: rgb(var(--accent-color));
+}
+
+.navbar-dark .navbar-brand:focus,
+.navbar-dark .navbar-brand:hover {
+    color: var(--accent-color-hover);
+}
+
+/* DROPDOWN MENU */
+.dropdown-menu {
+    background: var(--drop-down-menu-bg);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.dropdown-header {
+    color: var(--text-hover);
+}
+
+.dropdown-item:focus,
+.dropdown-item:hover {
+    color: var(--text-hover);
+    background-color: rgba(255, 255, 255, .1);
+}
+
+.dropdown-item.disabled,
+.dropdown-item:disabled {
+    color: var(--text-muted);
+    pointer-events: none;
+    background-color: transparent;
+}
+
+.dropdown-divider {
+    border-top: 1px solid rgb(255 255 255 / 15%);
+}
+
+/* TABLES */
+.table-hover>tbody>tr:hover,
+.table>thead {
+    color: var(--text-hover);
+}
+
+.table {
+    border-color: rgb(255 255 255 / 20%);
+}
+
+.table>:not(:last-child)>:last-child>* {
+    border-bottom-color: rgb(255 255 255 / 50%);
+}
+
+/* BUTTONS */
+
+.btn-light {
+    color: var(--button-text);
+    background-color: rgba(255, 255, 255, .08);
+    border-color: rgba(255, 255, 255, .08);
+}
+
+.btn-light:hover {
+    color: var(--button-text-hover);
+    background-color: rgba(255, 255, 255, .08);
+    border-color: rgba(255, 255, 255, .08);
+}
+
+.btn-primary,
+.btn-outline-dark,
+.btn-outline-secondary {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-primary:hover,
+.btn-outline-dark:hover,
+.btn-outline-secondary:hover,
+.btn-check:focus+.btn-primary,
+.btn-primary:focus {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-check:active+.btn-primary:focus,
+.btn-check:checked+.btn-primary:focus,
+.btn-primary.active:focus,
+.btn-primary:active:focus,
+.show>.btn-primary.dropdown-toggle:focus,
+.btn-check:focus+.btn-primary,
+.btn-primary:focus {
+    box-shadow: 0 0 0 0.25rem rgba(var(--accent-color), .5);
+}
+
+.btn-outline-primary,
+.btn-outline-info {
+    color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-outline-primary:hover,
+.btn-outline-info:hover,
+.btn-check:active+.btn-outline-primary,
+.btn-check:checked+.btn-outline-primary,
+.btn-outline-primary.active,
+.btn-outline-primary.dropdown-toggle.show,
+.btn-outline-primary:active,
+.btn-check:active+.btn-outline-info,
+.btn-check:checked+.btn-outline-info,
+.btn-outline-info.active,
+.btn-outline-info.dropdown-toggle.show,
+.btn-outline-info:active {
+    color: var(--button-text-hover);
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+}
+
+.btn-check:focus+.btn-outline-primary,
+.btn-outline-primary:focus,
+.btn-check:focus+.btn-outline-info,
+.btn-outline-info:focus,
+.btn-check:active+.btn-outline-primary:focus,
+.btn-check:checked+.btn-outline-primary:focus,
+.btn-outline-primary.active:focus,
+.btn-outline-primary.dropdown-toggle.show:focus,
+.btn-outline-primary:active:focus,
+.btn-check:active+.btn-outline-info:focus,
+.btn-check:checked+.btn-outline-info:focus,
+.btn-outline-info.active:focus,
+.btn-outline-info.dropdown-toggle.show:focus,
+.btn-outline-info:active:focus {
+    box-shadow: 0 0 0 0.25rem rgb(var(--accent-color), .5);
+    color: var(--button-text-hover);
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+}
+
+.btn-outline-info:not(:disabled):not(.disabled).active:focus,
+.btn-outline-info:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-info.dropdown-toggle:focus {
+    box-shadow: 0 0 0 0.2rem rgb(var(--accent-color) / 50%);
+}
+
+.btn-outline-info:not(:disabled):not(.disabled).active,
+.btn-outline-info:not(:disabled):not(.disabled):active,
+.show>.btn-outline-info.dropdown-toggle {
+    color: var(--button-text-hover);
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+}
+
+.btn-outline-primary {
+    color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-outline-primary:hover {
+    color: var(--button-text-hover);
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+}
+
+.btn-outline-primary.focus,
+.btn-outline-primary:focus {
+    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
+}
+
+.btn-outline-primary.disabled,
+.btn-outline-primary:disabled {
+    color: var(--button-color);
+    background-color: transparent
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled).active,
+.btn-outline-primary:not(:disabled):not(.disabled):active,
+.show>.btn-outline-primary.dropdown-toggle {
+    color: var(--button-text-hover);
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-primary.dropdown-toggle:focus {
+    box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .5)
+}
+
+.btn-outline-dark {
+    color: var(--button-text);
+    border-color: var(--button-color);
+}
+
+.btn-outline-dark:hover {
+    color: var(--button-text-hover);
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+}
+
+.btn-outline-dark.focus,
+.btn-outline-dark:focus {
+    box-shadow: 0 0 0 .2rem rgba(var(--accent-color), .5)
+}
+
+.btn-outline-dark.disabled,
+.btn-outline-dark:disabled {
+    color: var(--button-color);
+    background-color: transparent
+}
+
+.btn-outline-dark:not(:disabled):not(.disabled).active,
+.btn-outline-dark:not(:disabled):not(.disabled):active,
+.show>.btn-outline-dark.dropdown-toggle {
+    color: var(--button-text-hover);
+    border-color: var(--button-color-hover);
+    background-color: var(--button-color-hover);
+}
+
+.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-dark.dropdown-toggle:focus {
+    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
+}
+
+
+/* FORMS */
+.form-control {
+    color: var(--text-hover);
+    background-color: rgba(0, 0, 0, .15);
+    border: 1px solid rgba(0, 0, 0, .15);
+}
+
+.form-control:focus {
+    color: var(--text-hover);
+    background: #1f1f1f;
+    border-color: rgba(255, 255, 255, .15);
+    outline: 0;
+    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0);
+}
+
+textarea.form-control:focus {
+    color: var(--text-hover);
+    background: rgba(0, 0, 0, .35);
+    border-color: rgba(255, 255, 255, .15);
+    outline: 0;
+    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 0%);
+}
+
+.form-control:disabled,
+.form-control[readonly] {
+    background-color: rgba(255, 255, 255, .15);
+    opacity: 1;
+}
+
+.form-check-input:checked {
+    background-color: rgb(var(--accent-color));
+    border-color: rgb(var(--accent-color));
+}
+
+.form-check-input:focus {
+    border-color: rgb(var(--accent-color));
+    outline: 0;
+    box-shadow: 0 0 0 0.25rem rgb(var(--accent-color), .25);
+}
+
+.dropzone {
+    border: 2px dashed rgb(255 255 255 / 30%);
+}
+
+/* PAGINATION */
+.page-link {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border: 1px solid var(--button-color);
+}
+
+.page-link:hover {
+
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border: 1px solid var(--button-color-hover);
+}
+
+.page-link:focus {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    box-shadow: 0 0 0 0.25rem rgb(var(--accent-color) / 25%);
+}
+
+.page-item.disabled .page-link {
+    color: var(--text-muted);
+    pointer-events: none;
+    background-color: rgba(255, 255, 255, .08);
+    border-color: rgba(255, 255, 255, .08);
+}
+
+/* CARDS */
+.card {
+    background-color: rgba(0, 0, 0, .25);
+}
+
+.image-card:hover .overlay {
+    opacity: 1;
+    transition: opacity .3s ease-in-out;
+    -moz-transition: opacity .3s ease-in-out;
+    -webkit-transition: opacity .3s ease-in-out;
+    background: rgba(0, 0, 0, .5);
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+}
+
+/* PLACEHOLDER TEXT */
+::placeholder {
+    color: var(--text) !important;
+    opacity: .5 !important;
+}
+
+:-moz-placeholder {
+    color: var(--text) !important;
+    opacity: .5 !important;
+}
+
+:-ms-input-placeholder {
+    color: var(--text) !important;
+    opacity: .5 !important;
+}
+
+::-webkit-input-placeholder {
+    color: var(--text) !important;
+    opacity: .5;
+}
\ No newline at end of file
diff --git a/css/community-theme-options/blackberry-abyss.css b/css/community-theme-options/blackberry-abyss.css
new file mode 100644
index 00000000..b64eb1f0
--- /dev/null
+++ b/css/community-theme-options/blackberry-abyss.css
@@ -0,0 +1,35 @@
+:root {
+  --main-bg-color: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)) center center/cover no-repeat fixed, 
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(211, 18%, 45%, 0.55), hsla(211, 18%, 5%, 0)) center center/cover no-repeat fixed, 
+  linear-gradient(to right, hsla(211, 18%, 5%, 1), hsla(211, 18%, 45%, 1), hsla(211, 18%, 5%, 1)) center center/cover no-repeat fixed;
+  
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: hsla(211, 18%, 45%, 1);
+  --button-color-hover: hsla(211, 18%, 45%, 0.55);
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color: 130, 157, 185;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: rgb(130, 157, 185);
+  --link-color-hover: rgb(100, 119, 139);
+  --label-text-color: #fff;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #829db9;
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 130, 157, 185;
+  --overseerr-gradient: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)) center center/cover no-repeat fixed, 
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(211, 18%, 45%, 0.55), hsla(211, 18%, 5%, 0)) center center/cover no-repeat fixed, 
+  linear-gradient(to right, hsla(211, 18%, 5%, .9), hsla(211, 18%, 45%, .9), rgba(10, 13, 15, 0.9)) center center/cover no-repeat fixed;
+}
diff --git a/css/community-theme-options/blackberry-amethyst.css b/css/community-theme-options/blackberry-amethyst.css
new file mode 100644
index 00000000..1f1cd7d1
--- /dev/null
+++ b/css/community-theme-options/blackberry-amethyst.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: radial-gradient(at top center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55) , hsla(0, 18%, 5%, 0.9)) center center/cover no-repeat fixed, linear-gradient(to bottom, #df89de 0%, hsl(276, 100%, 3%) 100%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: rgb(134, 84, 132);
+  --button-color-hover: rgba(134, 84, 132, .8);
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color: 217, 164, 217;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: rgb(199, 118, 197);
+  --link-color-hover: rgb(217, 164, 217);
+  --label-text-color: #fff;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(134, 84, 132);
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 134, 84, 132;
+  --overseerr-gradient: radial-gradient(at top center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55) , hsla(0, 18%, 5%, 0.9)) center center/cover no-repeat fixed, linear-gradient(to bottom, rgb(223, 137, 222, .85) 0%, hsl(276, 100%, 3%) 100%) center center/cover no-repeat fixed;
+}
\ No newline at end of file
diff --git a/css/community-theme-options/blackberry-carol.css b/css/community-theme-options/blackberry-carol.css
new file mode 100644
index 00000000..3dcbd0b3
--- /dev/null
+++ b/css/community-theme-options/blackberry-carol.css
@@ -0,0 +1,45 @@
+:root {
+  --main-bg-color: url("/resources/blur-noise.png"),
+  radial-gradient(at center center, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) 120%) center center/cover no-repeat fixed, 
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed, 
+  radial-gradient(at bottom center, rgba(167, 6, 6, 0.15), hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, 
+  radial-gradient(at top center, rgba(11, 80, 25, 0.6), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed,
+  radial-gradient(at bottom right, #0b5019, hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, 
+  radial-gradient(at center center, rgba(167, 6, 6, 0.25), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) center center/cover no-repeat fixed, 
+  linear-gradient(45deg, #0b5019 0%, #a70606 135%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: rgb(51, 0, 0);
+  --button-color-hover: rgb(104, 4, 4);
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color:170,170,170;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #aaaaaa;
+  --link-color-hover: #fff;
+  --label-text-color: rgb(32, 32, 32);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(100, 15, 15);
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 100, 15, 15;
+  --overseerr-gradient: url("/resources/blur-noise.png"),
+  radial-gradient(at center center, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) 120%) center center/cover no-repeat fixed, 
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed, 
+  radial-gradient(at bottom center, rgba(167, 6, 6, 0.15), hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, 
+  radial-gradient(at top center, rgba(11, 80, 25, 0.6), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed,
+  radial-gradient(at bottom right, rgba(11, 80, 25, 0.85), hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, 
+  radial-gradient(at center center, rgba(167, 6, 6, 0.25), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) center center/cover no-repeat fixed, 
+  linear-gradient(45deg, rgb(11, 80, 25,.85) 0%, rgb(167, 6, 6,.85) 135%) center center/cover no-repeat fixed;
+}
\ No newline at end of file
diff --git a/css/community-theme-options/blackberry-dreamscape.css b/css/community-theme-options/blackberry-dreamscape.css
new file mode 100644
index 00000000..adc24f5a
--- /dev/null
+++ b/css/community-theme-options/blackberry-dreamscape.css
@@ -0,0 +1,36 @@
+:root {
+  --main-bg-color: radial-gradient(at top center, rgba(0, 0, 0, 0), hsla(0, 14%, 18%, 0.2), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed,
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed,
+  linear-gradient(to top, #e2c9cc 1%, #e7627d 46%, #b8235a 59%, #801357 71%, #3d1635 84%, #1c1a27 100%) center center/cover no-repeat fixed;
+
+  
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: #3d1635;
+  --button-color-hover: #801357;
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color: 231, 98, 125;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: rgb(230, 125, 146);
+  --link-color-hover: #e2c9cc;
+  --label-text-color: #fff;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #e7627d;
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 231, 98, 125;
+  --overseerr-gradient: radial-gradient(at top center, rgba(0, 0, 0, 0), hsla(0, 14%, 18%, 0.2), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed,
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed,
+  linear-gradient(to top, rgb(226, 201, 204, .9) 1%, rgb(231, 98, 125, .9) 46%, rgb(184, 35, 90, .9) 59%, rgb(128, 19, 87, .9) 71%, rgb(61, 22, 53, .9) 84%, rgb(28, 26, 39, .9) 100%) center center/cover no-repeat fixed;
+}
diff --git a/css/community-theme-options/blackberry-flamingo.css b/css/community-theme-options/blackberry-flamingo.css
new file mode 100644
index 00000000..d075526c
--- /dev/null
+++ b/css/community-theme-options/blackberry-flamingo.css
@@ -0,0 +1,33 @@
+:root {
+  --main-bg-color: radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.65), hsla(0, 18%, 5%, 0.95)) center center/cover no-repeat fixed, 
+  linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: #fad0c4;
+  --button-color-hover: #ff9a9e;
+  --button-text: hsla(0, 18%, 5%, 0.95);
+  --button-text-hover: hsla(0, 18%, 5%, 0.95);
+
+  --accent-color: 250, 208, 196;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #fad0c4;
+  --link-color-hover: #e2c9cc;
+  --label-text-color: hsla(0, 18%, 5%, 0.95);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #ff9a9e;
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 255, 154, 158;
+  --overseerr-gradient: radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.65), hsla(0, 18%, 5%, 0.95)) center center/cover no-repeat fixed, 
+  linear-gradient(45deg, rgb(255, 154, 158, .9) 0%, rgb(250, 208, 196, .9) 99%, rgb(250, 208, 196, .9) 100%) center center/cover no-repeat fixed;
+}
diff --git a/css/community-theme-options/blackberry-hearth.css b/css/community-theme-options/blackberry-hearth.css
new file mode 100644
index 00000000..5a139953
--- /dev/null
+++ b/css/community-theme-options/blackberry-hearth.css
@@ -0,0 +1,34 @@
+:root {
+  --main-bg-color: radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(0, 14%, 18%, 0.55), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed,
+   linear-gradient(to bottom, hsl(0, 18%, 5%), hsl(0, 65%, 23%), hsl(0, 100%, 9%)) center center/cover no-repeat fixed;
+
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: rgb(236, 106, 106);
+  --button-color-hover: hsl(0, 65%, 23%);
+  --button-text: hsla(0, 18%, 5%, 0.95);
+  --button-text-hover: hsla(0, 0%, 100%, 0.95);
+
+  --accent-color: 236, 106, 106;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #fad0c4;
+  --link-color-hover: #e2c9cc;
+  --label-text-color: hsla(0, 18%, 5%, 0.95);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #ff9a9e;
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 255, 154, 158;
+  --overseerr-gradient: radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(0, 14%, 18%, 0.55), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed,
+  linear-gradient(to bottom, hsla(0, 20%, 5%, 0.9), hsl(0, 65%, 23%, .9), hsl(0, 100%, 9%, .9)) center center/cover no-repeat fixed;
+}
diff --git a/css/community-theme-options/blackberry-martian.css b/css/community-theme-options/blackberry-martian.css
new file mode 100644
index 00000000..6eb4cd05
--- /dev/null
+++ b/css/community-theme-options/blackberry-martian.css
@@ -0,0 +1,35 @@
+:root {
+  --main-bg-color: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45)) center center/cover no-repeat fixed,
+   radial-gradient(at right center, rgba(0, 0, 0, 0.3) 10%, hsla(0, 14%, 18%, 0.6), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed,
+    linear-gradient(to right, #43e97b 0%, #043815 100%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: #2e5135;
+  --button-color-hover: #043815;
+  --button-text: #eee;
+  --button-text-hover: hsla(0, 0%, 100%, 0.95);
+
+  --accent-color: 67, 233, 123;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #43e97b;
+  --link-color-hover: #2e5135;
+  --label-text-color: hsla(0, 18%, 5%, 0.95);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #43e97b;
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 67, 233, 123;
+  --overseerr-gradient: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45)) center center/cover no-repeat fixed,
+  radial-gradient(at right center, rgba(0, 0, 0, 0.3) 10%, hsla(0, 14%, 18%, 0.6), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed,
+   linear-gradient(to right, rgb(67, 233, 123, .9) 0%, rgb(4, 56, 21, .9) 100%) center center/cover no-repeat fixed;
+}
diff --git a/css/community-theme-options/blackberry-pumpkin.css b/css/community-theme-options/blackberry-pumpkin.css
new file mode 100644
index 00000000..0e4c45af
--- /dev/null
+++ b/css/community-theme-options/blackberry-pumpkin.css
@@ -0,0 +1,37 @@
+:root {
+  --main-bg-color: linear-gradient(135deg, transparent 40%, rgba(20, 9, 27, 0.5)) center center/cover no-repeat fixed,
+   radial-gradient(at center center, rgba(243, 217, 217, 0.25), hsla(0, 14%, 18%, 0.55), rgba(14, 0, 19, 0.7)) center center/cover no-repeat fixed,
+   radial-gradient(at bottom center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55), rgb(10, 4, 12)) center center/cover no-repeat fixed,
+    radial-gradient(at center center, #ff8a00 50%, #37033a 100%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: #924e00;
+  --button-color-hover: #723d00;
+  --button-text: #eee;
+  --button-text-hover: hsla(0, 0%, 100%, 0.95);
+
+  --accent-color: 255, 138, 0;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #ff8a00;
+  --link-color-hover: #bd6500;
+  --label-text-color: hsla(0, 18%, 5%, 0.95);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #ff8a00;
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 255, 138, 0;
+  --overseerr-gradient: linear-gradient(135deg, transparent 40%, rgba(20, 9, 27, 0.5)) center center/cover no-repeat fixed,
+  radial-gradient(at center center, rgba(243, 217, 217, 0.25), hsla(0, 14%, 18%, 0.55), rgba(14, 0, 19, 0.7)) center center/cover no-repeat fixed,
+  radial-gradient(at bottom center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55), rgb(10, 4, 12, .85)) center center/cover no-repeat fixed,
+   radial-gradient(at center center, rgb(255, 138, 0, .85) 50%, rgb(55, 3, 58, .85) 100%) center center/cover no-repeat fixed;
+}
diff --git a/css/community-theme-options/blackberry-royal.css b/css/community-theme-options/blackberry-royal.css
new file mode 100644
index 00000000..6aebe0c7
--- /dev/null
+++ b/css/community-theme-options/blackberry-royal.css
@@ -0,0 +1,33 @@
+:root {
+  --main-bg-color: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%) center center/cover no-repeat fixed,
+   radial-gradient(at top center, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.40) 120%) #000000 center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: rgb(185, 170, 159);
+  --button-color-hover: rgb(184, 159, 141);
+  --button-text: hsla(0, 18%, 5%, 0.95);;
+  --button-text-hover: hsla(0, 0%, 100%, 0.95);
+
+  --accent-color: 185, 170, 159;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: rgb(185, 170, 159);
+  --link-color-hover: rgb(184, 159, 141);
+  --label-text-color: hsla(0, 18%, 5%, 0.95);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(185, 170, 159);
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4:  185, 170, 159;
+  --overseerr-gradient: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%) center center/cover no-repeat fixed,
+  radial-gradient(at top center, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.40) 120%) rgba(0, 0, 0, 0.90) center center/cover no-repeat fixed;
+}
diff --git a/css/community-theme-options/blackberry-shadow.css b/css/community-theme-options/blackberry-shadow.css
new file mode 100644
index 00000000..b1ea4de9
--- /dev/null
+++ b/css/community-theme-options/blackberry-shadow.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: linear-gradient(135deg, #252b2f, #090c0e) center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: #252b2f;
+  --button-color-hover: #090c0e;
+  --button-text: #eee;
+  --button-text-hover: hsla(0, 0%, 100%, 0.95);
+
+  --accent-color: 81, 101, 114;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: rgb(96, 128, 150);
+  --link-color-hover: rgb(81, 101, 114, .8);
+  --label-text-color: #eee;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(81, 101, 114);
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4:  81, 101, 114;
+  --overseerr-gradient: linear-gradient(135deg, rgb(37, 43, 47, .9), rgb(9, 12, 14, .9)) center center/cover no-repeat fixed;
+}
diff --git a/css/community-theme-options/blackberry-solar.css b/css/community-theme-options/blackberry-solar.css
new file mode 100644
index 00000000..d53082ca
--- /dev/null
+++ b/css/community-theme-options/blackberry-solar.css
@@ -0,0 +1,33 @@
+:root {
+  --main-bg-color: radial-gradient(at top left, rgba(0, 0, 0, 0.31), hsla(0, 14%, 18%, 0.9), hsla(0, 18%, 5%, 1)) center center/cover no-repeat fixed,
+   linear-gradient(120deg, #f6d365 0%, #a25a25 100%)  center center/cover no-repeat fixed;
+
+  --modal-bg-color: var(--main-bg-color);
+  --modal-header-color: var(--main-bg-color);
+  --modal-footer-color: var(--main-bg-color);
+
+  --drop-down-menu-bg: var(--main-bg-color);
+
+  --button-color: #f6d365;
+  --button-color-hover: #a25a25;
+  --button-text: hsla(0, 18%, 5%, 0.95);
+  --button-text-hover: hsla(0, 0%, 100%, 0.95);
+
+  --accent-color: 246, 211, 101;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: rgb(246, 211, 101);
+  --link-color-hover: rgb(246, 211, 101, .8);
+  --label-text-color: hsla(0, 18%, 5%, 0.95);
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(246, 211, 101);
+  --petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4:  246, 211, 101;
+  --overseerr-gradient: radial-gradient(at top left, rgba(0, 0, 0, 0.31), hsla(0, 14%, 18%, 0.9), hsla(0, 18%, 5%, 1)) center center/cover no-repeat fixed,
+  linear-gradient(120deg, rgb(246, 211, 101, .8) 0%, rgb(162, 90, 37, .8) 100%)  center center/cover no-repeat fixed;
+}
diff --git a/css/community-theme-options/blackberry-vanta.css b/css/community-theme-options/blackberry-vanta.css
new file mode 100644
index 00000000..5ae2f81e
--- /dev/null
+++ b/css/community-theme-options/blackberry-vanta.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: #000;
+
+  --modal-bg-color: #181818;
+  --modal-header-color: #181818;
+  --modal-footer-color: #181818;
+
+  --drop-down-menu-bg: #2d2d2d;
+
+  --button-color: #7a7a7a;
+  --button-color-hover: #9b9b9b;
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color: 170, 170, 170;
+  --accent-color-hover: rgba(255, 255, 255, 0.45);
+  --link-color: #7a7a7a;
+  --link-color-hover: #fff;
+  --label-text-color: black;
+    
+  --text:#a5a5a5;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #e5a00d;
+  --petio-spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 255, 255, 255;
+  --overseerr-gradient: linear-gradient(rgba(0, 0, 0, 0.47) 0%, rgb(0, 0, 0) 100%);
+}
diff --git a/css/community-theme-options/hotline-old.css b/css/community-theme-options/hotline-old.css
new file mode 100644
index 00000000..4befb6ed
--- /dev/null
+++ b/css/community-theme-options/hotline-old.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --modal-header-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  
+  --drop-down-menu-bg: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
+
+  --button-color: hsla(0,0%,100%,.15);
+  --button-color-hover: hsla(0,0%,100%,.30);
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+  
+  --accent-color:  244, 67, 54;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #fff;
+  --link-color-hover: #fff;
+  --label-text-color: #fff;
+    
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #FB3122;
+  --petio-spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ 
+  --gitea-color-primary-dark-4: 244, 67, 54;
+  --overseerr-gradient: radial-gradient(ellipse at center, rgb(244, 67, 54, .9) 0%, rgb(11, 49, 97, .9) 100%) center center/cover no-repeat fixed;
+}
\ No newline at end of file
diff --git a/css/community-theme-options/mind.css b/css/community-theme-options/mind.css
new file mode 100644
index 00000000..c01a8cab
--- /dev/null
+++ b/css/community-theme-options/mind.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 242, 0, .7) 0%, #0d0400 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed,
+    url("/resources/mind.jpg") center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed;
+
+  --drop-down-menu-bg: linear-gradient(180deg, rgba(51, 49, 0, 1) 0%, #000 100%) center center/cover no-repeat fixed;
+
+  --button-color: #e1d500;
+  --button-color-hover: #c3b900;
+  --button-text: #000;
+  --button-text-hover: #000;
+
+  --accent-color: 228, 216, 0;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #fff200;
+  --link-color-hover: #fff200cc;
+  --label-text-color: #000;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+    /*Specials*/
+  --arr-queue-color: #e1d500; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #e1d500;
+  --petio-spinner: invert(72%) sepia(97%) saturate(1218%) hue-rotate(10deg) brightness(102%) contrast(101%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 228, 216, 0;
+  --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
+}
\ No newline at end of file
diff --git a/css/community-theme-options/onedark.css b/css/community-theme-options/onedark.css
new file mode 100644
index 00000000..7754291d
--- /dev/null
+++ b/css/community-theme-options/onedark.css
@@ -0,0 +1,32 @@
+:root {
+  --main-bg-color: #282c34;
+  
+  --modal-bg-color: #1e222a;
+  --modal-header-color: #1e222a;
+  --modal-footer-color: #1e222a;
+
+  --drop-down-menu-bg: #1e222a;
+
+  --button-color: #61afef;
+  --button-color-hover: #c678dd;
+  --button-text: #e2e4eb;
+  --button-text-hover: #FFF;
+
+  --accent-color:  152, 195, 121;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #61afef;
+  --link-color-hover: #56b6c2;
+  --label-text-color: #282c34;
+    
+  --text:#abb2bf;
+  --text-hover: #c8ccd4;
+  --text-muted: #565c64;
+
+  /*Specials*/
+  --arr-queue-color: #e5c07b; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #e06c75;
+  --petio-spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 97, 175, 239;
+  --overseerr-gradient: linear-gradient(180deg, rgba(40, 44, 52, 0.17) 0%, rgba(40, 44, 52) 100%);
+  }
+
diff --git a/css/community-theme-options/pine-shadow.css b/css/community-theme-options/pine-shadow.css
new file mode 100644
index 00000000..cc2adf27
--- /dev/null
+++ b/css/community-theme-options/pine-shadow.css
@@ -0,0 +1,31 @@
+:root {
+    --main-bg-color: linear-gradient(135deg, #252b2f, #090c0e) center center/cover no-repeat fixed;
+  
+    --modal-bg-color: var(--main-bg-color);
+    --modal-header-color: var(--main-bg-color);
+    --modal-footer-color: var(--main-bg-color);
+  
+    --drop-down-menu-bg: var(--main-bg-color);
+  
+    --button-color: #cc7b19;
+    --button-color-hover: #e59029;
+    --button-text: #eee;
+    --button-text-hover: #fff;
+  
+    --accent-color: 229, 160, 13;
+    --accent-color-hover: #ffc107;
+    --link-color: #fff;
+    --link-color-hover: #fff;
+    --label-text-color: #fff;
+  
+    --text:#bbb;
+    --text-hover: #fff;
+    --text-muted: #999;
+  
+    /*Specials*/
+    --arr-queue-color: #27c24c; /* Servarr apps + Bazarr*/
+    --plex-poster-unwatched: rgb(229, 160, 13);
+    --petio-spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+    --gitea-color-primary-dark-4: 255, 193, 7;
+    --overseerr-gradient: linear-gradient(135deg, rgb(37, 43, 47, .95), rgb(9, 12, 14, .95)) center center/cover no-repeat fixed;
+  }
\ No newline at end of file
diff --git a/css/community-theme-options/power.css b/css/community-theme-options/power.css
new file mode 100644
index 00000000..5b3c3054
--- /dev/null
+++ b/css/community-theme-options/power.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: radial-gradient(ellipse at center bottom, rgba(166, 40, 140, .7) 0%, rgba(11,8,51,1) 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed,
+    url("/resources/power.jpg") center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed;
+
+  --drop-down-menu-bg: linear-gradient(180deg, rgba(35, 0, 57, 1) 0%, #000 100%) center center/cover no-repeat fixed;
+
+  --button-color: #85096b;
+  --button-color-hover: #85096bcc;
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color:  166, 40, 140;
+  --accent-color-hover: rgba(var(--accent-color), 0.8);
+  --link-color: rgb(223, 21, 179);
+  --link-color-hover: rgb(255, 0, 200);
+  --label-text-color: #fff;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+    /*Specials*/
+  --arr-queue-color: rgb(216, 22, 174); /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(216, 22, 174);
+  --petio-spinner: invert(8%) sepia(62%) saturate(6812%) hue-rotate(304deg) brightness(108%) contrast(98%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 166, 40, 140;
+  --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
+}
\ No newline at end of file
diff --git a/css/community-theme-options/reality.css b/css/community-theme-options/reality.css
new file mode 100644
index 00000000..21ef4c22
--- /dev/null
+++ b/css/community-theme-options/reality.css
@@ -0,0 +1,28 @@
+    :root {
+  --main-bg-color: radial-gradient(ellipse at center bottom, rgba(232, 11, 11, 0.7) 0%, #08000d 80%, rgba(0,0,0,1) 100%) center center/cover no-repeat fixed,
+  url("/resources/reality.jpg") center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed;
+
+  --drop-down-menu-bg: linear-gradient(180deg, rgba(102, 5, 5, 1) 0%, #000 100%) center center/cover no-repeat fixed;
+
+  --button-color: #e80c0b;
+  --button-color-hover: #e80c0bcc;
+  --accent-color:  232, 12, 11;
+  --accent-color-hover: rgba(var(--accent-color), 0.8);
+  --link-color: rgb(232, 12, 11);
+  --link-color-hover: rgba(232, 12, 11,.8);
+  --label-text-color: #fff;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+    /*Specials*/
+  --arr-queue-color: #e80c0b; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(232, 12, 11);
+  --petio-spinner: invert(14%) sepia(93%) saturate(3042%) hue-rotate(349deg) brightness(112%) contrast(116%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 232, 12, 11;
+  --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
+}
\ No newline at end of file
diff --git a/css/community-theme-options/soul.css b/css/community-theme-options/soul.css
new file mode 100644
index 00000000..43202921
--- /dev/null
+++ b/css/community-theme-options/soul.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: radial-gradient(ellipse at center bottom, rgba(255, 153, 0, .7) 0%, #3c0015 80%, rgba(0, 0, 0, 1) 100%) center center/cover no-repeat fixed,
+    url("/resources/soul.jpg") center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed;
+
+  --drop-down-menu-bg: linear-gradient(180deg, rgba(140, 64, 2, 1) 0%, #3c0015 100%) center center/cover no-repeat fixed;
+
+  --button-color: rgb(255, 153, 0);
+  --button-color-hover: #f90c;
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color: 255, 153, 0;
+  --accent-color-hover: rgba(var(--accent-color), 0.8);
+  --link-color: rgb(255, 153, 0);
+  --link-color-hover: rgb(255, 153, 0, 0.8);
+  --label-text-color: #fff;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+    /*Specials*/
+  --arr-queue-color: rgb(255, 153, 0); /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #880030;
+  --petio-spinner: invert(9%) sepia(44%) saturate(6901%) hue-rotate(327deg) brightness(101%) contrast(110%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 255, 153, 0;
+  --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
+}
\ No newline at end of file
diff --git a/css/community-theme-options/space.css b/css/community-theme-options/space.css
new file mode 100644
index 00000000..ff3ec9e7
--- /dev/null
+++ b/css/community-theme-options/space.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: radial-gradient(ellipse at center bottom, rgba(0, 98, 255, .7) 0%, #020013 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed,
+    url("/resources/space.jpg") center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed;
+  --modal-headercolor: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed;
+
+  --drop-down-menu-bg: linear-gradient(180deg, rgb(0, 57, 148) 0%, #10003c 100%) center center/cover no-repeat fixed;
+
+  --button-color: #0062ff;
+  --button-color-hover: #0062ffcc;
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color: 0, 98, 255;
+  --accent-color-hover: rgba(var(--accent-color), 0.8);
+  --link-color: rgb(61, 126, 255);
+  --link-color-hover: rgb(0, 98, 255);
+  --label-text-color: #fff;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+    /*Specials*/
+  --arr-queue-color: #0062ffcc; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(0, 98, 255);
+  --petio-spinner: invert(25%) sepia(99%) saturate(4489%) hue-rotate(214deg) brightness(104%) contrast(109%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 0, 98, 255;
+  --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
+}
\ No newline at end of file
diff --git a/css/community-theme-options/time.css b/css/community-theme-options/time.css
new file mode 100644
index 00000000..ac159ae0
--- /dev/null
+++ b/css/community-theme-options/time.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: radial-gradient(ellipse at center bottom, rgba(109, 247, 81, .7) 0%, #00130c 80%, rgb(0, 0, 0) 100%) center center/cover no-repeat fixed,
+    url("/resources/time.jpg") center center/cover no-repeat fixed;
+  --modal-bg-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed;
+
+  --drop-down-menu-bg: linear-gradient(180deg, rgba(2, 77, 0, 1) 0%, #00130c 100%) center center/cover no-repeat fixed;
+
+  --button-color: rgb(4, 168, 0);
+  --button-color-hover: rgba(4, 168, 0, .8);
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color: 109, 247, 81;
+  --accent-color-hover: rgba(var(--accent-color), 0.8);
+  --link-color: rgb(109, 247, 81);
+  --link-color-hover: rgba(109, 247, 81,.8);
+  --label-text-color: #000;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+    /*Specials*/
+  --arr-queue-color: #6df751cc; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(109, 247, 81);
+  --petio-spinner: invert(73%) sepia(74%) saturate(428%) hue-rotate(55deg) brightness(101%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 109, 247, 81;
+  --overseerr-gradient: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%);
+}
\ No newline at end of file
diff --git a/css/community-theme-options/trueblack.css b/css/community-theme-options/trueblack.css
new file mode 100644
index 00000000..de3a1b7f
--- /dev/null
+++ b/css/community-theme-options/trueblack.css
@@ -0,0 +1,30 @@
+:root {
+  --main-bg-color: #000;
+  --modal-bg-color: #000;
+  --modal-header-color: #000;
+  --modal-footer-color: #000;
+
+  --drop-down-menu-bg: #000;
+
+  --button-color: #7a7a7a;
+  --button-color-hover: #444;
+  --button-text: #ddd;
+  --button-text-hover: #999;
+
+  --accent-color: 170, 170, 170;
+  --accent-color-hover: rgba(153, 153, 153, 0.45);
+  --link-color: #7a7a7a;
+  --link-color-hover: #999;
+  --label-text-color: black;
+
+  --text:#ddd;
+  --text-hover: #999;
+  --text-muted: #5a5a5a;
+
+  /*Specials*/
+  --arr-queue-color: #ddd; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #ddd;
+  --petio-spinner: invert(35%) sepia(0%) saturate(6%) hue-rotate(136deg) brightness(95%) contrast(87%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 170, 170, 170;
+  --overseerr-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.17) 0%, rgba(0, 0, 0) 100%);
+}
\ No newline at end of file
diff --git a/css/defaults/placeholders.css b/css/defaults/placeholders.css
new file mode 100644
index 00000000..da06139c
--- /dev/null
+++ b/css/defaults/placeholders.css
@@ -0,0 +1,34 @@
+input::-webkit-input-placeholder {
+  color: var(--text) !important;
+}
+
+input:focus::-webkit-input-placeholder {
+  color: var(--text-hover) !important;
+}
+
+/* Firefox < 19 */
+input:-moz-placeholder {
+  color: var(--text) !important;
+}
+
+input:focus:-moz-placeholder {
+  color: var(--text-hover) !important;
+}
+
+/* Firefox > 19 */
+input::-moz-placeholder {
+  color: var(--text) !important;
+}
+
+input:focus::-moz-placeholder {
+  color: var(--text-hover) !important;
+}
+
+/* Internet Explorer 10 */
+input:-ms-input-placeholder {
+  color: var(--text) !important;
+}
+
+input:focus:-ms-input-placeholder {
+  color: var(--text-hover) !important;
+}
\ No newline at end of file
diff --git a/css/theme-options/aquamarine.css b/css/theme-options/aquamarine.css
new file mode 100644
index 00000000..e263f729
--- /dev/null
+++ b/css/theme-options/aquamarine.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  
+  --modal-bg-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(-90deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
+
+  --drop-down-menu-bg: linear-gradient(135deg, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
+
+  --button-color: #009688;
+  --button-color-hover: #12afa0;
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color:  18, 175, 160;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #0ed2bf;
+  --link-color-hover: #36e7d6;
+  --label-text-color: #fff;
+
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #8dcfc9;
+
+  /*Specials*/
+  --arr-queue-color: #009688; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: rgb(21, 213, 194);
+  --petio-spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 18, 175, 160;
+  --overseerr-gradient: radial-gradient(ellipse at center, rgb(71, 145, 138, .9) 0%, rgb(11, 49, 97, .9) 100%) center center/cover no-repeat fixed;
+}
diff --git a/css/theme-options/dark.css b/css/theme-options/dark.css
new file mode 100644
index 00000000..08b228ea
--- /dev/null
+++ b/css/theme-options/dark.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
+  
+  --modal-bg-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
+
+  --drop-down-menu-bg: #2d2d2d;
+
+  --button-color: #7a7a7a;
+  --button-color-hover: #9b9b9b;
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color: 170, 170, 170;
+  --accent-color-hover: rgba(255, 255, 255, 0.45);
+  --link-color: #7a7a7a;
+  --link-color-hover: #fff;
+  --label-text-color: black;
+    
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #e5a00d;
+  --petio-spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 255, 255, 255;
+  --overseerr-gradient: radial-gradient(circle, rgba(58, 58, 58,.95), rgba(45, 45, 45,.95), rgba(32, 32, 32,.95), rgba(20, 20, 20,.95), rgb(0, 0, 0,.95)) center center/cover no-repeat fixed;
+}
\ No newline at end of file
diff --git a/css/theme-options/dracula.css b/css/theme-options/dracula.css
new file mode 100644
index 00000000..60d9ec4d
--- /dev/null
+++ b/css/theme-options/dracula.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: #282a36;
+  
+  --modal-bg-color: #1e2029;
+  --modal-header-color: #1e2029;
+  --modal-footer-color: #1e2029;
+
+  --drop-down-menu-bg: #1e2029;
+
+  --button-color: #bd93f9;
+  --button-color-hover: #ff79c6;
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color:  80, 250, 123;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #ff79c6;
+  --link-color-hover: #8be9fd;
+  --label-text-color: #282a36;
+    
+  --text:#6272a4;
+  --text-hover: #95adfa;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #50fa7b; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #bd93f9;
+  --petio-spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 80, 250, 123;
+  --overseerr-gradient: linear-gradient(180deg, rgba(40, 42, 54, 0.17) 0%, rgba(40, 42, 54) 100%);
+  }
\ No newline at end of file
diff --git a/css/theme-options/hotline.css b/css/theme-options/hotline.css
new file mode 100644
index 00000000..5cba2099
--- /dev/null
+++ b/css/theme-options/hotline.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: linear-gradient(0deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: linear-gradient(-90deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(-90deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(-90deg, rgba(247,101,184,1) 0%, rgb(21, 95, 165) 100%) center center/cover no-repeat fixed;
+  
+  --drop-down-menu-bg: linear-gradient(90deg, rgba(247,101,184,1) 0%, rgba(21, 95, 165) 100%) center center/cover no-repeat fixed;
+
+  --button-color: #f98dc9;
+  --button-color-hover: #ff4cb1;
+  --button-text: #eee;
+  --button-text-hover: #fff;
+  
+  --accent-color:  249, 141, 201;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color:rgb(255, 179, 222);
+  --link-color-hover: #d7fffe;
+  --label-text-color: #fff;
+    
+  --text:#ddd;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #f98dc9; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #f765b8;
+  --petio-spinner: invert(78%) sepia(17%) saturate(4447%) hue-rotate(290deg) brightness(109%) contrast(95%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ 
+  --gitea-color-primary-dark-4: 215,255,254;
+  --overseerr-gradient: linear-gradient(0deg, rgba(247,101,184,.9) 0%, rgb(21, 95, 165,.9) 100%) center center/cover no-repeat fixed;
+}
\ No newline at end of file
diff --git a/css/theme-options/hotpink.css b/css/theme-options/hotpink.css
new file mode 100644
index 00000000..18ffb7ff
--- /dev/null
+++ b/css/theme-options/hotpink.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: linear-gradient(45deg, #fb3f62 0%, #204c80 37%, #004249 97%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
+
+  --drop-down-menu-bg: #204c80;
+
+  --button-color: #fb3f62;
+  --button-color-hover: #cd4164;
+  --button-text: #eee;
+  --button-text-hover: #FFF;
+
+  --accent-color:  251, 63, 98;
+  --accent-color-hover: rgba(var(--accent-color), .8);
+  --link-color: rgb(0, 255, 157);
+  --link-color-hover: rgba(0, 255, 157, 0.8);
+  --label-text-color: #282a36;
+  
+  --text:#eee;
+  --text-hover: #fff;
+  --text-muted: #999;
+  
+  --arr-queue-color: rgb(0, 255, 157);
+  --plex-poster-unwatched: #fb3f62;
+  --petio-spinner: invert(29%) sepia(87%) saturate(2199%) hue-rotate(331deg) brightness(115%) contrast(97%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 251, 63, 98;
+  --overseerr-gradient: linear-gradient(45deg, rgb(251, 63, 98,1) 0%, rgb(32, 76, 128,.95) 37%, rgb(0, 66, 73,.9) 97%) center center/cover no-repeat fixed;
+  }
+
diff --git a/css/theme-options/nord.css b/css/theme-options/nord.css
new file mode 100644
index 00000000..dc62b646
--- /dev/null
+++ b/css/theme-options/nord.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: #2E3440;
+  
+  --modal-bg-color: #3B4252;
+  --modal-header-color: #434C5E;
+  --modal-footer-color: #434C5E;
+
+  --drop-down-menu-bg: #3B4252;
+
+  --button-color: #79b8ca;
+  --button-color-hover: #6a9daf;
+  --button-text: #2E3440;
+  --button-text-hover: #D8DEE9;
+
+  --accent-color: 121, 184, 202;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #81A1C1;
+  --link-color-hover: #88C0D0;
+  --label-text-color: #222730;
+    
+  --text:#D8DEE9;
+  --text-hover: #ECEFF4;
+  --text-muted: #81A1C1;
+
+  /*Specials*/
+  --arr-queue-color: #A3BE8C; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #D08770;
+  --petio-spinner: invert(83%) sepia(9%) saturate(1787%) hue-rotate(156deg) brightness(85%) contrast(83%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 121, 184, 202;
+  --overseerr-gradient: linear-gradient(180deg, rgba(46, 52, 64, 0.17) 0%, rgba(46, 52, 64) 100%);
+  }
\ No newline at end of file
diff --git a/css/theme-options/organizr.css b/css/theme-options/organizr.css
new file mode 100644
index 00000000..2a1ee65a
--- /dev/null
+++ b/css/theme-options/organizr.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: #1f1f1f;
+
+  --modal-bg-color: #333;
+  --modal-header-color: #232323;
+  --modal-footer-color: #232323;
+
+  --drop-down-menu-bg: #1b1b1b;
+
+  --button-color: #2cabe3;
+  --button-color-hover: #298fbc;
+  --button-text: #eee;
+  --button-text-hover: #fff;
+
+  --accent-color:  44, 171, 227;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #2cabe3;
+  --link-color-hover: #3cc5ff;
+  --label-text-color: #fff;
+    
+  --text:#96a2b4;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #2cabe3; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #2cabe3;
+  --petio-spinner: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 44, 171, 227;
+  --overseerr-gradient: linear-gradient(180deg, rgba(31, 31, 31, 0.17) 0%, rgba(31, 31, 31) 100%);
+}
\ No newline at end of file
diff --git a/css/theme-options/overseerr.css b/css/theme-options/overseerr.css
new file mode 100644
index 00000000..eedb2e0d
--- /dev/null
+++ b/css/theme-options/overseerr.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color:  linear-gradient(360deg, hsl(221, 39%, 11%) 65%, hsl(215, 28%, 17%) 100%);
+  
+  --modal-bg-color: #1f2937; 
+  --modal-header-color: #1f2937;
+  --modal-footer-color: #1f2937;
+
+  --drop-down-menu-bg: #374151;
+
+  --button-color: #4f46e5;
+  --button-color-hover: #6366f1;
+  --button-text: #e5e7eb;
+  --button-text-hover: #fff;
+
+  --accent-color: 167, 139, 250;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #6366f1;
+  --link-color-hover: #a78bfa;
+  --label-text-color: #000;
+
+  --text: #d1d5db;
+  --text-hover: #fff;
+  --text-muted: #9ca3af;
+  
+  /*Specials*/
+  --arr-queue-color: #6366f1; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #6366f1;
+  --petio-spinner: invert(24%) sepia(59%) saturate(3411%) hue-rotate(237deg) brightness(91%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 98, 116, 145;
+  --overseerr-gradient: linear-gradient(rgba(17, 24, 39, 0.47) 0%, rgb(17, 24, 39) 100%);
+}
\ No newline at end of file
diff --git a/css/theme-options/plex.css b/css/theme-options/plex.css
new file mode 100644
index 00000000..fa39c140
--- /dev/null
+++ b/css/theme-options/plex.css
@@ -0,0 +1,34 @@
+ :root {
+   /* 
+     --main-bg-color: url("/resources/blur-noise.png"), url("/resources/preset-light2.png") center center/cover no-repeat fixed;
+     --modal-bg-color: url("/resources/blur-noise.png"), url("/resources/preset-dark2.png") center center/cover no-repeat fixed;
+     --main-bg-color: url("/resources/blur-noise.png") repeat scroll 0% 0%, radial-gradient(circle at 0% 100%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 100% 100%, rgba(113, 135, 153, 0.55) 0%, rgba(113, 135, 153, 0.043) 70%, rgba(113, 135, 153, 0) 80%), radial-gradient(circle at 100% 0%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 0% 0%, rgba(91, 114, 135, 0.55) 0%, rgba(91, 114, 135, 0.043) 70%, rgba(91, 114, 135, 0) 80%), rgb(0, 0, 0) center center/cover no-repeat fixed;
+     */
+   --main-bg-color: radial-gradient(circle farthest-side at 0% 100%, rgb(47, 47, 47) 0%, rgba(47, 47, 47, 0) 100%), radial-gradient(circle farthest-side at 100% 100%, rgb(63, 63, 63) 0%, rgba(63, 63, 63, 0) 100%), radial-gradient(circle farthest-side at 100% 0%, rgb(76, 76, 76) 0%, rgba(76, 76, 76, 0) 100%), radial-gradient(circle farthest-side at 0% 0%, rgb(58, 58, 58) 0%, rgba(58, 58, 58, 0) 100%), black center center/cover no-repeat fixed;
+   --modal-bg-color: #1f2326;
+   --modal-header-color: #1f2326;
+   --modal-footer-color: #323232;
+
+   --drop-down-menu-bg: #191a1c;
+
+   --button-color: #cc7b19;
+   --button-color-hover: #e59029;
+   --button-text: #eee;
+   --button-text-hover: #fff;
+
+   --accent-color: 229, 160, 13;
+   --accent-color-hover: #ffc107;
+   --link-color: #e5a00d;
+   --link-color-hover: #fff;
+   --label-text-color: #fff;
+
+   --text:#ddd;
+   --text-hover: #fff;
+   --text-muted: #999;
+
+    /*Specials*/
+    --arr-queue-color: #27c24c; /* Servarr apps + Bazarr*/
+    --petio-spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+    --gitea-color-primary-dark-4: 255, 193, 7;
+    --overseerr-gradient: url("/resources/blur-noise.png") repeat scroll 0% 0%, radial-gradient(circle at 0% 100% , rgba(54, 66, 84, 0.55) 0% , rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 100% 100%, rgba(113, 135, 153, 0.55) 0%, rgba(113, 135, 153, 0.043) 70%, rgba(113, 135, 153, 0) 80%) center center/cover no-repeat fixed , radial-gradient(circle at 100% 0%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 0% 0%, rgba(91, 114, 135, 0.55) 0%, rgba(91, 114, 135, 0.043) 70%, rgba(91, 114, 135, 0) 80%) center center/cover no-repeat fixed , rgb(0, 0, 0,.9) center center/cover no-repeat fixed;
+   }
\ No newline at end of file
diff --git a/css/theme-options/space-gray.css b/css/theme-options/space-gray.css
new file mode 100644
index 00000000..8c996eb8
--- /dev/null
+++ b/css/theme-options/space-gray.css
@@ -0,0 +1,31 @@
+:root {
+  --main-bg-color: radial-gradient(ellipse at center, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+
+  --modal-bg-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+  --modal-header-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+  --modal-footer-color: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+
+  --drop-down-menu-bg: linear-gradient(-90deg, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%) center center/cover no-repeat fixed;
+
+  --button-color: #607D8B;
+  --button-color-hover: #81a6b7;
+  --button-text: #eee;
+  --button-text-hover: #fff;
+
+  --accent-color: 129, 166, 183;
+  --accent-color-hover: rgb(var(--accent-color),.8);
+  --link-color: #81a6b7;
+  --link-color-hover: #9adfff;
+  --label-text-color: #fff;
+
+  --text:#bbb;
+  --text-hover: #fff;
+  --text-muted: #999;
+
+  /*Specials*/
+  --arr-queue-color: #81a6b7; /* Servarr apps + Bazarr*/
+  --plex-poster-unwatched: #70aeca;
+  --petio-spinner: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
+  --gitea-color-primary-dark-4: 129, 166, 183;
+  --overseerr-gradient: radial-gradient(ellipse at center, rgba(87, 108, 117, .9) 0%, rgba(37, 50, 55, .9) 100.2%) center center/cover no-repeat fixed;
+}
\ No newline at end of file
diff --git a/docker-mods/bazarr/Dockerfile b/docker-mods/bazarr/Dockerfile
new file mode 100644
index 00000000..3a22d704
--- /dev/null
+++ b/docker-mods/bazarr/Dockerfile
@@ -0,0 +1,6 @@
+FROM scratch
+
+LABEL maintainer="GilbN"
+LABEL app="Bazarr"
+#copy local files.
+COPY root/ /
diff --git a/docker-mods/bazarr/root/etc/cont-init.d/98-themepark b/docker-mods/bazarr/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..c3b07812
--- /dev/null
+++ b/docker-mods/bazarr/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,62 @@
+#!/usr/bin/with-contenv bash
+
+echo '---------------------------'
+echo '|  Bazarr theme.park Mod  |'
+echo '---------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_ADDON'=${TP_ADDON}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+APP_FILEPATH='/app/bazarr/bin/frontend/build/index.html'
+if [ "${TP_HOTIO}" = true ]; then
+    echo 'Changing to Hotio file path!'
+    APP_FILEPATH='/app/bin/frontend/build/index.html'
+fi
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/bazarr\/bazarr-base.css'><\/head> /g" "${APP_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${APP_FILEPATH}"
+    printf 'Stylesheet set to %s\n' "${TP_THEME}"
+    if [[ -n ${TP_ADDON} ]]; then
+        for addon in $(echo "$TP_ADDON" | tr "|" " "); do
+        sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/bazarr\/${addon}\/${addon}.css'><\/head> /g" "${APP_FILEPATH}"
+        printf 'Added custom addon: %s\n\n' "${addon}"
+        done
+    fi
+fi
diff --git a/docker-mods/calibre-web/Dockerfile b/docker-mods/calibre-web/Dockerfile
new file mode 100644
index 00000000..0a7e59d9
--- /dev/null
+++ b/docker-mods/calibre-web/Dockerfile
@@ -0,0 +1,6 @@
+FROM scratch
+
+LABEL maintainer="GilbN" 
+LABEL app="Calibre-Web"
+#copy local files. 
+COPY root/ /
diff --git a/docker-mods/calibre-web/root/etc/cont-init.d/98-themepark b/docker-mods/calibre-web/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..19b1417e
--- /dev/null
+++ b/docker-mods/calibre-web/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,50 @@
+#!/usr/bin/with-contenv bash
+
+echo '--------------------------------'
+echo '|  Calibre-web theme.park Mod  |'
+echo '--------------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" /app/calibre-web/cps/templates/layout.html; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/calibreweb\/calibreweb-base.css'><\/head> /g" /app/calibre-web/cps/templates/layout.html
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" /app/calibre-web/cps/templates/layout.html
+    printf 'Stylesheet set to %s\n' "${TP_THEME}
+    "
+fi
diff --git a/docker-mods/deluge/Dockerfile b/docker-mods/deluge/Dockerfile
new file mode 100644
index 00000000..08b3e8c6
--- /dev/null
+++ b/docker-mods/deluge/Dockerfile
@@ -0,0 +1,6 @@
+FROM scratch
+
+LABEL maintainer="GilbN" 
+LABEL app="Deluge"
+#copy local files.
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/deluge/root/etc/cont-init.d/98-themepark b/docker-mods/deluge/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..1f8265c2
--- /dev/null
+++ b/docker-mods/deluge/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,51 @@
+#!/usr/bin/with-contenv bash 
+
+echo '---------------------------'
+echo '|  Deluge theme.park Mod  |'
+echo '---------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+DELUGE_INDEX_PATH=$(find -name index.html)
+if ! grep -q "${TP_DOMAIN}/css/base" ${DELUGE_INDEX_PATH}; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/deluge\/deluge-base.css'><\/head> /g" ${DELUGE_INDEX_PATH}
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" ${DELUGE_INDEX_PATH}
+    printf 'Stylesheet set to %s\n' "${TP_THEME}
+    "
+fi
diff --git a/docker-mods/duplicati/Dockerfile b/docker-mods/duplicati/Dockerfile
new file mode 100644
index 00000000..74049afa
--- /dev/null
+++ b/docker-mods/duplicati/Dockerfile
@@ -0,0 +1,7 @@
+FROM scratch
+
+
+LABEL maintainer="GilbN"
+LABEL app="Duplicati"
+#copy local files.
+COPY root/ /
diff --git a/docker-mods/duplicati/root/etc/cont-init.d/98-themepark b/docker-mods/duplicati/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..1c1fa3ed
--- /dev/null
+++ b/docker-mods/duplicati/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,60 @@
+#!/usr/bin/with-contenv bash
+
+echo '----------------------------'
+echo '| Duplicati theme.park Mod |' 
+echo '----------------------------'
+
+APP_FILEPATH='/app/duplicati/webroot'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'APP_FILEPATH'=${APP_FILEPATH}\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+sed_file(){
+	sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/duplicati\/duplicati-base.css'><\/head> /g" $1
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" $1
+	printf 'Stylesheet set to %s on %s\n\n' "${TP_THEME}" "$1"
+}
+
+# Adding stylesheets
+echo '---------------------------------------'
+echo '| Adding the stylesheet to html files |'
+echo '---------------------------------------'
+
+if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}/index.html"; then
+    find ${APP_FILEPATH} -type f -iname *.html | while read fname
+	do
+		sed_file $fname
+	done
+fi
diff --git a/docker-mods/emby/Dockerfile b/docker-mods/emby/Dockerfile
new file mode 100644
index 00000000..d8fc3348
--- /dev/null
+++ b/docker-mods/emby/Dockerfile
@@ -0,0 +1,6 @@
+FROM scratch
+
+LABEL maintainer="GilbN" 
+LABEL app="Emby"
+#copy local files.
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/emby/root/etc/cont-init.d/98-themepark b/docker-mods/emby/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..215209dc
--- /dev/null
+++ b/docker-mods/emby/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,43 @@
+#!/usr/bin/with-contenv bash
+
+echo '-------------------------'
+echo '|  Emby theme.park Mod  |'
+echo '-------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+printf '%s\n' "@import url('${TP_SCHEME}://${TP_DOMAIN}/css/${THEME_TYPE}/${TP_THEME}.css');" "@import url('${TP_SCHEME}://${TP_DOMAIN}/css/base/emby/emby-base.css');" > /app/emby/dashboard-ui/modules/themes/light/theme.css
+printf 'Stylesheet set to %s\n' "${TP_THEME}"
diff --git a/docker-mods/jackett/Dockerfile b/docker-mods/jackett/Dockerfile
new file mode 100644
index 00000000..b0e706b8
--- /dev/null
+++ b/docker-mods/jackett/Dockerfile
@@ -0,0 +1,6 @@
+FROM scratch
+
+LABEL maintainer="GilbN" 
+LABEL app="Jackett"
+#copy local files. 
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/jackett/root/etc/cont-init.d/98-themepark b/docker-mods/jackett/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..abaf1b50
--- /dev/null
+++ b/docker-mods/jackett/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,56 @@
+#!/usr/bin/with-contenv bash
+
+echo '---------------------------'
+echo '| Jackett theme.park Mod  |'
+echo '---------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+APP_FILEPATH='/app/Jackett/Content/index.html'
+if [ "${TP_HOTIO}" = true ]; then
+    echo 'Changing to Hotio file path!'
+    APP_FILEPATH='/app/Content/index.html'
+fi
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/jackett\/jackett-base.css'><\/head> /g" "${APP_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${APP_FILEPATH}"
+    printf 'Stylesheet set to %s\n' "${TP_THEME}
+    "
+fi
\ No newline at end of file
diff --git a/docker-mods/jellyfin/Dockerfile b/docker-mods/jellyfin/Dockerfile
new file mode 100644
index 00000000..1abfb02e
--- /dev/null
+++ b/docker-mods/jellyfin/Dockerfile
@@ -0,0 +1,6 @@
+FROM scratch
+
+LABEL maintainer="GilbN" 
+LABEL app="Jellyfin"
+#copy local files.
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/jellyfin/root/etc/cont-init.d/98-themepark b/docker-mods/jellyfin/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..18e53c79
--- /dev/null
+++ b/docker-mods/jellyfin/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,50 @@
+#!/usr/bin/with-contenv bash
+
+echo '-----------------------------'
+echo '|  Jellyfin theme.park Mod  |'
+echo '-----------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" /usr/share/jellyfin/web/index.html; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/body>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/jellyfin\/jellyfin-base.css'><\/body> /g" /usr/share/jellyfin/web/index.html
+    sed -i "s/<\/body>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/body> /g" /usr/share/jellyfin/web/index.html
+    printf 'Stylesheet set to %s\n' "${TP_THEME}
+    "
+fi
\ No newline at end of file
diff --git a/docker-mods/lazylibrarian/Dockerfile b/docker-mods/lazylibrarian/Dockerfile
new file mode 100644
index 00000000..9ffea13d
--- /dev/null
+++ b/docker-mods/lazylibrarian/Dockerfile
@@ -0,0 +1,6 @@
+FROM scratch
+
+LABEL maintainer="GilbN" 
+LABEL app="Lazylibrarian"
+#copy local files.
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/lazylibrarian/root/etc/cont-init.d/98-themepark b/docker-mods/lazylibrarian/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..d8714131
--- /dev/null
+++ b/docker-mods/lazylibrarian/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,50 @@
+#!/usr/bin/with-contenv bash
+
+echo '----------------------------------'
+echo '|  Lazylibrarian theme.park Mod  |'
+echo '----------------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" /app/lazylibrarian/data/interfaces/bookstrap/base.html; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/lazylibrarian\/lazylibrarian-base.css'><\/head> /g" /app/lazylibrarian/data/interfaces/bookstrap/base.html
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" /app/lazylibrarian/data/interfaces/bookstrap/base.html
+    printf 'Stylesheet set to %s\n' "${TP_THEME}
+    "
+fi
\ No newline at end of file
diff --git a/docker-mods/librespeed/Dockerfile b/docker-mods/librespeed/Dockerfile
new file mode 100644
index 00000000..7a6c3c55
--- /dev/null
+++ b/docker-mods/librespeed/Dockerfile
@@ -0,0 +1,6 @@
+FROM scratch
+
+LABEL maintainer="GilbN" 
+LABEL app="Librespeed"
+#copy local files.  
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/librespeed/root/etc/cont-init.d/98-themepark b/docker-mods/librespeed/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..6d1ccf9c
--- /dev/null
+++ b/docker-mods/librespeed/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,50 @@
+#!/usr/bin/with-contenv bash
+
+echo '-------------------------------'
+echo '|  Librespeed theme.park Mod  |'
+echo '-------------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" /usr/share/webapps/librespeed/index.html; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/librespeed\/librespeed-base.css'><\/head> /g" /usr/share/webapps/librespeed/index.html
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" /usr/share/webapps/librespeed/index.html
+    printf 'Stylesheet set to %s\n' "${TP_THEME}
+    "
+fi
\ No newline at end of file
diff --git a/docker-mods/lidarr/Dockerfile b/docker-mods/lidarr/Dockerfile
new file mode 100644
index 00000000..85e78850
--- /dev/null
+++ b/docker-mods/lidarr/Dockerfile
@@ -0,0 +1,6 @@
+FROM scratch
+
+LABEL maintainer="GilbN" 
+LABEL app="Lidarr"
+#copy local files.
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/lidarr/root/etc/cont-init.d/98-themepark b/docker-mods/lidarr/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..0b1471c2
--- /dev/null
+++ b/docker-mods/lidarr/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,67 @@
+#!/usr/bin/with-contenv bash
+
+echo '---------------------------'
+echo '|  Lidarr theme.park Mod  |'
+echo '---------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_ADDON'=${TP_ADDON}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+APP_FILEPATH='/app/lidarr/bin/UI/index.html'
+LOGIN_FILEPATH='/app/lidarr/bin/UI/login.html'
+if [ "${TP_HOTIO}" = true ]; then
+    echo 'Changing to Hotio file path!'
+    APP_FILEPATH='/app/bin/UI/index.html'
+    LOGIN_FILEPATH='/app/bin/UI/login.html'
+fi
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/lidarr\/lidarr-base.css'><\/head> /g" "${APP_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${APP_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/lidarr\/lidarr-base.css'><\/head> /g" "${LOGIN_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${LOGIN_FILEPATH}"
+    printf 'Stylesheet set to %s\n' "${TP_THEME}"
+    if [[ -n ${TP_ADDON} ]]; then
+        for addon in $(echo "$TP_ADDON" | tr "|" " "); do
+        sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/lidarr\/${addon}\/${addon}.css'><\/head> /g" "${APP_FILEPATH}"
+        sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/lidarr\/${addon}\/${addon}.css'><\/head> /g" "${LOGIN_FILEPATH}"
+        printf 'Added custom addon: %s\n\n' "${addon}"
+        done
+    fi
+fi
\ No newline at end of file
diff --git a/docker-mods/mylar3/Dockerfile b/docker-mods/mylar3/Dockerfile
new file mode 100644
index 00000000..25bd7925
--- /dev/null
+++ b/docker-mods/mylar3/Dockerfile
@@ -0,0 +1,7 @@
+FROM scratch
+
+
+LABEL maintainer="GilbN"
+LABEL app="Mylar3"
+#copy local files.
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/mylar3/root/etc/cont-init.d/98-themepark b/docker-mods/mylar3/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..65732690
--- /dev/null
+++ b/docker-mods/mylar3/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,65 @@
+#!/usr/bin/with-contenv bash
+
+echo '-------------------------'
+echo '| Mylar3 theme.park Mod |' 
+echo '-------------------------'
+
+APP_FILEPATH='/app/mylar3/data/interfaces/default'
+if [ "${TP_HOTIO}" = true ]; then
+    echo 'Changing to Hotio file path!'
+    APP_FILEPATH='/app/data/interfaces/default'
+fi
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'APP_FILEPATH'=${APP_FILEPATH}\\n\
+'TP_HOTIO'=${TP_HOTIO}\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+sed_file(){
+	sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/mylar3\/mylar3-base.css'><\/head> /g" $1
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" $1
+	printf 'Stylesheet set to %s on %s\n\n' "${TP_THEME}" "$1"
+}
+
+# Adding stylesheets
+echo '---------------------------------------'
+echo '| Adding the stylesheet to html files |'
+echo '---------------------------------------'
+
+if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}/index.html"; then
+    find ${APP_FILEPATH} -type f -iname *.html | while read fname
+	do
+		sed_file $fname
+	done
+fi
diff --git a/docker-mods/nzbget/Dockerfile b/docker-mods/nzbget/Dockerfile
new file mode 100644
index 00000000..398c5020
--- /dev/null
+++ b/docker-mods/nzbget/Dockerfile
@@ -0,0 +1,6 @@
+FROM scratch
+
+LABEL maintainer="GilbN" 
+LABEL app="NZBGet"
+#copy local files.
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/nzbget/root/etc/cont-init.d/98-themepark b/docker-mods/nzbget/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..3e94d1e1
--- /dev/null
+++ b/docker-mods/nzbget/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,54 @@
+#!/usr/bin/with-contenv bash
+
+echo '---------------------------'
+echo '|  NZBGet theme.park Mod  |'
+echo '---------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+APP_FILEPATH='/app/nzbget/webui/index.html'
+if [ "${TP_HOTIO}" = true ]; then
+    echo 'Changing to Hotio file path!'
+    APP_FILEPATH='/app/webui/index.html'
+fi
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/nzbget\/nzbget-base.css'><\/head> /g" "${APP_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${APP_FILEPATH}"
+    printf 'Stylesheet set to %s\n' "${TP_THEME}"
+fi
\ No newline at end of file
diff --git a/docker-mods/plex/Dockerfile b/docker-mods/plex/Dockerfile
new file mode 100644
index 00000000..98607f37
--- /dev/null
+++ b/docker-mods/plex/Dockerfile
@@ -0,0 +1,6 @@
+FROM scratch
+
+LABEL maintainer="GilbN" 
+LABEL app="Plex" 
+#copy local files.
+COPY root/ /
diff --git a/docker-mods/plex/root/etc/cont-init.d/98-themepark b/docker-mods/plex/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..eabe9546
--- /dev/null
+++ b/docker-mods/plex/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,61 @@
+#!/usr/bin/with-contenv bash
+
+echo '-------------------------'
+echo '|  Plex theme.park Mod  |'
+echo '-------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+APP_FILEPATH=''
+if [ "${TP_HOTIO}" = true ]; then
+    echo 'Changing to Hotio file path!'
+    APP_FILEPATH='/app'
+fi
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets     
+if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/plex\/plex-base.css'><\/head> /g" "${APP_FILEPATH}"/usr/lib/plexmediaserver/Resources/Plug-ins-*/WebClient.bundle/Contents/Resources/index.html
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${APP_FILEPATH}"/usr/lib/plexmediaserver/Resources/Plug-ins-*/WebClient.bundle/Contents/Resources/index.html
+    printf 'Stylesheet set to %s\n' "${TP_THEME}"
+    if [[ -n ${TP_ADDON} ]]; then
+        for addon in $(echo "$TP_ADDON" | tr "|" " "); do
+        sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/plex\/${addon}\/${addon}.css'><\/head> /g" "${APP_FILEPATH}"/usr/lib/plexmediaserver/Resources/Plug-ins-*/WebClient.bundle/Contents/Resources/index.html
+        printf 'Added custom addon: %s\n\n' "${addon}"
+        done
+    fi
+fi
\ No newline at end of file
diff --git a/docker-mods/prowlarr/Dockerfile b/docker-mods/prowlarr/Dockerfile
new file mode 100644
index 00000000..e95447cb
--- /dev/null
+++ b/docker-mods/prowlarr/Dockerfile
@@ -0,0 +1,7 @@
+FROM scratch
+
+ LABEL maintainer="GilbN" 
+ LABEL app="Prowlarr"
+
+#copy local files. 
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/prowlarr/root/etc/cont-init.d/98-themepark b/docker-mods/prowlarr/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..37afbbbd
--- /dev/null
+++ b/docker-mods/prowlarr/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,67 @@
+#!/usr/bin/with-contenv bash
+
+echo '---------------------------'
+echo '|  Prowlarr theme.park Mod  |'
+echo '---------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_ADDON'=${TP_ADDON}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+APP_FILEPATH='/app/prowlarr/bin/UI/index.html'
+LOGIN_FILEPATH='/app/prowlarr/bin/UI/login.html'
+if [ "${TP_HOTIO}" = true ]; then
+    echo 'Changing to Hotio file path!'
+    APP_FILEPATH='/app/bin/UI/index.html'
+    LOGIN_FILEPATH='/app/bin/UI/login.html'
+fi
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/prowlarr\/prowlarr-base.css'><\/head> /g" "${APP_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${APP_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/prowlarr\/prowlarr-base.css'><\/head> /g" "${LOGIN_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${LOGIN_FILEPATH}"
+    printf 'Stylesheet set to %s\n' "${TP_THEME}"
+    if [[ -n ${TP_ADDON} ]]; then
+        for addon in $(echo "$TP_ADDON" | tr "|" " "); do
+        sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/prowlarr\/${addon}\/${addon}.css'><\/head> /g" "${APP_FILEPATH}"
+        sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/prowlarr\/${addon}\/${addon}.css'><\/head> /g" "${LOGIN_FILEPATH}"
+        printf 'Added custom addon: %s\n\n' "${addon}"
+        done
+    fi
+fi
\ No newline at end of file
diff --git a/docker-mods/qbittorrent/Dockerfile b/docker-mods/qbittorrent/Dockerfile
new file mode 100644
index 00000000..4c3ca04c
--- /dev/null
+++ b/docker-mods/qbittorrent/Dockerfile
@@ -0,0 +1,7 @@
+FROM scratch
+
+
+LABEL maintainer="GilbN" 
+LABEL app="Qbittorrent"
+#copy local files.
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/qbittorrent/root/etc/cont-init.d/98-themepark b/docker-mods/qbittorrent/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..fe5df1d8
--- /dev/null
+++ b/docker-mods/qbittorrent/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,133 @@
+#!/usr/bin/with-contenv bash
+
+echo '------------------------------'
+echo '| qBittorrent theme.park Mod |'
+echo '------------------------------'
+
+APP_FILEPATH='/config/qBittorrent/qBittorrent.conf'
+if [ "${TP_HOTIO}" = true ]; then
+    echo 'Changing to Hotio file path!'
+    APP_FILEPATH='/config/config/qBittorrent.conf'
+fi
+
+# Backup config
+if [[ ! -f "${APP_FILEPATH}.bak" ]]; then
+    echo "Creating qBittorrent.conf backup in /config."
+	cp -p ${APP_FILEPATH} "${APP_FILEPATH}.bak"
+fi
+
+# Restore qBittorrent.conf
+if [ "${TP_DISABLE_THEME}" = true ]; then
+  echo "Restoring backup of qBittorrent.conf" 
+  sed -i "s/WebUI\\\AlternativeUIEnabled=.*$/WebUI\\\AlternativeUIEnabled=false/g" "${APP_FILEPATH}";
+  exit 0
+fi
+
+if ! [[ -x "$(command -v svn)" ]]; then
+echo '--------------------------'
+echo '| Installing svn package |'
+echo '--------------------------'
+    if [ -x "$(command -v apk)" ]; then 
+      apk update && \
+      apk add --no-cache subversion
+    elif [ -x "$(command -v apt-get)" ]; then
+      apt-get update && \
+      apt-get install -y subversion
+    fi
+fi
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'APP_FILEPATH'=${APP_FILEPATH}\\n\
+'TP_DISABLE_THEME'=${TP_DISABLE_THEME}\\n\
+'TP_HOTIO'=${TP_HOTIO}\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Downloading fresh webui files from source.
+if [[ ! -d /themepark ]]; then
+    echo '---------------------------------------'
+    echo '| Downloading WebUI files from github |'
+    echo '---------------------------------------'
+    printf '\nDownloading qBittorrent webui to "/themepark"..please wait\n'
+    svn export --quiet https://github.com/qbittorrent/qBittorrent/trunk/src/webui/www /themepark
+    printf '\nDownload finished\n\n'
+    printf '\nDownloading qBittorrent webui icons to "/themepark/xxx"..please wait\n'
+    svn export --force --quiet https://github.com/qbittorrent/qBittorrent/trunk/src/icons /temp
+    cp -a /temp/. /themepark/public/icons
+    cp -a /temp/. /themepark/private/icons
+    rm -rf /temp
+    printf '\nDownload finished\n\n'
+fi
+
+sed_file(){
+	sed -i "s/<\/body>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/qbittorrent\/qbittorrent-base.css'><\/body> /g" $1
+    sed -i "s/<\/body>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/body> /g" $1
+	printf 'Stylesheet set to %s on %s\n\n' "${TP_THEME}" "$1"
+}
+
+# Adding stylesheets
+echo '---------------------------------------'
+echo '| Adding the stylesheet to html files |'
+echo '---------------------------------------'
+if ! grep -q "${TP_DOMAIN}/css/base" /themepark/public/index.html; then
+    sed_file /themepark/public/index.html
+fi
+
+if ! grep -q "${TP_DOMAIN}/css/base" /themepark/private/index.html; then
+    find ./themepark/private -type f -iname *.html | while read fname
+	do
+		sed_file $fname
+	done
+fi
+
+if ! grep -q "WebUI\\\RootFolder" "${APP_FILEPATH}"; then
+    echo '--------------------------------------'
+    echo '| Adding WebUI\RootFolder=/themepark |'
+    echo '--------------------------------------'
+    sed -i -e '$aWebUI\\RootFolder=/themepark' "${APP_FILEPATH}";
+fi
+
+if ! grep -q "WebUI\\\AlternativeUIEnabled" "${APP_FILEPATH}"; then
+    echo '------------------------------------------'
+    echo '| Adding WebUI\AlternativeUIEnabled=true |'
+    echo '------------------------------------------'
+    sed -i -e '$aWebUI\\AlternativeUIEnabled=true' "${APP_FILEPATH}";
+fi
+
+if  ! grep -q "WebUI\\\RootFolder=/themepark" "${APP_FILEPATH}" || ! grep -q "WebUI\\\AlternativeUIEnabled=true" "${APP_FILEPATH}"; then
+    echo '-------------------------------------------------------'
+    echo '| Updating RootFolder and AlternativeUIEnabled values |'
+    echo '-------------------------------------------------------'
+    sed -i "s/WebUI\\\AlternativeUIEnabled=.*$/WebUI\\\AlternativeUIEnabled=true/g" "${APP_FILEPATH}";
+    sed -i "s/WebUI\\\RootFolder=.*$/WebUI\\\RootFolder=\/themepark/g" "${APP_FILEPATH}";
+fi
diff --git a/docker-mods/radarr/Dockerfile b/docker-mods/radarr/Dockerfile
new file mode 100644
index 00000000..4cf8f536
--- /dev/null
+++ b/docker-mods/radarr/Dockerfile
@@ -0,0 +1,7 @@
+FROM scratch
+
+ LABEL maintainer="GilbN" 
+ LABEL app="Radarr"
+
+#copy local files.
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/radarr/root/etc/cont-init.d/98-themepark b/docker-mods/radarr/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..4051c1fd
--- /dev/null
+++ b/docker-mods/radarr/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,67 @@
+#!/usr/bin/with-contenv bash
+
+echo '---------------------------'
+echo '|  Radarr theme.park Mod  |'
+echo '---------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_ADDON'=${TP_ADDON}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+APP_FILEPATH='/app/radarr/bin/UI/index.html'
+LOGIN_FILEPATH='/app/radarr/bin/UI/login.html'
+if [ "${TP_HOTIO}" = true ]; then
+    echo 'Changing to Hotio file path!'
+    APP_FILEPATH='/app/bin/UI/index.html'
+    LOGIN_FILEPATH='/app/bin/UI/login.html'
+fi
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/radarr\/radarr-base.css'><\/head> /g" "${APP_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${APP_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/radarr\/radarr-base.css'><\/head> /g" "${LOGIN_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${LOGIN_FILEPATH}"
+    printf 'Stylesheet set to %s\n' "${TP_THEME}"
+    if [[ -n ${TP_ADDON} ]]; then
+        for addon in $(echo "$TP_ADDON" | tr "|" " "); do
+        sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/radarr\/${addon}\/${addon}.css'><\/head> /g" "${APP_FILEPATH}"
+        sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/radarr\/${addon}\/${addon}.css'><\/head> /g" "${LOGIN_FILEPATH}"
+        printf 'Added custom addon: %s\n\n' "${addon}"
+        done
+    fi
+fi
\ No newline at end of file
diff --git a/docker-mods/readarr/Dockerfile b/docker-mods/readarr/Dockerfile
new file mode 100644
index 00000000..da2c273f
--- /dev/null
+++ b/docker-mods/readarr/Dockerfile
@@ -0,0 +1,6 @@
+FROM scratch
+
+ LABEL maintainer="GilbN" 
+ LABEL app="Readarr"
+#copy local files.
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/readarr/root/etc/cont-init.d/98-themepark b/docker-mods/readarr/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..28f2b78d
--- /dev/null
+++ b/docker-mods/readarr/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,67 @@
+#!/usr/bin/with-contenv bash
+
+echo '---------------------------'
+echo '|  Readarr theme.park Mod  |'
+echo '---------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_ADDON'=${TP_ADDON}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+APP_FILEPATH='/app/readarr/bin/UI/index.html'
+LOGIN_FILEPATH='/app/readarr/bin/UI/login.html'
+if [ "${TP_HOTIO}" = true ]; then
+    echo 'Changing to Hotio file path!'
+    APP_FILEPATH='/app/bin/UI/index.html'
+    LOGIN_FILEPATH='/app/bin/UI/login.html'
+fi
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/readarr\/readarr-base.css'><\/head> /g" "${APP_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${APP_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/readarr\/readarr-base.css'><\/head> /g" "${LOGIN_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${LOGIN_FILEPATH}"
+    printf 'Stylesheet set to %s\n' "${TP_THEME}"
+    if [[ -n ${TP_ADDON} ]]; then
+        for addon in $(echo "$TP_ADDON" | tr "|" " "); do
+        sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/readarr\/${addon}\/${addon}.css'><\/head> /g" "${APP_FILEPATH}"
+        sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/readarr\/${addon}\/${addon}.css'><\/head> /g" "${LOGIN_FILEPATH}"
+        printf 'Added custom addon: %s\n\n' "${addon}"
+        done
+    fi
+fi
diff --git a/docker-mods/rutorrent/Dockerfile b/docker-mods/rutorrent/Dockerfile
new file mode 100644
index 00000000..fb7ecba0
--- /dev/null
+++ b/docker-mods/rutorrent/Dockerfile
@@ -0,0 +1,6 @@
+FROM scratch
+
+LABEL maintainer="GilbN" 
+LABEL app="Rutorrent"
+#copy local files. 
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/rutorrent/root/etc/cont-init.d/98-themepark b/docker-mods/rutorrent/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..f57b9c48
--- /dev/null
+++ b/docker-mods/rutorrent/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,50 @@
+#!/usr/bin/with-contenv bash
+
+echo '------------------------------'
+echo '|  Rutorrent theme.park Mod  |'
+echo '------------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" /app/rutorrent/index.html; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/rutorrent\/rutorrent-base.css'><\/head> /g" /app/rutorrent/index.html
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" /app/rutorrent/index.html
+    printf 'Stylesheet set to %s\n' "${TP_THEME}
+    "
+fi
\ No newline at end of file
diff --git a/docker-mods/sabnzbd/Dockerfile b/docker-mods/sabnzbd/Dockerfile
new file mode 100644
index 00000000..d17e97c7
--- /dev/null
+++ b/docker-mods/sabnzbd/Dockerfile
@@ -0,0 +1,6 @@
+FROM scratch
+
+LABEL maintainer="GilbN" 
+LABEL app="SABnzbd"
+#copy local files. 
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/sabnzbd/root/etc/cont-init.d/98-themepark b/docker-mods/sabnzbd/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..129cf6ea
--- /dev/null
+++ b/docker-mods/sabnzbd/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,61 @@
+#!/usr/bin/with-contenv bash
+
+echo '----------------------------'
+echo '|  SABnzbd theme.park Mod  |'
+echo '----------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+APP_FILEPATH='/app/sabnzbd'
+if [ "${TP_HOTIO}" = true ]; then
+    echo 'Changing to Hotio file path!'
+    APP_FILEPATH='/app'
+fi
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}/interfaces/Glitter/templates/main.tmpl"; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/sabnzbd\/sabnzbd-base.css'><\/head> /g" "${APP_FILEPATH}/interfaces/Glitter/templates/main.tmpl"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/sabnzbd\/sabnzbd-base.css'><\/head> /g" "${APP_FILEPATH}/interfaces/Config/templates/_inc_header_uc.tmpl"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/sabnzbd\/sabnzbd-base.css'><\/head> /g" "${APP_FILEPATH}/interfaces/Config/templates/login/main.tmpl"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/sabnzbd\/sabnzbd-base.css'><\/head> /g" "${APP_FILEPATH}/interfaces/wizard/inc_top.tmpl"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${APP_FILEPATH}/interfaces/Glitter/templates/main.tmpl"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${APP_FILEPATH}/interfaces/Config/templates/_inc_header_uc.tmpl"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${APP_FILEPATH}/interfaces/Config/templates/login/main.tmpl"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${APP_FILEPATH}/interfaces/wizard/inc_top.tmpl"
+    printf 'Stylesheet set to %s\n' "${TP_THEME}"
+fi
\ No newline at end of file
diff --git a/docker-mods/sonarr/Dockerfile b/docker-mods/sonarr/Dockerfile
new file mode 100644
index 00000000..77b59e36
--- /dev/null
+++ b/docker-mods/sonarr/Dockerfile
@@ -0,0 +1,7 @@
+FROM scratch
+
+LABEL maintainer="GilbN" 
+LABEL app="Sonarr"
+
+#copy local files.
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/sonarr/root/etc/cont-init.d/98-themepark b/docker-mods/sonarr/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..636eb2ae
--- /dev/null
+++ b/docker-mods/sonarr/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,67 @@
+#!/usr/bin/with-contenv bash
+
+echo '---------------------------'
+echo '|  Sonarr theme.park Mod  |'
+echo '---------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_ADDON'=${TP_ADDON}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+APP_FILEPATH='/app/sonarr/bin/UI/index.html'
+LOGIN_FILEPATH='/app/sonarr/bin/UI/login.html'
+if [ "${TP_HOTIO}" = true ]; then
+    echo 'Changing to Hotio file path!'
+    APP_FILEPATH='/app/bin/UI/index.html'
+    LOGIN_FILEPATH='/app/bin/UI/login.html'
+fi
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/sonarr\/sonarr-base.css'><\/head> /g" "${APP_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${APP_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/sonarr\/sonarr-base.css'><\/head> /g" "${LOGIN_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${LOGIN_FILEPATH}"
+    printf 'Stylesheet set to %s\n' "${TP_THEME}"
+    if [[ -n ${TP_ADDON} ]]; then
+        for addon in $(echo "$TP_ADDON" | tr "|" " "); do
+        sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/sonarr\/${addon}\/${addon}.css'><\/head> /g" "${APP_FILEPATH}"
+        sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/addons\/sonarr\/${addon}\/${addon}.css'><\/head> /g" "${LOGIN_FILEPATH}"
+        printf 'Added custom addon: %s\n\n' "${addon}"
+        done
+    fi
+fi
\ No newline at end of file
diff --git a/docker-mods/synclounge/Dockerfile b/docker-mods/synclounge/Dockerfile
new file mode 100644
index 00000000..8bc9733f
--- /dev/null
+++ b/docker-mods/synclounge/Dockerfile
@@ -0,0 +1,6 @@
+FROM scratch
+
+LABEL maintainer="GilbN" 
+LABEL app="Synclounge"
+#copy local files. 
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/synclounge/root/etc/cont-init.d/98-themepark b/docker-mods/synclounge/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..1b0a160e
--- /dev/null
+++ b/docker-mods/synclounge/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,50 @@
+#!/usr/bin/with-contenv bash
+
+echo '-------------------------------'
+echo '|  Synclounge theme.park Mod  |'
+echo '-------------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" /usr/lib/node_modules/synclounge/dist/index.html; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/synclounge\/synclounge-base.css'><\/head> /g" /usr/lib/node_modules/synclounge/dist/index.html
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" /usr/lib/node_modules/synclounge/dist/index.html
+    printf 'Stylesheet set to %s\n' "${TP_THEME}
+    "
+fi
\ No newline at end of file
diff --git a/docker-mods/tautulli/Dockerfile b/docker-mods/tautulli/Dockerfile
new file mode 100644
index 00000000..36910ca5
--- /dev/null
+++ b/docker-mods/tautulli/Dockerfile
@@ -0,0 +1,6 @@
+FROM scratch
+
+LABEL maintainer="GilbN" 
+LABEL app="Tautulli"
+#copy local files. 
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/tautulli/root/etc/cont-init.d/98-themepark b/docker-mods/tautulli/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..4013d706
--- /dev/null
+++ b/docker-mods/tautulli/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,55 @@
+#!/usr/bin/with-contenv bash
+
+echo '-----------------------------'
+echo '|  Tautulli theme.park Mod  |'
+echo '-----------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+APP_FILEPATH='/app/tautulli/data/interfaces/default/base.html'
+if [ "${TP_HOTIO}" = true ]; then
+    echo 'Changing to Hotio file path!'
+    APP_FILEPATH='/app/data/interfaces/default/base.html'
+fi
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" "${APP_FILEPATH}"; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/tautulli\/tautulli-base.css'><\/head> /g" "${APP_FILEPATH}"
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" "${APP_FILEPATH}"
+    printf 'Stylesheet set to %s\n' "${TP_THEME}"
+fi
\ No newline at end of file
diff --git a/docker-mods/thelounge/Dockerfile b/docker-mods/thelounge/Dockerfile
new file mode 100644
index 00000000..0dd3aaa4
--- /dev/null
+++ b/docker-mods/thelounge/Dockerfile
@@ -0,0 +1,6 @@
+FROM scratch
+
+LABEL maintainer="GilbN" 
+LABEL app="The Lounge"
+#copy local files.  
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/thelounge/root/etc/cont-init.d/98-themepark b/docker-mods/thelounge/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..96bc372b
--- /dev/null
+++ b/docker-mods/thelounge/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,50 @@
+#!/usr/bin/with-contenv bash
+
+echo '-------------------------------'
+echo '|  The Lounge theme.park Mod  |'
+echo '-------------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" /usr/lib/node_modules/thelounge/client/index.html.tpl; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/thelounge\/thelounge-base.css'><\/head> /g" /usr/lib/node_modules/thelounge/client/index.html.tpl
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" /usr/lib/node_modules/thelounge/client/index.html.tpl
+    printf 'Stylesheet set to %s\n' "${TP_THEME}
+    "
+fi
\ No newline at end of file
diff --git a/docker-mods/transmission/Dockerfile b/docker-mods/transmission/Dockerfile
new file mode 100644
index 00000000..6c5dea86
--- /dev/null
+++ b/docker-mods/transmission/Dockerfile
@@ -0,0 +1,6 @@
+FROM scratch
+
+LABEL maintainer="GilbN" 
+LABEL app="Transmission"
+#copy local files. 
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/transmission/root/etc/cont-init.d/98-themepark b/docker-mods/transmission/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..45c27963
--- /dev/null
+++ b/docker-mods/transmission/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,50 @@
+#!/usr/bin/with-contenv bash
+
+echo '---------------------------------'
+echo '|  Transmission theme.park Mod  |'
+echo '---------------------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" /usr/share/transmission/web/index.html; then
+    echo '---------------------------'
+    echo '|  Adding the stylesheet  |'
+    echo '---------------------------'
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/transmission\/transmission-base.css'><\/head> /g" /usr/share/transmission/web/index.html
+    sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" /usr/share/transmission/web/index.html
+    printf 'Stylesheet set to %s\n' "${TP_THEME}
+    "
+fi
\ No newline at end of file
diff --git a/docker-mods/vuetorrent/Dockerfile b/docker-mods/vuetorrent/Dockerfile
new file mode 100644
index 00000000..daf68646
--- /dev/null
+++ b/docker-mods/vuetorrent/Dockerfile
@@ -0,0 +1,7 @@
+FROM scratch
+
+
+LABEL maintainer="GilbN" 
+LABEL app="VueTorrent"
+#copy local files.
+COPY root/ /
\ No newline at end of file
diff --git a/docker-mods/vuetorrent/root/etc/cont-init.d/98-themepark b/docker-mods/vuetorrent/root/etc/cont-init.d/98-themepark
new file mode 100644
index 00000000..d0cb8981
--- /dev/null
+++ b/docker-mods/vuetorrent/root/etc/cont-init.d/98-themepark
@@ -0,0 +1,149 @@
+#!/usr/bin/with-contenv bash
+APP_FILEPATH='/config/qBittorrent/qBittorrent.conf'
+INDEX_FILEPATH='/vuetorrent/public/index.html'
+if [ "${TP_HOTIO}" = true ]; then
+    echo 'Changing to Hotio file paths!'
+    APP_FILEPATH='/config/config/qBittorrent.conf'
+    INDEX_FILEPATH='/app/vuetorrent/public/index.html'
+fi
+
+# Backup config
+if [[ ! -f "${APP_FILEPATH}.bak" ]]; then
+    echo "Creating qBittorrent.conf backup in /config."
+	cp -p ${APP_FILEPATH} "${APP_FILEPATH}.bak"
+fi
+
+# Restore qBittorrent.conf
+if [ "${TP_DISABLE_THEME}" = true ]; then
+  echo "Restoring backup of qBittorrent.conf" 
+  sed -i "s/WebUI\\\AlternativeUIEnabled=.*$/WebUI\\\AlternativeUIEnabled=false/g" "${APP_FILEPATH}";
+  exit 0
+fi
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+'TP_DOMAIN'=${TP_DOMAIN}\\n\
+'TP_COMMUNITY_THEME'=${TP_COMMUNITY_THEME}\\n\
+'TP_SCHEME'=${TP_SCHEME}\\n\
+'TP_THEME'=${TP_THEME}\\n"
+
+# Set default
+if [[ -z ${TP_DOMAIN} ]]; then
+    echo 'No domain set, defaulting to theme-park.dev'
+    TP_DOMAIN='theme-park.dev'
+fi
+if [[ -z ${TP_SCHEME} ]]; then
+    echo 'No scheme set, defaulting to https'
+    TP_SCHEME='https'
+fi
+
+THEME_TYPE='theme-options'
+if [ "${TP_COMMUNITY_THEME}" = true ]; then
+    THEME_TYPE='community-theme-options'
+fi
+
+case ${TP_DOMAIN} in
+  *"github.io"*)
+  echo "Switching to github.io URL style"
+    TP_DOMAIN="${TP_DOMAIN}\/theme.park"
+    ;;
+esac
+
+if [[ -z ${TP_THEME} ]]; then
+    echo 'No theme set, defaulting to organizr'
+    TP_THEME='organizr'
+fi
+RELEASE_FILEPATH='/vuetorrent/release.json'
+NEEDS_UPDATE=false
+CURRENT_RELEASE=$(curl -s https://api.github.com/repos/WDaan/VueTorrent/releases/latest | jq -r ".assets[]")
+
+# ===============================================
+install_deps() {
+    if ! [[ -x "$(command -v jq)" ]]; then
+        echo '-------------------------'
+        echo '| Installing jq package |'
+        echo '-------------------------'
+        if [ -x "$(command -v apk)" ]; then 
+          apk update && \
+          apk add --no-cache jq
+        elif [ -x "$(command -v apt-get)" ]; then
+          apt-get update && \
+          apt-get install -y jq
+        fi
+    fi
+}
+check_updates() {
+    if [[ ! -d ./vuetorrent ]]; then
+        NEEDS_UPDATE=true
+    elif [[ ! -f $RELEASE_FILEPATH ]]; then
+        NEEDS_UPDATE=true
+    else
+        old_date=$(date -d $(cat "${RELEASE_FILEPATH}" | jq -r ".updated_at") +%s)
+        new_date=$(date -d $(echo $CURRENT_RELEASE | jq -r ".updated_at") +%s)
+        if [ $new_date -gt $old_date ]; then
+            NEEDS_UPDATE=true
+        fi
+    fi
+}
+update_ui() {
+    printf '\nDownloading qBittorrent webui to "/vuetorrent"..please wait\n'
+    curl -L $(echo $CURRENT_RELEASE | jq -r ".browser_download_url") --output /tmp/vuetorrent.zip
+    printf '\nDownload finished\n\n'
+    if [[ -d /vuetorrent ]]; then
+        rm -rf /vuetorrent
+    fi
+    # mkdir -p /vuetorrent
+    unzip -q /tmp/vuetorrent.zip -d /
+    echo $CURRENT_RELEASE >"${RELEASE_FILEPATH}"
+}
+# ===============================================
+
+echo '-----------------------------------------'
+echo '| qBittorrent vuetorrent theme.park Mod |'
+echo '-----------------------------------------'
+
+if [[ -z ${TP_HOTIO} ]]; then
+    install_deps
+    check_updates
+
+    if [ "$NEEDS_UPDATE" = true ]; then
+        echo '---------------------------------------'
+        echo '| Downloading WebUI files from github |'
+        echo '---------------------------------------'
+        update_ui
+    else
+        echo '  WebUI files are up-to-date!'
+    fi
+
+    if ! grep -q "WebUI\\\RootFolder" "${APP_FILEPATH}"; then
+        echo '--------------------------------------'
+        echo '| Adding WebUI\RootFolder=/vuetorrent |'
+        echo '--------------------------------------'
+        sed -i -e '$aWebUI\\RootFolder=/vuetorrent' "${APP_FILEPATH}"
+    fi
+
+    if ! grep -q "WebUI\\\AlternativeUIEnabled" "${APP_FILEPATH}"; then
+        echo '------------------------------------------'
+        echo '| Adding WebUI\AlternativeUIEnabled=true |'
+        echo '------------------------------------------'
+        sed -i -e '$aWebUI\\AlternativeUIEnabled=true' "${APP_FILEPATH}"
+    fi
+
+    if ! grep -q "WebUI\\\RootFolder=/vuetorrent" "${APP_FILEPATH}" || ! grep -q "WebUI\\\AlternativeUIEnabled=true" "${APP_FILEPATH}"; then
+        echo '-------------------------------------------------------'
+        echo '| Updating RootFolder and AlternativeUIEnabled values |'
+        echo '-------------------------------------------------------'
+        sed -i "s/WebUI\\\AlternativeUIEnabled=.*$/WebUI\\\AlternativeUIEnabled=true/g" "${APP_FILEPATH}"
+        sed -i "s/WebUI\\\RootFolder=.*$/WebUI\\\RootFolder=\/vuetorrent/g" "${APP_FILEPATH}"
+    fi
+fi
+
+# Adding stylesheets
+if ! grep -q "${TP_DOMAIN}/css/base" "${INDEX_FILEPATH}"; then
+    echo '---------------------------------------------------------'
+    echo '| Adding the stylesheet to /vuetorrent/public/index.html |'
+    echo '---------------------------------------------------------'
+    sed -i "s/<\/body>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/vuetorrent\/vuetorrent-base.css'><\/body> /g" "${INDEX_FILEPATH}"
+    sed -i "s/<\/body>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/body> /g" "${INDEX_FILEPATH}"
+    printf 'Stylesheet set to %s on public index.html\n' "${TP_THEME}"
+fi
\ No newline at end of file
diff --git a/docker/root/defaults/default b/docker/root/defaults/default
new file mode 100644
index 00000000..daf39bad
--- /dev/null
+++ b/docker/root/defaults/default
@@ -0,0 +1,33 @@
+server {
+    listen 80 default_server;
+    listen [::]:80 default_server;
+    listen 443 ssl http2;
+    listen [::]:443 ssl http2;
+
+    server_name _;
+
+    ssl_certificate /config/keys/cert.crt;
+    ssl_certificate_key /config/keys/cert.key;
+
+    index index.html index.htm index.php;
+
+    location / {
+        alias /config/www/;
+        try_files $uri $uri/ /index.html;
+    }
+    location  /themepark {return 302  $scheme://$http_host/themepark/;}
+    location /themepark/ {
+        alias /config/www/;
+        sub_filter_types *;
+        sub_filter 'url("/css/' 'url("/themepark/css/';
+        sub_filter_once off;
+        try_files $uri $uri/ /index.html;
+    }
+
+    # Don't cache
+    add_header Last-Modified $date_gmt;
+    add_header Cache-Control 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0';
+    if_modified_since off;
+    expires -1;
+    etag off;
+}
diff --git a/docker/root/etc/cont-init.d/50-config b/docker/root/etc/cont-init.d/50-config
new file mode 100644
index 00000000..d871395e
--- /dev/null
+++ b/docker/root/etc/cont-init.d/50-config
@@ -0,0 +1,46 @@
+#!/usr/bin/with-contenv bash
+
+echo '------------------'
+echo '|   theme.park   |'
+echo '------------------'
+
+# Display variables for troubleshooting 
+echo -e "Variables set:\\n\
+PUID=${PUID}\\n\
+PGID=${PGID}\\n\
+TZ=${TZ}\\n\
+TP_DOMAIN=${TP_DOMAIN}\\n\
+TP_URLBASE=${TP_URLBASE}\\n"
+
+# Remove forward slash
+case ${TP_URLBASE} in
+  *"/"*)
+  TP_URLBASE=$(echo "${TP_URLBASE}" | sed 's/\///g')
+    ;;
+esac
+
+DEFAULT='/defaults/default'
+if [[ ${TP_URLBASE} ]]; then
+    if ! grep -q "${TP_URLBASE}" "${DEFAULT}"; then
+        sed -i "s/themepark/${TP_URLBASE}/g" ${DEFAULT}
+    fi
+fi
+cp /defaults/default /config/nginx/site-confs
+
+# make our folders and links
+mkdir -p \
+    /config/www/{css,resources}
+
+# copy theme files
+cp -R /app/themepark/css /config/www
+cp -R /app/themepark/resources /config/www
+cp /app/themepark/index.html /config/www
+cp /app/themepark/themes.py /config/www
+cp /app/themepark/CNAME /config/www
+
+echo 'Creating CSS files'
+python3 /config/www/themes.py
+
+# permissions
+chown -R abc:abc \
+    /config
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..ed299cfd
--- /dev/null
+++ b/index.html
@@ -0,0 +1,250 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <!-- Primary Meta Tags -->
+    <title>theme.park - A collection of themes/skins for your favorite apps!</title>
+    <meta name="title" content="theme.park - A collection of themes/skins for your favorite apps!">
+    <meta name="theme-color" content="#12afa0">
+    <meta name="description"
+        content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
+    <!-- Google / Search Engine Tags -->
+    <meta itemprop="name" content="theme.park - A collection of themes/skins for your favorite apps!">
+    <meta itemprop="description"
+        content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
+    <meta itemprop="image" content="https://theme-park.dev/resources/landing-page/assets/meta_image.jpg">
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:site_name" content="theme.park">
+    <meta property="og:url" content="https://theme-park.dev/">
+    <meta property="og:title" content="theme.park - A collection of themes/skins for your favorite apps!">
+    <meta property="og:description"
+        content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
+    <meta property="og:image" content="https://theme-park.dev/resources/landing-page/assets/meta_image.jpg">
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://theme-park.dev/">
+    <meta property="twitter:title" content="theme.park - A collection of themes/skins for your favorite apps!">
+    <meta property="twitter:description"
+        content="theme.park contains 48 themed applications, with css addons on certain themes. Installation methods include custom docker mods for linuxserver.io containers, custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache">
+    <meta property="twitter:image" content="https://theme-park.dev/resources/landing-page/assets/meta_image.jpg">
+    <!-- Favicon-->
+    <link rel="icon" type="image/x-icon" href="resources/landing-page/assets/favicon.ico" />
+    <!-- Font Awesome icons (free version)-->
+    <script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
+    <!-- Google fonts-->
+    <link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic"
+        rel="stylesheet" type="text/css" />
+    <!-- Third party plugin CSS-->
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css"
+        rel="stylesheet" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
+    <!-- Core theme CSS (includes Bootstrap)-->
+    <link href="resources/landing-page/css/styles.css?v=1.1" rel="stylesheet" />
+    <link rel="stylesheet" href="resources/landing-page/css/jquery-bg-slideshow.css">
+    <link rel="stylesheet" href="resources/landing-page/css/custom.css?v=2.6">
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-VL0TX65BLH"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+        gtag('js', new Date());
+
+        gtag('config', 'G-VL0TX65BLH');
+    </script>
+</head>
+
+<body id="page-top">
+    <!-- Navigation-->
+    <nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
+        <div class="container">
+            <a class="navbar-brand js-scroll-trigger" href="#page-top"><img class="branding"
+                    src="resources/landing-page/assets/img/themepark-logo.png" alt=""></a>
+            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
+                data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
+                aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
+            <div class="collapse navbar-collapse" id="navbarResponsive">
+                <ul class="navbar-nav ml-auto my-2 my-lg-0">
+                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://docs.theme-park.dev"><i
+                                class="fas fa-book"></i> Docs</a></li>
+                    <li class="nav-item"><a class="nav-link js-scroll-trigger"
+                            href="https://github.com/gilbn/theme.park"><i class="fab fa-github"></i> Github</a></li>
+                    <li class="nav-item"><a class="nav-link js-scroll-trigger"
+                            href="https://docs.theme-park.dev/discord"><i class="fab fa-discord"></i> Discord</a></li>
+                    <li class="nav-item"><a class="nav-link js-scroll-trigger"
+                            href="https://github.com/sponsors/GilbN"><i class="fas fa-heart"></i> Sponsor</a></li>
+                    <li style="padding: 0 1rem;">
+                        <a class="github-button" href="https://github.com/gilbn/theme.park" data-show-count="true"
+                            aria-label="Star gilbn/theme.park on GitHub">Star</a>
+                    </li>
+                    <li style="padding: 0 1rem;">
+                        <a class="github-button" href="https://github.com/gilbn/theme.park/fork"
+                            data-icon="octicon-repo-forked" data-show-count="true"
+                            aria-label="Fork gilbn/theme.park on GitHub">Fork</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+    <!-- Masthead-->
+    <!--  -->
+    <header class="masthead bg" data-current="0"
+        data-images="resources/landing-page/assets/img/slides/1.jpg,resources/landing-page/assets/img/slides/2.jpg,resources/landing-page/assets/img/slides/3.jpg,resources/landing-page/assets/img/slides/4.jpg,resources/landing-page/assets/img/slides/5.jpg,resources/landing-page/assets/img/slides/6.jpg,resources/landing-page/assets/img/slides/7.jpg,
+        resources/landing-page/assets/img/slides/8.jpg,resources/landing-page/assets/img/slides/9.jpg,resources/landing-page/assets/img/slides/10.jpg,resources/landing-page/assets/img/slides/11.jpg,resources/landing-page/assets/img/slides/12.jpg,resources/landing-page/assets/img/slides/13.jpg"
+        data-transitionDelay="1000" data-transitionSpeed="2000" data-transitionEffect="fade-in" data-randomize="false"
+        data-initialBackground="4" data-debug="false" data-slidecontrols.enabled="false"
+        data-gradient="linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%)">
+        <div class="container h-100">
+            <div class="row h-100 align-items-center justify-content-center text-center">
+                <div class="col-lg-10 align-self-end">
+                    <h1 class="text-uppercase text-white font-weight-bold">Custom themes for your favorite apps!</h1>
+                    <hr class="divider my-4" />
+                </div>
+                <div class="col-lg-8 align-self-baseline">
+                    <p id="tag-line" class="text-white-75 font-weight-light mb-5">...</p>
+                    <a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a>
+                </div>
+            </div>
+        </div>
+    </header>
+    <!-- About-->
+    <section class="page-section bg-primary" id="about">
+        <div class="container">
+            <div class="row justify-content-center">
+                <div class="col-lg-8 text-center">
+                    <h2 id="theme-header-text" class="text-white mt-0">...</h2>
+                    <hr class="divider light my-4" />
+                    <p class="text-white-50 mb-1" id=app-count>...</p>
+                    <p class="text-white-50 mb-1">Installation methods include custom <a
+                            href="https://blog.linuxserver.io/2019/09/14/customizing-our-containers/">docker mods</a>
+                        for <a href="https://linuxserver.io">linuxserver.io</a> containers, </p>
+                    <p class="text-white-50 mb-5">custom scripts for select <a href="https://hotio.dev/">Hotio</a>
+                        containers
+                        and multiple examples of subfiltering using webservers like Nginx and Apache</p>
+                    <p class="text-white-50 mb-5" id="theme-count">... </p>
+                    <a class="btn btn-primary btn-xl js-scroll-trigger" href="#services">Get Started!</a>
+                </div>
+
+            </div>
+        </div>
+        <div class="col justify-content-center pt-5 all-apps container">
+            <div id="all-apps" class="row justify-content-center">
+            </div>
+        </div>
+    </section>
+    <!-- Services-->
+    <section class="page-section" id="services">
+        <div class="container" style="min-width: 90%;">
+            <h2 class="text-center mt-0">How to get started</h2>
+            <hr class="divider my-4" />
+            <div class="row">
+                <div class="col-lg col-md-6 text-center">
+                    <div class="mt-5">
+                        <i class="fas fa-4x fa-book text-primary mb-4"></i>
+                        <h3 class="h4 mb-2">Theme Docs</h3>
+                        <p class="text-white-50 mb-0">Head over to the <a
+                                href="https://docs.theme-park.dev/">documentation</a> page for more information on each
+                            theme!</p>
+                    </div>
+                </div>
+                <div class="col-lg col-md-6 text-center">
+                    <div class="mt-5">
+                        <i class="fab fa-4x fa-github text-primary mb-4"></i>
+                        <h3 class="h4 mb-2">Find us on Github</h3>
+                        <p class="text-white-50 mb-0">Having issues with a theme? Let us know on <a
+                                href="https://github.com/gilbn/theme.park">Github!</a></p>
+                    </div>
+                </div>
+                <div class="col-lg col-md-6 text-center">
+                    <div class="mt-5">
+                        <i class="fab fa-4x fa-discord text-primary mb-4"></i>
+                        <h3 class="h4 mb-2">Discord Community</h3>
+                        <p class="text-white-50 mb-0">Need live support? Head over to our <a
+                                href="https://docs.theme-park.dev/discord">Discord</a> server!</p>
+                    </div>
+                </div>
+                <div class="col-lg col-md-6 text-center">
+                    <div class="mt-5">
+                        <i class="fas fa-4x fa-palette text-primary mb-4"></i>
+                        <h3 class="h4 mb-2"><a href="https://docs.theme-park.dev/community-themes/">Community
+                                Themes!</a></h3>
+                        <p class="text-white-50 mb-0">Got a good <a
+                                href="https://docs.theme-park.dev/community-themes/">color scheme</a> you'd like to see
+                            added? PR it!</p>
+                    </div>
+                </div>
+                <div class="col-lg col-md-6 text-center">
+                    <div class="mt-5">
+                        <i class="fas fa-4x fa-heart text-primary mb-4"></i>
+                        <h3 class="h4 mb-2">Made with Love</h3>
+                        <p class="text-white-50 mb-0">Is it really open source if it's not made with love?</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Portfolio-->
+    <section class="page-section pt-0">
+        <div class="container pb-3">
+            <div class="row h-100 align-items-center justify-content-center text-center">
+                <div class="col-lg-10 align-self-end">
+                </div>
+                <div class="col-lg-8 align-self-baseline">
+                    <button id="switch-theme"
+                        class="btn btn-primary btn-xl animate__animated animate__pulse animate__infinite">Click
+                        Me!</button>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="page-section pb-1" id="themes">
+        <div class="container">
+            <h2 class="text-center mt-0">Official theme options</h2>
+            <h6 class="text-center mt-0">Click here for the <a
+                    href="https://docs.theme-park.dev/community-themes/">community themes</a></h6>
+
+
+            <hr class="divider my-4" />
+        </div>
+    </section>
+    <div id="portfolio" class="theme-overview">
+        <div class="container-fluid p-0">
+            <div class="row no-gutters d-flex justify-content-center" id="all-themes">
+            </div>
+        </div>
+    </div>
+    <!-- Footer-->
+    <footer class=" py-5">
+        <div class="container">
+            <div class="small text-center text-white-50">
+                Copyright &copy;
+                <!-- This script automatically adds the current year to your website footer-->
+                <!-- (credit: https://updateyourfooter.com/)-->
+                <script>
+                    document.write(new Date().getFullYear());
+                </script>
+                - GilbN
+            </div>
+        </div>
+    </footer>
+    <!-- Bootstrap core JS-->
+    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
+    <!-- Third party plugin JS-->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
+    <!-- Core theme JS-->
+    <script src="resources/landing-page/js/scripts.js?v=1.6"></script>
+    <script src="resources/landing-page/js/jquery-bg-slideshow.js?v=1"></script>
+    <script type="text/javascript">
+        $(function () {
+            $(".bg").bgSlideShow();
+        });
+    </script>
+    <script async defer src="https://buttons.github.io/buttons.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/linux-amd64.Dockerfile b/linux-amd64.Dockerfile
new file mode 100644
index 00000000..5d1e5de9
--- /dev/null
+++ b/linux-amd64.Dockerfile
@@ -0,0 +1,23 @@
+FROM ghcr.io/linuxserver/baseimage-alpine-nginx:3.14
+
+# set version label
+ARG BUILD_DATE
+ARG TP_RELEASE
+LABEL build_version="Version:- ${VERSION} Build-date:- ${BUILD_DATE} Platform: ${BUILD_ARCHITECTURE}"
+LABEL maintainer="gilbn"
+LABEL org.opencontainers.image.description DESCRIPTION
+
+RUN \
+echo " ## Installing packages ## " && \
+apk add --no-cache --virtual=build-dependencies \
+    python3 && \
+  echo "**** install theme.park ****" && \
+    mkdir -p /app/themepark
+
+# copy local files
+WORKDIR /app
+COPY css/ /app/themepark/css/
+COPY resources/ /app/themepark/resources/
+COPY themes.py index.html CNAME /app/themepark/
+
+COPY docker/root/ /
\ No newline at end of file
diff --git a/linux-arm-v7.Dockerfile b/linux-arm-v7.Dockerfile
new file mode 100644
index 00000000..5f868fb9
--- /dev/null
+++ b/linux-arm-v7.Dockerfile
@@ -0,0 +1,23 @@
+FROM ghcr.io/linuxserver/baseimage-alpine-nginx:arm32v7-3.14
+
+# set version label
+ARG BUILD_DATE
+ARG TP_RELEASE
+LABEL build_version="Version:- ${VERSION} Build-date:- ${BUILD_DATE} Platform: ${BUILD_ARCHITECTURE}"
+LABEL maintainer="gilbn"
+LABEL org.opencontainers.image.description DESCRIPTION
+
+RUN \
+echo " ## Installing packages ## " && \
+apk add --no-cache --virtual=build-dependencies \
+    python3 && \
+  echo "**** install theme.park ****" && \
+    mkdir -p /app/themepark
+
+# copy local files
+WORKDIR /app
+COPY css/ /app/themepark/css/
+COPY resources/ /app/themepark/resources/
+COPY themes.py index.html CNAME /app/themepark/
+
+COPY docker/root/ /
\ No newline at end of file
diff --git a/linux-arm64.Dockerfile b/linux-arm64.Dockerfile
new file mode 100644
index 00000000..2ebba47a
--- /dev/null
+++ b/linux-arm64.Dockerfile
@@ -0,0 +1,23 @@
+FROM ghcr.io/linuxserver/baseimage-alpine-nginx:arm64v8-3.14
+
+# set version label
+ARG BUILD_DATE
+ARG TP_RELEASE
+LABEL build_version="Version:- ${VERSION} Build-date:- ${BUILD_DATE} Platform: ${BUILD_ARCHITECTURE}"
+LABEL maintainer="gilbn"
+LABEL org.opencontainers.image.description DESCRIPTION
+
+RUN \
+echo " ## Installing packages ## " && \
+apk add --no-cache --virtual=build-dependencies \
+    python3 && \
+  echo "**** install theme.park ****" && \
+    mkdir -p /app/themepark
+
+# copy local files
+WORKDIR /app
+COPY css/ /app/themepark/css/
+COPY resources/ /app/themepark/resources/
+COPY themes.py index.html CNAME /app/themepark/
+
+COPY docker/root/ /
\ No newline at end of file
diff --git a/resources/blur-light-dark.png b/resources/blur-light-dark.png
new file mode 100644
index 00000000..a5af8bf9
Binary files /dev/null and b/resources/blur-light-dark.png differ
diff --git a/resources/blur-light.png b/resources/blur-light.png
new file mode 100644
index 00000000..c79a3188
Binary files /dev/null and b/resources/blur-light.png differ
diff --git a/resources/blur-noise.png b/resources/blur-noise.png
new file mode 100644
index 00000000..45e67618
Binary files /dev/null and b/resources/blur-noise.png differ
diff --git a/resources/deluge/active.png b/resources/deluge/active.png
new file mode 100644
index 00000000..582acbcf
Binary files /dev/null and b/resources/deluge/active.png differ
diff --git a/resources/deluge/add.png b/resources/deluge/add.png
new file mode 100644
index 00000000..c2e22c33
Binary files /dev/null and b/resources/deluge/add.png differ
diff --git a/resources/deluge/add_small.png b/resources/deluge/add_small.png
new file mode 100644
index 00000000..0c25468f
Binary files /dev/null and b/resources/deluge/add_small.png differ
diff --git a/resources/deluge/all.png b/resources/deluge/all.png
new file mode 100644
index 00000000..fff584b0
Binary files /dev/null and b/resources/deluge/all.png differ
diff --git a/resources/deluge/ascending.png b/resources/deluge/ascending.png
new file mode 100644
index 00000000..70dbc144
Binary files /dev/null and b/resources/deluge/ascending.png differ
diff --git a/resources/deluge/bottom.png b/resources/deluge/bottom.png
new file mode 100644
index 00000000..11eb6b2c
Binary files /dev/null and b/resources/deluge/bottom.png differ
diff --git a/resources/deluge/checking.png b/resources/deluge/checking.png
new file mode 100644
index 00000000..4b73f813
Binary files /dev/null and b/resources/deluge/checking.png differ
diff --git a/resources/deluge/columns.png b/resources/deluge/columns.png
new file mode 100644
index 00000000..857042ea
Binary files /dev/null and b/resources/deluge/columns.png differ
diff --git a/resources/deluge/connection.png b/resources/deluge/connection.png
new file mode 100644
index 00000000..4e68683d
Binary files /dev/null and b/resources/deluge/connection.png differ
diff --git a/resources/deluge/connection_small.png b/resources/deluge/connection_small.png
new file mode 100644
index 00000000..e60f265e
Binary files /dev/null and b/resources/deluge/connection_small.png differ
diff --git a/resources/deluge/connections.png b/resources/deluge/connections.png
new file mode 100644
index 00000000..db193df4
Binary files /dev/null and b/resources/deluge/connections.png differ
diff --git a/resources/deluge/deluge.png b/resources/deluge/deluge.png
new file mode 100644
index 00000000..950d5ac1
Binary files /dev/null and b/resources/deluge/deluge.png differ
diff --git a/resources/deluge/descending.png b/resources/deluge/descending.png
new file mode 100644
index 00000000..dda70d20
Binary files /dev/null and b/resources/deluge/descending.png differ
diff --git a/resources/deluge/dling.png b/resources/deluge/dling.png
new file mode 100644
index 00000000..1530f899
Binary files /dev/null and b/resources/deluge/dling.png differ
diff --git a/resources/deluge/down.png b/resources/deluge/down.png
new file mode 100644
index 00000000..96793c4a
Binary files /dev/null and b/resources/deluge/down.png differ
diff --git a/resources/deluge/down_small.png b/resources/deluge/down_small.png
new file mode 100644
index 00000000..99b6e15b
Binary files /dev/null and b/resources/deluge/down_small.png differ
diff --git a/resources/deluge/edit.png b/resources/deluge/edit.png
new file mode 100644
index 00000000..36220a87
Binary files /dev/null and b/resources/deluge/edit.png differ
diff --git a/resources/deluge/error.png b/resources/deluge/error.png
new file mode 100644
index 00000000..ecd2048a
Binary files /dev/null and b/resources/deluge/error.png differ
diff --git a/resources/deluge/file.png b/resources/deluge/file.png
new file mode 100644
index 00000000..4e02c937
Binary files /dev/null and b/resources/deluge/file.png differ
diff --git a/resources/deluge/folder.png b/resources/deluge/folder.png
new file mode 100644
index 00000000..2dde716b
Binary files /dev/null and b/resources/deluge/folder.png differ
diff --git a/resources/deluge/harddrive.png b/resources/deluge/harddrive.png
new file mode 100644
index 00000000..55f98bd8
Binary files /dev/null and b/resources/deluge/harddrive.png differ
diff --git a/resources/deluge/help.png b/resources/deluge/help.png
new file mode 100644
index 00000000..54e8e268
Binary files /dev/null and b/resources/deluge/help.png differ
diff --git a/resources/deluge/logout.png b/resources/deluge/logout.png
new file mode 100644
index 00000000..03af055e
Binary files /dev/null and b/resources/deluge/logout.png differ
diff --git a/resources/deluge/move.png b/resources/deluge/move.png
new file mode 100644
index 00000000..28b385eb
Binary files /dev/null and b/resources/deluge/move.png differ
diff --git a/resources/deluge/ok.png b/resources/deluge/ok.png
new file mode 100644
index 00000000..8405502b
Binary files /dev/null and b/resources/deluge/ok.png differ
diff --git a/resources/deluge/pause.png b/resources/deluge/pause.png
new file mode 100644
index 00000000..2ad6f8f1
Binary files /dev/null and b/resources/deluge/pause.png differ
diff --git a/resources/deluge/paused.png b/resources/deluge/paused.png
new file mode 100644
index 00000000..e7218ff4
Binary files /dev/null and b/resources/deluge/paused.png differ
diff --git a/resources/deluge/plugin.png b/resources/deluge/plugin.png
new file mode 100644
index 00000000..d02baf58
Binary files /dev/null and b/resources/deluge/plugin.png differ
diff --git a/resources/deluge/queue.png b/resources/deluge/queue.png
new file mode 100644
index 00000000..46f91fdc
Binary files /dev/null and b/resources/deluge/queue.png differ
diff --git a/resources/deluge/queued.png b/resources/deluge/queued.png
new file mode 100644
index 00000000..de77d475
Binary files /dev/null and b/resources/deluge/queued.png differ
diff --git a/resources/deluge/remove.png b/resources/deluge/remove.png
new file mode 100644
index 00000000..8d20479a
Binary files /dev/null and b/resources/deluge/remove.png differ
diff --git a/resources/deluge/remove_small.png b/resources/deluge/remove_small.png
new file mode 100644
index 00000000..25fc2175
Binary files /dev/null and b/resources/deluge/remove_small.png differ
diff --git a/resources/deluge/resume.png b/resources/deluge/resume.png
new file mode 100644
index 00000000..a05d0c01
Binary files /dev/null and b/resources/deluge/resume.png differ
diff --git a/resources/deluge/resume_small.png b/resources/deluge/resume_small.png
new file mode 100644
index 00000000..dde670a9
Binary files /dev/null and b/resources/deluge/resume_small.png differ
diff --git a/resources/deluge/search.png b/resources/deluge/search.png
new file mode 100644
index 00000000..3a4994fd
Binary files /dev/null and b/resources/deluge/search.png differ
diff --git a/resources/deluge/settings.png b/resources/deluge/settings.png
new file mode 100644
index 00000000..60e13aba
Binary files /dev/null and b/resources/deluge/settings.png differ
diff --git a/resources/deluge/settings_small.png b/resources/deluge/settings_small.png
new file mode 100644
index 00000000..305a63ec
Binary files /dev/null and b/resources/deluge/settings_small.png differ
diff --git a/resources/deluge/top.png b/resources/deluge/top.png
new file mode 100644
index 00000000..941313f9
Binary files /dev/null and b/resources/deluge/top.png differ
diff --git a/resources/deluge/uling.png b/resources/deluge/uling.png
new file mode 100644
index 00000000..fbb55776
Binary files /dev/null and b/resources/deluge/uling.png differ
diff --git a/resources/deluge/up.png b/resources/deluge/up.png
new file mode 100644
index 00000000..2a2d3ad9
Binary files /dev/null and b/resources/deluge/up.png differ
diff --git a/resources/deluge/up_small.png b/resources/deluge/up_small.png
new file mode 100644
index 00000000..6ec0ec06
Binary files /dev/null and b/resources/deluge/up_small.png differ
diff --git a/resources/deluge/update.png b/resources/deluge/update.png
new file mode 100644
index 00000000..abab2f74
Binary files /dev/null and b/resources/deluge/update.png differ
diff --git a/resources/duplicati/about.png b/resources/duplicati/about.png
new file mode 100644
index 00000000..5779ca7c
Binary files /dev/null and b/resources/duplicati/about.png differ
diff --git a/resources/duplicati/add.png b/resources/duplicati/add.png
new file mode 100644
index 00000000..e0735816
Binary files /dev/null and b/resources/duplicati/add.png differ
diff --git a/resources/duplicati/home.png b/resources/duplicati/home.png
new file mode 100644
index 00000000..637da01e
Binary files /dev/null and b/resources/duplicati/home.png differ
diff --git a/resources/duplicati/logout.png b/resources/duplicati/logout.png
new file mode 100644
index 00000000..931dcdea
Binary files /dev/null and b/resources/duplicati/logout.png differ
diff --git a/resources/duplicati/pause.png b/resources/duplicati/pause.png
new file mode 100644
index 00000000..be62518e
Binary files /dev/null and b/resources/duplicati/pause.png differ
diff --git a/resources/duplicati/restore.png b/resources/duplicati/restore.png
new file mode 100644
index 00000000..60971613
Binary files /dev/null and b/resources/duplicati/restore.png differ
diff --git a/resources/duplicati/settings.png b/resources/duplicati/settings.png
new file mode 100644
index 00000000..e897fdea
Binary files /dev/null and b/resources/duplicati/settings.png differ
diff --git a/resources/duplicati/throttle.png b/resources/duplicati/throttle.png
new file mode 100644
index 00000000..678d3f59
Binary files /dev/null and b/resources/duplicati/throttle.png differ
diff --git a/resources/emby/logowhite.png b/resources/emby/logowhite.png
new file mode 100644
index 00000000..7e55e044
Binary files /dev/null and b/resources/emby/logowhite.png differ
diff --git a/resources/guacamole/checkmark.png b/resources/guacamole/checkmark.png
new file mode 100644
index 00000000..a578339f
Binary files /dev/null and b/resources/guacamole/checkmark.png differ
diff --git a/resources/guacamole/cog.png b/resources/guacamole/cog.png
new file mode 100644
index 00000000..a051a978
Binary files /dev/null and b/resources/guacamole/cog.png differ
diff --git a/resources/guacamole/down.png b/resources/guacamole/down.png
new file mode 100644
index 00000000..e793530f
Binary files /dev/null and b/resources/guacamole/down.png differ
diff --git a/resources/guacamole/guac-config-dark.png b/resources/guacamole/guac-config-dark.png
new file mode 100644
index 00000000..450030d7
Binary files /dev/null and b/resources/guacamole/guac-config-dark.png differ
diff --git a/resources/guacamole/guac-first-page.png b/resources/guacamole/guac-first-page.png
new file mode 100644
index 00000000..90b4db5b
Binary files /dev/null and b/resources/guacamole/guac-first-page.png differ
diff --git a/resources/guacamole/guac-home-dark.png b/resources/guacamole/guac-home-dark.png
new file mode 100644
index 00000000..ff05f799
Binary files /dev/null and b/resources/guacamole/guac-home-dark.png differ
diff --git a/resources/guacamole/guac-last-page.png b/resources/guacamole/guac-last-page.png
new file mode 100644
index 00000000..78422f2b
Binary files /dev/null and b/resources/guacamole/guac-last-page.png differ
diff --git a/resources/guacamole/guac-logout-dark.png b/resources/guacamole/guac-logout-dark.png
new file mode 100644
index 00000000..deb97f32
Binary files /dev/null and b/resources/guacamole/guac-logout-dark.png differ
diff --git a/resources/guacamole/guac-monitor.png b/resources/guacamole/guac-monitor.png
new file mode 100644
index 00000000..49104942
Binary files /dev/null and b/resources/guacamole/guac-monitor.png differ
diff --git a/resources/guacamole/guac-next-page.png b/resources/guacamole/guac-next-page.png
new file mode 100644
index 00000000..17599d84
Binary files /dev/null and b/resources/guacamole/guac-next-page.png differ
diff --git a/resources/guacamole/guac-prev-page.png b/resources/guacamole/guac-prev-page.png
new file mode 100644
index 00000000..6208833f
Binary files /dev/null and b/resources/guacamole/guac-prev-page.png differ
diff --git a/resources/guacamole/guac-text.png b/resources/guacamole/guac-text.png
new file mode 100644
index 00000000..16d674e7
Binary files /dev/null and b/resources/guacamole/guac-text.png differ
diff --git a/resources/guacamole/guac-user.png b/resources/guacamole/guac-user.png
new file mode 100644
index 00000000..7bf83b08
Binary files /dev/null and b/resources/guacamole/guac-user.png differ
diff --git a/resources/guacamole/lock.png b/resources/guacamole/lock.png
new file mode 100644
index 00000000..02b495dd
Binary files /dev/null and b/resources/guacamole/lock.png differ
diff --git a/resources/guacamole/magnifier.png b/resources/guacamole/magnifier.png
new file mode 100644
index 00000000..9cdfa0b8
Binary files /dev/null and b/resources/guacamole/magnifier.png differ
diff --git a/resources/guacamole/up.png b/resources/guacamole/up.png
new file mode 100644
index 00000000..a922a422
Binary files /dev/null and b/resources/guacamole/up.png differ
diff --git a/resources/landing-page/assets/favicon.ico b/resources/landing-page/assets/favicon.ico
new file mode 100644
index 00000000..d29dac1b
Binary files /dev/null and b/resources/landing-page/assets/favicon.ico differ
diff --git a/resources/landing-page/assets/img/aquamarine-small.jpg b/resources/landing-page/assets/img/aquamarine-small.jpg
new file mode 100644
index 00000000..afc30406
Binary files /dev/null and b/resources/landing-page/assets/img/aquamarine-small.jpg differ
diff --git a/resources/landing-page/assets/img/aquamarine.png b/resources/landing-page/assets/img/aquamarine.png
new file mode 100644
index 00000000..e32584b9
Binary files /dev/null and b/resources/landing-page/assets/img/aquamarine.png differ
diff --git a/resources/landing-page/assets/img/dark-small.jpg b/resources/landing-page/assets/img/dark-small.jpg
new file mode 100644
index 00000000..a35e1d17
Binary files /dev/null and b/resources/landing-page/assets/img/dark-small.jpg differ
diff --git a/resources/landing-page/assets/img/dark.png b/resources/landing-page/assets/img/dark.png
new file mode 100644
index 00000000..73bf8563
Binary files /dev/null and b/resources/landing-page/assets/img/dark.png differ
diff --git a/resources/landing-page/assets/img/dracula-small.jpg b/resources/landing-page/assets/img/dracula-small.jpg
new file mode 100644
index 00000000..7f2e9048
Binary files /dev/null and b/resources/landing-page/assets/img/dracula-small.jpg differ
diff --git a/resources/landing-page/assets/img/dracula.png b/resources/landing-page/assets/img/dracula.png
new file mode 100644
index 00000000..fbffef93
Binary files /dev/null and b/resources/landing-page/assets/img/dracula.png differ
diff --git a/resources/landing-page/assets/img/hotline-small.jpg b/resources/landing-page/assets/img/hotline-small.jpg
new file mode 100644
index 00000000..68c31714
Binary files /dev/null and b/resources/landing-page/assets/img/hotline-small.jpg differ
diff --git a/resources/landing-page/assets/img/hotline.png b/resources/landing-page/assets/img/hotline.png
new file mode 100644
index 00000000..43a0ab57
Binary files /dev/null and b/resources/landing-page/assets/img/hotline.png differ
diff --git a/resources/landing-page/assets/img/hotpink-small.jpg b/resources/landing-page/assets/img/hotpink-small.jpg
new file mode 100644
index 00000000..dae9d361
Binary files /dev/null and b/resources/landing-page/assets/img/hotpink-small.jpg differ
diff --git a/resources/landing-page/assets/img/hotpink.png b/resources/landing-page/assets/img/hotpink.png
new file mode 100644
index 00000000..189eaa02
Binary files /dev/null and b/resources/landing-page/assets/img/hotpink.png differ
diff --git a/resources/landing-page/assets/img/nord-small.jpg b/resources/landing-page/assets/img/nord-small.jpg
new file mode 100644
index 00000000..67350871
Binary files /dev/null and b/resources/landing-page/assets/img/nord-small.jpg differ
diff --git a/resources/landing-page/assets/img/nord.png b/resources/landing-page/assets/img/nord.png
new file mode 100644
index 00000000..a3aa1cde
Binary files /dev/null and b/resources/landing-page/assets/img/nord.png differ
diff --git a/resources/landing-page/assets/img/organizr-small.jpg b/resources/landing-page/assets/img/organizr-small.jpg
new file mode 100644
index 00000000..a22e6f2b
Binary files /dev/null and b/resources/landing-page/assets/img/organizr-small.jpg differ
diff --git a/resources/landing-page/assets/img/organizr.png b/resources/landing-page/assets/img/organizr.png
new file mode 100644
index 00000000..5e638427
Binary files /dev/null and b/resources/landing-page/assets/img/organizr.png differ
diff --git a/resources/landing-page/assets/img/overseerr-small.jpg b/resources/landing-page/assets/img/overseerr-small.jpg
new file mode 100644
index 00000000..a0df0d5a
Binary files /dev/null and b/resources/landing-page/assets/img/overseerr-small.jpg differ
diff --git a/resources/landing-page/assets/img/overseerr.png b/resources/landing-page/assets/img/overseerr.png
new file mode 100644
index 00000000..de685d62
Binary files /dev/null and b/resources/landing-page/assets/img/overseerr.png differ
diff --git a/resources/landing-page/assets/img/plex-small.jpg b/resources/landing-page/assets/img/plex-small.jpg
new file mode 100644
index 00000000..9da859a8
Binary files /dev/null and b/resources/landing-page/assets/img/plex-small.jpg differ
diff --git a/resources/landing-page/assets/img/plex.png b/resources/landing-page/assets/img/plex.png
new file mode 100644
index 00000000..9a6dda5f
Binary files /dev/null and b/resources/landing-page/assets/img/plex.png differ
diff --git a/resources/landing-page/assets/img/slides/1.jpg b/resources/landing-page/assets/img/slides/1.jpg
new file mode 100644
index 00000000..87389989
Binary files /dev/null and b/resources/landing-page/assets/img/slides/1.jpg differ
diff --git a/resources/landing-page/assets/img/slides/10.jpg b/resources/landing-page/assets/img/slides/10.jpg
new file mode 100644
index 00000000..680a2076
Binary files /dev/null and b/resources/landing-page/assets/img/slides/10.jpg differ
diff --git a/resources/landing-page/assets/img/slides/11.jpg b/resources/landing-page/assets/img/slides/11.jpg
new file mode 100644
index 00000000..6338bdbc
Binary files /dev/null and b/resources/landing-page/assets/img/slides/11.jpg differ
diff --git a/resources/landing-page/assets/img/slides/12.jpg b/resources/landing-page/assets/img/slides/12.jpg
new file mode 100644
index 00000000..0a213b3a
Binary files /dev/null and b/resources/landing-page/assets/img/slides/12.jpg differ
diff --git a/resources/landing-page/assets/img/slides/13.jpg b/resources/landing-page/assets/img/slides/13.jpg
new file mode 100644
index 00000000..189eaa02
Binary files /dev/null and b/resources/landing-page/assets/img/slides/13.jpg differ
diff --git a/resources/landing-page/assets/img/slides/2.jpg b/resources/landing-page/assets/img/slides/2.jpg
new file mode 100644
index 00000000..23244f41
Binary files /dev/null and b/resources/landing-page/assets/img/slides/2.jpg differ
diff --git a/resources/landing-page/assets/img/slides/3.jpg b/resources/landing-page/assets/img/slides/3.jpg
new file mode 100644
index 00000000..31dac5ab
Binary files /dev/null and b/resources/landing-page/assets/img/slides/3.jpg differ
diff --git a/resources/landing-page/assets/img/slides/4.jpg b/resources/landing-page/assets/img/slides/4.jpg
new file mode 100644
index 00000000..2eaf7a70
Binary files /dev/null and b/resources/landing-page/assets/img/slides/4.jpg differ
diff --git a/resources/landing-page/assets/img/slides/5.jpg b/resources/landing-page/assets/img/slides/5.jpg
new file mode 100644
index 00000000..154aa135
Binary files /dev/null and b/resources/landing-page/assets/img/slides/5.jpg differ
diff --git a/resources/landing-page/assets/img/slides/6.jpg b/resources/landing-page/assets/img/slides/6.jpg
new file mode 100644
index 00000000..5186664a
Binary files /dev/null and b/resources/landing-page/assets/img/slides/6.jpg differ
diff --git a/resources/landing-page/assets/img/slides/7.jpg b/resources/landing-page/assets/img/slides/7.jpg
new file mode 100644
index 00000000..94cf4813
Binary files /dev/null and b/resources/landing-page/assets/img/slides/7.jpg differ
diff --git a/resources/landing-page/assets/img/slides/8.jpg b/resources/landing-page/assets/img/slides/8.jpg
new file mode 100644
index 00000000..c80f207b
Binary files /dev/null and b/resources/landing-page/assets/img/slides/8.jpg differ
diff --git a/resources/landing-page/assets/img/slides/9.jpg b/resources/landing-page/assets/img/slides/9.jpg
new file mode 100644
index 00000000..6ef49336
Binary files /dev/null and b/resources/landing-page/assets/img/slides/9.jpg differ
diff --git a/resources/landing-page/assets/img/space-gray-small.jpg b/resources/landing-page/assets/img/space-gray-small.jpg
new file mode 100644
index 00000000..71cb998d
Binary files /dev/null and b/resources/landing-page/assets/img/space-gray-small.jpg differ
diff --git a/resources/landing-page/assets/img/space-gray.png b/resources/landing-page/assets/img/space-gray.png
new file mode 100644
index 00000000..e6ed58f2
Binary files /dev/null and b/resources/landing-page/assets/img/space-gray.png differ
diff --git a/resources/landing-page/assets/img/themepark-logo.png b/resources/landing-page/assets/img/themepark-logo.png
new file mode 100644
index 00000000..2714a5ee
Binary files /dev/null and b/resources/landing-page/assets/img/themepark-logo.png differ
diff --git a/resources/landing-page/assets/meta_image.jpg b/resources/landing-page/assets/meta_image.jpg
new file mode 100644
index 00000000..a0e96ce8
Binary files /dev/null and b/resources/landing-page/assets/meta_image.jpg differ
diff --git a/resources/landing-page/css/custom.css b/resources/landing-page/css/custom.css
new file mode 100644
index 00000000..26b2a5c8
--- /dev/null
+++ b/resources/landing-page/css/custom.css
@@ -0,0 +1,437 @@
+:root {
+    --about: linear-gradient(to bottom, rgba(0, 0, 0, 1.0), rgba(87, 109, 117, 0)), var(--main-bg-color);
+}
+
+.bg-primary {
+    background: var(--about) !important;
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.bg-dark,
+.theme-overview,
+#services,
+#themes,
+footer,
+section {
+    background: var(--main-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+.text-white-50 {
+    color: var(--text) !important;
+}
+.page-section {
+    padding: 1.2rem 0;
+}
+
+@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
+
+    #mainNav,
+    #mainNav.navbar-scrolled {
+        box-shadow: none;
+        background-color: rgba(var(--accent-color),1);
+        -webkit-backdrop-filter: blur(10px);
+        backdrop-filter: blur(10px);
+    }
+}
+
+@media (max-width: 768px) {
+
+    #mainNav,
+    #mainNav.navbar-scrolled {
+        padding: 0 1rem 0 1rem !important;
+    }
+
+    .branding {
+        height: 40px !important;
+    }
+
+    #mainNav .navbar-nav .nav-item .nav-link {
+        padding-left: 1rem;
+        color: var(--label-text-color)
+    }
+}
+
+/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */
+@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
+    #mainNav,
+    #mainNav.navbar-scrolled {
+        box-shadow: none;
+        background-color: rgba(var(--accent-color), 1);
+    }
+}
+#mainNav .navbar-nav .nav-item .nav-link {
+    color: var(--label-text-color);
+  }
+
+#mainNav .navbar-nav .nav-item .nav-link:hover,
+#mainNav .navbar-nav .nav-item .nav-link:active {
+    color: var(--label-text-color);
+    opacity: .8;
+}
+@media (min-width: 992px) {
+    @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
+        #mainNav {
+            background-color: rgba(var(--accent-color), 0.95) !important;
+        }
+    }
+    #mainNav {
+        box-shadow: none;
+        background-color: rgba(var(--accent-color), 0.25);
+        backdrop-filter: blur(10px);
+        -webkit-backdrop-filter: blur(10px);
+    }
+
+    #mainNav .navbar-brand {
+        color: rgba(255, 255, 255, 0.7);
+    }
+
+    #mainNav .navbar-brand:hover {
+        color: #fff;
+    }
+
+    #mainNav .navbar-nav .nav-item .nav-link {
+        color: rgba(255, 255, 255, 0.7);
+        padding: 0 1rem;
+    }
+
+    #mainNav .navbar-nav .nav-item .nav-link:hover {
+        color: #fff;
+    }
+
+    #mainNav .navbar-nav .nav-item:last-child .nav-link {
+        padding-right: 0;
+    }
+
+    #mainNav.navbar-scrolled {
+        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+        background-color: rgba(var(--accent-color), 0.25);
+        backdrop-filter: blur(10px);
+        -webkit-backdrop-filter: blur(10px);
+    }
+
+    #mainNav.navbar-scrolled .navbar-brand {
+        color: #212529;
+    }
+
+    #mainNav.navbar-scrolled .navbar-brand:hover {
+        color: rgb(var(--accent-color));
+    }
+
+    #mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link {
+        color: #fff;
+    }
+
+    #mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link:hover {
+        color: var(--link-color-hover);
+    }
+}
+
+
+#mainNav .navbar-nav .nav-item .nav-link.active {
+    color: var(--link-color-hover) !important;
+}
+
+/* .navbar-light .navbar-toggler-icon {
+    filter: invert(1);
+} */
+
+.navbar-light .navbar-toggler {
+    color: rgba(0, 0, 0, 0.5);
+    border-color: rgb(255 255 255 / 10%);
+}
+
+.branding {
+    height: 55px;
+}
+
+.mfp-container {
+    backdrop-filter: blur(10px);
+}
+
+/* BUTTON SHIT*/
+.btn-primary {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+
+.btn-primary:hover {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-primary:focus,
+.btn-primary.focus {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+    box-shadow: 0 0 0 0.2rem rgba(var(--accent-color), 0.5);
+}
+
+.btn-primary.disabled,
+.btn-primary:disabled {
+    color: var(--text-muted);
+    background-color: rgba(255, 255, 255, 0.3);
+    border-color: rgba(255, 255, 255, 0.3);
+}
+
+.btn-primary:not(:disabled):not(.disabled):active,
+.btn-primary:not(:disabled):not(.disabled).active,
+.show>.btn-primary.dropdown-toggle {
+    color: var(--button-text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.show>.btn-primary.dropdown-toggle:focus {
+    box-shadow: 0 0 0 0.2rem rgba(var(--accent-color), 0.502);
+}
+
+hr.divider {
+    border-color: rgb(var(--accent-color));
+}
+
+a {
+    color: var(--link-color);
+}
+
+a:hover {
+    color: var(--link-color-hover);
+    text-decoration: none;
+}
+
+.text-primary {
+    color: rgb(var(--accent-color)) !important;
+}
+
+body,
+header.masthead {
+    background: black;
+}
+
+/* IMAGE SLIDER */
+.jquery-bg-slideshow-wrap-bg-element {
+    width: 100%;
+    height: 100%;
+    background-color: transparent;
+}
+
+@media (max-width: 768px) {
+
+    .bg,
+    header.masthead {
+        background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%), url(../assets/img/space-gray.png) !important;
+    }
+}
+
+.bg {
+    height: 100%;
+    width: 100%;
+    background-color: black;
+    color: white;
+    margin: 0;
+}
+
+/*
+.bg-primary,
+.bg-dark {
+    background: #2d2d2d;
+    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1.0), rgba(87, 109, 117, 1.0));
+    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1.0), rgba(87, 109, 117, 1.0));
+    background: linear-gradient(to bottom, rgba(0, 0, 0, 1.0), rgba(87, 109, 117, 1.0));
+    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ 
+
+}
+*/
+
+
+
+.theme-overview {
+    /* background: #2d2d2d;
+    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1.0), rgba(87, 109, 117, 1.0));
+    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 1.0), rgba(87, 109, 117, 1.0));
+    background: linear-gradient(to top, rgba(0, 0, 0, 1.0), rgba(87, 109, 117, 1.0)); */
+    font-family: var(--font-family-sans-serif);
+}
+
+#services,
+#themes {
+    /* background: rgba(87, 109, 117, 1.0); */
+    color: var(--text-hover);
+    padding: 0rem 0 8rem 0;
+}
+
+.all-apps {
+    max-width: 1980px;
+}
+
+.img-fluid {
+    border-radius: 5px;
+}
+
+.app-container {
+    background: rgba(0, 0, 0, 0.2);
+    color: rgba(255, 255, 255, 0.7);
+    border-radius: 5px;
+    max-width: 120px;
+    min-width: 130px;
+}
+
+.app-container:hover {
+    color: white;
+    text-decoration: none;
+    background: rgba(var(--accent-color), 0.5);
+}
+
+.app-container:hover img {
+    transform: scale(1.1);
+}
+
+.app-container img {
+    transition: transform .5s;
+}
+
+.app-container-image {
+    width: 48px;
+    height: 48px;
+}
+
+p {
+    margin-bottom: 0.5rem;
+    font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-weight: 500;
+    line-height: 1.2;
+}
+
+.animate__animated.animate__pulse {
+    --animate-duration: 1.5s;
+}
+
+.animate__pulse:hover {
+    box-shadow: 0 0 10px rgba(var(--accent-color), 0.502);
+}
+
+/* @media (min-width: 992px) {
+.portfolio-box img {
+    object-fit: cover;
+ }
+} */
+
+/* EXAMPLE IMAGES*/
+#portfolio [class*="container-"] .portfolio-box:hover .portfolio-box-caption[class*="-hover"] {
+    opacity: .9;
+    border-radius: 5px;
+}
+
+#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.aquamarine-hover {
+    background: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%);
+}
+
+#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.hotline-hover {
+    background: linear-gradient(0deg, rgba(247, 101, 184, 1) 0%, rgb(21, 95, 165) 100%);
+}
+
+#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.space-gray-hover {
+    background: radial-gradient(ellipse at center, rgba(87, 108, 117, 1) 0%, rgba(37, 50, 55, 1) 100.2%);
+}
+
+#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.organizr-hover {
+    background: #1f1f1f;
+}
+
+#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.dark-hover {
+    background: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000);
+}
+
+#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.plex-hover {
+    background: url("https://theme-park.dev/resources/blur-noise.png") repeat scroll 0% 0%, radial-gradient(circle at 0% 100%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 100% 100%, rgba(113, 135, 153, 0.55) 0%, rgba(113, 135, 153, 0.043) 70%, rgba(113, 135, 153, 0) 80%), radial-gradient(circle at 100% 0%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 0% 0%, rgba(91, 114, 135, 0.55) 0%, rgba(91, 114, 135, 0.043) 70%, rgba(91, 114, 135, 0) 80%), rgb(0, 0, 0);
+}
+
+#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.dracula-hover {
+    background: #282a36;
+}
+
+#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.overseerr-hover {
+    background: linear-gradient(360deg, hsl(221, 39%, 11%) 65%, hsl(215, 28%, 17%) 100%);
+}
+
+#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.hotpink-hover {
+    background: linear-gradient(45deg, #fb3f62 0%, #204c80 37%, #004249 97%);
+}
+
+#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.nord-hover {
+    background: #2E3440;
+}
+
+
+@keyframes fadein {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
+
+@-moz-keyframes fadein {
+
+    /* Firefox */
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
+
+@-webkit-keyframes fadein {
+
+    /* Safari and Chrome */
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
+
+@-o-keyframes fadein {
+
+    /* Opera */
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
+
+body {
+    animation: fadein 2s;
+    -moz-animation: fadein 2s;
+    /* Firefox */
+    -webkit-animation: fadein 2s;
+    /* Safari and Chrome */
+    -o-animation: fadein 2s;
+    /* Opera */
+}
\ No newline at end of file
diff --git a/resources/landing-page/css/jquery-bg-slideshow-min.css b/resources/landing-page/css/jquery-bg-slideshow-min.css
new file mode 100644
index 00000000..38422855
--- /dev/null
+++ b/resources/landing-page/css/jquery-bg-slideshow-min.css
@@ -0,0 +1 @@
+.jquery-bg-slideshow-wrap-bg-element{position:relative}.jquery-bg-slideshow-list-control-element{position:absolute;text-align:center;bottom:0;width:100%}.jquery-bg-slideshow-list-control-image-element{display:inline-block;border-radius:5pt;height:5pt;width:5pt;margin-right:5px;background:#000;border:2px #fff;box-shadow:1px 1px 10px 1px #fff;cursor:pointer}.jquery-bg-slideshow-list-control-image-active-element{background-color:red;height:10px;width:10px;border-radius:10px;transition:background-color .5s ease}.jquery-bg-slideshow-cloned{z-index:-100;display:none}
\ No newline at end of file
diff --git a/resources/landing-page/css/jquery-bg-slideshow.css b/resources/landing-page/css/jquery-bg-slideshow.css
new file mode 100644
index 00000000..7b0d39fe
--- /dev/null
+++ b/resources/landing-page/css/jquery-bg-slideshow.css
@@ -0,0 +1,60 @@
+/*
+ * This is the class for the wrapper around the element that
+ * will have the slidshow background.
+ */
+ .jquery-bg-slideshow-wrap-bg-element {
+	position: relative;
+}
+
+/*
+ * This class is for the div that holds all of the small 'ball'
+ * that can be used to traverse the images in the list control.
+ */
+.jquery-bg-slideshow-list-control-element {
+	position: absolute;
+	text-align: center;
+	bottom: 0;
+	width: 100%;
+}
+
+/*
+ * This is the class that defines the small 'ball' on the bottom
+ * of the image for the user to click to view different images.
+ * This is used if the user has the 'listControls.enabled=true'.
+ * NOTE: listControls.size, listControls.backgroundColor,
+ * listControls.borderSize, listControls.spaceBetween, 
+ * and listControls.borderColor will impact this class.
+ */
+.jquery-bg-slideshow-list-control-image-element {
+	display: inline-block;
+	border-radius: 5pt;
+	height: 5pt;
+	width: 5pt;
+	margin-right: 5px;
+	background: rgb(0, 0, 0);
+	border: 2px rgb(255, 255, 255);
+	box-shadow: 1px 1px 10px 1px white;
+	cursor: pointer;
+}
+
+/*
+ * This is the class that highlights which image is being displayed
+ * within the list control.  That is, the small 'ball' on the bottom
+ * of the page.
+ */
+.jquery-bg-slideshow-list-control-image-active-element {
+	background-color: red;
+	height: 10px;
+	width: 10px;
+	border-radius: 10px;
+	transition: background-color 0.5s ease;
+}
+
+/*
+ * This is the class used to  store the cloned element.  This
+ * will be in the background as the other one fades out.
+ */
+.jquery-bg-slideshow-cloned {
+	z-index: -100;
+	display: none;
+}
\ No newline at end of file
diff --git a/resources/landing-page/css/styles.css b/resources/landing-page/css/styles.css
new file mode 100644
index 00000000..a9a30227
--- /dev/null
+++ b/resources/landing-page/css/styles.css
@@ -0,0 +1,11178 @@
+@charset "UTF-8";
+
+/*!
+* Start Bootstrap - Creative v6.0.5 (https://startbootstrap.com/theme/creative)
+* Copyright 2013-2021 Start Bootstrap
+* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-creative/blob/master/LICENSE)
+*/
+/*!
+ * Bootstrap v4.6.0 (https://getbootstrap.com/)
+ * Copyright 2011-2021 The Bootstrap Authors
+ * Copyright 2011-2021 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root {
+  --blue: #007bff;
+  --indigo: #6610f2;
+  --purple: #6f42c1;
+  --pink: #e83e8c;
+  --red: #dc3545;
+  --orange: #f4623a;
+  --yellow: #ffc107;
+  --green: #28a745;
+  --teal: #20c997;
+  --cyan: #17a2b8;
+  --white: #fff;
+  --gray: #6c757d;
+  --gray-dark: #343a40;
+  --primary: #f4623a;
+  --secondary: #6c757d;
+  --success: #28a745;
+  --info: #17a2b8;
+  --warning: #ffc107;
+  --danger: #dc3545;
+  --light: #f8f9fa;
+  --dark: #343a40;
+  --breakpoint-xs: 0;
+  --breakpoint-sm: 576px;
+  --breakpoint-md: 768px;
+  --breakpoint-lg: 992px;
+  --breakpoint-xl: 1200px;
+  --font-family-sans-serif: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+article,
+aside,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section {
+  display: block;
+}
+
+body {
+  margin: 0;
+  font-family: "Merriweather", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  text-align: left;
+  background-color: #fff;
+}
+
+[tabindex="-1"]:focus:not(:focus-visible) {
+  outline: 0 !important;
+}
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: 0.5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: #f4623a;
+  text-decoration: none;
+  background-color: transparent;
+}
+
+a:hover {
+  color: #d6370c;
+  text-decoration: underline;
+}
+
+a:not([href]):not([class]) {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: 1em;
+}
+
+pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  -ms-overflow-style: scrollbar;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+
+svg {
+  overflow: hidden;
+  vertical-align: middle;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #6c757d;
+  text-align: left;
+  caption-side: bottom;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+label {
+  display: inline-block;
+  margin-bottom: 0.5rem;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+input {
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+button::-moz-focus-inner,
+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+input[type=radio],
+input[type=checkbox] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+textarea {
+  overflow: auto;
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  outline-offset: -2px;
+  -webkit-appearance: none;
+}
+
+[type=search]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+template {
+  display: none;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+  margin-bottom: 0.5rem;
+  font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 500;
+  line-height: 1.2;
+}
+
+h1,
+.h1 {
+  font-size: 2.5rem;
+}
+
+h2,
+.h2 {
+  font-size: 2rem;
+}
+
+h3,
+.h3 {
+  font-size: 1.75rem;
+}
+
+h4,
+.h4 {
+  font-size: 1.5rem;
+}
+
+h5,
+.h5 {
+  font-size: 1.25rem;
+}
+
+h6,
+.h6 {
+  font-size: 1rem;
+}
+
+.lead {
+  font-size: 1.25rem;
+  font-weight: 300;
+}
+
+.display-1 {
+  font-size: 6rem;
+  font-weight: 300;
+  line-height: 1.2;
+}
+
+.display-2 {
+  font-size: 5.5rem;
+  font-weight: 300;
+  line-height: 1.2;
+}
+
+.display-3 {
+  font-size: 4.5rem;
+  font-weight: 300;
+  line-height: 1.2;
+}
+
+.display-4 {
+  font-size: 3.5rem;
+  font-weight: 300;
+  line-height: 1.2;
+}
+
+hr {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  border: 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+small,
+.small {
+  font-size: 80%;
+  font-weight: 400;
+}
+
+mark,
+.mark {
+  padding: 0.2em;
+  background-color: #fcf8e3;
+}
+
+.list-unstyled {
+  padding-left: 0;
+  list-style: none;
+}
+
+.list-inline {
+  padding-left: 0;
+  list-style: none;
+}
+
+.list-inline-item {
+  display: inline-block;
+}
+
+.list-inline-item:not(:last-child) {
+  margin-right: 0.5rem;
+}
+
+.initialism {
+  font-size: 90%;
+  text-transform: uppercase;
+}
+
+.blockquote {
+  margin-bottom: 1rem;
+  font-size: 1.25rem;
+}
+
+.blockquote-footer {
+  display: block;
+  font-size: 80%;
+  color: #6c757d;
+}
+
+.blockquote-footer::before {
+  content: "— ";
+}
+
+.img-fluid {
+  max-width: 100%;
+  height: auto;
+}
+
+.img-thumbnail {
+  padding: 0.25rem;
+  background-color: #fff;
+  border: 1px solid #dee2e6;
+  border-radius: 0.25rem;
+  max-width: 100%;
+  height: auto;
+}
+
+.figure {
+  display: inline-block;
+}
+
+.figure-img {
+  margin-bottom: 0.5rem;
+  line-height: 1;
+}
+
+.figure-caption {
+  font-size: 90%;
+  color: #6c757d;
+}
+
+code {
+  font-size: 87.5%;
+  color: #e83e8c;
+  word-wrap: break-word;
+}
+
+a>code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.2rem 0.4rem;
+  font-size: 87.5%;
+  color: #fff;
+  background-color: #212529;
+  border-radius: 0.2rem;
+}
+
+kbd kbd {
+  padding: 0;
+  font-size: 100%;
+  font-weight: 700;
+}
+
+pre {
+  display: block;
+  font-size: 87.5%;
+  color: #212529;
+}
+
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll;
+}
+
+.container,
+.container-fluid,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm {
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+@media (min-width: 576px) {
+
+  .container-sm,
+  .container {
+    max-width: 540px;
+  }
+}
+
+@media (min-width: 768px) {
+
+  .container-md,
+  .container-sm,
+  .container {
+    max-width: 720px;
+  }
+}
+
+@media (min-width: 992px) {
+
+  .container-lg,
+  .container-md,
+  .container-sm,
+  .container {
+    max-width: 960px;
+  }
+}
+
+@media (min-width: 1200px) {
+
+  .container-xl,
+  .container-lg,
+  .container-md,
+  .container-sm,
+  .container {
+    max-width: 1140px;
+  }
+}
+
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -15px;
+  margin-left: -15px;
+}
+
+.no-gutters {
+  margin-right: 0;
+  margin-left: 0;
+}
+
+.no-gutters>.col,
+.no-gutters>[class*=col-] {
+  padding-right: 0;
+  padding-left: 0;
+}
+
+.col-xl,
+.col-xl-auto,
+.col-xl-12,
+.col-xl-11,
+.col-xl-10,
+.col-xl-9,
+.col-xl-8,
+.col-xl-7,
+.col-xl-6,
+.col-xl-5,
+.col-xl-4,
+.col-xl-3,
+.col-xl-2,
+.col-xl-1,
+.col-lg,
+.col-lg-auto,
+.col-lg-12,
+.col-lg-11,
+.col-lg-10,
+.col-lg-9,
+.col-lg-8,
+.col-lg-7,
+.col-lg-6,
+.col-lg-5,
+.col-lg-4,
+.col-lg-3,
+.col-lg-2,
+.col-lg-1,
+.col-md,
+.col-md-auto,
+.col-md-12,
+.col-md-11,
+.col-md-10,
+.col-md-9,
+.col-md-8,
+.col-md-7,
+.col-md-6,
+.col-md-5,
+.col-md-4,
+.col-md-3,
+.col-md-2,
+.col-md-1,
+.col-sm,
+.col-sm-auto,
+.col-sm-12,
+.col-sm-11,
+.col-sm-10,
+.col-sm-9,
+.col-sm-8,
+.col-sm-7,
+.col-sm-6,
+.col-sm-5,
+.col-sm-4,
+.col-sm-3,
+.col-sm-2,
+.col-sm-1,
+.col,
+.col-auto,
+.col-12,
+.col-11,
+.col-10,
+.col-9,
+.col-8,
+.col-7,
+.col-6,
+.col-5,
+.col-4,
+.col-3,
+.col-2,
+.col-1 {
+  position: relative;
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+}
+
+.col {
+  flex-basis: 0;
+  flex-grow: 1;
+  max-width: 100%;
+}
+
+.row-cols-1>* {
+  flex: 0 0 100%;
+  max-width: 100%;
+}
+
+.row-cols-2>* {
+  flex: 0 0 50%;
+  max-width: 50%;
+}
+
+.row-cols-3>* {
+  flex: 0 0 33.3333333333%;
+  max-width: 33.3333333333%;
+}
+
+.row-cols-4>* {
+  flex: 0 0 25%;
+  max-width: 25%;
+}
+
+.row-cols-5>* {
+  flex: 0 0 20%;
+  max-width: 20%;
+}
+
+.row-cols-6>* {
+  flex: 0 0 16.6666666667%;
+  max-width: 16.6666666667%;
+}
+
+.col-auto {
+  flex: 0 0 auto;
+  width: auto;
+  max-width: 100%;
+}
+
+.col-1 {
+  flex: 0 0 8.3333333333%;
+  max-width: 8.3333333333%;
+}
+
+.col-2 {
+  flex: 0 0 16.6666666667%;
+  max-width: 16.6666666667%;
+}
+
+.col-3 {
+  flex: 0 0 25%;
+  max-width: 25%;
+}
+
+.col-4 {
+  flex: 0 0 33.3333333333%;
+  max-width: 33.3333333333%;
+}
+
+.col-5 {
+  flex: 0 0 41.6666666667%;
+  max-width: 41.6666666667%;
+}
+
+.col-6 {
+  flex: 0 0 50%;
+  max-width: 50%;
+}
+
+.col-7 {
+  flex: 0 0 58.3333333333%;
+  max-width: 58.3333333333%;
+}
+
+.col-8 {
+  flex: 0 0 66.6666666667%;
+  max-width: 66.6666666667%;
+}
+
+.col-9 {
+  flex: 0 0 75%;
+  max-width: 75%;
+}
+
+.col-10 {
+  flex: 0 0 83.3333333333%;
+  max-width: 83.3333333333%;
+}
+
+.col-11 {
+  flex: 0 0 91.6666666667%;
+  max-width: 91.6666666667%;
+}
+
+.col-12 {
+  flex: 0 0 100%;
+  max-width: 100%;
+}
+
+.order-first {
+  order: -1;
+}
+
+.order-last {
+  order: 13;
+}
+
+.order-0 {
+  order: 0;
+}
+
+.order-1 {
+  order: 1;
+}
+
+.order-2 {
+  order: 2;
+}
+
+.order-3 {
+  order: 3;
+}
+
+.order-4 {
+  order: 4;
+}
+
+.order-5 {
+  order: 5;
+}
+
+.order-6 {
+  order: 6;
+}
+
+.order-7 {
+  order: 7;
+}
+
+.order-8 {
+  order: 8;
+}
+
+.order-9 {
+  order: 9;
+}
+
+.order-10 {
+  order: 10;
+}
+
+.order-11 {
+  order: 11;
+}
+
+.order-12 {
+  order: 12;
+}
+
+.offset-1 {
+  margin-left: 8.3333333333%;
+}
+
+.offset-2 {
+  margin-left: 16.6666666667%;
+}
+
+.offset-3 {
+  margin-left: 25%;
+}
+
+.offset-4 {
+  margin-left: 33.3333333333%;
+}
+
+.offset-5 {
+  margin-left: 41.6666666667%;
+}
+
+.offset-6 {
+  margin-left: 50%;
+}
+
+.offset-7 {
+  margin-left: 58.3333333333%;
+}
+
+.offset-8 {
+  margin-left: 66.6666666667%;
+}
+
+.offset-9 {
+  margin-left: 75%;
+}
+
+.offset-10 {
+  margin-left: 83.3333333333%;
+}
+
+.offset-11 {
+  margin-left: 91.6666666667%;
+}
+
+@media (min-width: 576px) {
+  .col-sm {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+
+  .row-cols-sm-1>* {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+
+  .row-cols-sm-2>* {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+
+  .row-cols-sm-3>* {
+    flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%;
+  }
+
+  .row-cols-sm-4>* {
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+
+  .row-cols-sm-5>* {
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+
+  .row-cols-sm-6>* {
+    flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%;
+  }
+
+  .col-sm-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+
+  .col-sm-1 {
+    flex: 0 0 8.3333333333%;
+    max-width: 8.3333333333%;
+  }
+
+  .col-sm-2 {
+    flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%;
+  }
+
+  .col-sm-3 {
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+
+  .col-sm-4 {
+    flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%;
+  }
+
+  .col-sm-5 {
+    flex: 0 0 41.6666666667%;
+    max-width: 41.6666666667%;
+  }
+
+  .col-sm-6 {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+
+  .col-sm-7 {
+    flex: 0 0 58.3333333333%;
+    max-width: 58.3333333333%;
+  }
+
+  .col-sm-8 {
+    flex: 0 0 66.6666666667%;
+    max-width: 66.6666666667%;
+  }
+
+  .col-sm-9 {
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+
+  .col-sm-10 {
+    flex: 0 0 83.3333333333%;
+    max-width: 83.3333333333%;
+  }
+
+  .col-sm-11 {
+    flex: 0 0 91.6666666667%;
+    max-width: 91.6666666667%;
+  }
+
+  .col-sm-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+
+  .order-sm-first {
+    order: -1;
+  }
+
+  .order-sm-last {
+    order: 13;
+  }
+
+  .order-sm-0 {
+    order: 0;
+  }
+
+  .order-sm-1 {
+    order: 1;
+  }
+
+  .order-sm-2 {
+    order: 2;
+  }
+
+  .order-sm-3 {
+    order: 3;
+  }
+
+  .order-sm-4 {
+    order: 4;
+  }
+
+  .order-sm-5 {
+    order: 5;
+  }
+
+  .order-sm-6 {
+    order: 6;
+  }
+
+  .order-sm-7 {
+    order: 7;
+  }
+
+  .order-sm-8 {
+    order: 8;
+  }
+
+  .order-sm-9 {
+    order: 9;
+  }
+
+  .order-sm-10 {
+    order: 10;
+  }
+
+  .order-sm-11 {
+    order: 11;
+  }
+
+  .order-sm-12 {
+    order: 12;
+  }
+
+  .offset-sm-0 {
+    margin-left: 0;
+  }
+
+  .offset-sm-1 {
+    margin-left: 8.3333333333%;
+  }
+
+  .offset-sm-2 {
+    margin-left: 16.6666666667%;
+  }
+
+  .offset-sm-3 {
+    margin-left: 25%;
+  }
+
+  .offset-sm-4 {
+    margin-left: 33.3333333333%;
+  }
+
+  .offset-sm-5 {
+    margin-left: 41.6666666667%;
+  }
+
+  .offset-sm-6 {
+    margin-left: 50%;
+  }
+
+  .offset-sm-7 {
+    margin-left: 58.3333333333%;
+  }
+
+  .offset-sm-8 {
+    margin-left: 66.6666666667%;
+  }
+
+  .offset-sm-9 {
+    margin-left: 75%;
+  }
+
+  .offset-sm-10 {
+    margin-left: 83.3333333333%;
+  }
+
+  .offset-sm-11 {
+    margin-left: 91.6666666667%;
+  }
+}
+
+@media (min-width: 768px) {
+  .col-md {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+
+  .row-cols-md-1>* {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+
+  .row-cols-md-2>* {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+
+  .row-cols-md-3>* {
+    flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%;
+  }
+
+  .row-cols-md-4>* {
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+
+  .row-cols-md-5>* {
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+
+  .row-cols-md-6>* {
+    flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%;
+  }
+
+  .col-md-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+
+  .col-md-1 {
+    flex: 0 0 8.3333333333%;
+    max-width: 8.3333333333%;
+  }
+
+  .col-md-2 {
+    flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%;
+  }
+
+  .col-md-3 {
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+
+  .col-md-4 {
+    flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%;
+  }
+
+  .col-md-5 {
+    flex: 0 0 41.6666666667%;
+    max-width: 41.6666666667%;
+  }
+
+  .col-md-6 {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+
+  .col-md-7 {
+    flex: 0 0 58.3333333333%;
+    max-width: 58.3333333333%;
+  }
+
+  .col-md-8 {
+    flex: 0 0 66.6666666667%;
+    max-width: 66.6666666667%;
+  }
+
+  .col-md-9 {
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+
+  .col-md-10 {
+    flex: 0 0 83.3333333333%;
+    max-width: 83.3333333333%;
+  }
+
+  .col-md-11 {
+    flex: 0 0 91.6666666667%;
+    max-width: 91.6666666667%;
+  }
+
+  .col-md-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+
+  .order-md-first {
+    order: -1;
+  }
+
+  .order-md-last {
+    order: 13;
+  }
+
+  .order-md-0 {
+    order: 0;
+  }
+
+  .order-md-1 {
+    order: 1;
+  }
+
+  .order-md-2 {
+    order: 2;
+  }
+
+  .order-md-3 {
+    order: 3;
+  }
+
+  .order-md-4 {
+    order: 4;
+  }
+
+  .order-md-5 {
+    order: 5;
+  }
+
+  .order-md-6 {
+    order: 6;
+  }
+
+  .order-md-7 {
+    order: 7;
+  }
+
+  .order-md-8 {
+    order: 8;
+  }
+
+  .order-md-9 {
+    order: 9;
+  }
+
+  .order-md-10 {
+    order: 10;
+  }
+
+  .order-md-11 {
+    order: 11;
+  }
+
+  .order-md-12 {
+    order: 12;
+  }
+
+  .offset-md-0 {
+    margin-left: 0;
+  }
+
+  .offset-md-1 {
+    margin-left: 8.3333333333%;
+  }
+
+  .offset-md-2 {
+    margin-left: 16.6666666667%;
+  }
+
+  .offset-md-3 {
+    margin-left: 25%;
+  }
+
+  .offset-md-4 {
+    margin-left: 33.3333333333%;
+  }
+
+  .offset-md-5 {
+    margin-left: 41.6666666667%;
+  }
+
+  .offset-md-6 {
+    margin-left: 50%;
+  }
+
+  .offset-md-7 {
+    margin-left: 58.3333333333%;
+  }
+
+  .offset-md-8 {
+    margin-left: 66.6666666667%;
+  }
+
+  .offset-md-9 {
+    margin-left: 75%;
+  }
+
+  .offset-md-10 {
+    margin-left: 83.3333333333%;
+  }
+
+  .offset-md-11 {
+    margin-left: 91.6666666667%;
+  }
+}
+
+@media (min-width: 992px) {
+  .col-lg {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+
+  .row-cols-lg-1>* {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+
+  .row-cols-lg-2>* {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+
+  .row-cols-lg-3>* {
+    flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%;
+  }
+
+  .row-cols-lg-4>* {
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+
+  .row-cols-lg-5>* {
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+
+  .row-cols-lg-6>* {
+    flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%;
+  }
+
+  .col-lg-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+
+  .col-lg-1 {
+    flex: 0 0 8.3333333333%;
+    max-width: 8.3333333333%;
+  }
+
+  .col-lg-2 {
+    flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%;
+  }
+
+  .col-lg-3 {
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+
+  .col-lg-4 {
+    flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%;
+  }
+
+  .col-lg-5 {
+    flex: 0 0 41.6666666667%;
+    max-width: 41.6666666667%;
+  }
+
+  .col-lg-6 {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+
+  .col-lg-7 {
+    flex: 0 0 58.3333333333%;
+    max-width: 58.3333333333%;
+  }
+
+  .col-lg-8 {
+    flex: 0 0 66.6666666667%;
+    max-width: 66.6666666667%;
+  }
+
+  .col-lg-9 {
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+
+  .col-lg-10 {
+    flex: 0 0 83.3333333333%;
+    max-width: 83.3333333333%;
+  }
+
+  .col-lg-11 {
+    flex: 0 0 91.6666666667%;
+    max-width: 91.6666666667%;
+  }
+
+  .col-lg-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+
+  .order-lg-first {
+    order: -1;
+  }
+
+  .order-lg-last {
+    order: 13;
+  }
+
+  .order-lg-0 {
+    order: 0;
+  }
+
+  .order-lg-1 {
+    order: 1;
+  }
+
+  .order-lg-2 {
+    order: 2;
+  }
+
+  .order-lg-3 {
+    order: 3;
+  }
+
+  .order-lg-4 {
+    order: 4;
+  }
+
+  .order-lg-5 {
+    order: 5;
+  }
+
+  .order-lg-6 {
+    order: 6;
+  }
+
+  .order-lg-7 {
+    order: 7;
+  }
+
+  .order-lg-8 {
+    order: 8;
+  }
+
+  .order-lg-9 {
+    order: 9;
+  }
+
+  .order-lg-10 {
+    order: 10;
+  }
+
+  .order-lg-11 {
+    order: 11;
+  }
+
+  .order-lg-12 {
+    order: 12;
+  }
+
+  .offset-lg-0 {
+    margin-left: 0;
+  }
+
+  .offset-lg-1 {
+    margin-left: 8.3333333333%;
+  }
+
+  .offset-lg-2 {
+    margin-left: 16.6666666667%;
+  }
+
+  .offset-lg-3 {
+    margin-left: 25%;
+  }
+
+  .offset-lg-4 {
+    margin-left: 33.3333333333%;
+  }
+
+  .offset-lg-5 {
+    margin-left: 41.6666666667%;
+  }
+
+  .offset-lg-6 {
+    margin-left: 50%;
+  }
+
+  .offset-lg-7 {
+    margin-left: 58.3333333333%;
+  }
+
+  .offset-lg-8 {
+    margin-left: 66.6666666667%;
+  }
+
+  .offset-lg-9 {
+    margin-left: 75%;
+  }
+
+  .offset-lg-10 {
+    margin-left: 83.3333333333%;
+  }
+
+  .offset-lg-11 {
+    margin-left: 91.6666666667%;
+  }
+}
+
+@media (min-width: 1200px) {
+  .col-xl {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+
+  .row-cols-xl-1>* {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+
+  .row-cols-xl-2>* {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+
+  .row-cols-xl-3>* {
+    flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%;
+  }
+
+  .row-cols-xl-4>* {
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+
+  .row-cols-xl-5>* {
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+
+  .row-cols-xl-6>* {
+    flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%;
+  }
+
+  .col-xl-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+
+  .col-xl-1 {
+    flex: 0 0 8.3333333333%;
+    max-width: 8.3333333333%;
+  }
+
+  .col-xl-2 {
+    flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%;
+  }
+
+  .col-xl-3 {
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+
+  .col-xl-4 {
+    flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%;
+  }
+
+  .col-xl-5 {
+    flex: 0 0 41.6666666667%;
+    max-width: 41.6666666667%;
+  }
+
+  .col-xl-6 {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+
+  .col-xl-7 {
+    flex: 0 0 58.3333333333%;
+    max-width: 58.3333333333%;
+  }
+
+  .col-xl-8 {
+    flex: 0 0 66.6666666667%;
+    max-width: 66.6666666667%;
+  }
+
+  .col-xl-9 {
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+
+  .col-xl-10 {
+    flex: 0 0 83.3333333333%;
+    max-width: 83.3333333333%;
+  }
+
+  .col-xl-11 {
+    flex: 0 0 91.6666666667%;
+    max-width: 91.6666666667%;
+  }
+
+  .col-xl-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+
+  .order-xl-first {
+    order: -1;
+  }
+
+  .order-xl-last {
+    order: 13;
+  }
+
+  .order-xl-0 {
+    order: 0;
+  }
+
+  .order-xl-1 {
+    order: 1;
+  }
+
+  .order-xl-2 {
+    order: 2;
+  }
+
+  .order-xl-3 {
+    order: 3;
+  }
+
+  .order-xl-4 {
+    order: 4;
+  }
+
+  .order-xl-5 {
+    order: 5;
+  }
+
+  .order-xl-6 {
+    order: 6;
+  }
+
+  .order-xl-7 {
+    order: 7;
+  }
+
+  .order-xl-8 {
+    order: 8;
+  }
+
+  .order-xl-9 {
+    order: 9;
+  }
+
+  .order-xl-10 {
+    order: 10;
+  }
+
+  .order-xl-11 {
+    order: 11;
+  }
+
+  .order-xl-12 {
+    order: 12;
+  }
+
+  .offset-xl-0 {
+    margin-left: 0;
+  }
+
+  .offset-xl-1 {
+    margin-left: 8.3333333333%;
+  }
+
+  .offset-xl-2 {
+    margin-left: 16.6666666667%;
+  }
+
+  .offset-xl-3 {
+    margin-left: 25%;
+  }
+
+  .offset-xl-4 {
+    margin-left: 33.3333333333%;
+  }
+
+  .offset-xl-5 {
+    margin-left: 41.6666666667%;
+  }
+
+  .offset-xl-6 {
+    margin-left: 50%;
+  }
+
+  .offset-xl-7 {
+    margin-left: 58.3333333333%;
+  }
+
+  .offset-xl-8 {
+    margin-left: 66.6666666667%;
+  }
+
+  .offset-xl-9 {
+    margin-left: 75%;
+  }
+
+  .offset-xl-10 {
+    margin-left: 83.3333333333%;
+  }
+
+  .offset-xl-11 {
+    margin-left: 91.6666666667%;
+  }
+}
+
+.table {
+  width: 100%;
+  margin-bottom: 1rem;
+  color: #212529;
+}
+
+.table th,
+.table td {
+  padding: 0.75rem;
+  vertical-align: top;
+  border-top: 1px solid #dee2e6;
+}
+
+.table thead th {
+  vertical-align: bottom;
+  border-bottom: 2px solid #dee2e6;
+}
+
+.table tbody+tbody {
+  border-top: 2px solid #dee2e6;
+}
+
+.table-sm th,
+.table-sm td {
+  padding: 0.3rem;
+}
+
+.table-bordered {
+  border: 1px solid #dee2e6;
+}
+
+.table-bordered th,
+.table-bordered td {
+  border: 1px solid #dee2e6;
+}
+
+.table-bordered thead th,
+.table-bordered thead td {
+  border-bottom-width: 2px;
+}
+
+.table-borderless th,
+.table-borderless td,
+.table-borderless thead th,
+.table-borderless tbody+tbody {
+  border: 0;
+}
+
+.table-striped tbody tr:nth-of-type(odd) {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+.table-hover tbody tr:hover {
+  color: #212529;
+  background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table-primary,
+.table-primary>th,
+.table-primary>td {
+  background-color: #fcd3c8;
+}
+
+.table-primary th,
+.table-primary td,
+.table-primary thead th,
+.table-primary tbody+tbody {
+  border-color: #f9ad99;
+}
+
+.table-hover .table-primary:hover {
+  background-color: #fbc0b0;
+}
+
+.table-hover .table-primary:hover>td,
+.table-hover .table-primary:hover>th {
+  background-color: #fbc0b0;
+}
+
+.table-secondary,
+.table-secondary>th,
+.table-secondary>td {
+  background-color: #d6d8db;
+}
+
+.table-secondary th,
+.table-secondary td,
+.table-secondary thead th,
+.table-secondary tbody+tbody {
+  border-color: #b3b7bb;
+}
+
+.table-hover .table-secondary:hover {
+  background-color: #c8cbcf;
+}
+
+.table-hover .table-secondary:hover>td,
+.table-hover .table-secondary:hover>th {
+  background-color: #c8cbcf;
+}
+
+.table-success,
+.table-success>th,
+.table-success>td {
+  background-color: #c3e6cb;
+}
+
+.table-success th,
+.table-success td,
+.table-success thead th,
+.table-success tbody+tbody {
+  border-color: #8fd19e;
+}
+
+.table-hover .table-success:hover {
+  background-color: #b1dfbb;
+}
+
+.table-hover .table-success:hover>td,
+.table-hover .table-success:hover>th {
+  background-color: #b1dfbb;
+}
+
+.table-info,
+.table-info>th,
+.table-info>td {
+  background-color: #bee5eb;
+}
+
+.table-info th,
+.table-info td,
+.table-info thead th,
+.table-info tbody+tbody {
+  border-color: #86cfda;
+}
+
+.table-hover .table-info:hover {
+  background-color: #abdde5;
+}
+
+.table-hover .table-info:hover>td,
+.table-hover .table-info:hover>th {
+  background-color: #abdde5;
+}
+
+.table-warning,
+.table-warning>th,
+.table-warning>td {
+  background-color: #ffeeba;
+}
+
+.table-warning th,
+.table-warning td,
+.table-warning thead th,
+.table-warning tbody+tbody {
+  border-color: #ffdf7e;
+}
+
+.table-hover .table-warning:hover {
+  background-color: #ffe8a1;
+}
+
+.table-hover .table-warning:hover>td,
+.table-hover .table-warning:hover>th {
+  background-color: #ffe8a1;
+}
+
+.table-danger,
+.table-danger>th,
+.table-danger>td {
+  background-color: #f5c6cb;
+}
+
+.table-danger th,
+.table-danger td,
+.table-danger thead th,
+.table-danger tbody+tbody {
+  border-color: #ed969e;
+}
+
+.table-hover .table-danger:hover {
+  background-color: #f1b0b7;
+}
+
+.table-hover .table-danger:hover>td,
+.table-hover .table-danger:hover>th {
+  background-color: #f1b0b7;
+}
+
+.table-light,
+.table-light>th,
+.table-light>td {
+  background-color: #fdfdfe;
+}
+
+.table-light th,
+.table-light td,
+.table-light thead th,
+.table-light tbody+tbody {
+  border-color: #fbfcfc;
+}
+
+.table-hover .table-light:hover {
+  background-color: #ececf6;
+}
+
+.table-hover .table-light:hover>td,
+.table-hover .table-light:hover>th {
+  background-color: #ececf6;
+}
+
+.table-dark,
+.table-dark>th,
+.table-dark>td {
+  background-color: #c6c8ca;
+}
+
+.table-dark th,
+.table-dark td,
+.table-dark thead th,
+.table-dark tbody+tbody {
+  border-color: #95999c;
+}
+
+.table-hover .table-dark:hover {
+  background-color: #b9bbbe;
+}
+
+.table-hover .table-dark:hover>td,
+.table-hover .table-dark:hover>th {
+  background-color: #b9bbbe;
+}
+
+.table-active,
+.table-active>th,
+.table-active>td {
+  background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table-hover .table-active:hover {
+  background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table-hover .table-active:hover>td,
+.table-hover .table-active:hover>th {
+  background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table .thead-dark th {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #454d55;
+}
+
+.table .thead-light th {
+  color: #495057;
+  background-color: #e9ecef;
+  border-color: #dee2e6;
+}
+
+.table-dark {
+  color: #fff;
+  background-color: #343a40;
+}
+
+.table-dark th,
+.table-dark td,
+.table-dark thead th {
+  border-color: #454d55;
+}
+
+.table-dark.table-bordered {
+  border: 0;
+}
+
+.table-dark.table-striped tbody tr:nth-of-type(odd) {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.table-dark.table-hover tbody tr:hover {
+  color: #fff;
+  background-color: rgba(255, 255, 255, 0.075);
+}
+
+@media (max-width: 575.98px) {
+  .table-responsive-sm {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .table-responsive-sm>.table-bordered {
+    border: 0;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .table-responsive-md {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .table-responsive-md>.table-bordered {
+    border: 0;
+  }
+}
+
+@media (max-width: 991.98px) {
+  .table-responsive-lg {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .table-responsive-lg>.table-bordered {
+    border: 0;
+  }
+}
+
+@media (max-width: 1199.98px) {
+  .table-responsive-xl {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .table-responsive-xl>.table-bordered {
+    border: 0;
+  }
+}
+
+.table-responsive {
+  display: block;
+  width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.table-responsive>.table-bordered {
+  border: 0;
+}
+
+.form-control {
+  display: block;
+  width: 100%;
+  height: calc(1.5em + 0.75rem + 2px);
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .form-control {
+    transition: none;
+  }
+}
+
+.form-control::-ms-expand {
+  background-color: transparent;
+  border: 0;
+}
+
+.form-control:-moz-focusring {
+  color: transparent;
+  text-shadow: 0 0 0 #495057;
+}
+
+.form-control:focus {
+  color: #495057;
+  background-color: #fff;
+  border-color: #fbc2b3;
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(244, 98, 58, 0.25);
+}
+
+.form-control::-moz-placeholder {
+  color: #6c757d;
+  opacity: 1;
+}
+
+.form-control:-ms-input-placeholder {
+  color: #6c757d;
+  opacity: 1;
+}
+
+.form-control::placeholder {
+  color: #6c757d;
+  opacity: 1;
+}
+
+.form-control:disabled,
+.form-control[readonly] {
+  background-color: #e9ecef;
+  opacity: 1;
+}
+
+input[type=date].form-control,
+input[type=time].form-control,
+input[type=datetime-local].form-control,
+input[type=month].form-control {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+select.form-control:focus::-ms-value {
+  color: #495057;
+  background-color: #fff;
+}
+
+.form-control-file,
+.form-control-range {
+  display: block;
+  width: 100%;
+}
+
+.col-form-label {
+  padding-top: calc(0.375rem + 1px);
+  padding-bottom: calc(0.375rem + 1px);
+  margin-bottom: 0;
+  font-size: inherit;
+  line-height: 1.5;
+}
+
+.col-form-label-lg {
+  padding-top: calc(0.5rem + 1px);
+  padding-bottom: calc(0.5rem + 1px);
+  font-size: 1.25rem;
+  line-height: 1.5;
+}
+
+.col-form-label-sm {
+  padding-top: calc(0.25rem + 1px);
+  padding-bottom: calc(0.25rem + 1px);
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+
+.form-control-plaintext {
+  display: block;
+  width: 100%;
+  padding: 0.375rem 0;
+  margin-bottom: 0;
+  font-size: 1rem;
+  line-height: 1.5;
+  color: #212529;
+  background-color: transparent;
+  border: solid transparent;
+  border-width: 1px 0;
+}
+
+.form-control-plaintext.form-control-sm,
+.form-control-plaintext.form-control-lg {
+  padding-right: 0;
+  padding-left: 0;
+}
+
+.form-control-sm {
+  height: calc(1.5em + 0.5rem + 2px);
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  border-radius: 0.2rem;
+}
+
+.form-control-lg {
+  height: calc(1.5em + 1rem + 2px);
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  border-radius: 0.3rem;
+}
+
+select.form-control[size],
+select.form-control[multiple] {
+  height: auto;
+}
+
+textarea.form-control {
+  height: auto;
+}
+
+.form-group {
+  margin-bottom: 1rem;
+}
+
+.form-text {
+  display: block;
+  margin-top: 0.25rem;
+}
+
+.form-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -5px;
+  margin-left: -5px;
+}
+
+.form-row>.col,
+.form-row>[class*=col-] {
+  padding-right: 5px;
+  padding-left: 5px;
+}
+
+.form-check {
+  position: relative;
+  display: block;
+  padding-left: 1.25rem;
+}
+
+.form-check-input {
+  position: absolute;
+  margin-top: 0.3rem;
+  margin-left: -1.25rem;
+}
+
+.form-check-input[disabled]~.form-check-label,
+.form-check-input:disabled~.form-check-label {
+  color: #6c757d;
+}
+
+.form-check-label {
+  margin-bottom: 0;
+}
+
+.form-check-inline {
+  display: inline-flex;
+  align-items: center;
+  padding-left: 0;
+  margin-right: 0.75rem;
+}
+
+.form-check-inline .form-check-input {
+  position: static;
+  margin-top: 0;
+  margin-right: 0.3125rem;
+  margin-left: 0;
+}
+
+.valid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 80%;
+  color: #28a745;
+}
+
+.valid-tooltip {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: 0.25rem 0.5rem;
+  margin-top: 0.1rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  color: #fff;
+  background-color: rgba(40, 167, 69, 0.9);
+  border-radius: 0.25rem;
+}
+
+.form-row>.col>.valid-tooltip,
+.form-row>[class*=col-]>.valid-tooltip {
+  left: 5px;
+}
+
+.was-validated :valid~.valid-feedback,
+.was-validated :valid~.valid-tooltip,
+.is-valid~.valid-feedback,
+.is-valid~.valid-tooltip {
+  display: block;
+}
+
+.was-validated .form-control:valid,
+.form-control.is-valid {
+  border-color: #28a745;
+  padding-right: calc(1.5em + 0.75rem);
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right calc(0.375em + 0.1875rem) center;
+  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+
+.was-validated .form-control:valid:focus,
+.form-control.is-valid:focus {
+  border-color: #28a745;
+  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+}
+
+.was-validated textarea.form-control:valid,
+textarea.form-control.is-valid {
+  padding-right: calc(1.5em + 0.75rem);
+  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
+}
+
+.was-validated .custom-select:valid,
+.custom-select.is-valid {
+  border-color: #28a745;
+  padding-right: calc(0.75em + 2.3125rem);
+  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
+}
+
+.was-validated .custom-select:valid:focus,
+.custom-select.is-valid:focus {
+  border-color: #28a745;
+  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+}
+
+.was-validated .form-check-input:valid~.form-check-label,
+.form-check-input.is-valid~.form-check-label {
+  color: #28a745;
+}
+
+.was-validated .form-check-input:valid~.valid-feedback,
+.was-validated .form-check-input:valid~.valid-tooltip,
+.form-check-input.is-valid~.valid-feedback,
+.form-check-input.is-valid~.valid-tooltip {
+  display: block;
+}
+
+.was-validated .custom-control-input:valid~.custom-control-label,
+.custom-control-input.is-valid~.custom-control-label {
+  color: #28a745;
+}
+
+.was-validated .custom-control-input:valid~.custom-control-label::before,
+.custom-control-input.is-valid~.custom-control-label::before {
+  border-color: #28a745;
+}
+
+.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
+.custom-control-input.is-valid:checked~.custom-control-label::before {
+  border-color: #34ce57;
+  background-color: #34ce57;
+}
+
+.was-validated .custom-control-input:valid:focus~.custom-control-label::before,
+.custom-control-input.is-valid:focus~.custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+}
+
+.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,
+.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before {
+  border-color: #28a745;
+}
+
+.was-validated .custom-file-input:valid~.custom-file-label,
+.custom-file-input.is-valid~.custom-file-label {
+  border-color: #28a745;
+}
+
+.was-validated .custom-file-input:valid:focus~.custom-file-label,
+.custom-file-input.is-valid:focus~.custom-file-label {
+  border-color: #28a745;
+  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+}
+
+.invalid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 80%;
+  color: #dc3545;
+}
+
+.invalid-tooltip {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: 0.25rem 0.5rem;
+  margin-top: 0.1rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  color: #fff;
+  background-color: rgba(220, 53, 69, 0.9);
+  border-radius: 0.25rem;
+}
+
+.form-row>.col>.invalid-tooltip,
+.form-row>[class*=col-]>.invalid-tooltip {
+  left: 5px;
+}
+
+.was-validated :invalid~.invalid-feedback,
+.was-validated :invalid~.invalid-tooltip,
+.is-invalid~.invalid-feedback,
+.is-invalid~.invalid-tooltip {
+  display: block;
+}
+
+.was-validated .form-control:invalid,
+.form-control.is-invalid {
+  border-color: #dc3545;
+  padding-right: calc(1.5em + 0.75rem);
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right calc(0.375em + 0.1875rem) center;
+  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
+}
+
+.was-validated .form-control:invalid:focus,
+.form-control.is-invalid:focus {
+  border-color: #dc3545;
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+
+.was-validated textarea.form-control:invalid,
+textarea.form-control.is-invalid {
+  padding-right: calc(1.5em + 0.75rem);
+  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
+}
+
+.was-validated .custom-select:invalid,
+.custom-select.is-invalid {
+  border-color: #dc3545;
+  padding-right: calc(0.75em + 2.3125rem);
+  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
+}
+
+.was-validated .custom-select:invalid:focus,
+.custom-select.is-invalid:focus {
+  border-color: #dc3545;
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+
+.was-validated .form-check-input:invalid~.form-check-label,
+.form-check-input.is-invalid~.form-check-label {
+  color: #dc3545;
+}
+
+.was-validated .form-check-input:invalid~.invalid-feedback,
+.was-validated .form-check-input:invalid~.invalid-tooltip,
+.form-check-input.is-invalid~.invalid-feedback,
+.form-check-input.is-invalid~.invalid-tooltip {
+  display: block;
+}
+
+.was-validated .custom-control-input:invalid~.custom-control-label,
+.custom-control-input.is-invalid~.custom-control-label {
+  color: #dc3545;
+}
+
+.was-validated .custom-control-input:invalid~.custom-control-label::before,
+.custom-control-input.is-invalid~.custom-control-label::before {
+  border-color: #dc3545;
+}
+
+.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,
+.custom-control-input.is-invalid:checked~.custom-control-label::before {
+  border-color: #e4606d;
+  background-color: #e4606d;
+}
+
+.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,
+.custom-control-input.is-invalid:focus~.custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+
+.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,
+.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before {
+  border-color: #dc3545;
+}
+
+.was-validated .custom-file-input:invalid~.custom-file-label,
+.custom-file-input.is-invalid~.custom-file-label {
+  border-color: #dc3545;
+}
+
+.was-validated .custom-file-input:invalid:focus~.custom-file-label,
+.custom-file-input.is-invalid:focus~.custom-file-label {
+  border-color: #dc3545;
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+
+.form-inline {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+}
+
+.form-inline .form-check {
+  width: 100%;
+}
+
+@media (min-width: 576px) {
+  .form-inline label {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 0;
+  }
+
+  .form-inline .form-group {
+    display: flex;
+    flex: 0 0 auto;
+    flex-flow: row wrap;
+    align-items: center;
+    margin-bottom: 0;
+  }
+
+  .form-inline .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+  }
+
+  .form-inline .form-control-plaintext {
+    display: inline-block;
+  }
+
+  .form-inline .input-group,
+  .form-inline .custom-select {
+    width: auto;
+  }
+
+  .form-inline .form-check {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: auto;
+    padding-left: 0;
+  }
+
+  .form-inline .form-check-input {
+    position: relative;
+    flex-shrink: 0;
+    margin-top: 0;
+    margin-right: 0.25rem;
+    margin-left: 0;
+  }
+
+  .form-inline .custom-control {
+    align-items: center;
+    justify-content: center;
+  }
+
+  .form-inline .custom-control-label {
+    margin-bottom: 0;
+  }
+}
+
+.btn {
+  display: inline-block;
+  font-weight: 400;
+  color: #212529;
+  text-align: center;
+  vertical-align: middle;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  background-color: transparent;
+  border: 1px solid transparent;
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5;
+  border-radius: 0.25rem;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .btn {
+    transition: none;
+  }
+}
+
+.btn:hover {
+  color: #212529;
+  text-decoration: none;
+}
+
+.btn:focus,
+.btn.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(244, 98, 58, 0.25);
+}
+
+.btn.disabled,
+.btn:disabled {
+  opacity: 0.65;
+}
+
+.btn:not(:disabled):not(.disabled) {
+  cursor: pointer;
+}
+
+a.btn.disabled,
+fieldset:disabled a.btn {
+  pointer-events: none;
+}
+
+.btn-primary {
+  color: #fff;
+  background-color: #f4623a;
+  border-color: #f4623a;
+}
+
+.btn-primary:hover {
+  color: #fff;
+  background-color: #f24516;
+  border-color: #ee3e0d;
+}
+
+.btn-primary:focus,
+.btn-primary.focus {
+  color: #fff;
+  background-color: #f24516;
+  border-color: #ee3e0d;
+  box-shadow: 0 0 0 0.2rem rgba(246, 122, 88, 0.5);
+}
+
+.btn-primary.disabled,
+.btn-primary:disabled {
+  color: #fff;
+  background-color: #f4623a;
+  border-color: #f4623a;
+}
+
+.btn-primary:not(:disabled):not(.disabled):active,
+.btn-primary:not(:disabled):not(.disabled).active,
+.show>.btn-primary.dropdown-toggle {
+  color: #fff;
+  background-color: #ee3e0d;
+  border-color: #e23a0d;
+}
+
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.show>.btn-primary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(246, 122, 88, 0.5);
+}
+
+.btn-secondary {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.btn-secondary:hover {
+  color: #fff;
+  background-color: #5a6268;
+  border-color: #545b62;
+}
+
+.btn-secondary:focus,
+.btn-secondary.focus {
+  color: #fff;
+  background-color: #5a6268;
+  border-color: #545b62;
+  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+}
+
+.btn-secondary.disabled,
+.btn-secondary:disabled {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.btn-secondary:not(:disabled):not(.disabled):active,
+.btn-secondary:not(:disabled):not(.disabled).active,
+.show>.btn-secondary.dropdown-toggle {
+  color: #fff;
+  background-color: #545b62;
+  border-color: #4e555b;
+}
+
+.btn-secondary:not(:disabled):not(.disabled):active:focus,
+.btn-secondary:not(:disabled):not(.disabled).active:focus,
+.show>.btn-secondary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+}
+
+.btn-success {
+  color: #fff;
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.btn-success:hover {
+  color: #fff;
+  background-color: #218838;
+  border-color: #1e7e34;
+}
+
+.btn-success:focus,
+.btn-success.focus {
+  color: #fff;
+  background-color: #218838;
+  border-color: #1e7e34;
+  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
+}
+
+.btn-success.disabled,
+.btn-success:disabled {
+  color: #fff;
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.btn-success:not(:disabled):not(.disabled):active,
+.btn-success:not(:disabled):not(.disabled).active,
+.show>.btn-success.dropdown-toggle {
+  color: #fff;
+  background-color: #1e7e34;
+  border-color: #1c7430;
+}
+
+.btn-success:not(:disabled):not(.disabled):active:focus,
+.btn-success:not(:disabled):not(.disabled).active:focus,
+.show>.btn-success.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
+}
+
+.btn-info {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.btn-info:hover {
+  color: #fff;
+  background-color: #138496;
+  border-color: #117a8b;
+}
+
+.btn-info:focus,
+.btn-info.focus {
+  color: #fff;
+  background-color: #138496;
+  border-color: #117a8b;
+  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
+}
+
+.btn-info.disabled,
+.btn-info:disabled {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.btn-info:not(:disabled):not(.disabled):active,
+.btn-info:not(:disabled):not(.disabled).active,
+.show>.btn-info.dropdown-toggle {
+  color: #fff;
+  background-color: #117a8b;
+  border-color: #10707f;
+}
+
+.btn-info:not(:disabled):not(.disabled):active:focus,
+.btn-info:not(:disabled):not(.disabled).active:focus,
+.show>.btn-info.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
+}
+
+.btn-warning {
+  color: #212529;
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.btn-warning:hover {
+  color: #212529;
+  background-color: #e0a800;
+  border-color: #d39e00;
+}
+
+.btn-warning:focus,
+.btn-warning.focus {
+  color: #212529;
+  background-color: #e0a800;
+  border-color: #d39e00;
+  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
+}
+
+.btn-warning.disabled,
+.btn-warning:disabled {
+  color: #212529;
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.btn-warning:not(:disabled):not(.disabled):active,
+.btn-warning:not(:disabled):not(.disabled).active,
+.show>.btn-warning.dropdown-toggle {
+  color: #212529;
+  background-color: #d39e00;
+  border-color: #c69500;
+}
+
+.btn-warning:not(:disabled):not(.disabled):active:focus,
+.btn-warning:not(:disabled):not(.disabled).active:focus,
+.show>.btn-warning.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
+}
+
+.btn-danger {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.btn-danger:hover {
+  color: #fff;
+  background-color: #c82333;
+  border-color: #bd2130;
+}
+
+.btn-danger:focus,
+.btn-danger.focus {
+  color: #fff;
+  background-color: #c82333;
+  border-color: #bd2130;
+  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
+}
+
+.btn-danger.disabled,
+.btn-danger:disabled {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.btn-danger:not(:disabled):not(.disabled):active,
+.btn-danger:not(:disabled):not(.disabled).active,
+.show>.btn-danger.dropdown-toggle {
+  color: #fff;
+  background-color: #bd2130;
+  border-color: #b21f2d;
+}
+
+.btn-danger:not(:disabled):not(.disabled):active:focus,
+.btn-danger:not(:disabled):not(.disabled).active:focus,
+.show>.btn-danger.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
+}
+
+.btn-light {
+  color: #212529;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.btn-light:hover {
+  color: #212529;
+  background-color: #e2e6ea;
+  border-color: #dae0e5;
+}
+
+.btn-light:focus,
+.btn-light.focus {
+  color: #212529;
+  background-color: #e2e6ea;
+  border-color: #dae0e5;
+  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
+}
+
+.btn-light.disabled,
+.btn-light:disabled {
+  color: #212529;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.btn-light:not(:disabled):not(.disabled):active,
+.btn-light:not(:disabled):not(.disabled).active,
+.show>.btn-light.dropdown-toggle {
+  color: #212529;
+  background-color: #dae0e5;
+  border-color: #d3d9df;
+}
+
+.btn-light:not(:disabled):not(.disabled):active:focus,
+.btn-light:not(:disabled):not(.disabled).active:focus,
+.show>.btn-light.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
+}
+
+.btn-dark {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.btn-dark:hover {
+  color: #fff;
+  background-color: #23272b;
+  border-color: #1d2124;
+}
+
+.btn-dark:focus,
+.btn-dark.focus {
+  color: #fff;
+  background-color: #23272b;
+  border-color: #1d2124;
+  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
+}
+
+.btn-dark.disabled,
+.btn-dark:disabled {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.btn-dark:not(:disabled):not(.disabled):active,
+.btn-dark:not(:disabled):not(.disabled).active,
+.show>.btn-dark.dropdown-toggle {
+  color: #fff;
+  background-color: #1d2124;
+  border-color: #171a1d;
+}
+
+.btn-dark:not(:disabled):not(.disabled):active:focus,
+.btn-dark:not(:disabled):not(.disabled).active:focus,
+.show>.btn-dark.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
+}
+
+.btn-outline-primary {
+  color: #f4623a;
+  border-color: #f4623a;
+}
+
+.btn-outline-primary:hover {
+  color: #fff;
+  background-color: #f4623a;
+  border-color: #f4623a;
+}
+
+.btn-outline-primary:focus,
+.btn-outline-primary.focus {
+  box-shadow: 0 0 0 0.2rem rgba(244, 98, 58, 0.5);
+}
+
+.btn-outline-primary.disabled,
+.btn-outline-primary:disabled {
+  color: #f4623a;
+  background-color: transparent;
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled):active,
+.btn-outline-primary:not(:disabled):not(.disabled).active,
+.show>.btn-outline-primary.dropdown-toggle {
+  color: #fff;
+  background-color: #f4623a;
+  border-color: #f4623a;
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
+.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+.show>.btn-outline-primary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(244, 98, 58, 0.5);
+}
+
+.btn-outline-secondary {
+  color: #6c757d;
+  border-color: #6c757d;
+}
+
+.btn-outline-secondary:hover {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.btn-outline-secondary:focus,
+.btn-outline-secondary.focus {
+  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+}
+
+.btn-outline-secondary.disabled,
+.btn-outline-secondary:disabled {
+  color: #6c757d;
+  background-color: transparent;
+}
+
+.btn-outline-secondary:not(:disabled):not(.disabled):active,
+.btn-outline-secondary:not(:disabled):not(.disabled).active,
+.show>.btn-outline-secondary.dropdown-toggle {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
+.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+.show>.btn-outline-secondary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+}
+
+.btn-outline-success {
+  color: #28a745;
+  border-color: #28a745;
+}
+
+.btn-outline-success:hover {
+  color: #fff;
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.btn-outline-success:focus,
+.btn-outline-success.focus {
+  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
+}
+
+.btn-outline-success.disabled,
+.btn-outline-success:disabled {
+  color: #28a745;
+  background-color: transparent;
+}
+
+.btn-outline-success:not(:disabled):not(.disabled):active,
+.btn-outline-success:not(:disabled):not(.disabled).active,
+.show>.btn-outline-success.dropdown-toggle {
+  color: #fff;
+  background-color: #28a745;
+  border-color: #28a745;
+}
+
+.btn-outline-success:not(:disabled):not(.disabled):active:focus,
+.btn-outline-success:not(:disabled):not(.disabled).active:focus,
+.show>.btn-outline-success.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
+}
+
+.btn-outline-info {
+  color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.btn-outline-info:hover {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.btn-outline-info:focus,
+.btn-outline-info.focus {
+  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
+}
+
+.btn-outline-info.disabled,
+.btn-outline-info:disabled {
+  color: #17a2b8;
+  background-color: transparent;
+}
+
+.btn-outline-info:not(:disabled):not(.disabled):active,
+.btn-outline-info:not(:disabled):not(.disabled).active,
+.show>.btn-outline-info.dropdown-toggle {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+
+.btn-outline-info:not(:disabled):not(.disabled):active:focus,
+.btn-outline-info:not(:disabled):not(.disabled).active:focus,
+.show>.btn-outline-info.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
+}
+
+.btn-outline-warning {
+  color: #ffc107;
+  border-color: #ffc107;
+}
+
+.btn-outline-warning:hover {
+  color: #212529;
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.btn-outline-warning:focus,
+.btn-outline-warning.focus {
+  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
+}
+
+.btn-outline-warning.disabled,
+.btn-outline-warning:disabled {
+  color: #ffc107;
+  background-color: transparent;
+}
+
+.btn-outline-warning:not(:disabled):not(.disabled):active,
+.btn-outline-warning:not(:disabled):not(.disabled).active,
+.show>.btn-outline-warning.dropdown-toggle {
+  color: #212529;
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
+.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+.show>.btn-outline-warning.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
+}
+
+.btn-outline-danger {
+  color: #dc3545;
+  border-color: #dc3545;
+}
+
+.btn-outline-danger:hover {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.btn-outline-danger:focus,
+.btn-outline-danger.focus {
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
+}
+
+.btn-outline-danger.disabled,
+.btn-outline-danger:disabled {
+  color: #dc3545;
+  background-color: transparent;
+}
+
+.btn-outline-danger:not(:disabled):not(.disabled):active,
+.btn-outline-danger:not(:disabled):not(.disabled).active,
+.show>.btn-outline-danger.dropdown-toggle {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
+.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+.show>.btn-outline-danger.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
+}
+
+.btn-outline-light {
+  color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.btn-outline-light:hover {
+  color: #212529;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.btn-outline-light:focus,
+.btn-outline-light.focus {
+  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
+}
+
+.btn-outline-light.disabled,
+.btn-outline-light:disabled {
+  color: #f8f9fa;
+  background-color: transparent;
+}
+
+.btn-outline-light:not(:disabled):not(.disabled):active,
+.btn-outline-light:not(:disabled):not(.disabled).active,
+.show>.btn-outline-light.dropdown-toggle {
+  color: #212529;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.btn-outline-light:not(:disabled):not(.disabled):active:focus,
+.btn-outline-light:not(:disabled):not(.disabled).active:focus,
+.show>.btn-outline-light.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
+}
+
+.btn-outline-dark {
+  color: #343a40;
+  border-color: #343a40;
+}
+
+.btn-outline-dark:hover {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.btn-outline-dark:focus,
+.btn-outline-dark.focus {
+  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
+}
+
+.btn-outline-dark.disabled,
+.btn-outline-dark:disabled {
+  color: #343a40;
+  background-color: transparent;
+}
+
+.btn-outline-dark:not(:disabled):not(.disabled):active,
+.btn-outline-dark:not(:disabled):not(.disabled).active,
+.show>.btn-outline-dark.dropdown-toggle {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #343a40;
+}
+
+.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
+.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+.show>.btn-outline-dark.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
+}
+
+.btn-link {
+  font-weight: 400;
+  color: #f4623a;
+  text-decoration: none;
+}
+
+.btn-link:hover {
+  color: #d6370c;
+  text-decoration: underline;
+}
+
+.btn-link:focus,
+.btn-link.focus {
+  text-decoration: underline;
+}
+
+.btn-link:disabled,
+.btn-link.disabled {
+  color: #6c757d;
+  pointer-events: none;
+}
+
+.btn-lg,
+.btn-group-lg>.btn {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  border-radius: 0.3rem;
+}
+
+.btn-sm,
+.btn-group-sm>.btn {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  border-radius: 0.2rem;
+}
+
+.btn-block {
+  display: block;
+  width: 100%;
+}
+
+.btn-block+.btn-block {
+  margin-top: 0.5rem;
+}
+
+input[type=submit].btn-block,
+input[type=reset].btn-block,
+input[type=button].btn-block {
+  width: 100%;
+}
+
+.fade {
+  transition: opacity 0.15s linear;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .fade {
+    transition: none;
+  }
+}
+
+.fade:not(.show) {
+  opacity: 0;
+}
+
+.collapse:not(.show) {
+  display: none;
+}
+
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  transition: height 0.35s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .collapsing {
+    transition: none;
+  }
+}
+
+.dropup,
+.dropright,
+.dropdown,
+.dropleft {
+  position: relative;
+}
+
+.dropdown-toggle {
+  white-space: nowrap;
+}
+
+.dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0;
+  border-left: 0.3em solid transparent;
+}
+
+.dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 10rem;
+  padding: 0.5rem 0;
+  margin: 0.125rem 0 0;
+  font-size: 1rem;
+  color: #212529;
+  text-align: left;
+  list-style: none;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 0.25rem;
+}
+
+.dropdown-menu-left {
+  right: auto;
+  left: 0;
+}
+
+.dropdown-menu-right {
+  right: 0;
+  left: auto;
+}
+
+@media (min-width: 576px) {
+  .dropdown-menu-sm-left {
+    right: auto;
+    left: 0;
+  }
+
+  .dropdown-menu-sm-right {
+    right: 0;
+    left: auto;
+  }
+}
+
+@media (min-width: 768px) {
+  .dropdown-menu-md-left {
+    right: auto;
+    left: 0;
+  }
+
+  .dropdown-menu-md-right {
+    right: 0;
+    left: auto;
+  }
+}
+
+@media (min-width: 992px) {
+  .dropdown-menu-lg-left {
+    right: auto;
+    left: 0;
+  }
+
+  .dropdown-menu-lg-right {
+    right: 0;
+    left: auto;
+  }
+}
+
+@media (min-width: 1200px) {
+  .dropdown-menu-xl-left {
+    right: auto;
+    left: 0;
+  }
+
+  .dropdown-menu-xl-right {
+    right: 0;
+    left: auto;
+  }
+}
+
+.dropup .dropdown-menu {
+  top: auto;
+  bottom: 100%;
+  margin-top: 0;
+  margin-bottom: 0.125rem;
+}
+
+.dropup .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0.3em solid;
+  border-left: 0.3em solid transparent;
+}
+
+.dropup .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropright .dropdown-menu {
+  top: 0;
+  right: auto;
+  left: 100%;
+  margin-top: 0;
+  margin-left: 0.125rem;
+}
+
+.dropright .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid transparent;
+  border-right: 0;
+  border-bottom: 0.3em solid transparent;
+  border-left: 0.3em solid;
+}
+
+.dropright .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropright .dropdown-toggle::after {
+  vertical-align: 0;
+}
+
+.dropleft .dropdown-menu {
+  top: 0;
+  right: 100%;
+  left: auto;
+  margin-top: 0;
+  margin-right: 0.125rem;
+}
+
+.dropleft .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+}
+
+.dropleft .dropdown-toggle::after {
+  display: none;
+}
+
+.dropleft .dropdown-toggle::before {
+  display: inline-block;
+  margin-right: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid transparent;
+  border-right: 0.3em solid;
+  border-bottom: 0.3em solid transparent;
+}
+
+.dropleft .dropdown-toggle:empty::after {
+  margin-left: 0;
+}
+
+.dropleft .dropdown-toggle::before {
+  vertical-align: 0;
+}
+
+.dropdown-menu[x-placement^=top],
+.dropdown-menu[x-placement^=right],
+.dropdown-menu[x-placement^=bottom],
+.dropdown-menu[x-placement^=left] {
+  right: auto;
+  bottom: auto;
+}
+
+.dropdown-divider {
+  height: 0;
+  margin: 0.5rem 0;
+  overflow: hidden;
+  border-top: 1px solid #e9ecef;
+}
+
+.dropdown-item {
+  display: block;
+  width: 100%;
+  padding: 0.25rem 1.5rem;
+  clear: both;
+  font-weight: 400;
+  color: #212529;
+  text-align: inherit;
+  white-space: nowrap;
+  background-color: transparent;
+  border: 0;
+}
+
+.dropdown-item:hover,
+.dropdown-item:focus {
+  color: #16181b;
+  text-decoration: none;
+  background-color: #e9ecef;
+}
+
+.dropdown-item.active,
+.dropdown-item:active {
+  color: #fff;
+  text-decoration: none;
+  background-color: #f4623a;
+}
+
+.dropdown-item.disabled,
+.dropdown-item:disabled {
+  color: #adb5bd;
+  pointer-events: none;
+  background-color: transparent;
+}
+
+.dropdown-menu.show {
+  display: block;
+}
+
+.dropdown-header {
+  display: block;
+  padding: 0.5rem 1.5rem;
+  margin-bottom: 0;
+  font-size: 0.875rem;
+  color: #6c757d;
+  white-space: nowrap;
+}
+
+.dropdown-item-text {
+  display: block;
+  padding: 0.25rem 1.5rem;
+  color: #212529;
+}
+
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle;
+}
+
+.btn-group>.btn,
+.btn-group-vertical>.btn {
+  position: relative;
+  flex: 1 1 auto;
+}
+
+.btn-group>.btn:hover,
+.btn-group-vertical>.btn:hover {
+  z-index: 1;
+}
+
+.btn-group>.btn:focus,
+.btn-group>.btn:active,
+.btn-group>.btn.active,
+.btn-group-vertical>.btn:focus,
+.btn-group-vertical>.btn:active,
+.btn-group-vertical>.btn.active {
+  z-index: 1;
+}
+
+.btn-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+}
+
+.btn-toolbar .input-group {
+  width: auto;
+}
+
+.btn-group>.btn:not(:first-child),
+.btn-group>.btn-group:not(:first-child) {
+  margin-left: -1px;
+}
+
+.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
+.btn-group>.btn-group:not(:last-child)>.btn {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.btn-group>.btn:not(:first-child),
+.btn-group>.btn-group:not(:first-child)>.btn {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.dropdown-toggle-split {
+  padding-right: 0.5625rem;
+  padding-left: 0.5625rem;
+}
+
+.dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after,
+.dropright .dropdown-toggle-split::after {
+  margin-left: 0;
+}
+
+.dropleft .dropdown-toggle-split::before {
+  margin-right: 0;
+}
+
+.btn-sm+.dropdown-toggle-split,
+.btn-group-sm>.btn+.dropdown-toggle-split {
+  padding-right: 0.375rem;
+  padding-left: 0.375rem;
+}
+
+.btn-lg+.dropdown-toggle-split,
+.btn-group-lg>.btn+.dropdown-toggle-split {
+  padding-right: 0.75rem;
+  padding-left: 0.75rem;
+}
+
+.btn-group-vertical {
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+}
+
+.btn-group-vertical>.btn,
+.btn-group-vertical>.btn-group {
+  width: 100%;
+}
+
+.btn-group-vertical>.btn:not(:first-child),
+.btn-group-vertical>.btn-group:not(:first-child) {
+  margin-top: -1px;
+}
+
+.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical>.btn-group:not(:last-child)>.btn {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.btn-group-vertical>.btn:not(:first-child),
+.btn-group-vertical>.btn-group:not(:first-child)>.btn {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.btn-group-toggle>.btn,
+.btn-group-toggle>.btn-group>.btn {
+  margin-bottom: 0;
+}
+
+.btn-group-toggle>.btn input[type=radio],
+.btn-group-toggle>.btn input[type=checkbox],
+.btn-group-toggle>.btn-group>.btn input[type=radio],
+.btn-group-toggle>.btn-group>.btn input[type=checkbox] {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+  pointer-events: none;
+}
+
+.input-group {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+  width: 100%;
+}
+
+.input-group>.form-control,
+.input-group>.form-control-plaintext,
+.input-group>.custom-select,
+.input-group>.custom-file {
+  position: relative;
+  flex: 1 1 auto;
+  width: 1%;
+  min-width: 0;
+  margin-bottom: 0;
+}
+
+.input-group>.form-control+.form-control,
+.input-group>.form-control+.custom-select,
+.input-group>.form-control+.custom-file,
+.input-group>.form-control-plaintext+.form-control,
+.input-group>.form-control-plaintext+.custom-select,
+.input-group>.form-control-plaintext+.custom-file,
+.input-group>.custom-select+.form-control,
+.input-group>.custom-select+.custom-select,
+.input-group>.custom-select+.custom-file,
+.input-group>.custom-file+.form-control,
+.input-group>.custom-file+.custom-select,
+.input-group>.custom-file+.custom-file {
+  margin-left: -1px;
+}
+
+.input-group>.form-control:focus,
+.input-group>.custom-select:focus,
+.input-group>.custom-file .custom-file-input:focus~.custom-file-label {
+  z-index: 3;
+}
+
+.input-group>.custom-file .custom-file-input:focus {
+  z-index: 4;
+}
+
+.input-group>.form-control:not(:first-child),
+.input-group>.custom-select:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.input-group>.custom-file {
+  display: flex;
+  align-items: center;
+}
+
+.input-group>.custom-file:not(:last-child) .custom-file-label,
+.input-group>.custom-file:not(:first-child) .custom-file-label {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.input-group:not(.has-validation)>.form-control:not(:last-child),
+.input-group:not(.has-validation)>.custom-select:not(:last-child),
+.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group.has-validation>.form-control:nth-last-child(n+3),
+.input-group.has-validation>.custom-select:nth-last-child(n+3),
+.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group-prepend,
+.input-group-append {
+  display: flex;
+}
+
+.input-group-prepend .btn,
+.input-group-append .btn {
+  position: relative;
+  z-index: 2;
+}
+
+.input-group-prepend .btn:focus,
+.input-group-append .btn:focus {
+  z-index: 3;
+}
+
+.input-group-prepend .btn+.btn,
+.input-group-prepend .btn+.input-group-text,
+.input-group-prepend .input-group-text+.input-group-text,
+.input-group-prepend .input-group-text+.btn,
+.input-group-append .btn+.btn,
+.input-group-append .btn+.input-group-text,
+.input-group-append .input-group-text+.input-group-text,
+.input-group-append .input-group-text+.btn {
+  margin-left: -1px;
+}
+
+.input-group-prepend {
+  margin-right: -1px;
+}
+
+.input-group-append {
+  margin-left: -1px;
+}
+
+.input-group-text {
+  display: flex;
+  align-items: center;
+  padding: 0.375rem 0.75rem;
+  margin-bottom: 0;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #e9ecef;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+}
+
+.input-group-text input[type=radio],
+.input-group-text input[type=checkbox] {
+  margin-top: 0;
+}
+
+.input-group-lg>.form-control:not(textarea),
+.input-group-lg>.custom-select {
+  height: calc(1.5em + 1rem + 2px);
+}
+
+.input-group-lg>.form-control,
+.input-group-lg>.custom-select,
+.input-group-lg>.input-group-prepend>.input-group-text,
+.input-group-lg>.input-group-append>.input-group-text,
+.input-group-lg>.input-group-prepend>.btn,
+.input-group-lg>.input-group-append>.btn {
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  border-radius: 0.3rem;
+}
+
+.input-group-sm>.form-control:not(textarea),
+.input-group-sm>.custom-select {
+  height: calc(1.5em + 0.5rem + 2px);
+}
+
+.input-group-sm>.form-control,
+.input-group-sm>.custom-select,
+.input-group-sm>.input-group-prepend>.input-group-text,
+.input-group-sm>.input-group-append>.input-group-text,
+.input-group-sm>.input-group-prepend>.btn,
+.input-group-sm>.input-group-append>.btn {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  border-radius: 0.2rem;
+}
+
+.input-group-lg>.custom-select,
+.input-group-sm>.custom-select {
+  padding-right: 1.75rem;
+}
+
+.input-group>.input-group-prepend>.btn,
+.input-group>.input-group-prepend>.input-group-text,
+.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
+.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
+.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
+.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
+.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
+.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group>.input-group-append>.btn,
+.input-group>.input-group-append>.input-group-text,
+.input-group>.input-group-prepend:not(:first-child)>.btn,
+.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
+.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
+.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.custom-control {
+  position: relative;
+  z-index: 1;
+  display: block;
+  min-height: 1.5rem;
+  padding-left: 1.5rem;
+  -webkit-print-color-adjust: exact;
+  color-adjust: exact;
+}
+
+.custom-control-inline {
+  display: inline-flex;
+  margin-right: 1rem;
+}
+
+.custom-control-input {
+  position: absolute;
+  left: 0;
+  z-index: -1;
+  width: 1rem;
+  height: 1.25rem;
+  opacity: 0;
+}
+
+.custom-control-input:checked~.custom-control-label::before {
+  color: #fff;
+  border-color: #f4623a;
+  background-color: #f4623a;
+}
+
+.custom-control-input:focus~.custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem rgba(244, 98, 58, 0.25);
+}
+
+.custom-control-input:focus:not(:checked)~.custom-control-label::before {
+  border-color: #fbc2b3;
+}
+
+.custom-control-input:not(:disabled):active~.custom-control-label::before {
+  color: #fff;
+  background-color: #fde9e3;
+  border-color: #fde9e3;
+}
+
+.custom-control-input[disabled]~.custom-control-label,
+.custom-control-input:disabled~.custom-control-label {
+  color: #6c757d;
+}
+
+.custom-control-input[disabled]~.custom-control-label::before,
+.custom-control-input:disabled~.custom-control-label::before {
+  background-color: #e9ecef;
+}
+
+.custom-control-label {
+  position: relative;
+  margin-bottom: 0;
+  vertical-align: top;
+}
+
+.custom-control-label::before {
+  position: absolute;
+  top: 0.25rem;
+  left: -1.5rem;
+  display: block;
+  width: 1rem;
+  height: 1rem;
+  pointer-events: none;
+  content: "";
+  background-color: #fff;
+  border: #adb5bd solid 1px;
+}
+
+.custom-control-label::after {
+  position: absolute;
+  top: 0.25rem;
+  left: -1.5rem;
+  display: block;
+  width: 1rem;
+  height: 1rem;
+  content: "";
+  background: 50%/50% 50% no-repeat;
+}
+
+.custom-checkbox .custom-control-label::before {
+  border-radius: 0.25rem;
+}
+
+.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
+}
+
+.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
+  border-color: #f4623a;
+  background-color: #f4623a;
+}
+
+.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
+}
+
+.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
+  background-color: rgba(244, 98, 58, 0.5);
+}
+
+.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
+  background-color: rgba(244, 98, 58, 0.5);
+}
+
+.custom-radio .custom-control-label::before {
+  border-radius: 50%;
+}
+
+.custom-radio .custom-control-input:checked~.custom-control-label::after {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
+}
+
+.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
+  background-color: rgba(244, 98, 58, 0.5);
+}
+
+.custom-switch {
+  padding-left: 2.25rem;
+}
+
+.custom-switch .custom-control-label::before {
+  left: -2.25rem;
+  width: 1.75rem;
+  pointer-events: all;
+  border-radius: 0.5rem;
+}
+
+.custom-switch .custom-control-label::after {
+  top: calc(0.25rem + 2px);
+  left: calc(-2.25rem + 2px);
+  width: calc(1rem - 4px);
+  height: calc(1rem - 4px);
+  background-color: #adb5bd;
+  border-radius: 0.5rem;
+  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-switch .custom-control-label::after {
+    transition: none;
+  }
+}
+
+.custom-switch .custom-control-input:checked~.custom-control-label::after {
+  background-color: #fff;
+  transform: translateX(0.75rem);
+}
+
+.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
+  background-color: rgba(244, 98, 58, 0.5);
+}
+
+.custom-select {
+  display: inline-block;
+  width: 100%;
+  height: calc(1.5em + 0.75rem + 2px);
+  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  vertical-align: middle;
+  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.custom-select:focus {
+  border-color: #fbc2b3;
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(244, 98, 58, 0.25);
+}
+
+.custom-select:focus::-ms-value {
+  color: #495057;
+  background-color: #fff;
+}
+
+.custom-select[multiple],
+.custom-select[size]:not([size="1"]) {
+  height: auto;
+  padding-right: 0.75rem;
+  background-image: none;
+}
+
+.custom-select:disabled {
+  color: #6c757d;
+  background-color: #e9ecef;
+}
+
+.custom-select::-ms-expand {
+  display: none;
+}
+
+.custom-select:-moz-focusring {
+  color: transparent;
+  text-shadow: 0 0 0 #495057;
+}
+
+.custom-select-sm {
+  height: calc(1.5em + 0.5rem + 2px);
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  padding-left: 0.5rem;
+  font-size: 0.875rem;
+}
+
+.custom-select-lg {
+  height: calc(1.5em + 1rem + 2px);
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 1rem;
+  font-size: 1.25rem;
+}
+
+.custom-file {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: calc(1.5em + 0.75rem + 2px);
+  margin-bottom: 0;
+}
+
+.custom-file-input {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  height: calc(1.5em + 0.75rem + 2px);
+  margin: 0;
+  overflow: hidden;
+  opacity: 0;
+}
+
+.custom-file-input:focus~.custom-file-label {
+  border-color: #fbc2b3;
+  box-shadow: 0 0 0 0.2rem rgba(244, 98, 58, 0.25);
+}
+
+.custom-file-input[disabled]~.custom-file-label,
+.custom-file-input:disabled~.custom-file-label {
+  background-color: #e9ecef;
+}
+
+.custom-file-input:lang(en)~.custom-file-label::after {
+  content: "Browse";
+}
+
+.custom-file-input~.custom-file-label[data-browse]::after {
+  content: attr(data-browse);
+}
+
+.custom-file-label {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1;
+  height: calc(1.5em + 0.75rem + 2px);
+  padding: 0.375rem 0.75rem;
+  overflow: hidden;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  background-color: #fff;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+}
+
+.custom-file-label::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 3;
+  display: block;
+  height: calc(1.5em + 0.75rem);
+  padding: 0.375rem 0.75rem;
+  line-height: 1.5;
+  color: #495057;
+  content: "Browse";
+  background-color: #e9ecef;
+  border-left: inherit;
+  border-radius: 0 0.25rem 0.25rem 0;
+}
+
+.custom-range {
+  width: 100%;
+  height: 1.4rem;
+  padding: 0;
+  background-color: transparent;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.custom-range:focus {
+  outline: 0;
+}
+
+.custom-range:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(244, 98, 58, 0.25);
+}
+
+.custom-range:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(244, 98, 58, 0.25);
+}
+
+.custom-range:focus::-ms-thumb {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(244, 98, 58, 0.25);
+}
+
+.custom-range::-moz-focus-outer {
+  border: 0;
+}
+
+.custom-range::-webkit-slider-thumb {
+  width: 1rem;
+  height: 1rem;
+  margin-top: -0.25rem;
+  background-color: #f4623a;
+  border: 0;
+  border-radius: 1rem;
+  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-range::-webkit-slider-thumb {
+    -webkit-transition: none;
+    transition: none;
+  }
+}
+
+.custom-range::-webkit-slider-thumb:active {
+  background-color: #fde9e3;
+}
+
+.custom-range::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: #dee2e6;
+  border-color: transparent;
+  border-radius: 1rem;
+}
+
+.custom-range::-moz-range-thumb {
+  width: 1rem;
+  height: 1rem;
+  background-color: #f4623a;
+  border: 0;
+  border-radius: 1rem;
+  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-range::-moz-range-thumb {
+    -moz-transition: none;
+    transition: none;
+  }
+}
+
+.custom-range::-moz-range-thumb:active {
+  background-color: #fde9e3;
+}
+
+.custom-range::-moz-range-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: #dee2e6;
+  border-color: transparent;
+  border-radius: 1rem;
+}
+
+.custom-range::-ms-thumb {
+  width: 1rem;
+  height: 1rem;
+  margin-top: 0;
+  margin-right: 0.2rem;
+  margin-left: 0.2rem;
+  background-color: #f4623a;
+  border: 0;
+  border-radius: 1rem;
+  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  appearance: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .custom-range::-ms-thumb {
+    -ms-transition: none;
+    transition: none;
+  }
+}
+
+.custom-range::-ms-thumb:active {
+  background-color: #fde9e3;
+}
+
+.custom-range::-ms-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: transparent;
+  border-color: transparent;
+  border-width: 0.5rem;
+}
+
+.custom-range::-ms-fill-lower {
+  background-color: #dee2e6;
+  border-radius: 1rem;
+}
+
+.custom-range::-ms-fill-upper {
+  margin-right: 15px;
+  background-color: #dee2e6;
+  border-radius: 1rem;
+}
+
+.custom-range:disabled::-webkit-slider-thumb {
+  background-color: #adb5bd;
+}
+
+.custom-range:disabled::-webkit-slider-runnable-track {
+  cursor: default;
+}
+
+.custom-range:disabled::-moz-range-thumb {
+  background-color: #adb5bd;
+}
+
+.custom-range:disabled::-moz-range-track {
+  cursor: default;
+}
+
+.custom-range:disabled::-ms-thumb {
+  background-color: #adb5bd;
+}
+
+.custom-control-label::before,
+.custom-file-label,
+.custom-select {
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+
+  .custom-control-label::before,
+  .custom-file-label,
+  .custom-select {
+    transition: none;
+  }
+}
+
+.nav {
+  display: flex;
+  flex-wrap: wrap;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+
+.nav-link {
+  display: block;
+  padding: 0.5rem 1rem;
+}
+
+.nav-link:hover,
+.nav-link:focus {
+  text-decoration: none;
+}
+
+.nav-link.disabled {
+  color: #6c757d;
+  pointer-events: none;
+  cursor: default;
+}
+
+.nav-tabs {
+  border-bottom: 1px solid #dee2e6;
+}
+
+.nav-tabs .nav-link {
+  margin-bottom: -1px;
+  border: 1px solid transparent;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
+
+.nav-tabs .nav-link:hover,
+.nav-tabs .nav-link:focus {
+  border-color: #e9ecef #e9ecef #dee2e6;
+}
+
+.nav-tabs .nav-link.disabled {
+  color: #6c757d;
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+  color: #495057;
+  background-color: #fff;
+  border-color: #dee2e6 #dee2e6 #fff;
+}
+
+.nav-tabs .dropdown-menu {
+  margin-top: -1px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.nav-pills .nav-link {
+  border-radius: 0.25rem;
+}
+
+.nav-pills .nav-link.active,
+.nav-pills .show>.nav-link {
+  color: #fff;
+  background-color: #f4623a;
+}
+
+.nav-fill>.nav-link,
+.nav-fill .nav-item {
+  flex: 1 1 auto;
+  text-align: center;
+}
+
+.nav-justified>.nav-link,
+.nav-justified .nav-item {
+  flex-basis: 0;
+  flex-grow: 1;
+  text-align: center;
+}
+
+.tab-content>.tab-pane {
+  display: none;
+}
+
+.tab-content>.active {
+  display: block;
+}
+
+.navbar {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.5rem 1rem;
+}
+
+.navbar .container,
+.navbar .container-fluid,
+.navbar .container-sm,
+.navbar .container-md,
+.navbar .container-lg,
+.navbar .container-xl {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.navbar-brand {
+  display: inline-block;
+  padding-top: 0.3125rem;
+  padding-bottom: 0.3125rem;
+  margin-right: 1rem;
+  font-size: 1.25rem;
+  line-height: inherit;
+  white-space: nowrap;
+}
+
+.navbar-brand:hover,
+.navbar-brand:focus {
+  text-decoration: none;
+}
+
+.navbar-nav {
+  display: flex;
+  flex-direction: column;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+
+.navbar-nav .nav-link {
+  padding-right: 0;
+  padding-left: 0;
+}
+
+.navbar-nav .dropdown-menu {
+  position: static;
+  float: none;
+}
+
+.navbar-text {
+  display: inline-block;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.navbar-collapse {
+  flex-basis: 100%;
+  flex-grow: 1;
+  align-items: center;
+}
+
+.navbar-toggler {
+  padding: 0.25rem 0.75rem;
+  font-size: 1.25rem;
+  line-height: 1;
+  background-color: transparent;
+  border: 1px solid transparent;
+  border-radius: 0.25rem;
+}
+
+.navbar-toggler:hover,
+.navbar-toggler:focus {
+  text-decoration: none;
+}
+
+.navbar-toggler-icon {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  vertical-align: middle;
+  content: "";
+  background: 50%/100% 100% no-repeat;
+}
+
+.navbar-nav-scroll {
+  max-height: 75vh;
+  overflow-y: auto;
+}
+
+@media (max-width: 575.98px) {
+
+  .navbar-expand-sm>.container,
+  .navbar-expand-sm>.container-fluid,
+  .navbar-expand-sm>.container-sm,
+  .navbar-expand-sm>.container-md,
+  .navbar-expand-sm>.container-lg,
+  .navbar-expand-sm>.container-xl {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+@media (min-width: 576px) {
+  .navbar-expand-sm {
+    flex-flow: row nowrap;
+    justify-content: flex-start;
+  }
+
+  .navbar-expand-sm .navbar-nav {
+    flex-direction: row;
+  }
+
+  .navbar-expand-sm .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+
+  .navbar-expand-sm .navbar-nav .nav-link {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+
+  .navbar-expand-sm>.container,
+  .navbar-expand-sm>.container-fluid,
+  .navbar-expand-sm>.container-sm,
+  .navbar-expand-sm>.container-md,
+  .navbar-expand-sm>.container-lg,
+  .navbar-expand-sm>.container-xl {
+    flex-wrap: nowrap;
+  }
+
+  .navbar-expand-sm .navbar-nav-scroll {
+    overflow: visible;
+  }
+
+  .navbar-expand-sm .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto;
+  }
+
+  .navbar-expand-sm .navbar-toggler {
+    display: none;
+  }
+}
+
+@media (max-width: 767.98px) {
+
+  .navbar-expand-md>.container,
+  .navbar-expand-md>.container-fluid,
+  .navbar-expand-md>.container-sm,
+  .navbar-expand-md>.container-md,
+  .navbar-expand-md>.container-lg,
+  .navbar-expand-md>.container-xl {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+@media (min-width: 768px) {
+  .navbar-expand-md {
+    flex-flow: row nowrap;
+    justify-content: flex-start;
+  }
+
+  .navbar-expand-md .navbar-nav {
+    flex-direction: row;
+  }
+
+  .navbar-expand-md .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+
+  .navbar-expand-md .navbar-nav .nav-link {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+
+  .navbar-expand-md>.container,
+  .navbar-expand-md>.container-fluid,
+  .navbar-expand-md>.container-sm,
+  .navbar-expand-md>.container-md,
+  .navbar-expand-md>.container-lg,
+  .navbar-expand-md>.container-xl {
+    flex-wrap: nowrap;
+  }
+
+  .navbar-expand-md .navbar-nav-scroll {
+    overflow: visible;
+  }
+
+  .navbar-expand-md .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto;
+  }
+
+  .navbar-expand-md .navbar-toggler {
+    display: none;
+  }
+}
+
+@media (max-width: 991.98px) {
+
+  .navbar-expand-lg>.container,
+  .navbar-expand-lg>.container-fluid,
+  .navbar-expand-lg>.container-sm,
+  .navbar-expand-lg>.container-md,
+  .navbar-expand-lg>.container-lg,
+  .navbar-expand-lg>.container-xl {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+@media (min-width: 992px) {
+  .navbar-expand-lg {
+    flex-flow: row nowrap;
+    justify-content: flex-start;
+  }
+
+  .navbar-expand-lg .navbar-nav {
+    flex-direction: row;
+  }
+
+  .navbar-expand-lg .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+
+  .navbar-expand-lg .navbar-nav .nav-link {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+
+  .navbar-expand-lg>.container,
+  .navbar-expand-lg>.container-fluid,
+  .navbar-expand-lg>.container-sm,
+  .navbar-expand-lg>.container-md,
+  .navbar-expand-lg>.container-lg,
+  .navbar-expand-lg>.container-xl {
+    flex-wrap: nowrap;
+  }
+
+  .navbar-expand-lg .navbar-nav-scroll {
+    overflow: visible;
+  }
+
+  .navbar-expand-lg .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto;
+  }
+
+  .navbar-expand-lg .navbar-toggler {
+    display: none;
+  }
+}
+
+@media (max-width: 1199.98px) {
+
+  .navbar-expand-xl>.container,
+  .navbar-expand-xl>.container-fluid,
+  .navbar-expand-xl>.container-sm,
+  .navbar-expand-xl>.container-md,
+  .navbar-expand-xl>.container-lg,
+  .navbar-expand-xl>.container-xl {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+@media (min-width: 1200px) {
+  .navbar-expand-xl {
+    flex-flow: row nowrap;
+    justify-content: flex-start;
+  }
+
+  .navbar-expand-xl .navbar-nav {
+    flex-direction: row;
+  }
+
+  .navbar-expand-xl .navbar-nav .dropdown-menu {
+    position: absolute;
+  }
+
+  .navbar-expand-xl .navbar-nav .nav-link {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+
+  .navbar-expand-xl>.container,
+  .navbar-expand-xl>.container-fluid,
+  .navbar-expand-xl>.container-sm,
+  .navbar-expand-xl>.container-md,
+  .navbar-expand-xl>.container-lg,
+  .navbar-expand-xl>.container-xl {
+    flex-wrap: nowrap;
+  }
+
+  .navbar-expand-xl .navbar-nav-scroll {
+    overflow: visible;
+  }
+
+  .navbar-expand-xl .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto;
+  }
+
+  .navbar-expand-xl .navbar-toggler {
+    display: none;
+  }
+}
+
+.navbar-expand {
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+}
+
+.navbar-expand>.container,
+.navbar-expand>.container-fluid,
+.navbar-expand>.container-sm,
+.navbar-expand>.container-md,
+.navbar-expand>.container-lg,
+.navbar-expand>.container-xl {
+  padding-right: 0;
+  padding-left: 0;
+}
+
+.navbar-expand .navbar-nav {
+  flex-direction: row;
+}
+
+.navbar-expand .navbar-nav .dropdown-menu {
+  position: absolute;
+}
+
+.navbar-expand .navbar-nav .nav-link {
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.navbar-expand>.container,
+.navbar-expand>.container-fluid,
+.navbar-expand>.container-sm,
+.navbar-expand>.container-md,
+.navbar-expand>.container-lg,
+.navbar-expand>.container-xl {
+  flex-wrap: nowrap;
+}
+
+.navbar-expand .navbar-nav-scroll {
+  overflow: visible;
+}
+
+.navbar-expand .navbar-collapse {
+  display: flex !important;
+  flex-basis: auto;
+}
+
+.navbar-expand .navbar-toggler {
+  display: none;
+}
+
+.navbar-light .navbar-brand {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-brand:hover,
+.navbar-light .navbar-brand:focus {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-nav .nav-link {
+  color: rgba(0, 0, 0, 0.5);
+}
+
+.navbar-light .navbar-nav .nav-link:hover,
+.navbar-light .navbar-nav .nav-link:focus {
+  color: rgba(0, 0, 0, 0.7);
+}
+
+.navbar-light .navbar-nav .nav-link.disabled {
+  color: rgba(0, 0, 0, 0.3);
+}
+
+.navbar-light .navbar-nav .show>.nav-link,
+.navbar-light .navbar-nav .active>.nav-link,
+.navbar-light .navbar-nav .nav-link.show,
+.navbar-light .navbar-nav .nav-link.active {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-toggler {
+  color: rgba(0, 0, 0, 0.5);
+  border-color: rgba(0, 0, 0, 0.1);
+}
+
+.navbar-light .navbar-toggler-icon {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
+.navbar-light .navbar-text {
+  color: rgba(0, 0, 0, 0.5);
+}
+
+.navbar-light .navbar-text a {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-text a:hover,
+.navbar-light .navbar-text a:focus {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-dark .navbar-brand {
+  color: #fff;
+}
+
+.navbar-dark .navbar-brand:hover,
+.navbar-dark .navbar-brand:focus {
+  color: #fff;
+}
+
+.navbar-dark .navbar-nav .nav-link {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.navbar-dark .navbar-nav .nav-link:hover,
+.navbar-dark .navbar-nav .nav-link:focus {
+  color: rgba(255, 255, 255, 0.75);
+}
+
+.navbar-dark .navbar-nav .nav-link.disabled {
+  color: rgba(255, 255, 255, 0.25);
+}
+
+.navbar-dark .navbar-nav .show>.nav-link,
+.navbar-dark .navbar-nav .active>.nav-link,
+.navbar-dark .navbar-nav .nav-link.show,
+.navbar-dark .navbar-nav .nav-link.active {
+  color: #fff;
+}
+
+.navbar-dark .navbar-toggler {
+  color: rgba(255, 255, 255, 0.5);
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
+.navbar-dark .navbar-toggler-icon {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
+.navbar-dark .navbar-text {
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.navbar-dark .navbar-text a {
+  color: #fff;
+}
+
+.navbar-dark .navbar-text a:hover,
+.navbar-dark .navbar-text a:focus {
+  color: #fff;
+}
+
+.card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: border-box;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+  border-radius: 0.25rem;
+}
+
+.card>hr {
+  margin-right: 0;
+  margin-left: 0;
+}
+
+.card>.list-group {
+  border-top: inherit;
+  border-bottom: inherit;
+}
+
+.card>.list-group:first-child {
+  border-top-width: 0;
+  border-top-left-radius: calc(0.25rem - 1px);
+  border-top-right-radius: calc(0.25rem - 1px);
+}
+
+.card>.list-group:last-child {
+  border-bottom-width: 0;
+  border-bottom-right-radius: calc(0.25rem - 1px);
+  border-bottom-left-radius: calc(0.25rem - 1px);
+}
+
+.card>.card-header+.list-group,
+.card>.list-group+.card-footer {
+  border-top: 0;
+}
+
+.card-body {
+  flex: 1 1 auto;
+  min-height: 1px;
+  padding: 1.25rem;
+}
+
+.card-title {
+  margin-bottom: 0.75rem;
+}
+
+.card-subtitle {
+  margin-top: -0.375rem;
+  margin-bottom: 0;
+}
+
+.card-text:last-child {
+  margin-bottom: 0;
+}
+
+.card-link:hover {
+  text-decoration: none;
+}
+
+.card-link+.card-link {
+  margin-left: 1.25rem;
+}
+
+.card-header {
+  padding: 0.75rem 1.25rem;
+  margin-bottom: 0;
+  background-color: rgba(0, 0, 0, 0.03);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.card-header:first-child {
+  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
+}
+
+.card-footer {
+  padding: 0.75rem 1.25rem;
+  background-color: rgba(0, 0, 0, 0.03);
+  border-top: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.card-footer:last-child {
+  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
+}
+
+.card-header-tabs {
+  margin-right: -0.625rem;
+  margin-bottom: -0.75rem;
+  margin-left: -0.625rem;
+  border-bottom: 0;
+}
+
+.card-header-pills {
+  margin-right: -0.625rem;
+  margin-left: -0.625rem;
+}
+
+.card-img-overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: 1.25rem;
+  border-radius: calc(0.25rem - 1px);
+}
+
+.card-img,
+.card-img-top,
+.card-img-bottom {
+  flex-shrink: 0;
+  width: 100%;
+}
+
+.card-img,
+.card-img-top {
+  border-top-left-radius: calc(0.25rem - 1px);
+  border-top-right-radius: calc(0.25rem - 1px);
+}
+
+.card-img,
+.card-img-bottom {
+  border-bottom-right-radius: calc(0.25rem - 1px);
+  border-bottom-left-radius: calc(0.25rem - 1px);
+}
+
+.card-deck .card {
+  margin-bottom: 15px;
+}
+
+@media (min-width: 576px) {
+  .card-deck {
+    display: flex;
+    flex-flow: row wrap;
+    margin-right: -15px;
+    margin-left: -15px;
+  }
+
+  .card-deck .card {
+    flex: 1 0 0%;
+    margin-right: 15px;
+    margin-bottom: 0;
+    margin-left: 15px;
+  }
+}
+
+.card-group>.card {
+  margin-bottom: 15px;
+}
+
+@media (min-width: 576px) {
+  .card-group {
+    display: flex;
+    flex-flow: row wrap;
+  }
+
+  .card-group>.card {
+    flex: 1 0 0%;
+    margin-bottom: 0;
+  }
+
+  .card-group>.card+.card {
+    margin-left: 0;
+    border-left: 0;
+  }
+
+  .card-group>.card:not(:last-child) {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .card-group>.card:not(:last-child) .card-img-top,
+  .card-group>.card:not(:last-child) .card-header {
+    border-top-right-radius: 0;
+  }
+
+  .card-group>.card:not(:last-child) .card-img-bottom,
+  .card-group>.card:not(:last-child) .card-footer {
+    border-bottom-right-radius: 0;
+  }
+
+  .card-group>.card:not(:first-child) {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .card-group>.card:not(:first-child) .card-img-top,
+  .card-group>.card:not(:first-child) .card-header {
+    border-top-left-radius: 0;
+  }
+
+  .card-group>.card:not(:first-child) .card-img-bottom,
+  .card-group>.card:not(:first-child) .card-footer {
+    border-bottom-left-radius: 0;
+  }
+}
+
+.card-columns .card {
+  margin-bottom: 0.75rem;
+}
+
+@media (min-width: 576px) {
+  .card-columns {
+    -moz-column-count: 3;
+    column-count: 3;
+    -moz-column-gap: 1.25rem;
+    column-gap: 1.25rem;
+    orphans: 1;
+    widows: 1;
+  }
+
+  .card-columns .card {
+    display: inline-block;
+    width: 100%;
+  }
+}
+
+.accordion {
+  overflow-anchor: none;
+}
+
+.accordion>.card {
+  overflow: hidden;
+}
+
+.accordion>.card:not(:last-of-type) {
+  border-bottom: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.accordion>.card:not(:first-of-type) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.accordion>.card>.card-header {
+  border-radius: 0;
+  margin-bottom: -1px;
+}
+
+.breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 0.75rem 1rem;
+  margin-bottom: 1rem;
+  list-style: none;
+  background-color: #e9ecef;
+  border-radius: 0.25rem;
+}
+
+.breadcrumb-item+.breadcrumb-item {
+  padding-left: 0.5rem;
+}
+
+.breadcrumb-item+.breadcrumb-item::before {
+  float: left;
+  padding-right: 0.5rem;
+  color: #6c757d;
+  content: "/";
+}
+
+.breadcrumb-item+.breadcrumb-item:hover::before {
+  text-decoration: underline;
+}
+
+.breadcrumb-item+.breadcrumb-item:hover::before {
+  text-decoration: none;
+}
+
+.breadcrumb-item.active {
+  color: #6c757d;
+}
+
+.pagination {
+  display: flex;
+  padding-left: 0;
+  list-style: none;
+  border-radius: 0.25rem;
+}
+
+.page-link {
+  position: relative;
+  display: block;
+  padding: 0.5rem 0.75rem;
+  margin-left: -1px;
+  line-height: 1.25;
+  color: #f4623a;
+  background-color: #fff;
+  border: 1px solid #dee2e6;
+}
+
+.page-link:hover {
+  z-index: 2;
+  color: #d6370c;
+  text-decoration: none;
+  background-color: #e9ecef;
+  border-color: #dee2e6;
+}
+
+.page-link:focus {
+  z-index: 3;
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(244, 98, 58, 0.25);
+}
+
+.page-item:first-child .page-link {
+  margin-left: 0;
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+
+.page-item:last-child .page-link {
+  border-top-right-radius: 0.25rem;
+  border-bottom-right-radius: 0.25rem;
+}
+
+.page-item.active .page-link {
+  z-index: 3;
+  color: #fff;
+  background-color: #f4623a;
+  border-color: #f4623a;
+}
+
+.page-item.disabled .page-link {
+  color: #6c757d;
+  pointer-events: none;
+  cursor: auto;
+  background-color: #fff;
+  border-color: #dee2e6;
+}
+
+.pagination-lg .page-link {
+  padding: 0.75rem 1.5rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+}
+
+.pagination-lg .page-item:first-child .page-link {
+  border-top-left-radius: 0.3rem;
+  border-bottom-left-radius: 0.3rem;
+}
+
+.pagination-lg .page-item:last-child .page-link {
+  border-top-right-radius: 0.3rem;
+  border-bottom-right-radius: 0.3rem;
+}
+
+.pagination-sm .page-link {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+
+.pagination-sm .page-item:first-child .page-link {
+  border-top-left-radius: 0.2rem;
+  border-bottom-left-radius: 0.2rem;
+}
+
+.pagination-sm .page-item:last-child .page-link {
+  border-top-right-radius: 0.2rem;
+  border-bottom-right-radius: 0.2rem;
+}
+
+.badge {
+  display: inline-block;
+  padding: 0.25em 0.4em;
+  font-size: 75%;
+  font-weight: 700;
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: 0.25rem;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .badge {
+    transition: none;
+  }
+}
+
+a.badge:hover,
+a.badge:focus {
+  text-decoration: none;
+}
+
+.badge:empty {
+  display: none;
+}
+
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+
+.badge-pill {
+  padding-right: 0.6em;
+  padding-left: 0.6em;
+  border-radius: 10rem;
+}
+
+.badge-primary {
+  color: #fff;
+  background-color: #f4623a;
+}
+
+a.badge-primary:hover,
+a.badge-primary:focus {
+  color: #fff;
+  background-color: #ee3e0d;
+}
+
+a.badge-primary:focus,
+a.badge-primary.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(244, 98, 58, 0.5);
+}
+
+.badge-secondary {
+  color: #fff;
+  background-color: #6c757d;
+}
+
+a.badge-secondary:hover,
+a.badge-secondary:focus {
+  color: #fff;
+  background-color: #545b62;
+}
+
+a.badge-secondary:focus,
+a.badge-secondary.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+}
+
+.badge-success {
+  color: #fff;
+  background-color: #28a745;
+}
+
+a.badge-success:hover,
+a.badge-success:focus {
+  color: #fff;
+  background-color: #1e7e34;
+}
+
+a.badge-success:focus,
+a.badge-success.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
+}
+
+.badge-info {
+  color: #fff;
+  background-color: #17a2b8;
+}
+
+a.badge-info:hover,
+a.badge-info:focus {
+  color: #fff;
+  background-color: #117a8b;
+}
+
+a.badge-info:focus,
+a.badge-info.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
+}
+
+.badge-warning {
+  color: #212529;
+  background-color: #ffc107;
+}
+
+a.badge-warning:hover,
+a.badge-warning:focus {
+  color: #212529;
+  background-color: #d39e00;
+}
+
+a.badge-warning:focus,
+a.badge-warning.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
+}
+
+.badge-danger {
+  color: #fff;
+  background-color: #dc3545;
+}
+
+a.badge-danger:hover,
+a.badge-danger:focus {
+  color: #fff;
+  background-color: #bd2130;
+}
+
+a.badge-danger:focus,
+a.badge-danger.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
+}
+
+.badge-light {
+  color: #212529;
+  background-color: #f8f9fa;
+}
+
+a.badge-light:hover,
+a.badge-light:focus {
+  color: #212529;
+  background-color: #dae0e5;
+}
+
+a.badge-light:focus,
+a.badge-light.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
+}
+
+.badge-dark {
+  color: #fff;
+  background-color: #343a40;
+}
+
+a.badge-dark:hover,
+a.badge-dark:focus {
+  color: #fff;
+  background-color: #1d2124;
+}
+
+a.badge-dark:focus,
+a.badge-dark.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
+}
+
+.jumbotron {
+  padding: 2rem 1rem;
+  margin-bottom: 2rem;
+  background-color: #e9ecef;
+  border-radius: 0.3rem;
+}
+
+@media (min-width: 576px) {
+  .jumbotron {
+    padding: 4rem 2rem;
+  }
+}
+
+.jumbotron-fluid {
+  padding-right: 0;
+  padding-left: 0;
+  border-radius: 0;
+}
+
+.alert {
+  position: relative;
+  padding: 0.75rem 1.25rem;
+  margin-bottom: 1rem;
+  border: 1px solid transparent;
+  border-radius: 0.25rem;
+}
+
+.alert-heading {
+  color: inherit;
+}
+
+.alert-link {
+  font-weight: 700;
+}
+
+.alert-dismissible {
+  padding-right: 4rem;
+}
+
+.alert-dismissible .close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  padding: 0.75rem 1.25rem;
+  color: inherit;
+}
+
+.alert-primary {
+  color: #7f331e;
+  background-color: #fde0d8;
+  border-color: #fcd3c8;
+}
+
+.alert-primary hr {
+  border-top-color: #fbc0b0;
+}
+
+.alert-primary .alert-link {
+  color: #562214;
+}
+
+.alert-secondary {
+  color: #383d41;
+  background-color: #e2e3e5;
+  border-color: #d6d8db;
+}
+
+.alert-secondary hr {
+  border-top-color: #c8cbcf;
+}
+
+.alert-secondary .alert-link {
+  color: #202326;
+}
+
+.alert-success {
+  color: #155724;
+  background-color: #d4edda;
+  border-color: #c3e6cb;
+}
+
+.alert-success hr {
+  border-top-color: #b1dfbb;
+}
+
+.alert-success .alert-link {
+  color: #0b2e13;
+}
+
+.alert-info {
+  color: #0c5460;
+  background-color: #d1ecf1;
+  border-color: #bee5eb;
+}
+
+.alert-info hr {
+  border-top-color: #abdde5;
+}
+
+.alert-info .alert-link {
+  color: #062c33;
+}
+
+.alert-warning {
+  color: #856404;
+  background-color: #fff3cd;
+  border-color: #ffeeba;
+}
+
+.alert-warning hr {
+  border-top-color: #ffe8a1;
+}
+
+.alert-warning .alert-link {
+  color: #533f03;
+}
+
+.alert-danger {
+  color: #721c24;
+  background-color: #f8d7da;
+  border-color: #f5c6cb;
+}
+
+.alert-danger hr {
+  border-top-color: #f1b0b7;
+}
+
+.alert-danger .alert-link {
+  color: #491217;
+}
+
+.alert-light {
+  color: #818182;
+  background-color: #fefefe;
+  border-color: #fdfdfe;
+}
+
+.alert-light hr {
+  border-top-color: #ececf6;
+}
+
+.alert-light .alert-link {
+  color: #686868;
+}
+
+.alert-dark {
+  color: #1b1e21;
+  background-color: #d6d8d9;
+  border-color: #c6c8ca;
+}
+
+.alert-dark hr {
+  border-top-color: #b9bbbe;
+}
+
+.alert-dark .alert-link {
+  color: #040505;
+}
+
+@-webkit-keyframes progress-bar-stripes {
+  from {
+    background-position: 1rem 0;
+  }
+
+  to {
+    background-position: 0 0;
+  }
+}
+
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 1rem 0;
+  }
+
+  to {
+    background-position: 0 0;
+  }
+}
+
+.progress {
+  display: flex;
+  height: 1rem;
+  overflow: hidden;
+  line-height: 0;
+  font-size: 0.75rem;
+  background-color: #e9ecef;
+  border-radius: 0.25rem;
+}
+
+.progress-bar {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  overflow: hidden;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #f4623a;
+  transition: width 0.6s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .progress-bar {
+    transition: none;
+  }
+}
+
+.progress-bar-striped {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-size: 1rem 1rem;
+}
+
+.progress-bar-animated {
+  -webkit-animation: 1s linear infinite progress-bar-stripes;
+  animation: 1s linear infinite progress-bar-stripes;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .progress-bar-animated {
+    -webkit-animation: none;
+    animation: none;
+  }
+}
+
+.media {
+  display: flex;
+  align-items: flex-start;
+}
+
+.media-body {
+  flex: 1;
+}
+
+.list-group {
+  display: flex;
+  flex-direction: column;
+  padding-left: 0;
+  margin-bottom: 0;
+  border-radius: 0.25rem;
+}
+
+.list-group-item-action {
+  width: 100%;
+  color: #495057;
+  text-align: inherit;
+}
+
+.list-group-item-action:hover,
+.list-group-item-action:focus {
+  z-index: 1;
+  color: #495057;
+  text-decoration: none;
+  background-color: #f8f9fa;
+}
+
+.list-group-item-action:active {
+  color: #212529;
+  background-color: #e9ecef;
+}
+
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: 0.75rem 1.25rem;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.list-group-item:first-child {
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+}
+
+.list-group-item:last-child {
+  border-bottom-right-radius: inherit;
+  border-bottom-left-radius: inherit;
+}
+
+.list-group-item.disabled,
+.list-group-item:disabled {
+  color: #6c757d;
+  pointer-events: none;
+  background-color: #fff;
+}
+
+.list-group-item.active {
+  z-index: 2;
+  color: #fff;
+  background-color: #f4623a;
+  border-color: #f4623a;
+}
+
+.list-group-item+.list-group-item {
+  border-top-width: 0;
+}
+
+.list-group-item+.list-group-item.active {
+  margin-top: -1px;
+  border-top-width: 1px;
+}
+
+.list-group-horizontal {
+  flex-direction: row;
+}
+
+.list-group-horizontal>.list-group-item:first-child {
+  border-bottom-left-radius: 0.25rem;
+  border-top-right-radius: 0;
+}
+
+.list-group-horizontal>.list-group-item:last-child {
+  border-top-right-radius: 0.25rem;
+  border-bottom-left-radius: 0;
+}
+
+.list-group-horizontal>.list-group-item.active {
+  margin-top: 0;
+}
+
+.list-group-horizontal>.list-group-item+.list-group-item {
+  border-top-width: 1px;
+  border-left-width: 0;
+}
+
+.list-group-horizontal>.list-group-item+.list-group-item.active {
+  margin-left: -1px;
+  border-left-width: 1px;
+}
+
+@media (min-width: 576px) {
+  .list-group-horizontal-sm {
+    flex-direction: row;
+  }
+
+  .list-group-horizontal-sm>.list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+
+  .list-group-horizontal-sm>.list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    border-bottom-left-radius: 0;
+  }
+
+  .list-group-horizontal-sm>.list-group-item.active {
+    margin-top: 0;
+  }
+
+  .list-group-horizontal-sm>.list-group-item+.list-group-item {
+    border-top-width: 1px;
+    border-left-width: 0;
+  }
+
+  .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
+    margin-left: -1px;
+    border-left-width: 1px;
+  }
+}
+
+@media (min-width: 768px) {
+  .list-group-horizontal-md {
+    flex-direction: row;
+  }
+
+  .list-group-horizontal-md>.list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+
+  .list-group-horizontal-md>.list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    border-bottom-left-radius: 0;
+  }
+
+  .list-group-horizontal-md>.list-group-item.active {
+    margin-top: 0;
+  }
+
+  .list-group-horizontal-md>.list-group-item+.list-group-item {
+    border-top-width: 1px;
+    border-left-width: 0;
+  }
+
+  .list-group-horizontal-md>.list-group-item+.list-group-item.active {
+    margin-left: -1px;
+    border-left-width: 1px;
+  }
+}
+
+@media (min-width: 992px) {
+  .list-group-horizontal-lg {
+    flex-direction: row;
+  }
+
+  .list-group-horizontal-lg>.list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+
+  .list-group-horizontal-lg>.list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    border-bottom-left-radius: 0;
+  }
+
+  .list-group-horizontal-lg>.list-group-item.active {
+    margin-top: 0;
+  }
+
+  .list-group-horizontal-lg>.list-group-item+.list-group-item {
+    border-top-width: 1px;
+    border-left-width: 0;
+  }
+
+  .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
+    margin-left: -1px;
+    border-left-width: 1px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .list-group-horizontal-xl {
+    flex-direction: row;
+  }
+
+  .list-group-horizontal-xl>.list-group-item:first-child {
+    border-bottom-left-radius: 0.25rem;
+    border-top-right-radius: 0;
+  }
+
+  .list-group-horizontal-xl>.list-group-item:last-child {
+    border-top-right-radius: 0.25rem;
+    border-bottom-left-radius: 0;
+  }
+
+  .list-group-horizontal-xl>.list-group-item.active {
+    margin-top: 0;
+  }
+
+  .list-group-horizontal-xl>.list-group-item+.list-group-item {
+    border-top-width: 1px;
+    border-left-width: 0;
+  }
+
+  .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
+    margin-left: -1px;
+    border-left-width: 1px;
+  }
+}
+
+.list-group-flush {
+  border-radius: 0;
+}
+
+.list-group-flush>.list-group-item {
+  border-width: 0 0 1px;
+}
+
+.list-group-flush>.list-group-item:last-child {
+  border-bottom-width: 0;
+}
+
+.list-group-item-primary {
+  color: #7f331e;
+  background-color: #fcd3c8;
+}
+
+.list-group-item-primary.list-group-item-action:hover,
+.list-group-item-primary.list-group-item-action:focus {
+  color: #7f331e;
+  background-color: #fbc0b0;
+}
+
+.list-group-item-primary.list-group-item-action.active {
+  color: #fff;
+  background-color: #7f331e;
+  border-color: #7f331e;
+}
+
+.list-group-item-secondary {
+  color: #383d41;
+  background-color: #d6d8db;
+}
+
+.list-group-item-secondary.list-group-item-action:hover,
+.list-group-item-secondary.list-group-item-action:focus {
+  color: #383d41;
+  background-color: #c8cbcf;
+}
+
+.list-group-item-secondary.list-group-item-action.active {
+  color: #fff;
+  background-color: #383d41;
+  border-color: #383d41;
+}
+
+.list-group-item-success {
+  color: #155724;
+  background-color: #c3e6cb;
+}
+
+.list-group-item-success.list-group-item-action:hover,
+.list-group-item-success.list-group-item-action:focus {
+  color: #155724;
+  background-color: #b1dfbb;
+}
+
+.list-group-item-success.list-group-item-action.active {
+  color: #fff;
+  background-color: #155724;
+  border-color: #155724;
+}
+
+.list-group-item-info {
+  color: #0c5460;
+  background-color: #bee5eb;
+}
+
+.list-group-item-info.list-group-item-action:hover,
+.list-group-item-info.list-group-item-action:focus {
+  color: #0c5460;
+  background-color: #abdde5;
+}
+
+.list-group-item-info.list-group-item-action.active {
+  color: #fff;
+  background-color: #0c5460;
+  border-color: #0c5460;
+}
+
+.list-group-item-warning {
+  color: #856404;
+  background-color: #ffeeba;
+}
+
+.list-group-item-warning.list-group-item-action:hover,
+.list-group-item-warning.list-group-item-action:focus {
+  color: #856404;
+  background-color: #ffe8a1;
+}
+
+.list-group-item-warning.list-group-item-action.active {
+  color: #fff;
+  background-color: #856404;
+  border-color: #856404;
+}
+
+.list-group-item-danger {
+  color: #721c24;
+  background-color: #f5c6cb;
+}
+
+.list-group-item-danger.list-group-item-action:hover,
+.list-group-item-danger.list-group-item-action:focus {
+  color: #721c24;
+  background-color: #f1b0b7;
+}
+
+.list-group-item-danger.list-group-item-action.active {
+  color: #fff;
+  background-color: #721c24;
+  border-color: #721c24;
+}
+
+.list-group-item-light {
+  color: #818182;
+  background-color: #fdfdfe;
+}
+
+.list-group-item-light.list-group-item-action:hover,
+.list-group-item-light.list-group-item-action:focus {
+  color: #818182;
+  background-color: #ececf6;
+}
+
+.list-group-item-light.list-group-item-action.active {
+  color: #fff;
+  background-color: #818182;
+  border-color: #818182;
+}
+
+.list-group-item-dark {
+  color: #1b1e21;
+  background-color: #c6c8ca;
+}
+
+.list-group-item-dark.list-group-item-action:hover,
+.list-group-item-dark.list-group-item-action:focus {
+  color: #1b1e21;
+  background-color: #b9bbbe;
+}
+
+.list-group-item-dark.list-group-item-action.active {
+  color: #fff;
+  background-color: #1b1e21;
+  border-color: #1b1e21;
+}
+
+.close {
+  float: right;
+  font-size: 1.5rem;
+  font-weight: 700;
+  line-height: 1;
+  color: #000;
+  text-shadow: 0 1px 0 #fff;
+  opacity: 0.5;
+}
+
+.close:hover {
+  color: #000;
+  text-decoration: none;
+}
+
+.close:not(:disabled):not(.disabled):hover,
+.close:not(:disabled):not(.disabled):focus {
+  opacity: 0.75;
+}
+
+button.close {
+  padding: 0;
+  background-color: transparent;
+  border: 0;
+}
+
+a.close.disabled {
+  pointer-events: none;
+}
+
+.toast {
+  flex-basis: 350px;
+  max-width: 350px;
+  font-size: 0.875rem;
+  background-color: rgba(255, 255, 255, 0.85);
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
+  opacity: 0;
+  border-radius: 0.25rem;
+}
+
+.toast:not(:last-child) {
+  margin-bottom: 0.75rem;
+}
+
+.toast.showing {
+  opacity: 1;
+}
+
+.toast.show {
+  display: block;
+  opacity: 1;
+}
+
+.toast.hide {
+  display: none;
+}
+
+.toast-header {
+  display: flex;
+  align-items: center;
+  padding: 0.25rem 0.75rem;
+  color: #6c757d;
+  background-color: rgba(255, 255, 255, 0.85);
+  background-clip: padding-box;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  border-top-left-radius: calc(0.25rem - 1px);
+  border-top-right-radius: calc(0.25rem - 1px);
+}
+
+.toast-body {
+  padding: 0.75rem;
+}
+
+.modal-open {
+  overflow: hidden;
+}
+
+.modal-open .modal {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1050;
+  display: none;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  outline: 0;
+}
+
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 0.5rem;
+  pointer-events: none;
+}
+
+.modal.fade .modal-dialog {
+  transition: transform 0.3s ease-out;
+  transform: translate(0, -50px);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .modal.fade .modal-dialog {
+    transition: none;
+  }
+}
+
+.modal.show .modal-dialog {
+  transform: none;
+}
+
+.modal.modal-static .modal-dialog {
+  transform: scale(1.02);
+}
+
+.modal-dialog-scrollable {
+  display: flex;
+  max-height: calc(100% - 1rem);
+}
+
+.modal-dialog-scrollable .modal-content {
+  max-height: calc(100vh - 1rem);
+  overflow: hidden;
+}
+
+.modal-dialog-scrollable .modal-header,
+.modal-dialog-scrollable .modal-footer {
+  flex-shrink: 0;
+}
+
+.modal-dialog-scrollable .modal-body {
+  overflow-y: auto;
+}
+
+.modal-dialog-centered {
+  display: flex;
+  align-items: center;
+  min-height: calc(100% - 1rem);
+}
+
+.modal-dialog-centered::before {
+  display: block;
+  height: calc(100vh - 1rem);
+  height: -webkit-min-content;
+  height: -moz-min-content;
+  height: min-content;
+  content: "";
+}
+
+.modal-dialog-centered.modal-dialog-scrollable {
+  flex-direction: column;
+  justify-content: center;
+  height: 100%;
+}
+
+.modal-dialog-centered.modal-dialog-scrollable .modal-content {
+  max-height: none;
+}
+
+.modal-dialog-centered.modal-dialog-scrollable::before {
+  content: none;
+}
+
+.modal-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  pointer-events: auto;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 0.3rem;
+  outline: 0;
+}
+
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1040;
+  width: 100vw;
+  height: 100vh;
+  background-color: #000;
+}
+
+.modal-backdrop.fade {
+  opacity: 0;
+}
+
+.modal-backdrop.show {
+  opacity: 0.5;
+}
+
+.modal-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  padding: 1rem 1rem;
+  border-bottom: 1px solid #dee2e6;
+  border-top-left-radius: calc(0.3rem - 1px);
+  border-top-right-radius: calc(0.3rem - 1px);
+}
+
+.modal-header .close {
+  padding: 1rem 1rem;
+  margin: -1rem -1rem -1rem auto;
+}
+
+.modal-title {
+  margin-bottom: 0;
+  line-height: 1.5;
+}
+
+.modal-body {
+  position: relative;
+  flex: 1 1 auto;
+  padding: 1rem;
+}
+
+.modal-footer {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 0.75rem;
+  border-top: 1px solid #dee2e6;
+  border-bottom-right-radius: calc(0.3rem - 1px);
+  border-bottom-left-radius: calc(0.3rem - 1px);
+}
+
+.modal-footer>* {
+  margin: 0.25rem;
+}
+
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+
+@media (min-width: 576px) {
+  .modal-dialog {
+    max-width: 500px;
+    margin: 1.75rem auto;
+  }
+
+  .modal-dialog-scrollable {
+    max-height: calc(100% - 3.5rem);
+  }
+
+  .modal-dialog-scrollable .modal-content {
+    max-height: calc(100vh - 3.5rem);
+  }
+
+  .modal-dialog-centered {
+    min-height: calc(100% - 3.5rem);
+  }
+
+  .modal-dialog-centered::before {
+    height: calc(100vh - 3.5rem);
+    height: -webkit-min-content;
+    height: -moz-min-content;
+    height: min-content;
+  }
+
+  .modal-sm {
+    max-width: 300px;
+  }
+}
+
+@media (min-width: 992px) {
+
+  .modal-lg,
+  .modal-xl {
+    max-width: 800px;
+  }
+}
+
+@media (min-width: 1200px) {
+  .modal-xl {
+    max-width: 1140px;
+  }
+}
+
+.tooltip {
+  position: absolute;
+  z-index: 1070;
+  display: block;
+  margin: 0;
+  font-family: "Merriweather", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  white-space: normal;
+  line-break: auto;
+  font-size: 0.875rem;
+  word-wrap: break-word;
+  opacity: 0;
+}
+
+.tooltip.show {
+  opacity: 0.9;
+}
+
+.tooltip .arrow {
+  position: absolute;
+  display: block;
+  width: 0.8rem;
+  height: 0.4rem;
+}
+
+.tooltip .arrow::before {
+  position: absolute;
+  content: "";
+  border-color: transparent;
+  border-style: solid;
+}
+
+.bs-tooltip-top,
+.bs-tooltip-auto[x-placement^=top] {
+  padding: 0.4rem 0;
+}
+
+.bs-tooltip-top .arrow,
+.bs-tooltip-auto[x-placement^=top] .arrow {
+  bottom: 0;
+}
+
+.bs-tooltip-top .arrow::before,
+.bs-tooltip-auto[x-placement^=top] .arrow::before {
+  top: 0;
+  border-width: 0.4rem 0.4rem 0;
+  border-top-color: #000;
+}
+
+.bs-tooltip-right,
+.bs-tooltip-auto[x-placement^=right] {
+  padding: 0 0.4rem;
+}
+
+.bs-tooltip-right .arrow,
+.bs-tooltip-auto[x-placement^=right] .arrow {
+  left: 0;
+  width: 0.4rem;
+  height: 0.8rem;
+}
+
+.bs-tooltip-right .arrow::before,
+.bs-tooltip-auto[x-placement^=right] .arrow::before {
+  right: 0;
+  border-width: 0.4rem 0.4rem 0.4rem 0;
+  border-right-color: #000;
+}
+
+.bs-tooltip-bottom,
+.bs-tooltip-auto[x-placement^=bottom] {
+  padding: 0.4rem 0;
+}
+
+.bs-tooltip-bottom .arrow,
+.bs-tooltip-auto[x-placement^=bottom] .arrow {
+  top: 0;
+}
+
+.bs-tooltip-bottom .arrow::before,
+.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
+  bottom: 0;
+  border-width: 0 0.4rem 0.4rem;
+  border-bottom-color: #000;
+}
+
+.bs-tooltip-left,
+.bs-tooltip-auto[x-placement^=left] {
+  padding: 0 0.4rem;
+}
+
+.bs-tooltip-left .arrow,
+.bs-tooltip-auto[x-placement^=left] .arrow {
+  right: 0;
+  width: 0.4rem;
+  height: 0.8rem;
+}
+
+.bs-tooltip-left .arrow::before,
+.bs-tooltip-auto[x-placement^=left] .arrow::before {
+  left: 0;
+  border-width: 0.4rem 0 0.4rem 0.4rem;
+  border-left-color: #000;
+}
+
+.tooltip-inner {
+  max-width: 200px;
+  padding: 0.25rem 0.5rem;
+  color: #fff;
+  text-align: center;
+  background-color: #000;
+  border-radius: 0.25rem;
+}
+
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1060;
+  display: block;
+  max-width: 276px;
+  font-family: "Merriweather", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  white-space: normal;
+  line-break: auto;
+  font-size: 0.875rem;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 0.3rem;
+}
+
+.popover .arrow {
+  position: absolute;
+  display: block;
+  width: 1rem;
+  height: 0.5rem;
+  margin: 0 0.3rem;
+}
+
+.popover .arrow::before,
+.popover .arrow::after {
+  position: absolute;
+  display: block;
+  content: "";
+  border-color: transparent;
+  border-style: solid;
+}
+
+.bs-popover-top,
+.bs-popover-auto[x-placement^=top] {
+  margin-bottom: 0.5rem;
+}
+
+.bs-popover-top>.arrow,
+.bs-popover-auto[x-placement^=top]>.arrow {
+  bottom: calc(-0.5rem - 1px);
+}
+
+.bs-popover-top>.arrow::before,
+.bs-popover-auto[x-placement^=top]>.arrow::before {
+  bottom: 0;
+  border-width: 0.5rem 0.5rem 0;
+  border-top-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-top>.arrow::after,
+.bs-popover-auto[x-placement^=top]>.arrow::after {
+  bottom: 1px;
+  border-width: 0.5rem 0.5rem 0;
+  border-top-color: #fff;
+}
+
+.bs-popover-right,
+.bs-popover-auto[x-placement^=right] {
+  margin-left: 0.5rem;
+}
+
+.bs-popover-right>.arrow,
+.bs-popover-auto[x-placement^=right]>.arrow {
+  left: calc(-0.5rem - 1px);
+  width: 0.5rem;
+  height: 1rem;
+  margin: 0.3rem 0;
+}
+
+.bs-popover-right>.arrow::before,
+.bs-popover-auto[x-placement^=right]>.arrow::before {
+  left: 0;
+  border-width: 0.5rem 0.5rem 0.5rem 0;
+  border-right-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-right>.arrow::after,
+.bs-popover-auto[x-placement^=right]>.arrow::after {
+  left: 1px;
+  border-width: 0.5rem 0.5rem 0.5rem 0;
+  border-right-color: #fff;
+}
+
+.bs-popover-bottom,
+.bs-popover-auto[x-placement^=bottom] {
+  margin-top: 0.5rem;
+}
+
+.bs-popover-bottom>.arrow,
+.bs-popover-auto[x-placement^=bottom]>.arrow {
+  top: calc(-0.5rem - 1px);
+}
+
+.bs-popover-bottom>.arrow::before,
+.bs-popover-auto[x-placement^=bottom]>.arrow::before {
+  top: 0;
+  border-width: 0 0.5rem 0.5rem 0.5rem;
+  border-bottom-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-bottom>.arrow::after,
+.bs-popover-auto[x-placement^=bottom]>.arrow::after {
+  top: 1px;
+  border-width: 0 0.5rem 0.5rem 0.5rem;
+  border-bottom-color: #fff;
+}
+
+.bs-popover-bottom .popover-header::before,
+.bs-popover-auto[x-placement^=bottom] .popover-header::before {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  display: block;
+  width: 1rem;
+  margin-left: -0.5rem;
+  content: "";
+  border-bottom: 1px solid #f7f7f7;
+}
+
+.bs-popover-left,
+.bs-popover-auto[x-placement^=left] {
+  margin-right: 0.5rem;
+}
+
+.bs-popover-left>.arrow,
+.bs-popover-auto[x-placement^=left]>.arrow {
+  right: calc(-0.5rem - 1px);
+  width: 0.5rem;
+  height: 1rem;
+  margin: 0.3rem 0;
+}
+
+.bs-popover-left>.arrow::before,
+.bs-popover-auto[x-placement^=left]>.arrow::before {
+  right: 0;
+  border-width: 0.5rem 0 0.5rem 0.5rem;
+  border-left-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-left>.arrow::after,
+.bs-popover-auto[x-placement^=left]>.arrow::after {
+  right: 1px;
+  border-width: 0.5rem 0 0.5rem 0.5rem;
+  border-left-color: #fff;
+}
+
+.popover-header {
+  padding: 0.5rem 0.75rem;
+  margin-bottom: 0;
+  font-size: 1rem;
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #ebebeb;
+  border-top-left-radius: calc(0.3rem - 1px);
+  border-top-right-radius: calc(0.3rem - 1px);
+}
+
+.popover-header:empty {
+  display: none;
+}
+
+.popover-body {
+  padding: 0.5rem 0.75rem;
+  color: #212529;
+}
+
+.carousel {
+  position: relative;
+}
+
+.carousel.pointer-event {
+  touch-action: pan-y;
+}
+
+.carousel-inner {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+
+.carousel-inner::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+
+.carousel-item {
+  position: relative;
+  display: none;
+  float: left;
+  width: 100%;
+  margin-right: -100%;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  transition: transform 0.6s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .carousel-item {
+    transition: none;
+  }
+}
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+  display: block;
+}
+
+.carousel-item-next:not(.carousel-item-left),
+.active.carousel-item-right {
+  transform: translateX(100%);
+}
+
+.carousel-item-prev:not(.carousel-item-right),
+.active.carousel-item-left {
+  transform: translateX(-100%);
+}
+
+.carousel-fade .carousel-item {
+  opacity: 0;
+  transition-property: opacity;
+  transform: none;
+}
+
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-left,
+.carousel-fade .carousel-item-prev.carousel-item-right {
+  z-index: 1;
+  opacity: 1;
+}
+
+.carousel-fade .active.carousel-item-left,
+.carousel-fade .active.carousel-item-right {
+  z-index: 0;
+  opacity: 0;
+  transition: opacity 0s 0.6s;
+}
+
+@media (prefers-reduced-motion: reduce) {
+
+  .carousel-fade .active.carousel-item-left,
+  .carousel-fade .active.carousel-item-right {
+    transition: none;
+  }
+}
+
+.carousel-control-prev,
+.carousel-control-next {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 15%;
+  color: #fff;
+  text-align: center;
+  opacity: 0.5;
+  transition: opacity 0.15s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+
+  .carousel-control-prev,
+  .carousel-control-next {
+    transition: none;
+  }
+}
+
+.carousel-control-prev:hover,
+.carousel-control-prev:focus,
+.carousel-control-next:hover,
+.carousel-control-next:focus {
+  color: #fff;
+  text-decoration: none;
+  outline: 0;
+  opacity: 0.9;
+}
+
+.carousel-control-prev {
+  left: 0;
+}
+
+.carousel-control-next {
+  right: 0;
+}
+
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background: 50%/100% 100% no-repeat;
+}
+
+.carousel-control-prev-icon {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
+}
+
+.carousel-control-next-icon {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
+}
+
+.carousel-indicators {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 15;
+  display: flex;
+  justify-content: center;
+  padding-left: 0;
+  margin-right: 15%;
+  margin-left: 15%;
+  list-style: none;
+}
+
+.carousel-indicators li {
+  box-sizing: content-box;
+  flex: 0 1 auto;
+  width: 30px;
+  height: 3px;
+  margin-right: 3px;
+  margin-left: 3px;
+  text-indent: -999px;
+  cursor: pointer;
+  background-color: #fff;
+  background-clip: padding-box;
+  border-top: 10px solid transparent;
+  border-bottom: 10px solid transparent;
+  opacity: 0.5;
+  transition: opacity 0.6s ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .carousel-indicators li {
+    transition: none;
+  }
+}
+
+.carousel-indicators .active {
+  opacity: 1;
+}
+
+.carousel-caption {
+  position: absolute;
+  right: 15%;
+  bottom: 20px;
+  left: 15%;
+  z-index: 10;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  color: #fff;
+  text-align: center;
+}
+
+@-webkit-keyframes spinner-border {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes spinner-border {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.spinner-border {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  vertical-align: text-bottom;
+  border: 0.25em solid currentColor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  -webkit-animation: 0.75s linear infinite spinner-border;
+  animation: 0.75s linear infinite spinner-border;
+}
+
+.spinner-border-sm {
+  width: 1rem;
+  height: 1rem;
+  border-width: 0.2em;
+}
+
+@-webkit-keyframes spinner-grow {
+  0% {
+    transform: scale(0);
+  }
+
+  50% {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+@keyframes spinner-grow {
+  0% {
+    transform: scale(0);
+  }
+
+  50% {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.spinner-grow {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  vertical-align: text-bottom;
+  background-color: currentColor;
+  border-radius: 50%;
+  opacity: 0;
+  -webkit-animation: 0.75s linear infinite spinner-grow;
+  animation: 0.75s linear infinite spinner-grow;
+}
+
+.spinner-grow-sm {
+  width: 1rem;
+  height: 1rem;
+}
+
+@media (prefers-reduced-motion: reduce) {
+
+  .spinner-border,
+  .spinner-grow {
+    -webkit-animation-duration: 1.5s;
+    animation-duration: 1.5s;
+  }
+}
+
+.align-baseline {
+  vertical-align: baseline !important;
+}
+
+.align-top {
+  vertical-align: top !important;
+}
+
+.align-middle {
+  vertical-align: middle !important;
+}
+
+.align-bottom {
+  vertical-align: bottom !important;
+}
+
+.align-text-bottom {
+  vertical-align: text-bottom !important;
+}
+
+.align-text-top {
+  vertical-align: text-top !important;
+}
+
+/* .bg-primary {
+  background-color: #f4623a !important;
+} */
+
+a.bg-primary:hover,
+a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #ee3e0d !important;
+}
+
+.bg-secondary {
+  background-color: #6c757d !important;
+}
+
+a.bg-secondary:hover,
+a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #545b62 !important;
+}
+
+.bg-success {
+  background-color: #28a745 !important;
+}
+
+a.bg-success:hover,
+a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus {
+  background-color: #1e7e34 !important;
+}
+
+.bg-info {
+  background-color: #17a2b8 !important;
+}
+
+a.bg-info:hover,
+a.bg-info:focus,
+button.bg-info:hover,
+button.bg-info:focus {
+  background-color: #117a8b !important;
+}
+
+.bg-warning {
+  background-color: #ffc107 !important;
+}
+
+a.bg-warning:hover,
+a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus {
+  background-color: #d39e00 !important;
+}
+
+.bg-danger {
+  background-color: #dc3545 !important;
+}
+
+a.bg-danger:hover,
+a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+  background-color: #bd2130 !important;
+}
+
+.bg-light {
+  background-color: #f8f9fa !important;
+}
+
+a.bg-light:hover,
+a.bg-light:focus,
+button.bg-light:hover,
+button.bg-light:focus {
+  background-color: #dae0e5 !important;
+}
+
+.bg-dark {
+  background-color: #343a40 !important;
+}
+
+a.bg-dark:hover,
+a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+  background-color: #1d2124 !important;
+}
+
+.bg-white {
+  background-color: #fff !important;
+}
+
+.bg-transparent {
+  background-color: transparent !important;
+}
+
+.border {
+  border: 1px solid #dee2e6 !important;
+}
+
+.border-top {
+  border-top: 1px solid #dee2e6 !important;
+}
+
+.border-right {
+  border-right: 1px solid #dee2e6 !important;
+}
+
+.border-bottom {
+  border-bottom: 1px solid #dee2e6 !important;
+}
+
+.border-left {
+  border-left: 1px solid #dee2e6 !important;
+}
+
+.border-0 {
+  border: 0 !important;
+}
+
+.border-top-0 {
+  border-top: 0 !important;
+}
+
+.border-right-0 {
+  border-right: 0 !important;
+}
+
+.border-bottom-0 {
+  border-bottom: 0 !important;
+}
+
+.border-left-0 {
+  border-left: 0 !important;
+}
+
+.border-primary {
+  border-color: #f4623a !important;
+}
+
+.border-secondary {
+  border-color: #6c757d !important;
+}
+
+.border-success {
+  border-color: #28a745 !important;
+}
+
+.border-info {
+  border-color: #17a2b8 !important;
+}
+
+.border-warning {
+  border-color: #ffc107 !important;
+}
+
+.border-danger {
+  border-color: #dc3545 !important;
+}
+
+.border-light {
+  border-color: #f8f9fa !important;
+}
+
+.border-dark {
+  border-color: #343a40 !important;
+}
+
+.border-white {
+  border-color: #fff !important;
+}
+
+.rounded-sm {
+  border-radius: 0.2rem !important;
+}
+
+.rounded {
+  border-radius: 0.25rem !important;
+}
+
+.rounded-top {
+  border-top-left-radius: 0.25rem !important;
+  border-top-right-radius: 0.25rem !important;
+}
+
+.rounded-right {
+  border-top-right-radius: 0.25rem !important;
+  border-bottom-right-radius: 0.25rem !important;
+}
+
+.rounded-bottom {
+  border-bottom-right-radius: 0.25rem !important;
+  border-bottom-left-radius: 0.25rem !important;
+}
+
+.rounded-left {
+  border-top-left-radius: 0.25rem !important;
+  border-bottom-left-radius: 0.25rem !important;
+}
+
+.rounded-lg {
+  border-radius: 0.3rem !important;
+}
+
+.rounded-circle {
+  border-radius: 50% !important;
+}
+
+.rounded-pill {
+  border-radius: 50rem !important;
+}
+
+.rounded-0 {
+  border-radius: 0 !important;
+}
+
+.clearfix::after {
+  display: block;
+  clear: both;
+  content: "";
+}
+
+.d-none {
+  display: none !important;
+}
+
+.d-inline {
+  display: inline !important;
+}
+
+.d-inline-block {
+  display: inline-block !important;
+}
+
+.d-block {
+  display: block !important;
+}
+
+.d-table {
+  display: table !important;
+}
+
+.d-table-row {
+  display: table-row !important;
+}
+
+.d-table-cell {
+  display: table-cell !important;
+}
+
+.d-flex {
+  display: flex !important;
+}
+
+.d-inline-flex {
+  display: inline-flex !important;
+}
+
+@media (min-width: 576px) {
+  .d-sm-none {
+    display: none !important;
+  }
+
+  .d-sm-inline {
+    display: inline !important;
+  }
+
+  .d-sm-inline-block {
+    display: inline-block !important;
+  }
+
+  .d-sm-block {
+    display: block !important;
+  }
+
+  .d-sm-table {
+    display: table !important;
+  }
+
+  .d-sm-table-row {
+    display: table-row !important;
+  }
+
+  .d-sm-table-cell {
+    display: table-cell !important;
+  }
+
+  .d-sm-flex {
+    display: flex !important;
+  }
+
+  .d-sm-inline-flex {
+    display: inline-flex !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .d-md-none {
+    display: none !important;
+  }
+
+  .d-md-inline {
+    display: inline !important;
+  }
+
+  .d-md-inline-block {
+    display: inline-block !important;
+  }
+
+  .d-md-block {
+    display: block !important;
+  }
+
+  .d-md-table {
+    display: table !important;
+  }
+
+  .d-md-table-row {
+    display: table-row !important;
+  }
+
+  .d-md-table-cell {
+    display: table-cell !important;
+  }
+
+  .d-md-flex {
+    display: flex !important;
+  }
+
+  .d-md-inline-flex {
+    display: inline-flex !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .d-lg-none {
+    display: none !important;
+  }
+
+  .d-lg-inline {
+    display: inline !important;
+  }
+
+  .d-lg-inline-block {
+    display: inline-block !important;
+  }
+
+  .d-lg-block {
+    display: block !important;
+  }
+
+  .d-lg-table {
+    display: table !important;
+  }
+
+  .d-lg-table-row {
+    display: table-row !important;
+  }
+
+  .d-lg-table-cell {
+    display: table-cell !important;
+  }
+
+  .d-lg-flex {
+    display: flex !important;
+  }
+
+  .d-lg-inline-flex {
+    display: inline-flex !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .d-xl-none {
+    display: none !important;
+  }
+
+  .d-xl-inline {
+    display: inline !important;
+  }
+
+  .d-xl-inline-block {
+    display: inline-block !important;
+  }
+
+  .d-xl-block {
+    display: block !important;
+  }
+
+  .d-xl-table {
+    display: table !important;
+  }
+
+  .d-xl-table-row {
+    display: table-row !important;
+  }
+
+  .d-xl-table-cell {
+    display: table-cell !important;
+  }
+
+  .d-xl-flex {
+    display: flex !important;
+  }
+
+  .d-xl-inline-flex {
+    display: inline-flex !important;
+  }
+}
+
+@media print {
+  .d-print-none {
+    display: none !important;
+  }
+
+  .d-print-inline {
+    display: inline !important;
+  }
+
+  .d-print-inline-block {
+    display: inline-block !important;
+  }
+
+  .d-print-block {
+    display: block !important;
+  }
+
+  .d-print-table {
+    display: table !important;
+  }
+
+  .d-print-table-row {
+    display: table-row !important;
+  }
+
+  .d-print-table-cell {
+    display: table-cell !important;
+  }
+
+  .d-print-flex {
+    display: flex !important;
+  }
+
+  .d-print-inline-flex {
+    display: inline-flex !important;
+  }
+}
+
+.embed-responsive {
+  position: relative;
+  display: block;
+  width: 100%;
+  padding: 0;
+  overflow: hidden;
+}
+
+.embed-responsive::before {
+  display: block;
+  content: "";
+}
+
+.embed-responsive .embed-responsive-item,
+.embed-responsive iframe,
+.embed-responsive embed,
+.embed-responsive object,
+.embed-responsive video {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+
+.embed-responsive-21by9::before {
+  padding-top: 42.8571428571%;
+}
+
+.embed-responsive-16by9::before {
+  padding-top: 56.25%;
+}
+
+.embed-responsive-4by3::before {
+  padding-top: 75%;
+}
+
+.embed-responsive-1by1::before {
+  padding-top: 100%;
+}
+
+.flex-row {
+  flex-direction: row !important;
+}
+
+.flex-column {
+  flex-direction: column !important;
+}
+
+.flex-row-reverse {
+  flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse {
+  flex-direction: column-reverse !important;
+}
+
+.flex-wrap {
+  flex-wrap: wrap !important;
+}
+
+.flex-nowrap {
+  flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse !important;
+}
+
+.flex-fill {
+  flex: 1 1 auto !important;
+}
+
+.flex-grow-0 {
+  flex-grow: 0 !important;
+}
+
+.flex-grow-1 {
+  flex-grow: 1 !important;
+}
+
+.flex-shrink-0 {
+  flex-shrink: 0 !important;
+}
+
+.flex-shrink-1 {
+  flex-shrink: 1 !important;
+}
+
+.justify-content-start {
+  justify-content: flex-start !important;
+}
+
+.justify-content-end {
+  justify-content: flex-end !important;
+}
+
+.justify-content-center {
+  justify-content: center !important;
+}
+
+.justify-content-between {
+  justify-content: space-between !important;
+}
+
+.justify-content-around {
+  justify-content: space-around !important;
+}
+
+.align-items-start {
+  align-items: flex-start !important;
+}
+
+.align-items-end {
+  align-items: flex-end !important;
+}
+
+.align-items-center {
+  align-items: center !important;
+}
+
+.align-items-baseline {
+  align-items: baseline !important;
+}
+
+.align-items-stretch {
+  align-items: stretch !important;
+}
+
+.align-content-start {
+  align-content: flex-start !important;
+}
+
+.align-content-end {
+  align-content: flex-end !important;
+}
+
+.align-content-center {
+  align-content: center !important;
+}
+
+.align-content-between {
+  align-content: space-between !important;
+}
+
+.align-content-around {
+  align-content: space-around !important;
+}
+
+.align-content-stretch {
+  align-content: stretch !important;
+}
+
+.align-self-auto {
+  align-self: auto !important;
+}
+
+.align-self-start {
+  align-self: flex-start !important;
+}
+
+.align-self-end {
+  align-self: flex-end !important;
+}
+
+.align-self-center {
+  align-self: center !important;
+}
+
+.align-self-baseline {
+  align-self: baseline !important;
+}
+
+.align-self-stretch {
+  align-self: stretch !important;
+}
+
+@media (min-width: 576px) {
+  .flex-sm-row {
+    flex-direction: row !important;
+  }
+
+  .flex-sm-column {
+    flex-direction: column !important;
+  }
+
+  .flex-sm-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+
+  .flex-sm-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+
+  .flex-sm-wrap {
+    flex-wrap: wrap !important;
+  }
+
+  .flex-sm-nowrap {
+    flex-wrap: nowrap !important;
+  }
+
+  .flex-sm-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+
+  .flex-sm-fill {
+    flex: 1 1 auto !important;
+  }
+
+  .flex-sm-grow-0 {
+    flex-grow: 0 !important;
+  }
+
+  .flex-sm-grow-1 {
+    flex-grow: 1 !important;
+  }
+
+  .flex-sm-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+
+  .flex-sm-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+
+  .justify-content-sm-start {
+    justify-content: flex-start !important;
+  }
+
+  .justify-content-sm-end {
+    justify-content: flex-end !important;
+  }
+
+  .justify-content-sm-center {
+    justify-content: center !important;
+  }
+
+  .justify-content-sm-between {
+    justify-content: space-between !important;
+  }
+
+  .justify-content-sm-around {
+    justify-content: space-around !important;
+  }
+
+  .align-items-sm-start {
+    align-items: flex-start !important;
+  }
+
+  .align-items-sm-end {
+    align-items: flex-end !important;
+  }
+
+  .align-items-sm-center {
+    align-items: center !important;
+  }
+
+  .align-items-sm-baseline {
+    align-items: baseline !important;
+  }
+
+  .align-items-sm-stretch {
+    align-items: stretch !important;
+  }
+
+  .align-content-sm-start {
+    align-content: flex-start !important;
+  }
+
+  .align-content-sm-end {
+    align-content: flex-end !important;
+  }
+
+  .align-content-sm-center {
+    align-content: center !important;
+  }
+
+  .align-content-sm-between {
+    align-content: space-between !important;
+  }
+
+  .align-content-sm-around {
+    align-content: space-around !important;
+  }
+
+  .align-content-sm-stretch {
+    align-content: stretch !important;
+  }
+
+  .align-self-sm-auto {
+    align-self: auto !important;
+  }
+
+  .align-self-sm-start {
+    align-self: flex-start !important;
+  }
+
+  .align-self-sm-end {
+    align-self: flex-end !important;
+  }
+
+  .align-self-sm-center {
+    align-self: center !important;
+  }
+
+  .align-self-sm-baseline {
+    align-self: baseline !important;
+  }
+
+  .align-self-sm-stretch {
+    align-self: stretch !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .flex-md-row {
+    flex-direction: row !important;
+  }
+
+  .flex-md-column {
+    flex-direction: column !important;
+  }
+
+  .flex-md-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+
+  .flex-md-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+
+  .flex-md-wrap {
+    flex-wrap: wrap !important;
+  }
+
+  .flex-md-nowrap {
+    flex-wrap: nowrap !important;
+  }
+
+  .flex-md-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+
+  .flex-md-fill {
+    flex: 1 1 auto !important;
+  }
+
+  .flex-md-grow-0 {
+    flex-grow: 0 !important;
+  }
+
+  .flex-md-grow-1 {
+    flex-grow: 1 !important;
+  }
+
+  .flex-md-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+
+  .flex-md-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+
+  .justify-content-md-start {
+    justify-content: flex-start !important;
+  }
+
+  .justify-content-md-end {
+    justify-content: flex-end !important;
+  }
+
+  .justify-content-md-center {
+    justify-content: center !important;
+  }
+
+  .justify-content-md-between {
+    justify-content: space-between !important;
+  }
+
+  .justify-content-md-around {
+    justify-content: space-around !important;
+  }
+
+  .align-items-md-start {
+    align-items: flex-start !important;
+  }
+
+  .align-items-md-end {
+    align-items: flex-end !important;
+  }
+
+  .align-items-md-center {
+    align-items: center !important;
+  }
+
+  .align-items-md-baseline {
+    align-items: baseline !important;
+  }
+
+  .align-items-md-stretch {
+    align-items: stretch !important;
+  }
+
+  .align-content-md-start {
+    align-content: flex-start !important;
+  }
+
+  .align-content-md-end {
+    align-content: flex-end !important;
+  }
+
+  .align-content-md-center {
+    align-content: center !important;
+  }
+
+  .align-content-md-between {
+    align-content: space-between !important;
+  }
+
+  .align-content-md-around {
+    align-content: space-around !important;
+  }
+
+  .align-content-md-stretch {
+    align-content: stretch !important;
+  }
+
+  .align-self-md-auto {
+    align-self: auto !important;
+  }
+
+  .align-self-md-start {
+    align-self: flex-start !important;
+  }
+
+  .align-self-md-end {
+    align-self: flex-end !important;
+  }
+
+  .align-self-md-center {
+    align-self: center !important;
+  }
+
+  .align-self-md-baseline {
+    align-self: baseline !important;
+  }
+
+  .align-self-md-stretch {
+    align-self: stretch !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .flex-lg-row {
+    flex-direction: row !important;
+  }
+
+  .flex-lg-column {
+    flex-direction: column !important;
+  }
+
+  .flex-lg-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+
+  .flex-lg-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+
+  .flex-lg-wrap {
+    flex-wrap: wrap !important;
+  }
+
+  .flex-lg-nowrap {
+    flex-wrap: nowrap !important;
+  }
+
+  .flex-lg-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+
+  .flex-lg-fill {
+    flex: 1 1 auto !important;
+  }
+
+  .flex-lg-grow-0 {
+    flex-grow: 0 !important;
+  }
+
+  .flex-lg-grow-1 {
+    flex-grow: 1 !important;
+  }
+
+  .flex-lg-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+
+  .flex-lg-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+
+  .justify-content-lg-start {
+    justify-content: flex-start !important;
+  }
+
+  .justify-content-lg-end {
+    justify-content: flex-end !important;
+  }
+
+  .justify-content-lg-center {
+    justify-content: center !important;
+  }
+
+  .justify-content-lg-between {
+    justify-content: space-between !important;
+  }
+
+  .justify-content-lg-around {
+    justify-content: space-around !important;
+  }
+
+  .align-items-lg-start {
+    align-items: flex-start !important;
+  }
+
+  .align-items-lg-end {
+    align-items: flex-end !important;
+  }
+
+  .align-items-lg-center {
+    align-items: center !important;
+  }
+
+  .align-items-lg-baseline {
+    align-items: baseline !important;
+  }
+
+  .align-items-lg-stretch {
+    align-items: stretch !important;
+  }
+
+  .align-content-lg-start {
+    align-content: flex-start !important;
+  }
+
+  .align-content-lg-end {
+    align-content: flex-end !important;
+  }
+
+  .align-content-lg-center {
+    align-content: center !important;
+  }
+
+  .align-content-lg-between {
+    align-content: space-between !important;
+  }
+
+  .align-content-lg-around {
+    align-content: space-around !important;
+  }
+
+  .align-content-lg-stretch {
+    align-content: stretch !important;
+  }
+
+  .align-self-lg-auto {
+    align-self: auto !important;
+  }
+
+  .align-self-lg-start {
+    align-self: flex-start !important;
+  }
+
+  .align-self-lg-end {
+    align-self: flex-end !important;
+  }
+
+  .align-self-lg-center {
+    align-self: center !important;
+  }
+
+  .align-self-lg-baseline {
+    align-self: baseline !important;
+  }
+
+  .align-self-lg-stretch {
+    align-self: stretch !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .flex-xl-row {
+    flex-direction: row !important;
+  }
+
+  .flex-xl-column {
+    flex-direction: column !important;
+  }
+
+  .flex-xl-row-reverse {
+    flex-direction: row-reverse !important;
+  }
+
+  .flex-xl-column-reverse {
+    flex-direction: column-reverse !important;
+  }
+
+  .flex-xl-wrap {
+    flex-wrap: wrap !important;
+  }
+
+  .flex-xl-nowrap {
+    flex-wrap: nowrap !important;
+  }
+
+  .flex-xl-wrap-reverse {
+    flex-wrap: wrap-reverse !important;
+  }
+
+  .flex-xl-fill {
+    flex: 1 1 auto !important;
+  }
+
+  .flex-xl-grow-0 {
+    flex-grow: 0 !important;
+  }
+
+  .flex-xl-grow-1 {
+    flex-grow: 1 !important;
+  }
+
+  .flex-xl-shrink-0 {
+    flex-shrink: 0 !important;
+  }
+
+  .flex-xl-shrink-1 {
+    flex-shrink: 1 !important;
+  }
+
+  .justify-content-xl-start {
+    justify-content: flex-start !important;
+  }
+
+  .justify-content-xl-end {
+    justify-content: flex-end !important;
+  }
+
+  .justify-content-xl-center {
+    justify-content: center !important;
+  }
+
+  .justify-content-xl-between {
+    justify-content: space-between !important;
+  }
+
+  .justify-content-xl-around {
+    justify-content: space-around !important;
+  }
+
+  .align-items-xl-start {
+    align-items: flex-start !important;
+  }
+
+  .align-items-xl-end {
+    align-items: flex-end !important;
+  }
+
+  .align-items-xl-center {
+    align-items: center !important;
+  }
+
+  .align-items-xl-baseline {
+    align-items: baseline !important;
+  }
+
+  .align-items-xl-stretch {
+    align-items: stretch !important;
+  }
+
+  .align-content-xl-start {
+    align-content: flex-start !important;
+  }
+
+  .align-content-xl-end {
+    align-content: flex-end !important;
+  }
+
+  .align-content-xl-center {
+    align-content: center !important;
+  }
+
+  .align-content-xl-between {
+    align-content: space-between !important;
+  }
+
+  .align-content-xl-around {
+    align-content: space-around !important;
+  }
+
+  .align-content-xl-stretch {
+    align-content: stretch !important;
+  }
+
+  .align-self-xl-auto {
+    align-self: auto !important;
+  }
+
+  .align-self-xl-start {
+    align-self: flex-start !important;
+  }
+
+  .align-self-xl-end {
+    align-self: flex-end !important;
+  }
+
+  .align-self-xl-center {
+    align-self: center !important;
+  }
+
+  .align-self-xl-baseline {
+    align-self: baseline !important;
+  }
+
+  .align-self-xl-stretch {
+    align-self: stretch !important;
+  }
+}
+
+.float-left {
+  float: left !important;
+}
+
+.float-right {
+  float: right !important;
+}
+
+.float-none {
+  float: none !important;
+}
+
+@media (min-width: 576px) {
+  .float-sm-left {
+    float: left !important;
+  }
+
+  .float-sm-right {
+    float: right !important;
+  }
+
+  .float-sm-none {
+    float: none !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .float-md-left {
+    float: left !important;
+  }
+
+  .float-md-right {
+    float: right !important;
+  }
+
+  .float-md-none {
+    float: none !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .float-lg-left {
+    float: left !important;
+  }
+
+  .float-lg-right {
+    float: right !important;
+  }
+
+  .float-lg-none {
+    float: none !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .float-xl-left {
+    float: left !important;
+  }
+
+  .float-xl-right {
+    float: right !important;
+  }
+
+  .float-xl-none {
+    float: none !important;
+  }
+}
+
+.user-select-all {
+  -webkit-user-select: all !important;
+  -moz-user-select: all !important;
+  user-select: all !important;
+}
+
+.user-select-auto {
+  -webkit-user-select: auto !important;
+  -moz-user-select: auto !important;
+  -ms-user-select: auto !important;
+  user-select: auto !important;
+}
+
+.user-select-none {
+  -webkit-user-select: none !important;
+  -moz-user-select: none !important;
+  -ms-user-select: none !important;
+  user-select: none !important;
+}
+
+.overflow-auto {
+  overflow: auto !important;
+}
+
+.overflow-hidden {
+  overflow: hidden !important;
+}
+
+.position-static {
+  position: static !important;
+}
+
+.position-relative {
+  position: relative !important;
+}
+
+.position-absolute {
+  position: absolute !important;
+}
+
+.position-fixed {
+  position: fixed !important;
+}
+
+.position-sticky {
+  position: sticky !important;
+}
+
+.fixed-top {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+
+.fixed-bottom {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1030;
+}
+
+@supports (position: sticky) {
+  .sticky-top {
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+  }
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+
+.shadow-sm {
+  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+}
+
+.shadow {
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+}
+
+.shadow-lg {
+  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+}
+
+.shadow-none {
+  box-shadow: none !important;
+}
+
+.w-25 {
+  width: 25% !important;
+}
+
+.w-50 {
+  width: 50% !important;
+}
+
+.w-75 {
+  width: 75% !important;
+}
+
+.w-100 {
+  width: 100% !important;
+}
+
+.w-auto {
+  width: auto !important;
+}
+
+.h-25 {
+  height: 25% !important;
+}
+
+.h-50 {
+  height: 50% !important;
+}
+
+.h-75 {
+  height: 75% !important;
+}
+
+.h-100 {
+  height: 100% !important;
+}
+
+.h-auto {
+  height: auto !important;
+}
+
+.mw-100 {
+  max-width: 100% !important;
+}
+
+.mh-100 {
+  max-height: 100% !important;
+}
+
+.min-vw-100 {
+  min-width: 100vw !important;
+}
+
+.min-vh-100 {
+  min-height: 100vh !important;
+}
+
+.vw-100 {
+  width: 100vw !important;
+}
+
+.vh-100 {
+  height: 100vh !important;
+}
+
+.m-0 {
+  margin: 0 !important;
+}
+
+.mt-0,
+.my-0 {
+  margin-top: 0 !important;
+}
+
+.mr-0,
+.mx-0 {
+  margin-right: 0 !important;
+}
+
+.mb-0,
+.my-0 {
+  margin-bottom: 0 !important;
+}
+
+.ml-0,
+.mx-0 {
+  margin-left: 0 !important;
+}
+
+.m-1 {
+  margin: 0.25rem !important;
+}
+
+.mt-1,
+.my-1 {
+  margin-top: 0.25rem !important;
+}
+
+.mr-1,
+.mx-1 {
+  margin-right: 0.25rem !important;
+}
+
+.mb-1,
+.my-1 {
+  margin-bottom: 0.25rem !important;
+}
+
+.ml-1,
+.mx-1 {
+  margin-left: 0.25rem !important;
+}
+
+.m-2 {
+  margin: 0.5rem !important;
+}
+
+.mt-2,
+.my-2 {
+  margin-top: 0.5rem !important;
+}
+
+.mr-2,
+.mx-2 {
+  margin-right: 0.5rem !important;
+}
+
+.mb-2,
+.my-2 {
+  margin-bottom: 0.5rem !important;
+}
+
+.ml-2,
+.mx-2 {
+  margin-left: 0.5rem !important;
+}
+
+.m-3 {
+  margin: 1rem !important;
+}
+
+.mt-3,
+.my-3 {
+  margin-top: 1rem !important;
+}
+
+.mr-3,
+.mx-3 {
+  margin-right: 1rem !important;
+}
+
+.mb-3,
+.my-3 {
+  margin-bottom: 1rem !important;
+}
+
+.ml-3,
+.mx-3 {
+  margin-left: 1rem !important;
+}
+
+.m-4 {
+  margin: 1.5rem !important;
+}
+
+.mt-4,
+.my-4 {
+  margin-top: 1.5rem !important;
+}
+
+.mr-4,
+.mx-4 {
+  margin-right: 1.5rem !important;
+}
+
+.mb-4,
+.my-4 {
+  margin-bottom: 1.5rem !important;
+}
+
+.ml-4,
+.mx-4 {
+  margin-left: 1.5rem !important;
+}
+
+.m-5 {
+  margin: 3rem !important;
+}
+
+.mt-5,
+.my-5 {
+  margin-top: 3rem !important;
+}
+
+.mr-5,
+.mx-5 {
+  margin-right: 3rem !important;
+}
+
+.mb-5,
+.my-5 {
+  margin-bottom: 3rem !important;
+}
+
+.ml-5,
+.mx-5 {
+  margin-left: 3rem !important;
+}
+
+.p-0 {
+  padding: 0 !important;
+}
+
+.pt-0,
+.py-0 {
+  padding-top: 0 !important;
+}
+
+.pr-0,
+.px-0 {
+  padding-right: 0 !important;
+}
+
+.pb-0,
+.py-0 {
+  padding-bottom: 0 !important;
+}
+
+.pl-0,
+.px-0 {
+  padding-left: 0 !important;
+}
+
+.p-1 {
+  padding: 0.25rem !important;
+}
+
+.pt-1,
+.py-1 {
+  padding-top: 0.25rem !important;
+}
+
+.pr-1,
+.px-1 {
+  padding-right: 0.25rem !important;
+}
+
+.pb-1,
+.py-1 {
+  padding-bottom: 0.25rem !important;
+}
+
+.pl-1,
+.px-1 {
+  padding-left: 0.25rem !important;
+}
+
+.p-2 {
+  padding: 0.5rem !important;
+}
+
+.pt-2,
+.py-2 {
+  padding-top: 0.5rem !important;
+}
+
+.pr-2,
+.px-2 {
+  padding-right: 0.5rem !important;
+}
+
+.pb-2,
+.py-2 {
+  padding-bottom: 0.5rem !important;
+}
+
+.pl-2,
+.px-2 {
+  padding-left: 0.5rem !important;
+}
+
+.p-3 {
+  padding: 1rem !important;
+}
+
+.pt-3,
+.py-3 {
+  padding-top: 1rem !important;
+}
+
+.pr-3,
+.px-3 {
+  padding-right: 1rem !important;
+}
+
+.pb-3,
+.py-3 {
+  padding-bottom: 1rem !important;
+}
+
+.pl-3,
+.px-3 {
+  padding-left: 1rem !important;
+}
+
+.p-4 {
+  padding: 1.5rem !important;
+}
+
+.pt-4,
+.py-4 {
+  padding-top: 1.5rem !important;
+}
+
+.pr-4,
+.px-4 {
+  padding-right: 1.5rem !important;
+}
+
+.pb-4,
+.py-4 {
+  padding-bottom: 1.5rem !important;
+}
+
+.pl-4,
+.px-4 {
+  padding-left: 1.5rem !important;
+}
+
+.p-5 {
+  padding: 3rem !important;
+}
+
+.pt-5,
+.py-5 {
+  padding-top: 3rem !important;
+}
+
+.pr-5,
+.px-5 {
+  padding-right: 3rem !important;
+}
+
+.pb-5,
+.py-5 {
+  padding-bottom: 3rem !important;
+}
+
+.pl-5,
+.px-5 {
+  padding-left: 3rem !important;
+}
+
+.m-n1 {
+  margin: -0.25rem !important;
+}
+
+.mt-n1,
+.my-n1 {
+  margin-top: -0.25rem !important;
+}
+
+.mr-n1,
+.mx-n1 {
+  margin-right: -0.25rem !important;
+}
+
+.mb-n1,
+.my-n1 {
+  margin-bottom: -0.25rem !important;
+}
+
+.ml-n1,
+.mx-n1 {
+  margin-left: -0.25rem !important;
+}
+
+.m-n2 {
+  margin: -0.5rem !important;
+}
+
+.mt-n2,
+.my-n2 {
+  margin-top: -0.5rem !important;
+}
+
+.mr-n2,
+.mx-n2 {
+  margin-right: -0.5rem !important;
+}
+
+.mb-n2,
+.my-n2 {
+  margin-bottom: -0.5rem !important;
+}
+
+.ml-n2,
+.mx-n2 {
+  margin-left: -0.5rem !important;
+}
+
+.m-n3 {
+  margin: -1rem !important;
+}
+
+.mt-n3,
+.my-n3 {
+  margin-top: -1rem !important;
+}
+
+.mr-n3,
+.mx-n3 {
+  margin-right: -1rem !important;
+}
+
+.mb-n3,
+.my-n3 {
+  margin-bottom: -1rem !important;
+}
+
+.ml-n3,
+.mx-n3 {
+  margin-left: -1rem !important;
+}
+
+.m-n4 {
+  margin: -1.5rem !important;
+}
+
+.mt-n4,
+.my-n4 {
+  margin-top: -1.5rem !important;
+}
+
+.mr-n4,
+.mx-n4 {
+  margin-right: -1.5rem !important;
+}
+
+.mb-n4,
+.my-n4 {
+  margin-bottom: -1.5rem !important;
+}
+
+.ml-n4,
+.mx-n4 {
+  margin-left: -1.5rem !important;
+}
+
+.m-n5 {
+  margin: -3rem !important;
+}
+
+.mt-n5,
+.my-n5 {
+  margin-top: -3rem !important;
+}
+
+.mr-n5,
+.mx-n5 {
+  margin-right: -3rem !important;
+}
+
+.mb-n5,
+.my-n5 {
+  margin-bottom: -3rem !important;
+}
+
+.ml-n5,
+.mx-n5 {
+  margin-left: -3rem !important;
+}
+
+.m-auto {
+  margin: auto !important;
+}
+
+.mt-auto,
+.my-auto {
+  margin-top: auto !important;
+}
+
+.mr-auto,
+.mx-auto {
+  margin-right: auto !important;
+}
+
+.mb-auto,
+.my-auto {
+  margin-bottom: auto !important;
+}
+
+.ml-auto,
+.mx-auto {
+  margin-left: auto !important;
+}
+
+@media (min-width: 576px) {
+  .m-sm-0 {
+    margin: 0 !important;
+  }
+
+  .mt-sm-0,
+  .my-sm-0 {
+    margin-top: 0 !important;
+  }
+
+  .mr-sm-0,
+  .mx-sm-0 {
+    margin-right: 0 !important;
+  }
+
+  .mb-sm-0,
+  .my-sm-0 {
+    margin-bottom: 0 !important;
+  }
+
+  .ml-sm-0,
+  .mx-sm-0 {
+    margin-left: 0 !important;
+  }
+
+  .m-sm-1 {
+    margin: 0.25rem !important;
+  }
+
+  .mt-sm-1,
+  .my-sm-1 {
+    margin-top: 0.25rem !important;
+  }
+
+  .mr-sm-1,
+  .mx-sm-1 {
+    margin-right: 0.25rem !important;
+  }
+
+  .mb-sm-1,
+  .my-sm-1 {
+    margin-bottom: 0.25rem !important;
+  }
+
+  .ml-sm-1,
+  .mx-sm-1 {
+    margin-left: 0.25rem !important;
+  }
+
+  .m-sm-2 {
+    margin: 0.5rem !important;
+  }
+
+  .mt-sm-2,
+  .my-sm-2 {
+    margin-top: 0.5rem !important;
+  }
+
+  .mr-sm-2,
+  .mx-sm-2 {
+    margin-right: 0.5rem !important;
+  }
+
+  .mb-sm-2,
+  .my-sm-2 {
+    margin-bottom: 0.5rem !important;
+  }
+
+  .ml-sm-2,
+  .mx-sm-2 {
+    margin-left: 0.5rem !important;
+  }
+
+  .m-sm-3 {
+    margin: 1rem !important;
+  }
+
+  .mt-sm-3,
+  .my-sm-3 {
+    margin-top: 1rem !important;
+  }
+
+  .mr-sm-3,
+  .mx-sm-3 {
+    margin-right: 1rem !important;
+  }
+
+  .mb-sm-3,
+  .my-sm-3 {
+    margin-bottom: 1rem !important;
+  }
+
+  .ml-sm-3,
+  .mx-sm-3 {
+    margin-left: 1rem !important;
+  }
+
+  .m-sm-4 {
+    margin: 1.5rem !important;
+  }
+
+  .mt-sm-4,
+  .my-sm-4 {
+    margin-top: 1.5rem !important;
+  }
+
+  .mr-sm-4,
+  .mx-sm-4 {
+    margin-right: 1.5rem !important;
+  }
+
+  .mb-sm-4,
+  .my-sm-4 {
+    margin-bottom: 1.5rem !important;
+  }
+
+  .ml-sm-4,
+  .mx-sm-4 {
+    margin-left: 1.5rem !important;
+  }
+
+  .m-sm-5 {
+    margin: 3rem !important;
+  }
+
+  .mt-sm-5,
+  .my-sm-5 {
+    margin-top: 3rem !important;
+  }
+
+  .mr-sm-5,
+  .mx-sm-5 {
+    margin-right: 3rem !important;
+  }
+
+  .mb-sm-5,
+  .my-sm-5 {
+    margin-bottom: 3rem !important;
+  }
+
+  .ml-sm-5,
+  .mx-sm-5 {
+    margin-left: 3rem !important;
+  }
+
+  .p-sm-0 {
+    padding: 0 !important;
+  }
+
+  .pt-sm-0,
+  .py-sm-0 {
+    padding-top: 0 !important;
+  }
+
+  .pr-sm-0,
+  .px-sm-0 {
+    padding-right: 0 !important;
+  }
+
+  .pb-sm-0,
+  .py-sm-0 {
+    padding-bottom: 0 !important;
+  }
+
+  .pl-sm-0,
+  .px-sm-0 {
+    padding-left: 0 !important;
+  }
+
+  .p-sm-1 {
+    padding: 0.25rem !important;
+  }
+
+  .pt-sm-1,
+  .py-sm-1 {
+    padding-top: 0.25rem !important;
+  }
+
+  .pr-sm-1,
+  .px-sm-1 {
+    padding-right: 0.25rem !important;
+  }
+
+  .pb-sm-1,
+  .py-sm-1 {
+    padding-bottom: 0.25rem !important;
+  }
+
+  .pl-sm-1,
+  .px-sm-1 {
+    padding-left: 0.25rem !important;
+  }
+
+  .p-sm-2 {
+    padding: 0.5rem !important;
+  }
+
+  .pt-sm-2,
+  .py-sm-2 {
+    padding-top: 0.5rem !important;
+  }
+
+  .pr-sm-2,
+  .px-sm-2 {
+    padding-right: 0.5rem !important;
+  }
+
+  .pb-sm-2,
+  .py-sm-2 {
+    padding-bottom: 0.5rem !important;
+  }
+
+  .pl-sm-2,
+  .px-sm-2 {
+    padding-left: 0.5rem !important;
+  }
+
+  .p-sm-3 {
+    padding: 1rem !important;
+  }
+
+  .pt-sm-3,
+  .py-sm-3 {
+    padding-top: 1rem !important;
+  }
+
+  .pr-sm-3,
+  .px-sm-3 {
+    padding-right: 1rem !important;
+  }
+
+  .pb-sm-3,
+  .py-sm-3 {
+    padding-bottom: 1rem !important;
+  }
+
+  .pl-sm-3,
+  .px-sm-3 {
+    padding-left: 1rem !important;
+  }
+
+  .p-sm-4 {
+    padding: 1.5rem !important;
+  }
+
+  .pt-sm-4,
+  .py-sm-4 {
+    padding-top: 1.5rem !important;
+  }
+
+  .pr-sm-4,
+  .px-sm-4 {
+    padding-right: 1.5rem !important;
+  }
+
+  .pb-sm-4,
+  .py-sm-4 {
+    padding-bottom: 1.5rem !important;
+  }
+
+  .pl-sm-4,
+  .px-sm-4 {
+    padding-left: 1.5rem !important;
+  }
+
+  .p-sm-5 {
+    padding: 3rem !important;
+  }
+
+  .pt-sm-5,
+  .py-sm-5 {
+    padding-top: 3rem !important;
+  }
+
+  .pr-sm-5,
+  .px-sm-5 {
+    padding-right: 3rem !important;
+  }
+
+  .pb-sm-5,
+  .py-sm-5 {
+    padding-bottom: 3rem !important;
+  }
+
+  .pl-sm-5,
+  .px-sm-5 {
+    padding-left: 3rem !important;
+  }
+
+  .m-sm-n1 {
+    margin: -0.25rem !important;
+  }
+
+  .mt-sm-n1,
+  .my-sm-n1 {
+    margin-top: -0.25rem !important;
+  }
+
+  .mr-sm-n1,
+  .mx-sm-n1 {
+    margin-right: -0.25rem !important;
+  }
+
+  .mb-sm-n1,
+  .my-sm-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+
+  .ml-sm-n1,
+  .mx-sm-n1 {
+    margin-left: -0.25rem !important;
+  }
+
+  .m-sm-n2 {
+    margin: -0.5rem !important;
+  }
+
+  .mt-sm-n2,
+  .my-sm-n2 {
+    margin-top: -0.5rem !important;
+  }
+
+  .mr-sm-n2,
+  .mx-sm-n2 {
+    margin-right: -0.5rem !important;
+  }
+
+  .mb-sm-n2,
+  .my-sm-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+
+  .ml-sm-n2,
+  .mx-sm-n2 {
+    margin-left: -0.5rem !important;
+  }
+
+  .m-sm-n3 {
+    margin: -1rem !important;
+  }
+
+  .mt-sm-n3,
+  .my-sm-n3 {
+    margin-top: -1rem !important;
+  }
+
+  .mr-sm-n3,
+  .mx-sm-n3 {
+    margin-right: -1rem !important;
+  }
+
+  .mb-sm-n3,
+  .my-sm-n3 {
+    margin-bottom: -1rem !important;
+  }
+
+  .ml-sm-n3,
+  .mx-sm-n3 {
+    margin-left: -1rem !important;
+  }
+
+  .m-sm-n4 {
+    margin: -1.5rem !important;
+  }
+
+  .mt-sm-n4,
+  .my-sm-n4 {
+    margin-top: -1.5rem !important;
+  }
+
+  .mr-sm-n4,
+  .mx-sm-n4 {
+    margin-right: -1.5rem !important;
+  }
+
+  .mb-sm-n4,
+  .my-sm-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+
+  .ml-sm-n4,
+  .mx-sm-n4 {
+    margin-left: -1.5rem !important;
+  }
+
+  .m-sm-n5 {
+    margin: -3rem !important;
+  }
+
+  .mt-sm-n5,
+  .my-sm-n5 {
+    margin-top: -3rem !important;
+  }
+
+  .mr-sm-n5,
+  .mx-sm-n5 {
+    margin-right: -3rem !important;
+  }
+
+  .mb-sm-n5,
+  .my-sm-n5 {
+    margin-bottom: -3rem !important;
+  }
+
+  .ml-sm-n5,
+  .mx-sm-n5 {
+    margin-left: -3rem !important;
+  }
+
+  .m-sm-auto {
+    margin: auto !important;
+  }
+
+  .mt-sm-auto,
+  .my-sm-auto {
+    margin-top: auto !important;
+  }
+
+  .mr-sm-auto,
+  .mx-sm-auto {
+    margin-right: auto !important;
+  }
+
+  .mb-sm-auto,
+  .my-sm-auto {
+    margin-bottom: auto !important;
+  }
+
+  .ml-sm-auto,
+  .mx-sm-auto {
+    margin-left: auto !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .m-md-0 {
+    margin: 0 !important;
+  }
+
+  .mt-md-0,
+  .my-md-0 {
+    margin-top: 0 !important;
+  }
+
+  .mr-md-0,
+  .mx-md-0 {
+    margin-right: 0 !important;
+  }
+
+  .mb-md-0,
+  .my-md-0 {
+    margin-bottom: 0 !important;
+  }
+
+  .ml-md-0,
+  .mx-md-0 {
+    margin-left: 0 !important;
+  }
+
+  .m-md-1 {
+    margin: 0.25rem !important;
+  }
+
+  .mt-md-1,
+  .my-md-1 {
+    margin-top: 0.25rem !important;
+  }
+
+  .mr-md-1,
+  .mx-md-1 {
+    margin-right: 0.25rem !important;
+  }
+
+  .mb-md-1,
+  .my-md-1 {
+    margin-bottom: 0.25rem !important;
+  }
+
+  .ml-md-1,
+  .mx-md-1 {
+    margin-left: 0.25rem !important;
+  }
+
+  .m-md-2 {
+    margin: 0.5rem !important;
+  }
+
+  .mt-md-2,
+  .my-md-2 {
+    margin-top: 0.5rem !important;
+  }
+
+  .mr-md-2,
+  .mx-md-2 {
+    margin-right: 0.5rem !important;
+  }
+
+  .mb-md-2,
+  .my-md-2 {
+    margin-bottom: 0.5rem !important;
+  }
+
+  .ml-md-2,
+  .mx-md-2 {
+    margin-left: 0.5rem !important;
+  }
+
+  .m-md-3 {
+    margin: 1rem !important;
+  }
+
+  .mt-md-3,
+  .my-md-3 {
+    margin-top: 1rem !important;
+  }
+
+  .mr-md-3,
+  .mx-md-3 {
+    margin-right: 1rem !important;
+  }
+
+  .mb-md-3,
+  .my-md-3 {
+    margin-bottom: 1rem !important;
+  }
+
+  .ml-md-3,
+  .mx-md-3 {
+    margin-left: 1rem !important;
+  }
+
+  .m-md-4 {
+    margin: 1.5rem !important;
+  }
+
+  .mt-md-4,
+  .my-md-4 {
+    margin-top: 1.5rem !important;
+  }
+
+  .mr-md-4,
+  .mx-md-4 {
+    margin-right: 1.5rem !important;
+  }
+
+  .mb-md-4,
+  .my-md-4 {
+    margin-bottom: 1.5rem !important;
+  }
+
+  .ml-md-4,
+  .mx-md-4 {
+    margin-left: 1.5rem !important;
+  }
+
+  .m-md-5 {
+    margin: 3rem !important;
+  }
+
+  .mt-md-5,
+  .my-md-5 {
+    margin-top: 3rem !important;
+  }
+
+  .mr-md-5,
+  .mx-md-5 {
+    margin-right: 3rem !important;
+  }
+
+  .mb-md-5,
+  .my-md-5 {
+    margin-bottom: 3rem !important;
+  }
+
+  .ml-md-5,
+  .mx-md-5 {
+    margin-left: 3rem !important;
+  }
+
+  .p-md-0 {
+    padding: 0 !important;
+  }
+
+  .pt-md-0,
+  .py-md-0 {
+    padding-top: 0 !important;
+  }
+
+  .pr-md-0,
+  .px-md-0 {
+    padding-right: 0 !important;
+  }
+
+  .pb-md-0,
+  .py-md-0 {
+    padding-bottom: 0 !important;
+  }
+
+  .pl-md-0,
+  .px-md-0 {
+    padding-left: 0 !important;
+  }
+
+  .p-md-1 {
+    padding: 0.25rem !important;
+  }
+
+  .pt-md-1,
+  .py-md-1 {
+    padding-top: 0.25rem !important;
+  }
+
+  .pr-md-1,
+  .px-md-1 {
+    padding-right: 0.25rem !important;
+  }
+
+  .pb-md-1,
+  .py-md-1 {
+    padding-bottom: 0.25rem !important;
+  }
+
+  .pl-md-1,
+  .px-md-1 {
+    padding-left: 0.25rem !important;
+  }
+
+  .p-md-2 {
+    padding: 0.5rem !important;
+  }
+
+  .pt-md-2,
+  .py-md-2 {
+    padding-top: 0.5rem !important;
+  }
+
+  .pr-md-2,
+  .px-md-2 {
+    padding-right: 0.5rem !important;
+  }
+
+  .pb-md-2,
+  .py-md-2 {
+    padding-bottom: 0.5rem !important;
+  }
+
+  .pl-md-2,
+  .px-md-2 {
+    padding-left: 0.5rem !important;
+  }
+
+  .p-md-3 {
+    padding: 1rem !important;
+  }
+
+  .pt-md-3,
+  .py-md-3 {
+    padding-top: 1rem !important;
+  }
+
+  .pr-md-3,
+  .px-md-3 {
+    padding-right: 1rem !important;
+  }
+
+  .pb-md-3,
+  .py-md-3 {
+    padding-bottom: 1rem !important;
+  }
+
+  .pl-md-3,
+  .px-md-3 {
+    padding-left: 1rem !important;
+  }
+
+  .p-md-4 {
+    padding: 1.5rem !important;
+  }
+
+  .pt-md-4,
+  .py-md-4 {
+    padding-top: 1.5rem !important;
+  }
+
+  .pr-md-4,
+  .px-md-4 {
+    padding-right: 1.5rem !important;
+  }
+
+  .pb-md-4,
+  .py-md-4 {
+    padding-bottom: 1.5rem !important;
+  }
+
+  .pl-md-4,
+  .px-md-4 {
+    padding-left: 1.5rem !important;
+  }
+
+  .p-md-5 {
+    padding: 3rem !important;
+  }
+
+  .pt-md-5,
+  .py-md-5 {
+    padding-top: 3rem !important;
+  }
+
+  .pr-md-5,
+  .px-md-5 {
+    padding-right: 3rem !important;
+  }
+
+  .pb-md-5,
+  .py-md-5 {
+    padding-bottom: 3rem !important;
+  }
+
+  .pl-md-5,
+  .px-md-5 {
+    padding-left: 3rem !important;
+  }
+
+  .m-md-n1 {
+    margin: -0.25rem !important;
+  }
+
+  .mt-md-n1,
+  .my-md-n1 {
+    margin-top: -0.25rem !important;
+  }
+
+  .mr-md-n1,
+  .mx-md-n1 {
+    margin-right: -0.25rem !important;
+  }
+
+  .mb-md-n1,
+  .my-md-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+
+  .ml-md-n1,
+  .mx-md-n1 {
+    margin-left: -0.25rem !important;
+  }
+
+  .m-md-n2 {
+    margin: -0.5rem !important;
+  }
+
+  .mt-md-n2,
+  .my-md-n2 {
+    margin-top: -0.5rem !important;
+  }
+
+  .mr-md-n2,
+  .mx-md-n2 {
+    margin-right: -0.5rem !important;
+  }
+
+  .mb-md-n2,
+  .my-md-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+
+  .ml-md-n2,
+  .mx-md-n2 {
+    margin-left: -0.5rem !important;
+  }
+
+  .m-md-n3 {
+    margin: -1rem !important;
+  }
+
+  .mt-md-n3,
+  .my-md-n3 {
+    margin-top: -1rem !important;
+  }
+
+  .mr-md-n3,
+  .mx-md-n3 {
+    margin-right: -1rem !important;
+  }
+
+  .mb-md-n3,
+  .my-md-n3 {
+    margin-bottom: -1rem !important;
+  }
+
+  .ml-md-n3,
+  .mx-md-n3 {
+    margin-left: -1rem !important;
+  }
+
+  .m-md-n4 {
+    margin: -1.5rem !important;
+  }
+
+  .mt-md-n4,
+  .my-md-n4 {
+    margin-top: -1.5rem !important;
+  }
+
+  .mr-md-n4,
+  .mx-md-n4 {
+    margin-right: -1.5rem !important;
+  }
+
+  .mb-md-n4,
+  .my-md-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+
+  .ml-md-n4,
+  .mx-md-n4 {
+    margin-left: -1.5rem !important;
+  }
+
+  .m-md-n5 {
+    margin: -3rem !important;
+  }
+
+  .mt-md-n5,
+  .my-md-n5 {
+    margin-top: -3rem !important;
+  }
+
+  .mr-md-n5,
+  .mx-md-n5 {
+    margin-right: -3rem !important;
+  }
+
+  .mb-md-n5,
+  .my-md-n5 {
+    margin-bottom: -3rem !important;
+  }
+
+  .ml-md-n5,
+  .mx-md-n5 {
+    margin-left: -3rem !important;
+  }
+
+  .m-md-auto {
+    margin: auto !important;
+  }
+
+  .mt-md-auto,
+  .my-md-auto {
+    margin-top: auto !important;
+  }
+
+  .mr-md-auto,
+  .mx-md-auto {
+    margin-right: auto !important;
+  }
+
+  .mb-md-auto,
+  .my-md-auto {
+    margin-bottom: auto !important;
+  }
+
+  .ml-md-auto,
+  .mx-md-auto {
+    margin-left: auto !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .m-lg-0 {
+    margin: 0 !important;
+  }
+
+  .mt-lg-0,
+  .my-lg-0 {
+    margin-top: 0 !important;
+  }
+
+  .mr-lg-0,
+  .mx-lg-0 {
+    margin-right: 0 !important;
+  }
+
+  .mb-lg-0,
+  .my-lg-0 {
+    margin-bottom: 0 !important;
+  }
+
+  .ml-lg-0,
+  .mx-lg-0 {
+    margin-left: 0 !important;
+  }
+
+  .m-lg-1 {
+    margin: 0.25rem !important;
+  }
+
+  .mt-lg-1,
+  .my-lg-1 {
+    margin-top: 0.25rem !important;
+  }
+
+  .mr-lg-1,
+  .mx-lg-1 {
+    margin-right: 0.25rem !important;
+  }
+
+  .mb-lg-1,
+  .my-lg-1 {
+    margin-bottom: 0.25rem !important;
+  }
+
+  .ml-lg-1,
+  .mx-lg-1 {
+    margin-left: 0.25rem !important;
+  }
+
+  .m-lg-2 {
+    margin: 0.5rem !important;
+  }
+
+  .mt-lg-2,
+  .my-lg-2 {
+    margin-top: 0.5rem !important;
+  }
+
+  .mr-lg-2,
+  .mx-lg-2 {
+    margin-right: 0.5rem !important;
+  }
+
+  .mb-lg-2,
+  .my-lg-2 {
+    margin-bottom: 0.5rem !important;
+  }
+
+  .ml-lg-2,
+  .mx-lg-2 {
+    margin-left: 0.5rem !important;
+  }
+
+  .m-lg-3 {
+    margin: 1rem !important;
+  }
+
+  .mt-lg-3,
+  .my-lg-3 {
+    margin-top: 1rem !important;
+  }
+
+  .mr-lg-3,
+  .mx-lg-3 {
+    margin-right: 1rem !important;
+  }
+
+  .mb-lg-3,
+  .my-lg-3 {
+    margin-bottom: 1rem !important;
+  }
+
+  .ml-lg-3,
+  .mx-lg-3 {
+    margin-left: 1rem !important;
+  }
+
+  .m-lg-4 {
+    margin: 1.5rem !important;
+  }
+
+  .mt-lg-4,
+  .my-lg-4 {
+    margin-top: 1.5rem !important;
+  }
+
+  .mr-lg-4,
+  .mx-lg-4 {
+    margin-right: 1.5rem !important;
+  }
+
+  .mb-lg-4,
+  .my-lg-4 {
+    margin-bottom: 1.5rem !important;
+  }
+
+  .ml-lg-4,
+  .mx-lg-4 {
+    margin-left: 1.5rem !important;
+  }
+
+  .m-lg-5 {
+    margin: 3rem !important;
+  }
+
+  .mt-lg-5,
+  .my-lg-5 {
+    margin-top: 3rem !important;
+  }
+
+  .mr-lg-5,
+  .mx-lg-5 {
+    margin-right: 3rem !important;
+  }
+
+  .mb-lg-5,
+  .my-lg-5 {
+    margin-bottom: 3rem !important;
+  }
+
+  .ml-lg-5,
+  .mx-lg-5 {
+    margin-left: 3rem !important;
+  }
+
+  .p-lg-0 {
+    padding: 0 !important;
+  }
+
+  .pt-lg-0,
+  .py-lg-0 {
+    padding-top: 0 !important;
+  }
+
+  .pr-lg-0,
+  .px-lg-0 {
+    padding-right: 0 !important;
+  }
+
+  .pb-lg-0,
+  .py-lg-0 {
+    padding-bottom: 0 !important;
+  }
+
+  .pl-lg-0,
+  .px-lg-0 {
+    padding-left: 0 !important;
+  }
+
+  .p-lg-1 {
+    padding: 0.25rem !important;
+  }
+
+  .pt-lg-1,
+  .py-lg-1 {
+    padding-top: 0.25rem !important;
+  }
+
+  .pr-lg-1,
+  .px-lg-1 {
+    padding-right: 0.25rem !important;
+  }
+
+  .pb-lg-1,
+  .py-lg-1 {
+    padding-bottom: 0.25rem !important;
+  }
+
+  .pl-lg-1,
+  .px-lg-1 {
+    padding-left: 0.25rem !important;
+  }
+
+  .p-lg-2 {
+    padding: 0.5rem !important;
+  }
+
+  .pt-lg-2,
+  .py-lg-2 {
+    padding-top: 0.5rem !important;
+  }
+
+  .pr-lg-2,
+  .px-lg-2 {
+    padding-right: 0.5rem !important;
+  }
+
+  .pb-lg-2,
+  .py-lg-2 {
+    padding-bottom: 0.5rem !important;
+  }
+
+  .pl-lg-2,
+  .px-lg-2 {
+    padding-left: 0.5rem !important;
+  }
+
+  .p-lg-3 {
+    padding: 1rem !important;
+  }
+
+  .pt-lg-3,
+  .py-lg-3 {
+    padding-top: 1rem !important;
+  }
+
+  .pr-lg-3,
+  .px-lg-3 {
+    padding-right: 1rem !important;
+  }
+
+  .pb-lg-3,
+  .py-lg-3 {
+    padding-bottom: 1rem !important;
+  }
+
+  .pl-lg-3,
+  .px-lg-3 {
+    padding-left: 1rem !important;
+  }
+
+  .p-lg-4 {
+    padding: 1.5rem !important;
+  }
+
+  .pt-lg-4,
+  .py-lg-4 {
+    padding-top: 1.5rem !important;
+  }
+
+  .pr-lg-4,
+  .px-lg-4 {
+    padding-right: 1.5rem !important;
+  }
+
+  .pb-lg-4,
+  .py-lg-4 {
+    padding-bottom: 1.5rem !important;
+  }
+
+  .pl-lg-4,
+  .px-lg-4 {
+    padding-left: 1.5rem !important;
+  }
+
+  .p-lg-5 {
+    padding: 3rem !important;
+  }
+
+  .pt-lg-5,
+  .py-lg-5 {
+    padding-top: 3rem !important;
+  }
+
+  .pr-lg-5,
+  .px-lg-5 {
+    padding-right: 3rem !important;
+  }
+
+  .pb-lg-5,
+  .py-lg-5 {
+    padding-bottom: 3rem !important;
+  }
+
+  .pl-lg-5,
+  .px-lg-5 {
+    padding-left: 3rem !important;
+  }
+
+  .m-lg-n1 {
+    margin: -0.25rem !important;
+  }
+
+  .mt-lg-n1,
+  .my-lg-n1 {
+    margin-top: -0.25rem !important;
+  }
+
+  .mr-lg-n1,
+  .mx-lg-n1 {
+    margin-right: -0.25rem !important;
+  }
+
+  .mb-lg-n1,
+  .my-lg-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+
+  .ml-lg-n1,
+  .mx-lg-n1 {
+    margin-left: -0.25rem !important;
+  }
+
+  .m-lg-n2 {
+    margin: -0.5rem !important;
+  }
+
+  .mt-lg-n2,
+  .my-lg-n2 {
+    margin-top: -0.5rem !important;
+  }
+
+  .mr-lg-n2,
+  .mx-lg-n2 {
+    margin-right: -0.5rem !important;
+  }
+
+  .mb-lg-n2,
+  .my-lg-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+
+  .ml-lg-n2,
+  .mx-lg-n2 {
+    margin-left: -0.5rem !important;
+  }
+
+  .m-lg-n3 {
+    margin: -1rem !important;
+  }
+
+  .mt-lg-n3,
+  .my-lg-n3 {
+    margin-top: -1rem !important;
+  }
+
+  .mr-lg-n3,
+  .mx-lg-n3 {
+    margin-right: -1rem !important;
+  }
+
+  .mb-lg-n3,
+  .my-lg-n3 {
+    margin-bottom: -1rem !important;
+  }
+
+  .ml-lg-n3,
+  .mx-lg-n3 {
+    margin-left: -1rem !important;
+  }
+
+  .m-lg-n4 {
+    margin: -1.5rem !important;
+  }
+
+  .mt-lg-n4,
+  .my-lg-n4 {
+    margin-top: -1.5rem !important;
+  }
+
+  .mr-lg-n4,
+  .mx-lg-n4 {
+    margin-right: -1.5rem !important;
+  }
+
+  .mb-lg-n4,
+  .my-lg-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+
+  .ml-lg-n4,
+  .mx-lg-n4 {
+    margin-left: -1.5rem !important;
+  }
+
+  .m-lg-n5 {
+    margin: -3rem !important;
+  }
+
+  .mt-lg-n5,
+  .my-lg-n5 {
+    margin-top: -3rem !important;
+  }
+
+  .mr-lg-n5,
+  .mx-lg-n5 {
+    margin-right: -3rem !important;
+  }
+
+  .mb-lg-n5,
+  .my-lg-n5 {
+    margin-bottom: -3rem !important;
+  }
+
+  .ml-lg-n5,
+  .mx-lg-n5 {
+    margin-left: -3rem !important;
+  }
+
+  .m-lg-auto {
+    margin: auto !important;
+  }
+
+  .mt-lg-auto,
+  .my-lg-auto {
+    margin-top: auto !important;
+  }
+
+  .mr-lg-auto,
+  .mx-lg-auto {
+    margin-right: auto !important;
+  }
+
+  .mb-lg-auto,
+  .my-lg-auto {
+    margin-bottom: auto !important;
+  }
+
+  .ml-lg-auto,
+  .mx-lg-auto {
+    margin-left: auto !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .m-xl-0 {
+    margin: 0 !important;
+  }
+
+  .mt-xl-0,
+  .my-xl-0 {
+    margin-top: 0 !important;
+  }
+
+  .mr-xl-0,
+  .mx-xl-0 {
+    margin-right: 0 !important;
+  }
+
+  .mb-xl-0,
+  .my-xl-0 {
+    margin-bottom: 0 !important;
+  }
+
+  .ml-xl-0,
+  .mx-xl-0 {
+    margin-left: 0 !important;
+  }
+
+  .m-xl-1 {
+    margin: 0.25rem !important;
+  }
+
+  .mt-xl-1,
+  .my-xl-1 {
+    margin-top: 0.25rem !important;
+  }
+
+  .mr-xl-1,
+  .mx-xl-1 {
+    margin-right: 0.25rem !important;
+  }
+
+  .mb-xl-1,
+  .my-xl-1 {
+    margin-bottom: 0.25rem !important;
+  }
+
+  .ml-xl-1,
+  .mx-xl-1 {
+    margin-left: 0.25rem !important;
+  }
+
+  .m-xl-2 {
+    margin: 0.5rem !important;
+  }
+
+  .mt-xl-2,
+  .my-xl-2 {
+    margin-top: 0.5rem !important;
+  }
+
+  .mr-xl-2,
+  .mx-xl-2 {
+    margin-right: 0.5rem !important;
+  }
+
+  .mb-xl-2,
+  .my-xl-2 {
+    margin-bottom: 0.5rem !important;
+  }
+
+  .ml-xl-2,
+  .mx-xl-2 {
+    margin-left: 0.5rem !important;
+  }
+
+  .m-xl-3 {
+    margin: 1rem !important;
+  }
+
+  .mt-xl-3,
+  .my-xl-3 {
+    margin-top: 1rem !important;
+  }
+
+  .mr-xl-3,
+  .mx-xl-3 {
+    margin-right: 1rem !important;
+  }
+
+  .mb-xl-3,
+  .my-xl-3 {
+    margin-bottom: 1rem !important;
+  }
+
+  .ml-xl-3,
+  .mx-xl-3 {
+    margin-left: 1rem !important;
+  }
+
+  .m-xl-4 {
+    margin: 1.5rem !important;
+  }
+
+  .mt-xl-4,
+  .my-xl-4 {
+    margin-top: 1.5rem !important;
+  }
+
+  .mr-xl-4,
+  .mx-xl-4 {
+    margin-right: 1.5rem !important;
+  }
+
+  .mb-xl-4,
+  .my-xl-4 {
+    margin-bottom: 1.5rem !important;
+  }
+
+  .ml-xl-4,
+  .mx-xl-4 {
+    margin-left: 1.5rem !important;
+  }
+
+  .m-xl-5 {
+    margin: 3rem !important;
+  }
+
+  .mt-xl-5,
+  .my-xl-5 {
+    margin-top: 3rem !important;
+  }
+
+  .mr-xl-5,
+  .mx-xl-5 {
+    margin-right: 3rem !important;
+  }
+
+  .mb-xl-5,
+  .my-xl-5 {
+    margin-bottom: 3rem !important;
+  }
+
+  .ml-xl-5,
+  .mx-xl-5 {
+    margin-left: 3rem !important;
+  }
+
+  .p-xl-0 {
+    padding: 0 !important;
+  }
+
+  .pt-xl-0,
+  .py-xl-0 {
+    padding-top: 0 !important;
+  }
+
+  .pr-xl-0,
+  .px-xl-0 {
+    padding-right: 0 !important;
+  }
+
+  .pb-xl-0,
+  .py-xl-0 {
+    padding-bottom: 0 !important;
+  }
+
+  .pl-xl-0,
+  .px-xl-0 {
+    padding-left: 0 !important;
+  }
+
+  .p-xl-1 {
+    padding: 0.25rem !important;
+  }
+
+  .pt-xl-1,
+  .py-xl-1 {
+    padding-top: 0.25rem !important;
+  }
+
+  .pr-xl-1,
+  .px-xl-1 {
+    padding-right: 0.25rem !important;
+  }
+
+  .pb-xl-1,
+  .py-xl-1 {
+    padding-bottom: 0.25rem !important;
+  }
+
+  .pl-xl-1,
+  .px-xl-1 {
+    padding-left: 0.25rem !important;
+  }
+
+  .p-xl-2 {
+    padding: 0.5rem !important;
+  }
+
+  .pt-xl-2,
+  .py-xl-2 {
+    padding-top: 0.5rem !important;
+  }
+
+  .pr-xl-2,
+  .px-xl-2 {
+    padding-right: 0.5rem !important;
+  }
+
+  .pb-xl-2,
+  .py-xl-2 {
+    padding-bottom: 0.5rem !important;
+  }
+
+  .pl-xl-2,
+  .px-xl-2 {
+    padding-left: 0.5rem !important;
+  }
+
+  .p-xl-3 {
+    padding: 1rem !important;
+  }
+
+  .pt-xl-3,
+  .py-xl-3 {
+    padding-top: 1rem !important;
+  }
+
+  .pr-xl-3,
+  .px-xl-3 {
+    padding-right: 1rem !important;
+  }
+
+  .pb-xl-3,
+  .py-xl-3 {
+    padding-bottom: 1rem !important;
+  }
+
+  .pl-xl-3,
+  .px-xl-3 {
+    padding-left: 1rem !important;
+  }
+
+  .p-xl-4 {
+    padding: 1.5rem !important;
+  }
+
+  .pt-xl-4,
+  .py-xl-4 {
+    padding-top: 1.5rem !important;
+  }
+
+  .pr-xl-4,
+  .px-xl-4 {
+    padding-right: 1.5rem !important;
+  }
+
+  .pb-xl-4,
+  .py-xl-4 {
+    padding-bottom: 1.5rem !important;
+  }
+
+  .pl-xl-4,
+  .px-xl-4 {
+    padding-left: 1.5rem !important;
+  }
+
+  .p-xl-5 {
+    padding: 3rem !important;
+  }
+
+  .pt-xl-5,
+  .py-xl-5 {
+    padding-top: 3rem !important;
+  }
+
+  .pr-xl-5,
+  .px-xl-5 {
+    padding-right: 3rem !important;
+  }
+
+  .pb-xl-5,
+  .py-xl-5 {
+    padding-bottom: 3rem !important;
+  }
+
+  .pl-xl-5,
+  .px-xl-5 {
+    padding-left: 3rem !important;
+  }
+
+  .m-xl-n1 {
+    margin: -0.25rem !important;
+  }
+
+  .mt-xl-n1,
+  .my-xl-n1 {
+    margin-top: -0.25rem !important;
+  }
+
+  .mr-xl-n1,
+  .mx-xl-n1 {
+    margin-right: -0.25rem !important;
+  }
+
+  .mb-xl-n1,
+  .my-xl-n1 {
+    margin-bottom: -0.25rem !important;
+  }
+
+  .ml-xl-n1,
+  .mx-xl-n1 {
+    margin-left: -0.25rem !important;
+  }
+
+  .m-xl-n2 {
+    margin: -0.5rem !important;
+  }
+
+  .mt-xl-n2,
+  .my-xl-n2 {
+    margin-top: -0.5rem !important;
+  }
+
+  .mr-xl-n2,
+  .mx-xl-n2 {
+    margin-right: -0.5rem !important;
+  }
+
+  .mb-xl-n2,
+  .my-xl-n2 {
+    margin-bottom: -0.5rem !important;
+  }
+
+  .ml-xl-n2,
+  .mx-xl-n2 {
+    margin-left: -0.5rem !important;
+  }
+
+  .m-xl-n3 {
+    margin: -1rem !important;
+  }
+
+  .mt-xl-n3,
+  .my-xl-n3 {
+    margin-top: -1rem !important;
+  }
+
+  .mr-xl-n3,
+  .mx-xl-n3 {
+    margin-right: -1rem !important;
+  }
+
+  .mb-xl-n3,
+  .my-xl-n3 {
+    margin-bottom: -1rem !important;
+  }
+
+  .ml-xl-n3,
+  .mx-xl-n3 {
+    margin-left: -1rem !important;
+  }
+
+  .m-xl-n4 {
+    margin: -1.5rem !important;
+  }
+
+  .mt-xl-n4,
+  .my-xl-n4 {
+    margin-top: -1.5rem !important;
+  }
+
+  .mr-xl-n4,
+  .mx-xl-n4 {
+    margin-right: -1.5rem !important;
+  }
+
+  .mb-xl-n4,
+  .my-xl-n4 {
+    margin-bottom: -1.5rem !important;
+  }
+
+  .ml-xl-n4,
+  .mx-xl-n4 {
+    margin-left: -1.5rem !important;
+  }
+
+  .m-xl-n5 {
+    margin: -3rem !important;
+  }
+
+  .mt-xl-n5,
+  .my-xl-n5 {
+    margin-top: -3rem !important;
+  }
+
+  .mr-xl-n5,
+  .mx-xl-n5 {
+    margin-right: -3rem !important;
+  }
+
+  .mb-xl-n5,
+  .my-xl-n5 {
+    margin-bottom: -3rem !important;
+  }
+
+  .ml-xl-n5,
+  .mx-xl-n5 {
+    margin-left: -3rem !important;
+  }
+
+  .m-xl-auto {
+    margin: auto !important;
+  }
+
+  .mt-xl-auto,
+  .my-xl-auto {
+    margin-top: auto !important;
+  }
+
+  .mr-xl-auto,
+  .mx-xl-auto {
+    margin-right: auto !important;
+  }
+
+  .mb-xl-auto,
+  .my-xl-auto {
+    margin-bottom: auto !important;
+  }
+
+  .ml-xl-auto,
+  .mx-xl-auto {
+    margin-left: auto !important;
+  }
+}
+
+.stretched-link::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  pointer-events: auto;
+  content: "";
+  background-color: rgba(0, 0, 0, 0);
+}
+
+.text-monospace {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
+}
+
+.text-justify {
+  text-align: justify !important;
+}
+
+.text-wrap {
+  white-space: normal !important;
+}
+
+.text-nowrap {
+  white-space: nowrap !important;
+}
+
+.text-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.text-left {
+  text-align: left !important;
+}
+
+.text-right {
+  text-align: right !important;
+}
+
+.text-center {
+  text-align: center !important;
+}
+
+@media (min-width: 576px) {
+  .text-sm-left {
+    text-align: left !important;
+  }
+
+  .text-sm-right {
+    text-align: right !important;
+  }
+
+  .text-sm-center {
+    text-align: center !important;
+  }
+}
+
+@media (min-width: 768px) {
+  .text-md-left {
+    text-align: left !important;
+  }
+
+  .text-md-right {
+    text-align: right !important;
+  }
+
+  .text-md-center {
+    text-align: center !important;
+  }
+}
+
+@media (min-width: 992px) {
+  .text-lg-left {
+    text-align: left !important;
+  }
+
+  .text-lg-right {
+    text-align: right !important;
+  }
+
+  .text-lg-center {
+    text-align: center !important;
+  }
+}
+
+@media (min-width: 1200px) {
+  .text-xl-left {
+    text-align: left !important;
+  }
+
+  .text-xl-right {
+    text-align: right !important;
+  }
+
+  .text-xl-center {
+    text-align: center !important;
+  }
+}
+
+.text-lowercase {
+  text-transform: lowercase !important;
+}
+
+.text-uppercase {
+  text-transform: uppercase !important;
+}
+
+.text-capitalize {
+  text-transform: capitalize !important;
+}
+
+.font-weight-light {
+  font-weight: 300 !important;
+}
+
+.font-weight-lighter {
+  font-weight: lighter !important;
+}
+
+.font-weight-normal {
+  font-weight: 400 !important;
+}
+
+.font-weight-bold {
+  font-weight: 700 !important;
+}
+
+.font-weight-bolder {
+  font-weight: bolder !important;
+}
+
+.font-italic {
+  font-style: italic !important;
+}
+
+.text-white {
+  color: #fff !important;
+}
+
+.text-primary {
+  color: #f4623a !important;
+}
+
+a.text-primary:hover,
+a.text-primary:focus {
+  color: #d6370c !important;
+}
+
+.text-secondary {
+  color: #6c757d !important;
+}
+
+a.text-secondary:hover,
+a.text-secondary:focus {
+  color: #494f54 !important;
+}
+
+.text-success {
+  color: #28a745 !important;
+}
+
+a.text-success:hover,
+a.text-success:focus {
+  color: #19692c !important;
+}
+
+.text-info {
+  color: #17a2b8 !important;
+}
+
+a.text-info:hover,
+a.text-info:focus {
+  color: #0f6674 !important;
+}
+
+.text-warning {
+  color: #ffc107 !important;
+}
+
+a.text-warning:hover,
+a.text-warning:focus {
+  color: #ba8b00 !important;
+}
+
+.text-danger {
+  color: #dc3545 !important;
+}
+
+a.text-danger:hover,
+a.text-danger:focus {
+  color: #a71d2a !important;
+}
+
+.text-light {
+  color: #f8f9fa !important;
+}
+
+a.text-light:hover,
+a.text-light:focus {
+  color: #cbd3da !important;
+}
+
+.text-dark {
+  color: #343a40 !important;
+}
+
+a.text-dark:hover,
+a.text-dark:focus {
+  color: #121416 !important;
+}
+
+.text-body {
+  color: #212529 !important;
+}
+
+.text-muted {
+  color: #6c757d !important;
+}
+
+.text-black-50 {
+  color: rgba(0, 0, 0, 0.5) !important;
+}
+
+.text-white-50 {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+
+.text-decoration-none {
+  text-decoration: none !important;
+}
+
+.text-break {
+  word-break: break-word !important;
+  word-wrap: break-word !important;
+}
+
+.text-reset {
+  color: inherit !important;
+}
+
+.visible {
+  visibility: visible !important;
+}
+
+.invisible {
+  visibility: hidden !important;
+}
+
+@media print {
+
+  *,
+  *::before,
+  *::after {
+    text-shadow: none !important;
+    box-shadow: none !important;
+  }
+
+  a:not(.btn) {
+    text-decoration: underline;
+  }
+
+  abbr[title]::after {
+    content: " ("attr(title) ")";
+  }
+
+  pre {
+    white-space: pre-wrap !important;
+  }
+
+  pre,
+  blockquote {
+    border: 1px solid #adb5bd;
+    page-break-inside: avoid;
+  }
+
+  thead {
+    display: table-header-group;
+  }
+
+  tr,
+  img {
+    page-break-inside: avoid;
+  }
+
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3;
+  }
+
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+
+  @page {
+    size: a3;
+  }
+
+  body {
+    min-width: 992px !important;
+  }
+
+  .container {
+    min-width: 992px !important;
+  }
+
+  .navbar {
+    display: none;
+  }
+
+  .badge {
+    border: 1px solid #000;
+  }
+
+  .table {
+    border-collapse: collapse !important;
+  }
+
+  .table td,
+  .table th {
+    background-color: #fff !important;
+  }
+
+  .table-bordered th,
+  .table-bordered td {
+    border: 1px solid #dee2e6 !important;
+  }
+
+  .table-dark {
+    color: inherit;
+  }
+
+  .table-dark th,
+  .table-dark td,
+  .table-dark thead th,
+  .table-dark tbody+tbody {
+    border-color: #dee2e6;
+  }
+
+  .table .thead-dark th {
+    color: inherit;
+    border-color: #dee2e6;
+  }
+}
+
+body,
+html {
+  width: 100%;
+  height: 100%;
+}
+
+hr.divider {
+  max-width: 3.25rem;
+  border-width: 0.2rem;
+  border-color: #f4623a;
+}
+
+hr.light {
+  border-color: #fff;
+}
+
+.btn {
+  font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+
+.btn-xl {
+  padding: 1.25rem 2.25rem;
+  font-size: 0.85rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  border: none;
+  border-radius: 10rem;
+}
+
+.page-section {
+  padding: 8rem 0;
+}
+
+#mainNav {
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  background-color: #fff;
+  transition: background-color 0.2s ease;
+}
+
+#mainNav .navbar-brand {
+  font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 700;
+  color: #212529;
+}
+
+#mainNav .navbar-nav .nav-item .nav-link {
+  color: var(--label-text-color);
+  font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-weight: 700;
+  font-size: 0.9rem;
+  padding: 0.75rem 0;
+}
+
+#mainNav .navbar-nav .nav-item .nav-link:hover,
+#mainNav .navbar-nav .nav-item .nav-link:active {
+  color: #f4623a;
+}
+
+#mainNav .navbar-nav .nav-item .nav-link.active {
+  color: #f4623a !important;
+}
+
+@media (min-width: 992px) {
+  #mainNav {
+    box-shadow: none;
+    background-color: transparent;
+  }
+
+  #mainNav .navbar-brand {
+    color: rgba(255, 255, 255, 0.7);
+  }
+
+  #mainNav .navbar-brand:hover {
+    color: #fff;
+  }
+
+  #mainNav .navbar-nav .nav-item .nav-link {
+    color: rgba(255, 255, 255, 0.7);
+    padding: 0 1rem;
+  }
+
+  #mainNav .navbar-nav .nav-item .nav-link:hover {
+    color: #fff;
+  }
+
+  #mainNav .navbar-nav .nav-item:last-child .nav-link {
+    padding-right: 0;
+  }
+
+  #mainNav.navbar-scrolled {
+    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+    background-color: #fff;
+  }
+
+  #mainNav.navbar-scrolled .navbar-brand {
+    color: #212529;
+  }
+
+  #mainNav.navbar-scrolled .navbar-brand:hover {
+    color: #f4623a;
+  }
+
+  #mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link {
+    color: #212529;
+  }
+
+  #mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link:hover {
+    color: #f4623a;
+  }
+}
+
+header.masthead {
+  padding-top: 10rem;
+  padding-bottom: calc(10rem - 4.5rem);
+  background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../assets/img/bg-masthead.jpg");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-attachment: scroll;
+  background-size: cover;
+}
+
+header.masthead h1 {
+  font-size: 2.25rem;
+}
+
+@media (min-width: 992px) {
+  header.masthead {
+    height: 100vh;
+    min-height: 40rem;
+    padding-top: 4.5rem;
+    padding-bottom: 0;
+  }
+
+  header.masthead p {
+    font-size: 1.15rem;
+  }
+
+  header.masthead h1 {
+    font-size: 3rem;
+  }
+}
+
+@media (min-width: 1200px) {
+  header.masthead h1 {
+    font-size: 3.5rem;
+  }
+}
+
+#portfolio .container-fluid,
+#portfolio .container-sm,
+#portfolio .container-md,
+#portfolio .container-lg,
+#portfolio .container-xl {
+  max-width: 1920px;
+}
+
+#portfolio .container-fluid .portfolio-box,
+#portfolio .container-sm .portfolio-box,
+#portfolio .container-md .portfolio-box,
+#portfolio .container-lg .portfolio-box,
+#portfolio .container-xl .portfolio-box {
+  position: relative;
+  display: block;
+}
+
+#portfolio .container-fluid .portfolio-box .portfolio-box-caption,
+#portfolio .container-sm .portfolio-box .portfolio-box-caption,
+#portfolio .container-md .portfolio-box .portfolio-box-caption,
+#portfolio .container-lg .portfolio-box .portfolio-box-caption,
+#portfolio .container-xl .portfolio-box .portfolio-box-caption {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  bottom: 0;
+  text-align: center;
+  opacity: 0;
+  color: #fff;
+  background: rgba(244, 98, 58, 0.9);
+  transition: opacity 0.25s ease;
+  text-align: center;
+}
+
+#portfolio .container-fluid .portfolio-box .portfolio-box-caption .project-category,
+#portfolio .container-sm .portfolio-box .portfolio-box-caption .project-category,
+#portfolio .container-md .portfolio-box .portfolio-box-caption .project-category,
+#portfolio .container-lg .portfolio-box .portfolio-box-caption .project-category,
+#portfolio .container-xl .portfolio-box .portfolio-box-caption .project-category {
+  font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 0.85rem;
+  font-weight: 600;
+  text-transform: uppercase;
+}
+
+#portfolio .container-fluid .portfolio-box .portfolio-box-caption .project-name,
+#portfolio .container-sm .portfolio-box .portfolio-box-caption .project-name,
+#portfolio .container-md .portfolio-box .portfolio-box-caption .project-name,
+#portfolio .container-lg .portfolio-box .portfolio-box-caption .project-name,
+#portfolio .container-xl .portfolio-box .portfolio-box-caption .project-name {
+  font-size: 1.2rem;
+}
+
+#portfolio .container-fluid .portfolio-box:hover .portfolio-box-caption,
+#portfolio .container-sm .portfolio-box:hover .portfolio-box-caption,
+#portfolio .container-md .portfolio-box:hover .portfolio-box-caption,
+#portfolio .container-lg .portfolio-box:hover .portfolio-box-caption,
+#portfolio .container-xl .portfolio-box:hover .portfolio-box-caption {
+  opacity: 1;
+}
+
+.text-white-75 {
+  color: rgba(255, 255, 255, 0.75);
+}
\ No newline at end of file
diff --git a/resources/landing-page/js/jquery-bg-slideshow-min.js b/resources/landing-page/js/jquery-bg-slideshow-min.js
new file mode 100644
index 00000000..86114a3f
--- /dev/null
+++ b/resources/landing-page/js/jquery-bg-slideshow-min.js
@@ -0,0 +1,7 @@
+/**
+ * Author  : Sunil Samuel (web_github@sunilsamuel.com)
+ * License : GPLv3
+ * GIT URL : https://github.com/sunil-samuel/jquery-responsive-background-slideshow
+ * Version: 1.5
+ */
+ !function(e){e.fn.bgSlideShow=function(n){var t=new Array,a=e.extend({current:-1,images:[],transitionDelay:5e3,transitionSpeed:3e3,transitionEffect:"fade-in",randomize:!1,initialBackground:null,debug:!1,eventHandlers:{beforeInit:null,afterInit:null,beforeChange:null,afterChange:null},slideControls:{enabled:!0,classes:null}},n);return this.each(function(n,t){var i=function(n,t){var i={};i.uniqueId=(a=n,s=e(a).attr("id"),s||(s="ABCDEFGHIJKLMNOPQRSTUVWXYZ".charAt(Math.floor(Math.random()*"ABCDEFGHIJKLMNOPQRSTUVWXYZ".length))+Date.now()),s),i.current=e(n).data("current")||t.current||0,i.images=t.images,i.slideControls=t.slideControls,i.slideControls.enabled=e(n).data("slidecontrols.enabled")||t.slideControls.enabled,i.slideControls.classes=e(n).data("slidecontrols.classes")||t.slideControls.classes,e(n).data("images")&&(i.images=e(n).data("images").split(",").map(e=>e.trim()));var a,s;return i.initialBackground=e(n).data("initialbackground")||t.initialBackground,i.transitionDelay=e(n).data("transitiondelay")||t.transitionDelay,i.transitionSpeed=e(n).data("transitionspeed")||t.transitionSpeed,i.transitionEffect=e(n).data("transitioneffect")||t.transitionEffect,i.randomize=r(e(n).data("randomize"),t.randomize),i.debug=r(e(n).data("debug"),t.debug),i.eventHandlers=t.eventHandlers,i.defaultDisplay=e(n).css("display")||"block",i}(this,a);i.eventHandlers.beforeInit&&i.eventHandlers.beforeInit(this,i),function(n,t){s(t.debug,"ProcessShow with element ["+n+"]"),e(n).data("bgSlideShowApplied",!0),function(n,t){if(!t.initialBackground)return;s(t.debug,"Setting initial image");var i=t.initialBackground,a="";if(!isNaN(i)&&i<t.images.length)a=t.images[i],t.current=i+1;else if("random"==i.toLowerCase()){var r=t.randomize;t.randomize=!0,a=l(t),t.randomize=r}else a=t.initialBackground;e(n).css("background-image","url("+a+")")}(n,t),u(t.images),t.wrapBgElement=e("<div/>",{class:"jquery-bg-slideshow-wrap-bg-element",id:t.uniqueId+"-wrap-widget"}),e(n).wrap(t.wrapBgElement);var i=e(n).css("position","absolute");(function(n,t,i){if(s(i.debug,"List controls enabled: "+i.slideControls.enabled),1==i.slideControls.enabled){i.slideControlsElement=e("<div/>",{class:"jquery-bg-slideshow-list-control-element"+(i.slideControls.classes?" "+i.slideControls.classes:"")});for(var a=i.images.length,r=0;r<a;r++){var l=i.uniqueId+"-image"+r;e("<div/>",{class:"jquery-bg-slideshow-list-control-image-element",id:l}).appendTo(i.slideControlsElement)}e(t).append(i.slideControlsElement),e("[id^='"+i.uniqueId+"-image']").off("click").on("click",function(){e(i.cloned).remove();var t=e(this).attr("id"),a=parseInt(t.match(/-image(\d+)/)[1]);i.current=a+1,e(n).css("background-image","url("+i.images[a]+")"),d(i,i.current-1),console.log("clicked on ["+e(this).attr("id")+"]")})}})(n,i.parent(),t),s(t.debug,"Setting timeout for element ["+n+"]"),d(t,t.current),t.timerId=setTimeout(o,t.transitionDelay,n,t)}(this,i),i.eventHandlers.afterInit&&i.eventHandlers.afterInit(this,i),s(i.debug,"Done processing element ["+t+"] number ["+n+"]")});function r(e,n){return void 0===e?n:"boolean"==typeof e?e:(e=e.trim().toLowerCase()).startsWith("t")||e.startsWith("y")||1==e}function s(e,n){e&&console.log(n)}function l(e){if(e.randomize){for(var n=e.current;n==e.current;)n=Math.floor(Math.random()*e.images.length);return e.current=n,e.images[n]}e.current>=e.images.length&&(e.current=0);var t=e.images[e.current];return e.current=e.current+1,t}function o(n,t){s(t.debug,"Calling timer for element ["+n+"]"),function(n,t,i){t.eventHandlers.beforeChange&&t.eventHandlers.beforeChange(n,t,i);e(t.cloned).length&&e(t.cloned).remove();t.cloned=e(n).clone(),e(t.cloned).addClass("jquery-bg-slideshow-cloned").css({"background-image":"url("+i+")"}).insertAfter(e(n)),e(t.cloned).css("display",t.defaultDisplay),s(t.debug,"Before element fadeout"),e(n).stop().fadeOut(t.transitionSpeed,function(){s(t.debug,"Fading out is done - should remove cloned element"),e(this).css({"background-image":"url("+i+")",position:"absolute",display:t.defaultDisplay}),t.eventHandlers.afterChange&&t.eventHandlers.afterChange(n,t,i),d(t,t.current),t.timerId=setTimeout(o,t.transitionDelay,n,t)})}(n,t,l(t))}function d(n,t){if(n.slideControls.enabled){var i="#"+n.uniqueId+"-image"+t;e("[id^='"+n.uniqueId+"-image']").removeClass("jquery-bg-slideshow-list-control-image-active-element"),e(i).addClass("jquery-bg-slideshow-list-control-image-active-element")}}function u(e){for(i=0;i<e.length;i++){var n=u.length;t[n]=new Image,t[n].src=e[i]}}},e.fn.bgSlideshowApplied=function(){return 1==e(this).data("bgSlideShowApplied")}}(jQuery);
\ No newline at end of file
diff --git a/resources/landing-page/js/jquery-bg-slideshow.js b/resources/landing-page/js/jquery-bg-slideshow.js
new file mode 100644
index 00000000..d5c6ea66
--- /dev/null
+++ b/resources/landing-page/js/jquery-bg-slideshow.js
@@ -0,0 +1,383 @@
+/**
+ * Author  : Sunil Samuel (web_github@sunilsamuel.com)
+ * License : GPLv3
+ * GIT URL : https://github.com/sunil-samuel/jquery-responsive-background-slideshow
+ * Version: 1.5
+ * ______                                _           
+ * | ___ \                              (_)          
+ * | |_/ /___  ___ _ __   ___  _ __  ___ ___   _____ 
+ * |    // _ \/ __| '_ \ / _ \| '_ \/ __| \ \ / / _ \
+ * | |\ \  __/\__ \ |_) | (_) | | | \__ \ |\ V /  __/
+ * \_| \_\___||___/ .__/ \___/|_| |_|___/_| \_/ \___|
+ *                | |                                
+ *                |_|                                
+ * ______            _                                   _ 
+ * | ___ \          | |                                 | |
+ * | |_/ / __ _  ___| | ____ _ _ __ ___  _   _ _ __   __| |
+ * | ___ \/ _` |/ __| |/ / _` | '__/ _ \| | | | '_ \ / _` |
+ * | |_/ / (_| | (__|   < (_| | | | (_) | |_| | | | | (_| |
+ * \____/ \__,_|\___|_|\_\__, |_|  \___/ \__,_|_| |_|\__,_|
+ *                        __/ |                            
+ *                       |___/                             
+ *  _____ _ _     _           _                            
+ * /  ___| (_)   | |         | |                           
+ * \ `--.| |_  __| | ___  ___| |__   _____      __         
+ *  `--. \ | |/ _` |/ _ \/ __| '_ \ / _ \ \ /\ / /         
+ * /\__/ / | | (_| |  __/\__ \ | | | (_) \ V  V /          
+ * \____/|_|_|\__,_|\___||___/_| |_|\___/ \_/\_/           
+ *
+ * This is a responsive JQuery pluging that creates a background slideshow
+ * using JQuery animations.                                                       
+
+ * 
+ */
+(function($) {
+	$.fn.bgSlideShow = function(options) {
+		var preloadedImages = new Array();
+
+		var defaultOptions = $.extend({
+			// Start with element 0 as default.  Always 0 based.
+			current: -1,
+			// The list of images
+			images: [],
+			// Time in ms between the transition from one image to another
+			transitionDelay: 5000,
+			// The speed of the transition effect
+			transitionSpeed: 3000,
+			// The effect to use when transitioning (fade-in, from-right, from-left)
+			transitionEffect: 'fade-in',
+			// Adds a gradient over the images.
+			gradient: null,
+			// Randomize the start element
+			randomize: false,
+			// If the initial image should also be rendered by this plugin
+			// if null - then do not do anything for the first image
+			// if a number or 'random' or an image url - then use the appropriate image
+			initialBackground: null,
+			// Print console.log debug messages for debug purposes
+			debug: false,
+			// Event handlers for different events
+			eventHandlers: {
+				// Event before initialization
+				beforeInit: null,
+				// Event after initialization
+				afterInit: null,
+				// Event before the existing image is replaced
+				beforeChange: null,
+				// Event after the existing image is replaced
+				afterChange: null
+			},
+			// Controls the list control icons.  The small ball on the bottom
+			// of the image for the user to go to a specific image.
+			slideControls: {
+				enabled: true,
+				classes: null
+			}
+		}, options);
+
+		// Process each element defined by the caller
+		return this.each(function(i, el) {
+			// Overwrite settings with data- attributes for each
+			// element that we are processing.
+			var elmtSettings = getSettings(this, defaultOptions);
+			// Call the before init event handler
+			if (elmtSettings.eventHandlers.beforeInit) {
+				elmtSettings.eventHandlers.beforeInit(this, elmtSettings);
+			}
+			processElement(this, elmtSettings)
+			// Call the after init event handler
+			if (elmtSettings.eventHandlers.afterInit) {
+				elmtSettings.eventHandlers.afterInit(this, elmtSettings);
+			}
+			debug(elmtSettings.debug, "Done processing element [" + el + "] number [" + i + "]");
+		});
+
+		/**
+		 * Returns boolean true or false based on the string. If the string is
+		 * 'true', 1, yes -> true
+		 * otherwise -> false
+		 */
+		function getBoolean(str, defaultValue) {
+			if (str === undefined) {
+				return defaultValue;
+			}
+			if (typeof str === "boolean") {
+				return str;
+			}
+			str = str.trim().toLowerCase();
+			return str.startsWith("t") || str.startsWith("y") || str == 1;
+		}
+
+		/**
+		 * Uses the default options, options from calling the plugin, and any
+		 * data- attributes on the element to create the settings.  The
+		 * data- elements will have the most preference.
+		 */
+		function getSettings(elmt, s) {
+			var thisSetting = {};
+			thisSetting.uniqueId = getUniqueId(elmt);
+			thisSetting.current = $(elmt).data("current") || s.current || 0;
+			thisSetting.images = s.images;
+			thisSetting.slideControls = s.slideControls;
+			// List controls
+			thisSetting.slideControls.enabled = getBoolean($(elmt).data("slidecontrols.enabled"),s.slideControls.enabled);
+			thisSetting.slideControls.classes = $(elmt).data("slidecontrols.classes") || s.slideControls.classes;
+			//			thisSetting.slideControls.size = $(elmt).data("slideControls.size") || s.slideControls.size;
+			//			thisSetting.slideControls.spaceBetween = $(elmt).data("slideControls.spacebetween") || s.slideControls.spaceBetween;
+			//			thisSetting.slideControls.backgroundColor = $(elmt).data("slideControls.backgroundcolor") || s.slideControls.backgroundColor;
+			//			thisSetting.slideControls.borderColor = $(elmt).data("slideControls.bordercolor") || s.slideControls.borderColor;
+			//			thisSetting.slideControls.borderSize = $(elmt).data("slideControls.bordersize") || s.slideControls.borderSize;
+			
+			// Images are comma separated, so we need to split that into arrays
+			if ($(elmt).data("images")) {
+				thisSetting.images = $(elmt).data("images").split(",").map(item => item.trim());
+			}
+			thisSetting.initialBackground = $(elmt).data("initialbackground") || s.initialBackground;
+			thisSetting.transitionDelay = $(elmt).data("transitiondelay") || s.transitionDelay;
+			thisSetting.gradient = $(elmt).data("gradient") || s.gradient;
+			thisSetting.transitionSpeed = $(elmt).data("transitionspeed") || s.transitionSpeed;
+			thisSetting.transitionEffect = $(elmt).data("transitioneffect") || s.transitionEffect;
+			thisSetting.randomize = getBoolean($(elmt).data("randomize"), s.randomize);
+			thisSetting.debug = getBoolean($(elmt).data("debug"), s.debug);
+			thisSetting.eventHandlers = s.eventHandlers;
+			// If the element already has a 'display', css tag, then lets keep that instead
+			// of going to block.
+			thisSetting.defaultDisplay = $(elmt).css("display") || "block";
+
+			return thisSetting;
+		}
+
+		/**
+		 * Print log messages only if debug is turned on by the caller.
+		 */
+		function debug(v, str) {
+			v && console.log(str);
+		}
+
+		/**
+		 * Based on the options selected by the caller, find the next image and
+		 * return the image
+		 */
+		function getNextImage(settings) {
+			/**If the user wanted to randomize, then just pick any from the list of images
+			making sure it is not the current one */
+			if (settings.randomize) {
+				var rand = settings.current;
+				while (rand == settings.current) {
+					rand = Math.floor(Math.random() * settings.images.length);
+				}
+				settings.current = rand;
+				return settings.images[rand];
+			}
+			/** If not randomize, then get the next image in the list or recyle */
+			if (settings.current >= settings.images.length) {
+				settings.current = 0;
+			}
+			var rval = settings.images[settings.current];
+			settings.current = settings.current + 1;
+			return rval;
+		}
+
+		/**
+		 * Process each element that was selected by the caller.  The
+	     * timer is set to load the images.
+		 */
+		function processElement(element, settings) {
+			debug(settings.debug, "ProcessShow with element [" + element + "]");
+
+			$(element).data("bgSlideShowApplied", true);
+			// Check if we need to set the initial image
+			setInitialImage(element, settings);
+			// Preload all of the images
+			// FIXME - Do in another thread
+			preloadImages(settings.images);
+			// Wrap an element around this element with certain
+			// css attributes.
+			settings.wrapBgElement = $('<div/>', {
+				class: 'jquery-bg-slideshow-wrap-bg-element',
+				id: settings.uniqueId + "-wrap-widget"
+			});
+			$(element).wrap(settings.wrapBgElement);
+			var wrappedElement = $(element).css("position", "absolute");
+			createImageSlideControls(element, wrappedElement.parent(), settings);
+			debug(settings.debug, "Setting timeout for element [" + element + "]");
+			updateCurrentSlideElement(settings, settings.current);
+			settings.timerId = setTimeout(timeoutEvent, settings.transitionDelay, element, settings);
+		}
+
+		/**
+		 * Create a list of small 'ball' images on the bottom of the image for the user
+		 * to click to view diffferent images.
+		 */
+		function createImageSlideControls(element, wrappedElement, settings) {
+			debug(settings.debug, "List controls enabled: " + settings.slideControls.enabled);
+			if (settings.slideControls.enabled == true) {
+				settings.slideControlsElement = $('<div/>', {
+					class: "jquery-bg-slideshow-list-control-element" +
+						(settings.slideControls.classes ? " " + settings.slideControls.classes : ""),
+				});
+
+				var ilen = settings.images.length;
+				for (var i = 0; i < ilen; i++) {
+					var id = settings.uniqueId + "-image" + i;
+					$("<div/>", {
+						class: "jquery-bg-slideshow-list-control-image-element",
+						id: id
+					}).appendTo(settings.slideControlsElement);
+				}
+				$(wrappedElement).append(settings.slideControlsElement);
+				$("[id^='" + settings.uniqueId + "-image']").off("click").on("click", function() {
+					$(settings.cloned).remove();
+					// Id will give us image number
+					var id = $(this).attr("id");
+					var imageOffset = parseInt(id.match(/-image(\d+)/)[1]);
+					settings.current = imageOffset + 1;
+					$(element).css("background", "url(" + settings.images[imageOffset] + ")");
+					updateCurrentSlideElement(settings, settings.current - 1);
+					console.log("clicked on [" + $(this).attr("id") + "]");
+				});
+			}
+		}
+
+		/**
+		 * Given an element, if it has a id attribute, then return it otherwise create a unique
+	     * id and return it.
+		 */
+		function getUniqueId(element) {
+			var id = $(element).attr("id");
+			if (!id) {
+				id = generateUniqueId();
+			}
+			return id;
+		}
+
+		/**
+		 * Generate a unique id based on random character and current date in ms.
+		 */
+		function generateUniqueId() {
+			var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+			var rval = characters.charAt(Math.floor(Math.random() * characters.length)) + Date.now();
+			return rval;
+		}
+
+		/**
+		 * Check to see if the initial background should be set by this code.
+		 */
+		function setInitialImage(element, settings) {
+			if (!settings.initialBackground) {
+				return;
+			}
+			debug(settings.debug, "Setting initial image");
+			var initialImage = settings.initialBackground;
+			var image = "";
+			// If this is a number then use the number
+			if (!isNaN(initialImage) && initialImage < settings.images.length) {
+				image = settings.images[initialImage];
+				settings.current = initialImage + 1;
+			} else if (initialImage.toLowerCase() == "random") {
+				var originalRandom = settings.randomize;
+				settings.randomize = true;
+				image = getNextImage(settings);
+				settings.randomize = originalRandom;
+			} else {
+				image = settings.initialBackground;
+			}
+			if(settings.gradient) {
+				$(element).css("background", settings.gradient + ", url(" + image + ") center center/cover no-repeat fixed");
+			}else {
+				$(element).css("background", "url(" + image + ") center center/cover no-repeat fixed");
+			}
+		}
+
+		/**
+		 * The timeout event is called based on the transition time set by
+		 * the caller.  This will continually call itself once the background
+		 * image is set on the element.
+		 */
+		function timeoutEvent(element, settings) {
+			debug(settings.debug, "Calling timer for element [" + element + "]");
+			var nextImage = getNextImage(settings);
+
+			slideBackgroundImage(element, settings, nextImage);
+		}
+
+		/**
+		 * Slide the background now given the next image.
+		 */
+		function slideBackgroundImage(element, settings, nextImage) {
+			if (settings.eventHandlers.beforeChange) {
+				settings.eventHandlers.beforeChange(element, settings, nextImage);
+			}
+			if ($(settings.cloned).length) {
+				$(settings.cloned).remove();
+			}
+			settings.cloned = $(element).clone();
+			if(settings.gradient) {
+				$(settings.cloned).addClass("jquery-bg-slideshow-cloned").css({
+					"background": settings.gradient+", url(" + nextImage + ") center center/cover no-repeat fixed"
+				}).insertAfter($(element));
+			} else {
+				$(settings.cloned).addClass("jquery-bg-slideshow-cloned").css({
+					"background": "url(" + nextImage + ") center center/cover no-repeat fixed"
+				}).insertAfter($(element));
+			}
+			$(settings.cloned).addClass("jquery-bg-slideshow-cloned").css({
+				"background": settings.gradient+", url(" + nextImage + ") center center/cover no-repeat fixed"
+			}).insertAfter($(element));
+			$(settings.cloned).css("display", settings.defaultDisplay);
+			debug(settings.debug, "Before element fadeout");
+			$(element).stop().fadeOut(settings.transitionSpeed, function() {
+				debug(settings.debug, "Fading out is done - should remove cloned element");
+				if(settings.gradient) {
+					$(this).css({
+						"background": settings.gradient+", url(" + nextImage + ") center center/cover no-repeat fixed",
+						"position": "absolute",
+						"display": settings.defaultDisplay
+					});
+				} else {
+					$(this).css({
+						"background": "url(" + nextImage + ") center center/cover no-repeat fixed",
+						"position": "absolute",
+						"display": settings.defaultDisplay
+					});
+				}
+
+				//var removed = $(settings.cloned).remove();
+				//debug(settings.debug, "Total removed [" + removed.length + "]");
+				if (settings.eventHandlers.afterChange) {
+					settings.eventHandlers.afterChange(element, settings, nextImage);
+				}
+				updateCurrentSlideElement(settings, settings.current);
+				settings.timerId = setTimeout(timeoutEvent, settings.transitionDelay, element, settings);
+			});
+		}
+
+		function updateCurrentSlideElement(settings, current) {
+			if (settings.slideControls.enabled) {
+				var id = "#" + settings.uniqueId + "-image" + current;
+				$("[id^='" + settings.uniqueId + "-image']").removeClass("jquery-bg-slideshow-list-control-image-active-element");
+				$(id).addClass("jquery-bg-slideshow-list-control-image-active-element");
+			}
+		}
+
+		/**
+		 * Preload all of the images so that there will be no delay in showing
+		 * the background.
+		 */
+		function preloadImages(images) {
+			for (i = 0; i < images.length; i++) {
+				var length = preloadImages.length;
+				preloadedImages[length] = new Image();
+				preloadedImages[length].src = images[i];
+			}
+		}
+	};
+
+	/**
+	 * Helper function to check if plugin is applied
+	 */
+	$.fn.bgSlideshowApplied = function() {
+		return $(this).data("bgSlideShowApplied") == true ? true : false;
+	}
+
+}(jQuery));
\ No newline at end of file
diff --git a/resources/landing-page/js/scripts.js b/resources/landing-page/js/scripts.js
new file mode 100644
index 00000000..14a3e8f7
--- /dev/null
+++ b/resources/landing-page/js/scripts.js
@@ -0,0 +1,184 @@
+/*!
+* Start Bootstrap - Creative v6.0.5 (https://startbootstrap.com/theme/creative)
+* Copyright 2013-2021 Start Bootstrap
+* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-creative/blob/master/LICENSE)
+*/
+(function ($) {
+    "use strict"; // Start of use strict
+
+    // Closes responsive menu when a scroll trigger link is clicked
+    $('.js-scroll-trigger').click(function () {
+        $('.navbar-collapse').collapse('hide');
+    });
+
+    // Activate scrollspy to add active class to navbar items on scroll
+    $('body').scrollspy({
+        target: '#mainNav',
+        offset: 75
+    });
+
+    // Collapse Navbar
+    var navbarCollapse = function () {
+        if ($("#mainNav").offset().top > 100) {
+            $("#mainNav").addClass("navbar-scrolled");
+        } else {
+            $("#mainNav").removeClass("navbar-scrolled");
+        }
+    };
+    // Collapse now if page is not at top
+    navbarCollapse();
+    // Collapse the navbar when page is scrolled
+    $(window).scroll(navbarCollapse);
+
+    // Magnific popup calls
+    $('#portfolio').magnificPopup({
+        delegate: 'a',
+        type: 'image',
+        tLoading: 'Loading image #%curr%...',
+        mainClass: 'mfp-img-mobile',
+        gallery: {
+            enabled: true,
+            navigateByImgClick: true,
+            preload: [0, 1]
+        },
+        image: {
+            tError: '<a href="%url%">The image #%curr%</a> could not be loaded.'
+        }
+    });
+
+})(jQuery); // End of use strict
+
+
+function injectTheme(theme,container="head") {
+    let themeLower = theme.toLowerCase()
+    if (container === "head") {
+        html_element = document.head;
+    } else html_element = document.body;
+    let themeOption = document.getElementById("theme-option")
+    let link = themeOption ? themeOption : document.createElement("link");
+    url = `${window.location.pathname}css/theme-options`
+    link.type = "text/css";
+    link.rel = "stylesheet";
+    link.href = `${url}/${themeLower}.css`;
+    link.id = `theme-option`
+    html_element.appendChild(link);
+  }
+
+  // Add theme data and set theme vars
+  var apps;
+  var themeOptions;
+
+  function addThemeData() {
+  let themeJsonUrl = "themes.json"
+  fetch(themeJsonUrl)
+  .then(response =>  response.json())
+  .then(json => {
+    apps = json.applications
+    themeOptions = json.themes
+    appCount = Object.keys(json.applications).length
+    document.getElementById("tag-line").innerText = `A collection of themes/skins for ${appCount} selfhosted apps!`
+    document.getElementById("theme-header-text").innerText = `${appCount} themed applications!`
+    document.getElementById("app-count").innerHTML = `
+    theme.park contains ${appCount} themed applications, with css <a
+    href="https://docs.theme-park.dev/themes/addons/">addons</a> on certain themes.`
+    document.getElementById("theme-count").innerHTML = `Choose between <a class="js-scroll-trigger" href="#themes">${Object.keys(json.themes).length} official
+    styles</a>, and <a href="https://docs.theme-park.dev/community-themes/">${Object.keys(json["community-themes"]).length} community styles!</a> With the possibility to easily create your own themes using the defined <a
+    href="https://docs.theme-park.dev/custom/">variables</a>.`
+    createApps(apps,themeOptions)
+    smoothScroll()
+    currentIndex = ~~(Math.random() * Object.keys(themeOptions).length)
+    injectTheme(Object.keys(themeOptions)[currentIndex])
+    updateMetaThemeColor()
+    })
+}
+
+function createApps(apps,themeOptions) {
+    let allAppsDiv = document.getElementById("all-apps")
+    let allThemesDiv = document.getElementById("all-themes")
+    sortedApps = Object.keys(apps).sort()
+    sortedThemes = Object.keys(themeOptions).sort()
+    for (let app in sortedApps) {
+    let newApp = `
+        <a class="col app-container text-center p-2 m-1" href="https://docs.theme-park.dev/themes/${sortedApps[app]}/">
+            <p><img class="app-container-image" src="https://docs.theme-park.dev/site_assets/${sortedApps[app]}/logo.png"/></p>
+            <p>${sortedApps[app][0].toUpperCase() + sortedApps[app].slice(1)}</p>
+        </a>`
+    allAppsDiv.innerHTML += newApp
+    }
+    for (let option in sortedThemes) {
+        let newApp = `
+        <div class="col-lg-4 col-sm-6 p-1">
+            <a class="portfolio-box" href="resources/landing-page/assets/img/${sortedThemes[option].toLowerCase()}.png">
+                <img class="img-fluid" src="resources/landing-page/assets/img/${sortedThemes[option].toLowerCase()}-small.jpg" alt="..." />
+                <div class="portfolio-box-caption p-3 ${sortedThemes[option].toLowerCase()}-hover">
+                    <div class="project-category text-white-50">Theme</div>
+                    <div class="project-name">${sortedThemes[option][0].toUpperCase() + sortedThemes[option].slice(1)}</div>
+                </div>
+            </a>
+        </div>`
+        allThemesDiv.innerHTML += newApp
+        }   
+}
+
+function fadeOutIn(speed) {
+    currentIndex = (currentIndex+1)%Object.keys(themeOptions).length;
+    //let theme = Object.keys(themeOptions)[~~(Math.random() * Object.keys(themeOptions).length)]
+    let theme = Object.keys(themeOptions)[currentIndex]
+    if (!document.body.style.opacity) {
+        document.body.style.opacity = 1;
+    }
+    var outInterval = setInterval(function() {
+        document.body.style.opacity -= 0.02;
+        if (document.body.style.opacity <= 0) {
+            clearInterval(outInterval);
+            injectTheme(theme)
+            document.getElementById("switch-theme").innerText = theme
+            updateMetaThemeColor()
+            var inInterval = setInterval(function() {
+                document.body.style.opacity = Number(document.body.style.opacity)+0.02;
+                if (document.body.style.opacity >= 1)
+                    clearInterval(inInterval);
+            }, speed/50 );
+        }
+    }, speed/50 );
+
+}
+
+function updateMetaThemeColor() {
+    fetch(`${window.location.pathname}css/theme-options/${Object.keys(themeOptions)[currentIndex].toLowerCase()}.css`)
+    .then(response =>  response.text())
+    .then(text => {
+        let re = text.match("--accent-color:.*;")[0]
+        rgb = re.split(":")[1].split(";")[0].replace(/\s/g, "")
+        document.querySelector('meta[name="theme-color"]').setAttribute('content',  `rgb(${rgb})`);
+        })
+}
+
+// Smooth scrolling using anime.js
+function smoothScroll() {$('a.js-scroll-trigger[href*="#"]:not([href="#"])').on('click', function () {
+    if (
+        location.pathname.replace(/^\//, "") ==
+        this.pathname.replace(/^\//, "") &&
+        location.hostname == this.hostname
+    ) {
+        var target = $(this.hash);
+        target = target.length ?
+            target :
+            $("[name=" + this.hash.slice(1) + "]");
+        if (target.length) {
+            anime({
+                targets: 'html, body',
+                scrollTop: target.offset().top - 120,
+                duration: 1000,
+                easing: 'easeInOutExpo'
+            });
+            return false;
+        }
+    }
+})};
+
+addThemeData();
+document.getElementById("switch-theme").addEventListener("click", () =>  {
+    fadeOutIn(350);
+})
+
diff --git a/resources/logarr/decrease.png b/resources/logarr/decrease.png
new file mode 100644
index 00000000..958f0da8
Binary files /dev/null and b/resources/logarr/decrease.png differ
diff --git a/resources/logarr/increase.png b/resources/logarr/increase.png
new file mode 100644
index 00000000..c602db72
Binary files /dev/null and b/resources/logarr/increase.png differ
diff --git a/resources/mind.jpg b/resources/mind.jpg
new file mode 100644
index 00000000..5c111d43
Binary files /dev/null and b/resources/mind.jpg differ
diff --git a/resources/nzbget/icons.png b/resources/nzbget/icons.png
new file mode 100644
index 00000000..2f6520c3
Binary files /dev/null and b/resources/nzbget/icons.png differ
diff --git a/resources/organizr/aquamarine/aquamarine_homepage.jpg b/resources/organizr/aquamarine/aquamarine_homepage.jpg
new file mode 100644
index 00000000..b3c4e753
Binary files /dev/null and b/resources/organizr/aquamarine/aquamarine_homepage.jpg differ
diff --git a/resources/organizr/aquamarine/aquamarine_login.jpg b/resources/organizr/aquamarine/aquamarine_login.jpg
new file mode 100644
index 00000000..519b3d0c
Binary files /dev/null and b/resources/organizr/aquamarine/aquamarine_login.jpg differ
diff --git a/resources/organizr/aquamarine/aquamarine_search.png b/resources/organizr/aquamarine/aquamarine_search.png
new file mode 100644
index 00000000..de5c34e4
Binary files /dev/null and b/resources/organizr/aquamarine/aquamarine_search.png differ
diff --git a/resources/organizr/aquamarine/aquamarine_splash.jpg b/resources/organizr/aquamarine/aquamarine_splash.jpg
new file mode 100644
index 00000000..9ccc6f9f
Binary files /dev/null and b/resources/organizr/aquamarine/aquamarine_splash.jpg differ
diff --git a/resources/organizr/aquamarine/theme-park-organizr-aquamarine-logo.png b/resources/organizr/aquamarine/theme-park-organizr-aquamarine-logo.png
new file mode 100644
index 00000000..d1b034ee
Binary files /dev/null and b/resources/organizr/aquamarine/theme-park-organizr-aquamarine-logo.png differ
diff --git a/resources/organizr/dark/dark_homepage.jpg b/resources/organizr/dark/dark_homepage.jpg
new file mode 100644
index 00000000..62ac4843
Binary files /dev/null and b/resources/organizr/dark/dark_homepage.jpg differ
diff --git a/resources/organizr/dark/dark_login.jpg b/resources/organizr/dark/dark_login.jpg
new file mode 100644
index 00000000..28e263b9
Binary files /dev/null and b/resources/organizr/dark/dark_login.jpg differ
diff --git a/resources/organizr/dark/dark_search.jpg b/resources/organizr/dark/dark_search.jpg
new file mode 100644
index 00000000..d8ef96bd
Binary files /dev/null and b/resources/organizr/dark/dark_search.jpg differ
diff --git a/resources/organizr/dark/dark_splash.jpg b/resources/organizr/dark/dark_splash.jpg
new file mode 100644
index 00000000..9d58f025
Binary files /dev/null and b/resources/organizr/dark/dark_splash.jpg differ
diff --git a/resources/organizr/dark/theme-park-organizr-dark-logo.png b/resources/organizr/dark/theme-park-organizr-dark-logo.png
new file mode 100644
index 00000000..5b623e6e
Binary files /dev/null and b/resources/organizr/dark/theme-park-organizr-dark-logo.png differ
diff --git a/resources/organizr/dracula/dracula_homepage.jpg b/resources/organizr/dracula/dracula_homepage.jpg
new file mode 100644
index 00000000..15726f51
Binary files /dev/null and b/resources/organizr/dracula/dracula_homepage.jpg differ
diff --git a/resources/organizr/dracula/dracula_login.jpg b/resources/organizr/dracula/dracula_login.jpg
new file mode 100644
index 00000000..9a31a167
Binary files /dev/null and b/resources/organizr/dracula/dracula_login.jpg differ
diff --git a/resources/organizr/dracula/dracula_search.jpg b/resources/organizr/dracula/dracula_search.jpg
new file mode 100644
index 00000000..6f82189b
Binary files /dev/null and b/resources/organizr/dracula/dracula_search.jpg differ
diff --git a/resources/organizr/dracula/dracula_splash.jpg b/resources/organizr/dracula/dracula_splash.jpg
new file mode 100644
index 00000000..f4404582
Binary files /dev/null and b/resources/organizr/dracula/dracula_splash.jpg differ
diff --git a/resources/organizr/dracula/theme-park-organizr-dracula-logo.png b/resources/organizr/dracula/theme-park-organizr-dracula-logo.png
new file mode 100644
index 00000000..e8fa7f93
Binary files /dev/null and b/resources/organizr/dracula/theme-park-organizr-dracula-logo.png differ
diff --git a/resources/organizr/hotline/hotline_homepage.jpg b/resources/organizr/hotline/hotline_homepage.jpg
new file mode 100644
index 00000000..ef8a0718
Binary files /dev/null and b/resources/organizr/hotline/hotline_homepage.jpg differ
diff --git a/resources/organizr/hotline/hotline_login.jpg b/resources/organizr/hotline/hotline_login.jpg
new file mode 100644
index 00000000..2a8dc6a1
Binary files /dev/null and b/resources/organizr/hotline/hotline_login.jpg differ
diff --git a/resources/organizr/hotline/hotline_search.jpg b/resources/organizr/hotline/hotline_search.jpg
new file mode 100644
index 00000000..57f9e4e9
Binary files /dev/null and b/resources/organizr/hotline/hotline_search.jpg differ
diff --git a/resources/organizr/hotline/hotline_splash.jpg b/resources/organizr/hotline/hotline_splash.jpg
new file mode 100644
index 00000000..43cb17ea
Binary files /dev/null and b/resources/organizr/hotline/hotline_splash.jpg differ
diff --git a/resources/organizr/hotline/theme-park-organizr-hotline-logo.png b/resources/organizr/hotline/theme-park-organizr-hotline-logo.png
new file mode 100644
index 00000000..51ca81cb
Binary files /dev/null and b/resources/organizr/hotline/theme-park-organizr-hotline-logo.png differ
diff --git a/resources/organizr/hotpink/hotpink_homepage.jpg b/resources/organizr/hotpink/hotpink_homepage.jpg
new file mode 100644
index 00000000..40d07483
Binary files /dev/null and b/resources/organizr/hotpink/hotpink_homepage.jpg differ
diff --git a/resources/organizr/hotpink/hotpink_login.jpg b/resources/organizr/hotpink/hotpink_login.jpg
new file mode 100644
index 00000000..6a36bd35
Binary files /dev/null and b/resources/organizr/hotpink/hotpink_login.jpg differ
diff --git a/resources/organizr/hotpink/hotpink_search.jpg b/resources/organizr/hotpink/hotpink_search.jpg
new file mode 100644
index 00000000..a00fe46d
Binary files /dev/null and b/resources/organizr/hotpink/hotpink_search.jpg differ
diff --git a/resources/organizr/hotpink/hotpink_splash.jpg b/resources/organizr/hotpink/hotpink_splash.jpg
new file mode 100644
index 00000000..da2f51cb
Binary files /dev/null and b/resources/organizr/hotpink/hotpink_splash.jpg differ
diff --git a/resources/organizr/hotpink/theme-park-organizr-hotpink-logo.png b/resources/organizr/hotpink/theme-park-organizr-hotpink-logo.png
new file mode 100644
index 00000000..a1c7e090
Binary files /dev/null and b/resources/organizr/hotpink/theme-park-organizr-hotpink-logo.png differ
diff --git a/resources/organizr/nord/nord_homepage.jpg b/resources/organizr/nord/nord_homepage.jpg
new file mode 100644
index 00000000..25fdb0c0
Binary files /dev/null and b/resources/organizr/nord/nord_homepage.jpg differ
diff --git a/resources/organizr/nord/nord_login.jpg b/resources/organizr/nord/nord_login.jpg
new file mode 100644
index 00000000..b02d4b0c
Binary files /dev/null and b/resources/organizr/nord/nord_login.jpg differ
diff --git a/resources/organizr/nord/nord_search.jpg b/resources/organizr/nord/nord_search.jpg
new file mode 100644
index 00000000..9ec02607
Binary files /dev/null and b/resources/organizr/nord/nord_search.jpg differ
diff --git a/resources/organizr/nord/nord_splash.jpg b/resources/organizr/nord/nord_splash.jpg
new file mode 100644
index 00000000..9d58f025
Binary files /dev/null and b/resources/organizr/nord/nord_splash.jpg differ
diff --git a/resources/organizr/nord/theme-park-organizr-nord-logo.png b/resources/organizr/nord/theme-park-organizr-nord-logo.png
new file mode 100644
index 00000000..61631d57
Binary files /dev/null and b/resources/organizr/nord/theme-park-organizr-nord-logo.png differ
diff --git a/resources/organizr/onedark/onedark_homepage.jpg b/resources/organizr/onedark/onedark_homepage.jpg
new file mode 100644
index 00000000..49efb8ae
Binary files /dev/null and b/resources/organizr/onedark/onedark_homepage.jpg differ
diff --git a/resources/organizr/onedark/onedark_login.jpg b/resources/organizr/onedark/onedark_login.jpg
new file mode 100644
index 00000000..78d94d11
Binary files /dev/null and b/resources/organizr/onedark/onedark_login.jpg differ
diff --git a/resources/organizr/onedark/onedark_search.jpg b/resources/organizr/onedark/onedark_search.jpg
new file mode 100644
index 00000000..afc41d5e
Binary files /dev/null and b/resources/organizr/onedark/onedark_search.jpg differ
diff --git a/resources/organizr/onedark/onedark_splash.jpg b/resources/organizr/onedark/onedark_splash.jpg
new file mode 100644
index 00000000..379b2dbf
Binary files /dev/null and b/resources/organizr/onedark/onedark_splash.jpg differ
diff --git a/resources/organizr/onedark/theme-park-organizr-onedark-logo.png b/resources/organizr/onedark/theme-park-organizr-onedark-logo.png
new file mode 100644
index 00000000..c2409dbd
Binary files /dev/null and b/resources/organizr/onedark/theme-park-organizr-onedark-logo.png differ
diff --git a/resources/organizr/overseerr/overseerr_homepage.jpg b/resources/organizr/overseerr/overseerr_homepage.jpg
new file mode 100644
index 00000000..d6995b2a
Binary files /dev/null and b/resources/organizr/overseerr/overseerr_homepage.jpg differ
diff --git a/resources/organizr/overseerr/overseerr_login.jpg b/resources/organizr/overseerr/overseerr_login.jpg
new file mode 100644
index 00000000..a22f2774
Binary files /dev/null and b/resources/organizr/overseerr/overseerr_login.jpg differ
diff --git a/resources/organizr/overseerr/overseerr_search.jpg b/resources/organizr/overseerr/overseerr_search.jpg
new file mode 100644
index 00000000..b4a4518d
Binary files /dev/null and b/resources/organizr/overseerr/overseerr_search.jpg differ
diff --git a/resources/organizr/overseerr/overseerr_splash.jpg b/resources/organizr/overseerr/overseerr_splash.jpg
new file mode 100644
index 00000000..e45adc1d
Binary files /dev/null and b/resources/organizr/overseerr/overseerr_splash.jpg differ
diff --git a/resources/organizr/overseerr/theme-park-organizr-overseerr-logo.png b/resources/organizr/overseerr/theme-park-organizr-overseerr-logo.png
new file mode 100644
index 00000000..697614ba
Binary files /dev/null and b/resources/organizr/overseerr/theme-park-organizr-overseerr-logo.png differ
diff --git a/resources/organizr/plex/plex_homepage.jpg b/resources/organizr/plex/plex_homepage.jpg
new file mode 100644
index 00000000..9fe841af
Binary files /dev/null and b/resources/organizr/plex/plex_homepage.jpg differ
diff --git a/resources/organizr/plex/plex_login.jpg b/resources/organizr/plex/plex_login.jpg
new file mode 100644
index 00000000..ac0981d2
Binary files /dev/null and b/resources/organizr/plex/plex_login.jpg differ
diff --git a/resources/organizr/plex/plex_search.jpg b/resources/organizr/plex/plex_search.jpg
new file mode 100644
index 00000000..57f696c9
Binary files /dev/null and b/resources/organizr/plex/plex_search.jpg differ
diff --git a/resources/organizr/plex/plex_splash.jpg b/resources/organizr/plex/plex_splash.jpg
new file mode 100644
index 00000000..7951b3ab
Binary files /dev/null and b/resources/organizr/plex/plex_splash.jpg differ
diff --git a/resources/organizr/plex/theme-park-organizr-plex-logo.png b/resources/organizr/plex/theme-park-organizr-plex-logo.png
new file mode 100644
index 00000000..7a97cb63
Binary files /dev/null and b/resources/organizr/plex/theme-park-organizr-plex-logo.png differ
diff --git a/resources/organizr/spacegray/spacegray_homepage.jpg b/resources/organizr/spacegray/spacegray_homepage.jpg
new file mode 100644
index 00000000..04dc28dd
Binary files /dev/null and b/resources/organizr/spacegray/spacegray_homepage.jpg differ
diff --git a/resources/organizr/spacegray/spacegray_login.jpg b/resources/organizr/spacegray/spacegray_login.jpg
new file mode 100644
index 00000000..15cf9c63
Binary files /dev/null and b/resources/organizr/spacegray/spacegray_login.jpg differ
diff --git a/resources/organizr/spacegray/spacegray_search.jpg b/resources/organizr/spacegray/spacegray_search.jpg
new file mode 100644
index 00000000..970f64e0
Binary files /dev/null and b/resources/organizr/spacegray/spacegray_search.jpg differ
diff --git a/resources/organizr/spacegray/spacegray_splash.jpg b/resources/organizr/spacegray/spacegray_splash.jpg
new file mode 100644
index 00000000..8b82bdef
Binary files /dev/null and b/resources/organizr/spacegray/spacegray_splash.jpg differ
diff --git a/resources/organizr/spacegray/theme-park-organizr-spacegray-logo.png b/resources/organizr/spacegray/theme-park-organizr-spacegray-logo.png
new file mode 100644
index 00000000..7852204c
Binary files /dev/null and b/resources/organizr/spacegray/theme-park-organizr-spacegray-logo.png differ
diff --git a/resources/organizr/theme-park-organizr-theme-logo.psd b/resources/organizr/theme-park-organizr-theme-logo.psd
new file mode 100644
index 00000000..8f9667d7
Binary files /dev/null and b/resources/organizr/theme-park-organizr-theme-logo.psd differ
diff --git a/resources/power.jpg b/resources/power.jpg
new file mode 100644
index 00000000..8fae25bf
Binary files /dev/null and b/resources/power.jpg differ
diff --git a/resources/preset-dark2.png b/resources/preset-dark2.png
new file mode 100644
index 00000000..983f25f9
Binary files /dev/null and b/resources/preset-dark2.png differ
diff --git a/resources/preset-light2.png b/resources/preset-light2.png
new file mode 100644
index 00000000..fe29556a
Binary files /dev/null and b/resources/preset-light2.png differ
diff --git a/resources/qbittorrent/arrow-right.gif b/resources/qbittorrent/arrow-right.gif
new file mode 100644
index 00000000..258a9c3d
Binary files /dev/null and b/resources/qbittorrent/arrow-right.gif differ
diff --git a/resources/qbittorrent/collapse-expand.gif b/resources/qbittorrent/collapse-expand.gif
new file mode 100644
index 00000000..affb7d08
Binary files /dev/null and b/resources/qbittorrent/collapse-expand.gif differ
diff --git a/resources/qbittorrent/dots.png b/resources/qbittorrent/dots.png
new file mode 100644
index 00000000..53d4aaa0
Binary files /dev/null and b/resources/qbittorrent/dots.png differ
diff --git a/resources/qbittorrent/folder-open-solid.svg b/resources/qbittorrent/folder-open-solid.svg
new file mode 100644
index 00000000..99d403c8
--- /dev/null
+++ b/resources/qbittorrent/folder-open-solid.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="folder-open" class="svg-inline--fa fa-folder-open fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z"></path></svg>
\ No newline at end of file
diff --git a/resources/qbittorrent/go-down.png b/resources/qbittorrent/go-down.png
new file mode 100644
index 00000000..f17ad588
Binary files /dev/null and b/resources/qbittorrent/go-down.png differ
diff --git a/resources/qbittorrent/go-up.png b/resources/qbittorrent/go-up.png
new file mode 100644
index 00000000..39c5524e
Binary files /dev/null and b/resources/qbittorrent/go-up.png differ
diff --git a/resources/qbittorrent/inbox-solid.svg b/resources/qbittorrent/inbox-solid.svg
new file mode 100644
index 00000000..88a6908d
--- /dev/null
+++ b/resources/qbittorrent/inbox-solid.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="inbox" class="svg-inline--fa fa-inbox fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M567.938 243.908L462.25 85.374A48.003 48.003 0 0 0 422.311 64H153.689a48 48 0 0 0-39.938 21.374L8.062 243.908A47.994 47.994 0 0 0 0 270.533V400c0 26.51 21.49 48 48 48h480c26.51 0 48-21.49 48-48V270.533a47.994 47.994 0 0 0-8.062-26.625zM162.252 128h251.497l85.333 128H376l-32 64H232l-32-64H76.918l85.334-128z"></path></svg>
\ No newline at end of file
diff --git a/resources/qbittorrent/network-wired-solid.svg b/resources/qbittorrent/network-wired-solid.svg
new file mode 100644
index 00000000..35321af9
--- /dev/null
+++ b/resources/qbittorrent/network-wired-solid.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="network-wired" class="svg-inline--fa fa-network-wired fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M640 264v-16c0-8.84-7.16-16-16-16H344v-40h72c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32H224c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h72v40H16c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16h104v40H64c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h160c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32h-56v-40h304v40h-56c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h160c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32h-56v-40h104c8.84 0 16-7.16 16-16zM256 128V64h128v64H256zm-64 320H96v-64h96v64zm352 0h-96v-64h96v64z"></path></svg>
\ No newline at end of file
diff --git a/resources/qbittorrent/search-solid.png b/resources/qbittorrent/search-solid.png
new file mode 100644
index 00000000..2d0c9e43
Binary files /dev/null and b/resources/qbittorrent/search-solid.png differ
diff --git a/resources/reality.jpg b/resources/reality.jpg
new file mode 100644
index 00000000..1075433c
Binary files /dev/null and b/resources/reality.jpg differ
diff --git a/resources/requestrr/requestrr_white.png b/resources/requestrr/requestrr_white.png
new file mode 100644
index 00000000..468c1659
Binary files /dev/null and b/resources/requestrr/requestrr_white.png differ
diff --git a/resources/rutorrent/Background.png b/resources/rutorrent/Background.png
new file mode 100644
index 00000000..18d4a1f1
Binary files /dev/null and b/resources/rutorrent/Background.png differ
diff --git a/resources/rutorrent/ajax-loader-small.gif b/resources/rutorrent/ajax-loader-small.gif
new file mode 100644
index 00000000..bd1f6af0
Binary files /dev/null and b/resources/rutorrent/ajax-loader-small.gif differ
diff --git a/resources/rutorrent/ajax-loader.gif b/resources/rutorrent/ajax-loader.gif
new file mode 100644
index 00000000..50d5735a
Binary files /dev/null and b/resources/rutorrent/ajax-loader.gif differ
diff --git a/resources/rutorrent/ajax-loader.gif.bak b/resources/rutorrent/ajax-loader.gif.bak
new file mode 100644
index 00000000..56c668f5
Binary files /dev/null and b/resources/rutorrent/ajax-loader.gif.bak differ
diff --git a/resources/rutorrent/archive.png b/resources/rutorrent/archive.png
new file mode 100644
index 00000000..bb69d64e
Binary files /dev/null and b/resources/rutorrent/archive.png differ
diff --git a/resources/rutorrent/asc.gif b/resources/rutorrent/asc.gif
new file mode 100644
index 00000000..44f50407
Binary files /dev/null and b/resources/rutorrent/asc.gif differ
diff --git a/resources/rutorrent/autodll-irc1.png b/resources/rutorrent/autodll-irc1.png
new file mode 100644
index 00000000..9ae31878
Binary files /dev/null and b/resources/rutorrent/autodll-irc1.png differ
diff --git a/resources/rutorrent/autodll-irc2.png b/resources/rutorrent/autodll-irc2.png
new file mode 100644
index 00000000..20047bb2
Binary files /dev/null and b/resources/rutorrent/autodll-irc2.png differ
diff --git a/resources/rutorrent/bul.gif b/resources/rutorrent/bul.gif
new file mode 100644
index 00000000..6e47eab5
Binary files /dev/null and b/resources/rutorrent/bul.gif differ
diff --git a/resources/rutorrent/bul_f.gif b/resources/rutorrent/bul_f.gif
new file mode 100644
index 00000000..f89f6af7
Binary files /dev/null and b/resources/rutorrent/bul_f.gif differ
diff --git a/resources/rutorrent/bul_l.gif b/resources/rutorrent/bul_l.gif
new file mode 100644
index 00000000..f4db00d2
Binary files /dev/null and b/resources/rutorrent/bul_l.gif differ
diff --git a/resources/rutorrent/chat.png b/resources/rutorrent/chat.png
new file mode 100644
index 00000000..fe6b6f4d
Binary files /dev/null and b/resources/rutorrent/chat.png differ
diff --git a/resources/rutorrent/chat2.png b/resources/rutorrent/chat2.png
new file mode 100644
index 00000000..10a05ffe
Binary files /dev/null and b/resources/rutorrent/chat2.png differ
diff --git a/resources/rutorrent/chat3.png b/resources/rutorrent/chat3.png
new file mode 100644
index 00000000..fca2879e
Binary files /dev/null and b/resources/rutorrent/chat3.png differ
diff --git a/resources/rutorrent/close.png b/resources/rutorrent/close.png
new file mode 100644
index 00000000..cba7c6ad
Binary files /dev/null and b/resources/rutorrent/close.png differ
diff --git a/resources/rutorrent/console.png b/resources/rutorrent/console.png
new file mode 100644
index 00000000..849fd496
Binary files /dev/null and b/resources/rutorrent/console.png differ
diff --git a/resources/rutorrent/desc.gif b/resources/rutorrent/desc.gif
new file mode 100644
index 00000000..409fdc6b
Binary files /dev/null and b/resources/rutorrent/desc.gif differ
diff --git a/resources/rutorrent/directory.png b/resources/rutorrent/directory.png
new file mode 100644
index 00000000..b0124940
Binary files /dev/null and b/resources/rutorrent/directory.png differ
diff --git a/resources/rutorrent/dlg-autodl-irc.gif b/resources/rutorrent/dlg-autodl-irc.gif
new file mode 100644
index 00000000..3e6adb55
Binary files /dev/null and b/resources/rutorrent/dlg-autodl-irc.gif differ
diff --git a/resources/rutorrent/dlg-rssurlrewrite.gif b/resources/rutorrent/dlg-rssurlrewrite.gif
new file mode 100644
index 00000000..d85a87d2
Binary files /dev/null and b/resources/rutorrent/dlg-rssurlrewrite.gif differ
diff --git a/resources/rutorrent/dlg-toolbars.gif b/resources/rutorrent/dlg-toolbars.gif
new file mode 100644
index 00000000..5c2fa7f3
Binary files /dev/null and b/resources/rutorrent/dlg-toolbars.gif differ
diff --git a/resources/rutorrent/dropdown.png b/resources/rutorrent/dropdown.png
new file mode 100644
index 00000000..82110195
Binary files /dev/null and b/resources/rutorrent/dropdown.png differ
diff --git a/resources/rutorrent/go.png b/resources/rutorrent/go.png
new file mode 100644
index 00000000..a4ce2a07
Binary files /dev/null and b/resources/rutorrent/go.png differ
diff --git a/resources/rutorrent/goh.png b/resources/rutorrent/goh.png
new file mode 100644
index 00000000..450f90ac
Binary files /dev/null and b/resources/rutorrent/goh.png differ
diff --git a/resources/rutorrent/green.png b/resources/rutorrent/green.png
new file mode 100644
index 00000000..c787db37
Binary files /dev/null and b/resources/rutorrent/green.png differ
diff --git a/resources/rutorrent/header_move.gif b/resources/rutorrent/header_move.gif
new file mode 100644
index 00000000..9a245a24
Binary files /dev/null and b/resources/rutorrent/header_move.gif differ
diff --git a/resources/rutorrent/headers.png b/resources/rutorrent/headers.png
new file mode 100644
index 00000000..c855c7f2
Binary files /dev/null and b/resources/rutorrent/headers.png differ
diff --git a/resources/rutorrent/image.png b/resources/rutorrent/image.png
new file mode 100644
index 00000000..3a39534a
Binary files /dev/null and b/resources/rutorrent/image.png differ
diff --git a/resources/rutorrent/linklogs.png b/resources/rutorrent/linklogs.png
new file mode 100644
index 00000000..06cd9c18
Binary files /dev/null and b/resources/rutorrent/linklogs.png differ
diff --git a/resources/rutorrent/linklogsh.png b/resources/rutorrent/linklogsh.png
new file mode 100644
index 00000000..439680ad
Binary files /dev/null and b/resources/rutorrent/linklogsh.png differ
diff --git a/resources/rutorrent/logoff.png b/resources/rutorrent/logoff.png
new file mode 100644
index 00000000..87f670e5
Binary files /dev/null and b/resources/rutorrent/logoff.png differ
diff --git a/resources/rutorrent/logoff2.png b/resources/rutorrent/logoff2.png
new file mode 100644
index 00000000..e5aae730
Binary files /dev/null and b/resources/rutorrent/logoff2.png differ
diff --git a/resources/rutorrent/logoff3.png b/resources/rutorrent/logoff3.png
new file mode 100644
index 00000000..69951797
Binary files /dev/null and b/resources/rutorrent/logoff3.png differ
diff --git a/resources/rutorrent/menus.png b/resources/rutorrent/menus.png
new file mode 100644
index 00000000..92475fcf
Binary files /dev/null and b/resources/rutorrent/menus.png differ
diff --git a/resources/rutorrent/mp3.png b/resources/rutorrent/mp3.png
new file mode 100644
index 00000000..c8fba286
Binary files /dev/null and b/resources/rutorrent/mp3.png differ
diff --git a/resources/rutorrent/nfo.png b/resources/rutorrent/nfo.png
new file mode 100644
index 00000000..8dcf2039
Binary files /dev/null and b/resources/rutorrent/nfo.png differ
diff --git a/resources/rutorrent/nlb.png b/resources/rutorrent/nlb.png
new file mode 100644
index 00000000..11cac61c
Binary files /dev/null and b/resources/rutorrent/nlb.png differ
diff --git a/resources/rutorrent/pauseui.png b/resources/rutorrent/pauseui.png
new file mode 100644
index 00000000..ccd584a3
Binary files /dev/null and b/resources/rutorrent/pauseui.png differ
diff --git a/resources/rutorrent/pauseuih.png b/resources/rutorrent/pauseuih.png
new file mode 100644
index 00000000..f1fb1613
Binary files /dev/null and b/resources/rutorrent/pauseuih.png differ
diff --git a/resources/rutorrent/playui.png b/resources/rutorrent/playui.png
new file mode 100644
index 00000000..dd5f3a8e
Binary files /dev/null and b/resources/rutorrent/playui.png differ
diff --git a/resources/rutorrent/playuih.png b/resources/rutorrent/playuih.png
new file mode 100644
index 00000000..a034fa70
Binary files /dev/null and b/resources/rutorrent/playuih.png differ
diff --git a/resources/rutorrent/plugin.png b/resources/rutorrent/plugin.png
new file mode 100644
index 00000000..d82f1468
Binary files /dev/null and b/resources/rutorrent/plugin.png differ
diff --git a/resources/rutorrent/pluginh.png b/resources/rutorrent/pluginh.png
new file mode 100644
index 00000000..768a0946
Binary files /dev/null and b/resources/rutorrent/pluginh.png differ
diff --git a/resources/rutorrent/pnl_close.gif b/resources/rutorrent/pnl_close.gif
new file mode 100644
index 00000000..8468fb68
Binary files /dev/null and b/resources/rutorrent/pnl_close.gif differ
diff --git a/resources/rutorrent/pnl_close.png b/resources/rutorrent/pnl_close.png
new file mode 100644
index 00000000..c4ef0698
Binary files /dev/null and b/resources/rutorrent/pnl_close.png differ
diff --git a/resources/rutorrent/pnl_open.gif b/resources/rutorrent/pnl_open.gif
new file mode 100644
index 00000000..3c072f7b
Binary files /dev/null and b/resources/rutorrent/pnl_open.gif differ
diff --git a/resources/rutorrent/pnl_open.png b/resources/rutorrent/pnl_open.png
new file mode 100644
index 00000000..26326c41
Binary files /dev/null and b/resources/rutorrent/pnl_open.png differ
diff --git a/resources/rutorrent/proxy.png b/resources/rutorrent/proxy.png
new file mode 100644
index 00000000..6177430c
Binary files /dev/null and b/resources/rutorrent/proxy.png differ
diff --git a/resources/rutorrent/proxyh.png b/resources/rutorrent/proxyh.png
new file mode 100644
index 00000000..15699ce2
Binary files /dev/null and b/resources/rutorrent/proxyh.png differ
diff --git a/resources/rutorrent/r_bg.gif b/resources/rutorrent/r_bg.gif
new file mode 100644
index 00000000..5103c654
Binary files /dev/null and b/resources/rutorrent/r_bg.gif differ
diff --git a/resources/rutorrent/refresh.png b/resources/rutorrent/refresh.png
new file mode 100644
index 00000000..bd8d5525
Binary files /dev/null and b/resources/rutorrent/refresh.png differ
diff --git a/resources/rutorrent/refreshui.png b/resources/rutorrent/refreshui.png
new file mode 100644
index 00000000..e396b4a4
Binary files /dev/null and b/resources/rutorrent/refreshui.png differ
diff --git a/resources/rutorrent/refreshuih.png b/resources/rutorrent/refreshuih.png
new file mode 100644
index 00000000..b72ec9f8
Binary files /dev/null and b/resources/rutorrent/refreshuih.png differ
diff --git a/resources/rutorrent/s.gif b/resources/rutorrent/s.gif
new file mode 100644
index 00000000..46b0319f
Binary files /dev/null and b/resources/rutorrent/s.gif differ
diff --git a/resources/rutorrent/s_bg.gif b/resources/rutorrent/s_bg.gif
new file mode 100644
index 00000000..5103c654
Binary files /dev/null and b/resources/rutorrent/s_bg.gif differ
diff --git a/resources/rutorrent/seedboxmanager.png b/resources/rutorrent/seedboxmanager.png
new file mode 100644
index 00000000..fb351212
Binary files /dev/null and b/resources/rutorrent/seedboxmanager.png differ
diff --git a/resources/rutorrent/seedboxmanagerh.png b/resources/rutorrent/seedboxmanagerh.png
new file mode 100644
index 00000000..851d4be8
Binary files /dev/null and b/resources/rutorrent/seedboxmanagerh.png differ
diff --git a/resources/rutorrent/share.png b/resources/rutorrent/share.png
new file mode 100644
index 00000000..0900d663
Binary files /dev/null and b/resources/rutorrent/share.png differ
diff --git a/resources/rutorrent/status.png b/resources/rutorrent/status.png
new file mode 100644
index 00000000..24c8cfcc
Binary files /dev/null and b/resources/rutorrent/status.png differ
diff --git a/resources/rutorrent/status_icons.png b/resources/rutorrent/status_icons.png
new file mode 100644
index 00000000..76d974ac
Binary files /dev/null and b/resources/rutorrent/status_icons.png differ
diff --git a/resources/rutorrent/t_bg.gif b/resources/rutorrent/t_bg.gif
new file mode 100644
index 00000000..2c403b84
Binary files /dev/null and b/resources/rutorrent/t_bg.gif differ
diff --git a/resources/rutorrent/tb_bg.gif b/resources/rutorrent/tb_bg.gif
new file mode 100644
index 00000000..43faede3
Binary files /dev/null and b/resources/rutorrent/tb_bg.gif differ
diff --git a/resources/rutorrent/tb_bg.png b/resources/rutorrent/tb_bg.png
new file mode 100644
index 00000000..7218aded
Binary files /dev/null and b/resources/rutorrent/tb_bg.png differ
diff --git a/resources/rutorrent/text.png b/resources/rutorrent/text.png
new file mode 100644
index 00000000..d2970e07
Binary files /dev/null and b/resources/rutorrent/text.png differ
diff --git a/resources/rutorrent/toolbar.png b/resources/rutorrent/toolbar.png
new file mode 100644
index 00000000..b5f15553
Binary files /dev/null and b/resources/rutorrent/toolbar.png differ
diff --git a/resources/rutorrent/torrent.png b/resources/rutorrent/torrent.png
new file mode 100644
index 00000000..baf4d069
Binary files /dev/null and b/resources/rutorrent/torrent.png differ
diff --git a/resources/rutorrent/up.png b/resources/rutorrent/up.png
new file mode 100644
index 00000000..5d327f3d
Binary files /dev/null and b/resources/rutorrent/up.png differ
diff --git a/resources/rutorrent/video.png b/resources/rutorrent/video.png
new file mode 100644
index 00000000..855604a8
Binary files /dev/null and b/resources/rutorrent/video.png differ
diff --git a/resources/soul.jpg b/resources/soul.jpg
new file mode 100644
index 00000000..89882b31
Binary files /dev/null and b/resources/soul.jpg differ
diff --git a/resources/space.jpg b/resources/space.jpg
new file mode 100644
index 00000000..b443a38b
Binary files /dev/null and b/resources/space.jpg differ
diff --git a/resources/time.jpg b/resources/time.jpg
new file mode 100644
index 00000000..3bc22105
Binary files /dev/null and b/resources/time.jpg differ
diff --git a/resources/transmission/icons.png b/resources/transmission/icons.png
new file mode 100644
index 00000000..0229df48
Binary files /dev/null and b/resources/transmission/icons.png differ
diff --git a/themes.json b/themes.json
new file mode 100644
index 00000000..439cfd9e
--- /dev/null
+++ b/themes.json
@@ -0,0 +1,567 @@
+{
+  "addons": {
+    "bazarr": {
+      "bazarr-4k-logo": "https://theme-park.dev/css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css?sha=009d20105d6aae7ae2f1b9f5c76be9c19452fb42",
+      "bazarr-darker": "https://theme-park.dev/css/addons/bazarr/bazarr-darker/bazarr-darker.css?sha=29ece53bbee1995e502f54eda3bfb166448918bd"
+    },
+    "lidarr": {
+      "lidarr-darker": "https://theme-park.dev/css/addons/lidarr/lidarr-darker/lidarr-darker.css?sha=fc479d221c05b5232d720f1c32d9cb1717f7b60b"
+    },
+    "organizr": {
+      "glass": {
+        "css": [
+          "https://theme-park.dev/css/addons/organizr/glass/glass-login.css?sha=0200383709509139874da6540d8a7fc07030f172",
+          "https://theme-park.dev/css/addons/organizr/glass/organizr-base-old.css?sha=e48f350f07564f9a83e886d10bfbd6038aec99d0",
+          "https://theme-park.dev/css/addons/organizr/glass/glass-base.css?sha=2a9c46b4f939049c416caede0226ee57528e0bb6"
+        ]
+      }
+    },
+    "plex": {
+      "overseerr-side-menu": "https://theme-park.dev/css/addons/plex/overseerr-side-menu/overseerr-side-menu.css?sha=b14fcec4d4226f766e3f3931b073b4b45ea416ff",
+      "plex-alt-logo": "https://theme-park.dev/css/addons/plex/plex-alt-logo/plex-alt-logo.css?sha=8d72ab599a528fe3e03d7951de5c0102df9dbf82"
+    },
+    "prowlarr": {
+      "prowlarr-darker": "https://theme-park.dev/css/addons/prowlarr/prowlarr-darker/prowlarr-darker.css?sha=b84c55b85b8396a03cb63e7b6e7deff7a1cfd037"
+    },
+    "radarr": {
+      "radarr-4k-logo": "https://theme-park.dev/css/addons/radarr/radarr-4k-logo/radarr-4k-logo.css?sha=0e7d257aa76caf8d9630ba95e8d499476e5c1baf",
+      "radarr-darker": "https://theme-park.dev/css/addons/radarr/radarr-darker/radarr-darker.css?sha=317432984f97518011463ef62af84b04420e524d"
+    },
+    "readarr": {
+      "readarr-alt-logo": "https://theme-park.dev/css/addons/readarr/readarr-alt-logo/readarr-alt-logo.css?sha=f1f3b6fd804d76c2d6851f945446a1693b42c8ab",
+      "readarr-darker": "https://theme-park.dev/css/addons/readarr/readarr-darker/readarr-darker.css?sha=415a258cc9d1e40bf094f6f20350225c06120825"
+    },
+    "sonarr": {
+      "sonarr-4k-logo": "https://theme-park.dev/css/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css?sha=0b109c74f56f92465dc01bf9ea10a877ed87213c",
+      "sonarr-darker": "https://theme-park.dev/css/addons/sonarr/sonarr-darker/sonarr-darker.css?sha=b1eb1ff0827684361ad596fb49baa6362cc23036"
+    },
+    "unraid": {
+      "login-page": {
+        "alien": {
+          "css": [
+            "https://theme-park.dev/css/addons/unraid/login-page/alien/hallway4.css?sha=bfd5e75c703e56f190b5dfbba57fbba4078da1de",
+            "https://theme-park.dev/css/addons/unraid/login-page/alien/alien_base.css?sha=7e310e223692a1169d19ad0eec747488ece7ca4e",
+            "https://theme-park.dev/css/addons/unraid/login-page/alien/hallway2.css?sha=fef317462bdfe18f5abbc4a34a977ee2e52e7e49",
+            "https://theme-park.dev/css/addons/unraid/login-page/alien/hallway.css?sha=6247189f230004352734346bcd964c325f3697ef",
+            "https://theme-park.dev/css/addons/unraid/login-page/alien/nightmare.css?sha=8c6cadb1ffa63986e75b7ea01f6ebb18c8f8f7d3",
+            "https://theme-park.dev/css/addons/unraid/login-page/alien/hallway3.css?sha=3f7cc52181f3f2618acda800b281720f0c645694",
+            "https://theme-park.dev/css/addons/unraid/login-page/alien/scanner.css?sha=7c65e7d600c161dbfe157a3304bb74eb0d543b43",
+            "https://theme-park.dev/css/addons/unraid/login-page/alien/isolation.css?sha=eb795ea317c8f477ad4e9769dd8ad4ded272ab22",
+            "https://theme-park.dev/css/addons/unraid/login-page/alien/isolation_video.css?sha=a66b918a52c776d08d7e30453d77084328ff5b40",
+            "https://theme-park.dev/css/addons/unraid/login-page/alien/custom.css?sha=89e360c6b3cbe9a9a31774839e325760c7195f82"
+          ]
+        },
+        "fallout": {
+          "css": [
+            "https://theme-park.dev/css/addons/unraid/login-page/fallout/terminal.css?sha=4e27717d9cdf667aad553dc48c5029f9430c0c92",
+            "https://theme-park.dev/css/addons/unraid/login-page/fallout/terminal2.css?sha=cea6c1ae7e841cf7900b093b65f6049fcbb2873f",
+            "https://theme-park.dev/css/addons/unraid/login-page/fallout/fallout_base.css?sha=3a79171bff7252461e4ff5e76b507640bffcf5e1",
+            "https://theme-park.dev/css/addons/unraid/login-page/fallout/fallout_video.css?sha=344c115a6b2837660611186e0329b19deef8c0e0",
+            "https://theme-park.dev/css/addons/unraid/login-page/fallout/custom.css?sha=89e360c6b3cbe9a9a31774839e325760c7195f82",
+            "https://theme-park.dev/css/addons/unraid/login-page/fallout/dirty_terminal.css?sha=bac17b4fa56fb3d00f904a45c336af0a57788c8f",
+            "https://theme-park.dev/css/addons/unraid/login-page/fallout/dirty_terminal2.css?sha=407558ab914c64cebc485d479cda683abffbbb4e"
+          ]
+        },
+        "retro-terminal": {
+          "css": [
+            "https://theme-park.dev/css/addons/unraid/login-page/retro-terminal/retro-terminal-base.css?sha=860f370f1b8e25b26ab9bc45a73632de58c799ce",
+            "https://theme-park.dev/css/addons/unraid/login-page/retro-terminal/blue.css?sha=129b982f0fb99e29d36a7f507bde0f07b57caa48",
+            "https://theme-park.dev/css/addons/unraid/login-page/retro-terminal/amber.css?sha=7ec771cb909172528b1905e26e4e8faaa0645fda",
+            "https://theme-park.dev/css/addons/unraid/login-page/retro-terminal/custom.css?sha=89e360c6b3cbe9a9a31774839e325760c7195f82",
+            "https://theme-park.dev/css/addons/unraid/login-page/retro-terminal/green.css?sha=ecc3fb8c7fb720609886208e0c4de2a870fd2cda",
+            "https://theme-park.dev/css/addons/unraid/login-page/retro-terminal/red.css?sha=e3964fb51632bc2edf2db563918576852db8d8e3",
+            "https://theme-park.dev/css/addons/unraid/login-page/retro-terminal/white.css?sha=3bc8cfd778af2f41deb8a7d7b25bbcdad186f2ed"
+          ]
+        }
+      }
+    }
+  },
+  "all-themes": {
+    "Aquamarine": {
+      "url": "https://theme-park.dev/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c"
+    },
+    "Blackberry-abyss": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802"
+    },
+    "Blackberry-amethyst": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603"
+    },
+    "Blackberry-carol": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0"
+    },
+    "Blackberry-dreamscape": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f"
+    },
+    "Blackberry-flamingo": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99"
+    },
+    "Blackberry-hearth": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88"
+    },
+    "Blackberry-martian": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e"
+    },
+    "Blackberry-pumpkin": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098"
+    },
+    "Blackberry-royal": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a"
+    },
+    "Blackberry-shadow": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d"
+    },
+    "Blackberry-solar": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059"
+    },
+    "Blackberry-vanta": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d"
+    },
+    "Dark": {
+      "url": "https://theme-park.dev/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e"
+    },
+    "Dracula": {
+      "url": "https://theme-park.dev/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056"
+    },
+    "Hotline": {
+      "url": "https://theme-park.dev/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9"
+    },
+    "Hotline-old": {
+      "url": "https://theme-park.dev/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f"
+    },
+    "Hotpink": {
+      "url": "https://theme-park.dev/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e"
+    },
+    "Mind": {
+      "url": "https://theme-park.dev/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638"
+    },
+    "Nord": {
+      "url": "https://theme-park.dev/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447"
+    },
+    "Onedark": {
+      "url": "https://theme-park.dev/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca"
+    },
+    "Organizr": {
+      "url": "https://theme-park.dev/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057"
+    },
+    "Overseerr": {
+      "url": "https://theme-park.dev/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20"
+    },
+    "Pine-shadow": {
+      "url": "https://theme-park.dev/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc"
+    },
+    "Plex": {
+      "url": "https://theme-park.dev/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc"
+    },
+    "Power": {
+      "url": "https://theme-park.dev/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44"
+    },
+    "Reality": {
+      "url": "https://theme-park.dev/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e"
+    },
+    "Soul": {
+      "url": "https://theme-park.dev/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8"
+    },
+    "Space": {
+      "url": "https://theme-park.dev/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1"
+    },
+    "Space-gray": {
+      "url": "https://theme-park.dev/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93"
+    },
+    "Time": {
+      "url": "https://theme-park.dev/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a"
+    },
+    "Trueblack": {
+      "url": "https://theme-park.dev/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695"
+    }
+  },
+  "applications": {
+    "adguard": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/adguard/adguard-base.css?sha=1fd3fc5800fed5cd019e4ef1b90506d1f7a3e70f"
+    },
+    "bazarr": {
+      "addons": {
+        "bazarr-4k-logo": "https://theme-park.dev/css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css?sha=009d20105d6aae7ae2f1b9f5c76be9c19452fb42",
+        "bazarr-darker": "https://theme-park.dev/css/addons/bazarr/bazarr-darker/bazarr-darker.css?sha=29ece53bbee1995e502f54eda3bfb166448918bd"
+      },
+      "base_css": "https://theme-park.dev/css/base/bazarr/bazarr-base.css?sha=3f64e954ddc41938c508ea5f274c70caf206f667"
+    },
+    "bitwarden": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/bitwarden/bitwarden-base.css?sha=bb2ae99fd77be9b33058b30ac55fd095e73160ed"
+    },
+    "calibreweb": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/calibreweb/calibreweb-base.css?sha=1a2ed7e841069a1fa84616fb2aa66822a9f322f2"
+    },
+    "deluge": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/deluge/deluge-base.css?sha=ffdb27a94488878e4aa96bf03fdd0a3b5b760d70"
+    },
+    "dozzle": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/dozzle/dozzle-base.css?sha=c109aa34f0087e46b115d5ad0f80cbabca231c95"
+    },
+    "duplicacy": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/duplicacy/duplicacy-base.css?sha=379e1563e485736c3988fe06cd843c27128fda98"
+    },
+    "duplicati": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/duplicati/duplicati-base.css?sha=d91b8cc120d0eaf724a2836e2f6161781e67d146"
+    },
+    "emby": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/emby/emby-base.css?sha=b4ea5322a5a424ed9c8240de46aee7631e89a939"
+    },
+    "filebrowser": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/filebrowser/filebrowser-base.css?sha=2a15befffd31de892bbad64bf4f5804a48ef8f76"
+    },
+    "flood": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/flood/flood-base.css?sha=9f8d81f983d3291a6e2585d5c757a2812c9cff60"
+    },
+    "gaps": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/gaps/gaps-base.css?sha=54ce6d34f002d5ae82f94d2f32f485afcd151945"
+    },
+    "gitea": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/gitea/gitea-base.css?sha=304c01760f77d52be1ea84518f8242391d9f6e96"
+    },
+    "guacamole": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/guacamole/guacamole-base.css?sha=e06e0d2d53c9777dc9bd14beb6a274909f2cbad9"
+    },
+    "jackett": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/jackett/jackett-base.css?sha=ff885471b5d55222fd76bb81fe6f7cff8fe5bc7f"
+    },
+    "jellyfin": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/jellyfin/jellyfin-base.css?sha=5bef31179a606a1d2a1f395725d7f99f3ba638a4"
+    },
+    "kitana": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/kitana/kitana-base.css?sha=4043bada11c53fe341b6b8dacf98c60f58309c8e"
+    },
+    "lazylibrarian": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/lazylibrarian/lazylibrarian-base.css?sha=addaa5fd6fce97b0fb8729480a3897674aa73f7a"
+    },
+    "librespeed": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/librespeed/librespeed-base.css?sha=e5dbc293a3f9e564a8ae5aaa03022da43f4d7329"
+    },
+    "lidarr": {
+      "addons": {
+        "lidarr-darker": "https://theme-park.dev/css/addons/lidarr/lidarr-darker/lidarr-darker.css?sha=fc479d221c05b5232d720f1c32d9cb1717f7b60b"
+      },
+      "base_css": "https://theme-park.dev/css/base/lidarr/lidarr-base.css?sha=41641446b2565ac68fe63c04b3ffb5663fb0eafe"
+    },
+    "moviematch": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/moviematch/moviematch-base.css?sha=ce16cf06ce7007810a4077316303abbb790c3c55"
+    },
+    "mylar3": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/mylar3/mylar3-base.css?sha=6b3ba80e4cfc9a2cc831ec532f617eb23f798b57"
+    },
+    "netdata": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/netdata/netdata-base.css?sha=52912d82871262434521071087359f9df499c0d3"
+    },
+    "nzbget": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/nzbget/nzbget-base.css?sha=93c212c63fe27751953a4c333329e703dbbec00f"
+    },
+    "nzbhydra2": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/nzbhydra2/nzbhydra2-base.css?sha=82b4959a33be56fe8997dd4733b16f295dce54eb"
+    },
+    "ombi": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/ombi/ombi-base.css?sha=368f78f878254e8927e02000f8086f8309380def"
+    },
+    "organizr": {
+      "addons": {
+        "glass": {
+          "css": [
+            "https://theme-park.dev/css/addons/organizr/glass/glass-login.css?sha=0200383709509139874da6540d8a7fc07030f172",
+            "https://theme-park.dev/css/addons/organizr/glass/organizr-base-old.css?sha=e48f350f07564f9a83e886d10bfbd6038aec99d0",
+            "https://theme-park.dev/css/addons/organizr/glass/glass-base.css?sha=2a9c46b4f939049c416caede0226ee57528e0bb6"
+          ]
+        }
+      },
+      "base_css": "https://theme-park.dev/css/base/organizr/organizr-base.css?sha=052b20283041ffba423d4477b90d4efaa9b0cc5e"
+    },
+    "overseerr": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/overseerr/overseerr-base.css?sha=eebd42bcc59da69d3025eee83b4c154c77353a2c"
+    },
+    "petio": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/petio/petio-base.css?sha=c1f0acca508d4ee7d493a0aa40d962cfff5bc5aa"
+    },
+    "pihole": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/pihole/pihole-base.css?sha=f3a59787f3658e7d65c1f39660c974acaa34e3df"
+    },
+    "plex": {
+      "addons": {
+        "overseerr-side-menu": "https://theme-park.dev/css/addons/plex/overseerr-side-menu/overseerr-side-menu.css?sha=b14fcec4d4226f766e3f3931b073b4b45ea416ff",
+        "plex-alt-logo": "https://theme-park.dev/css/addons/plex/plex-alt-logo/plex-alt-logo.css?sha=8d72ab599a528fe3e03d7951de5c0102df9dbf82"
+      },
+      "base_css": "https://theme-park.dev/css/base/plex/plex-base.css?sha=df02c3564149e6da846cf9f7ad6e1c14fa4d740f"
+    },
+    "portainer": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/portainer/portainer-base.css?sha=3d8baaa49cdc4e962c801b5067ba5ddbb6457655"
+    },
+    "prowlarr": {
+      "addons": {
+        "prowlarr-darker": "https://theme-park.dev/css/addons/prowlarr/prowlarr-darker/prowlarr-darker.css?sha=b84c55b85b8396a03cb63e7b6e7deff7a1cfd037"
+      },
+      "base_css": "https://theme-park.dev/css/base/prowlarr/prowlarr-base.css?sha=7206bb4de0b40cc02a4f19660e05ade1219cb34a"
+    },
+    "qbittorrent": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/qbittorrent/qbittorrent-base.css?sha=56205d0756af10909625670fc7b11d6ce185aee5"
+    },
+    "radarr": {
+      "addons": {
+        "radarr-4k-logo": "https://theme-park.dev/css/addons/radarr/radarr-4k-logo/radarr-4k-logo.css?sha=0e7d257aa76caf8d9630ba95e8d499476e5c1baf",
+        "radarr-darker": "https://theme-park.dev/css/addons/radarr/radarr-darker/radarr-darker.css?sha=317432984f97518011463ef62af84b04420e524d"
+      },
+      "base_css": "https://theme-park.dev/css/base/radarr/radarr-base.css?sha=e545be03d30a11c34bf228e096597f86135560ee"
+    },
+    "readarr": {
+      "addons": {
+        "readarr-alt-logo": "https://theme-park.dev/css/addons/readarr/readarr-alt-logo/readarr-alt-logo.css?sha=f1f3b6fd804d76c2d6851f945446a1693b42c8ab",
+        "readarr-darker": "https://theme-park.dev/css/addons/readarr/readarr-darker/readarr-darker.css?sha=415a258cc9d1e40bf094f6f20350225c06120825"
+      },
+      "base_css": "https://theme-park.dev/css/base/readarr/readarr-base.css?sha=0fbfabc1953583a9c9d691649d8cf887435052e5"
+    },
+    "requestrr": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/requestrr/requestrr-base.css?sha=ebaf9f48cdab1bde97462d40ff6121069e096b84"
+    },
+    "resilio-sync": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/resilio-sync/resilio-sync-base.css?sha=d5a366d14579fa139c02ea4e4699f4d4360a2059"
+    },
+    "rutorrent": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/rutorrent/rutorrent-base.css?sha=5949da0e7b8485663a85a4c457e5ce44836d8afc"
+    },
+    "sabnzbd": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/sabnzbd/sabnzbd-base.css?sha=1ac8ffdf9e2d3af8d58d54af28b1ca094ad2fbb8"
+    },
+    "sonarr": {
+      "addons": {
+        "sonarr-4k-logo": "https://theme-park.dev/css/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css?sha=0b109c74f56f92465dc01bf9ea10a877ed87213c",
+        "sonarr-darker": "https://theme-park.dev/css/addons/sonarr/sonarr-darker/sonarr-darker.css?sha=b1eb1ff0827684361ad596fb49baa6362cc23036"
+      },
+      "base_css": "https://theme-park.dev/css/base/sonarr/sonarr-base.css?sha=59a53730df5dbd431855a12d92a0993d4db7f7d0"
+    },
+    "synclounge": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/synclounge/synclounge-base.css?sha=c57ecac2d4db5ce40a5e018ac7d09513f4847275"
+    },
+    "tautulli": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/tautulli/tautulli-base.css?sha=3487eb3ac9eeaa7f36f7bbd7f837f9a620c0e8b4"
+    },
+    "transmission": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/transmission/transmission-base.css?sha=f413bdc3cc49a096da12a186cff20ddad554a3d3"
+    },
+    "unraid": {
+      "addons": {
+        "login-page": {
+          "alien": {
+            "css": [
+              "https://theme-park.dev/css/addons/unraid/login-page/alien/hallway4.css?sha=bfd5e75c703e56f190b5dfbba57fbba4078da1de",
+              "https://theme-park.dev/css/addons/unraid/login-page/alien/alien_base.css?sha=7e310e223692a1169d19ad0eec747488ece7ca4e",
+              "https://theme-park.dev/css/addons/unraid/login-page/alien/hallway2.css?sha=fef317462bdfe18f5abbc4a34a977ee2e52e7e49",
+              "https://theme-park.dev/css/addons/unraid/login-page/alien/hallway.css?sha=6247189f230004352734346bcd964c325f3697ef",
+              "https://theme-park.dev/css/addons/unraid/login-page/alien/nightmare.css?sha=8c6cadb1ffa63986e75b7ea01f6ebb18c8f8f7d3",
+              "https://theme-park.dev/css/addons/unraid/login-page/alien/hallway3.css?sha=3f7cc52181f3f2618acda800b281720f0c645694",
+              "https://theme-park.dev/css/addons/unraid/login-page/alien/scanner.css?sha=7c65e7d600c161dbfe157a3304bb74eb0d543b43",
+              "https://theme-park.dev/css/addons/unraid/login-page/alien/isolation.css?sha=eb795ea317c8f477ad4e9769dd8ad4ded272ab22",
+              "https://theme-park.dev/css/addons/unraid/login-page/alien/isolation_video.css?sha=a66b918a52c776d08d7e30453d77084328ff5b40",
+              "https://theme-park.dev/css/addons/unraid/login-page/alien/custom.css?sha=89e360c6b3cbe9a9a31774839e325760c7195f82"
+            ]
+          },
+          "fallout": {
+            "css": [
+              "https://theme-park.dev/css/addons/unraid/login-page/fallout/terminal.css?sha=4e27717d9cdf667aad553dc48c5029f9430c0c92",
+              "https://theme-park.dev/css/addons/unraid/login-page/fallout/terminal2.css?sha=cea6c1ae7e841cf7900b093b65f6049fcbb2873f",
+              "https://theme-park.dev/css/addons/unraid/login-page/fallout/fallout_base.css?sha=3a79171bff7252461e4ff5e76b507640bffcf5e1",
+              "https://theme-park.dev/css/addons/unraid/login-page/fallout/fallout_video.css?sha=344c115a6b2837660611186e0329b19deef8c0e0",
+              "https://theme-park.dev/css/addons/unraid/login-page/fallout/custom.css?sha=89e360c6b3cbe9a9a31774839e325760c7195f82",
+              "https://theme-park.dev/css/addons/unraid/login-page/fallout/dirty_terminal.css?sha=bac17b4fa56fb3d00f904a45c336af0a57788c8f",
+              "https://theme-park.dev/css/addons/unraid/login-page/fallout/dirty_terminal2.css?sha=407558ab914c64cebc485d479cda683abffbbb4e"
+            ]
+          },
+          "retro-terminal": {
+            "css": [
+              "https://theme-park.dev/css/addons/unraid/login-page/retro-terminal/retro-terminal-base.css?sha=860f370f1b8e25b26ab9bc45a73632de58c799ce",
+              "https://theme-park.dev/css/addons/unraid/login-page/retro-terminal/blue.css?sha=129b982f0fb99e29d36a7f507bde0f07b57caa48",
+              "https://theme-park.dev/css/addons/unraid/login-page/retro-terminal/amber.css?sha=7ec771cb909172528b1905e26e4e8faaa0645fda",
+              "https://theme-park.dev/css/addons/unraid/login-page/retro-terminal/custom.css?sha=89e360c6b3cbe9a9a31774839e325760c7195f82",
+              "https://theme-park.dev/css/addons/unraid/login-page/retro-terminal/green.css?sha=ecc3fb8c7fb720609886208e0c4de2a870fd2cda",
+              "https://theme-park.dev/css/addons/unraid/login-page/retro-terminal/red.css?sha=e3964fb51632bc2edf2db563918576852db8d8e3",
+              "https://theme-park.dev/css/addons/unraid/login-page/retro-terminal/white.css?sha=3bc8cfd778af2f41deb8a7d7b25bbcdad186f2ed"
+            ]
+          }
+        }
+      },
+      "base_css": "https://theme-park.dev/css/base/unraid/unraid-base.css?sha=faef37a55b6c78accf116dbe65bc1fa302fc5eac"
+    },
+    "uptime-kuma": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/uptime-kuma/uptime-kuma-base.css?sha=e0d1f21f68b2da33bc1ed0042de18226bbe605eb"
+    },
+    "vuetorrent": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/vuetorrent/vuetorrent-base.css?sha=c5a31673508ac6ea71c0115cd61273f15d2f019c"
+    },
+    "whisparr": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/whisparr/whisparr-base.css?sha=6be51ab69d2cd0adc805fbeefd731e5d23030562"
+    },
+    "xbackbone": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/xbackbone/xbackbone-base.css?sha=b4cca0d57920ab9b8f40289d250e9245057deba3"
+    }
+  },
+  "community-themes": {
+    "Blackberry-abyss": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-abyss.css?sha=b64eb1f01cbd66a9dd888a96e62bb05ccf749802"
+    },
+    "Blackberry-amethyst": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-amethyst.css?sha=1f1cd7d10acca7c00b54073724bb75e73c83a603"
+    },
+    "Blackberry-carol": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-carol.css?sha=3dcbd0b3591e253fca5dcce881a789d153a7a3c0"
+    },
+    "Blackberry-dreamscape": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-dreamscape.css?sha=adc24f5a940aa6f8e0061e4b1ad86126f95ba57f"
+    },
+    "Blackberry-flamingo": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-flamingo.css?sha=d075526c4af1caa77d1d6ccb11536b66aa993b99"
+    },
+    "Blackberry-hearth": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-hearth.css?sha=5a139953a525ca38111fd2dfa815c686bc5dbb88"
+    },
+    "Blackberry-martian": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-martian.css?sha=6eb4cd0529632fca270378f66f777182f4e2fb3e"
+    },
+    "Blackberry-pumpkin": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-pumpkin.css?sha=0e4c45af378262c4705bc538fdc3357e24613098"
+    },
+    "Blackberry-royal": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-royal.css?sha=6aebe0c7f1aa26cb9822b1e44ebd7ffa628d981a"
+    },
+    "Blackberry-shadow": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-shadow.css?sha=b1ea4de97e26ef32b52edc79e0fb8aeee4a7d83d"
+    },
+    "Blackberry-solar": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-solar.css?sha=d53082caa15548ea53a518a9ca950eeab6a95059"
+    },
+    "Blackberry-vanta": {
+      "url": "https://theme-park.dev/css/community-theme-options/blackberry-vanta.css?sha=5ae2f81e3d70a7a3f166ebfba6ae4ff050ea766d"
+    },
+    "Hotline-old": {
+      "url": "https://theme-park.dev/css/community-theme-options/hotline-old.css?sha=4befb6edb8a0b329baa4319e3c6fec9856f1d76f"
+    },
+    "Mind": {
+      "url": "https://theme-park.dev/css/community-theme-options/mind.css?sha=c01a8cabe8855cb522fd078e80f9798441a42638"
+    },
+    "Onedark": {
+      "url": "https://theme-park.dev/css/community-theme-options/onedark.css?sha=7754291defa741c805bb0aec4d647ba27fec9cca"
+    },
+    "Pine-shadow": {
+      "url": "https://theme-park.dev/css/community-theme-options/pine-shadow.css?sha=cc2adf274933630ff06539a244ba9fffff9090dc"
+    },
+    "Power": {
+      "url": "https://theme-park.dev/css/community-theme-options/power.css?sha=5b3c3054b6092318df20470ace034ee643276e44"
+    },
+    "Reality": {
+      "url": "https://theme-park.dev/css/community-theme-options/reality.css?sha=21ef4c227d69b655b9a06f63f716cc880187866e"
+    },
+    "Soul": {
+      "url": "https://theme-park.dev/css/community-theme-options/soul.css?sha=432029211cc7edad97fc1291c3226313a74bc4f8"
+    },
+    "Space": {
+      "url": "https://theme-park.dev/css/community-theme-options/space.css?sha=ff3ec9e753c0a528b92a751f08c89745d4c959c1"
+    },
+    "Time": {
+      "url": "https://theme-park.dev/css/community-theme-options/time.css?sha=ac159ae02f02aca0eccf6b78dfb1d668323f530a"
+    },
+    "Trueblack": {
+      "url": "https://theme-park.dev/css/community-theme-options/trueblack.css?sha=de3a1b7f21d63c3c9d72c16e03f90c7309ceb695"
+    }
+  },
+  "deprecated": {
+    "grafana": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/grafana/grafana-base.css?sha=a26fb18f4dab14c926093e2c4ababfcfadb67fb4"
+    },
+    "logarr": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/logarr/logarr-base.css?sha=a78c502b41835218ee8536e65c15f88c5cf90547"
+    },
+    "monitorr": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/monitorr/monitorr-base.css?sha=78a7868f1c7619ed9f07fec85aa124fd362d5cd7"
+    },
+    "plpp": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/plpp/plpp-base.css?sha=0edf38621a0b35a6cd5d1be4d7c068bf042925ba"
+    },
+    "thelounge": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/thelounge/thelounge-base.css?sha=efb54f17c4d381e7566f5b44017b8e4eb17754a8"
+    },
+    "webtools": {
+      "addons": {},
+      "base_css": "https://theme-park.dev/css/base/webtools/webtools-base.css?sha=98eb4e8e1dade1672ba8798c6a983a9d2d5cdbee"
+    }
+  },
+  "themes": {
+    "Aquamarine": {
+      "url": "https://theme-park.dev/css/theme-options/aquamarine.css?sha=e263f729d3f58f939c76a02c8ed89cb17b02fd5c"
+    },
+    "Dark": {
+      "url": "https://theme-park.dev/css/theme-options/dark.css?sha=08b228ea163be7beccc6bd88a6d002c4e172032e"
+    },
+    "Dracula": {
+      "url": "https://theme-park.dev/css/theme-options/dracula.css?sha=60d9ec4d3e22fe15d205242f41ce71d25c4cf056"
+    },
+    "Hotline": {
+      "url": "https://theme-park.dev/css/theme-options/hotline.css?sha=5cba20990e5a70eef88445d3df6c7bc72bc22ac9"
+    },
+    "Hotpink": {
+      "url": "https://theme-park.dev/css/theme-options/hotpink.css?sha=18ffb7ff0cf9d4ae97f09c2ccb980d8bb0fd9d3e"
+    },
+    "Nord": {
+      "url": "https://theme-park.dev/css/theme-options/nord.css?sha=dc62b646ac8f48d4e1e8722f305f8a174e1a4447"
+    },
+    "Organizr": {
+      "url": "https://theme-park.dev/css/theme-options/organizr.css?sha=2a1ee65a26780204509f713f7ea2d5ebdc5bd057"
+    },
+    "Overseerr": {
+      "url": "https://theme-park.dev/css/theme-options/overseerr.css?sha=eedb2e0df6cc892903b8716a05184c61577ebe20"
+    },
+    "Plex": {
+      "url": "https://theme-park.dev/css/theme-options/plex.css?sha=fa39c140368ea73d3a07b1ffa0cff1e1b5c742cc"
+    },
+    "Space-gray": {
+      "url": "https://theme-park.dev/css/theme-options/space-gray.css?sha=8c996eb8d2c729fe95861ed683e2a8993a413c93"
+    }
+  }
+}
\ No newline at end of file
diff --git a/themes.py b/themes.py
new file mode 100644
index 00000000..1417623d
--- /dev/null
+++ b/themes.py
@@ -0,0 +1,159 @@
+#! /usr/bin/env python3
+
+from os import defpath, listdir, environ as env, chdir
+from os.path import isdir, isfile, join, dirname, abspath
+from json import dump, dumps, loads, load
+import subprocess
+
+chdir(dirname(abspath(__file__))) # Set working dir
+
+def get_shas(output):
+    """Returns a dict of CSS files and SHAs"""
+    output_lines = output.splitlines() if output else []
+    sha_dict = {}
+    for line in output_lines:
+        line = line.decode('utf-8').replace("0\t", "").split(" ")
+        sha = line[1]
+        css_file = [file for file in line[2].split("/") if "css" in file][-1]
+        sha_dict.update({css_file: sha})
+    return(sha_dict)
+
+
+def create_addons_json():
+    addon_shas = subprocess.check_output(["git", "ls-files", "-s", "./css/addons/*.css"]) if isdir(".git") else []
+    SHAS = get_shas(addon_shas)
+    ADDONS = {"addons": {}}
+    addon_root = './css/addons'
+    addon_folders = [name for name in listdir(
+        addon_root) if isdir(join(addon_root, name))]
+    for app in addon_folders:
+        app_addons = [addon for addon in listdir(f"{addon_root}/{app}")]
+        ADDONS["addons"].update({
+            app: {
+                addon: {} for addon in app_addons
+            }
+        })
+        for addon in app_addons:
+            files = [file for file in listdir(
+                f"{addon_root}/{app}/{addon}") if isfile(join(f"{addon_root}/{app}/{addon}", file))]
+            if len([f for f in files if f.endswith('.css')]) > 1:
+                ADDONS["addons"][app][addon].update({
+                    "css":  [f"{scheme}://{DOMAIN}/css/addons/{app}/{addon}/{file}?sha={SHAS.get(file)}" for file in files if file.split(".")[1] == "css"]
+                }
+                )
+            else:
+                ADDONS["addons"][app].update({
+                    addon:  f"{scheme}://{DOMAIN}/css/addons/{app}/{addon}/{file}?sha={SHAS.get(file)}" for file in files if file.split(".")[1] == "css"
+                }
+                )
+            extra_dirs = [dir for dir in listdir(
+                f"{addon_root}/{app}/{addon}") if isdir(join(f"{addon_root}/{app}/{addon}", dir))]
+            if extra_dirs:
+                for dir in extra_dirs:
+                    extra_dir_files = [file for file in listdir(
+                        f"{addon_root}/{app}/{addon}/{dir}") if isfile(join(f"{addon_root}/{app}/{addon}/{dir}", file))]
+                    ADDONS["addons"][app][addon].update({
+                        dir: {
+                            "css": [f"{scheme}://{DOMAIN}/css/addons/{app}/{addon}/{dir}/{extra_file}?sha={SHAS.get(extra_file)}" for extra_file in extra_dir_files if extra_file.split(".")[1] == "css"]
+                        }
+                    }
+                    )
+    return dumps(ADDONS, sort_keys=True)
+
+
+def create_json(app_folders: list = None, themes: list = None, community_themes: list = None, no_sub_folders=False):
+    if no_sub_folders:
+        THEMES_DICT = {}
+        theme_shas = subprocess.check_output(["git", "ls-files", "-s", "./css/theme-options/*.css"]) if isdir(".git") else []
+        community_theme_shas = subprocess.check_output(["git", "ls-files", "-s", "./css/community-theme-options/*.css"]) if isdir(".git") else []
+        THEME_SHAS = get_shas(theme_shas)
+        COMMUNITY_THEME_SHAS = get_shas(community_theme_shas)
+        THEMES = {
+                theme.split(".")[0].capitalize(): {
+                    "url": f"{scheme}://{DOMAIN}/css/theme-options/{theme}?sha={THEME_SHAS.get(theme)}"
+                }for theme in themes
+            }
+        COMMUNITY_THEMES = {
+                theme.split(".")[0].capitalize(): {
+                    "url": f"{scheme}://{DOMAIN}/css/community-theme-options/{theme}?sha={COMMUNITY_THEME_SHAS.get(theme)}"
+                }for theme in community_themes
+            }
+        THEMES_DICT.update(dict(sorted({
+            "themes": {
+                **THEMES
+                },
+            "community-themes": {
+                **COMMUNITY_THEMES
+                },
+            "all-themes": {
+                **THEMES, **COMMUNITY_THEMES
+                }
+            }.items())))
+        return dumps(THEMES_DICT)
+    else:
+        ADDONS = loads(create_addons_json())
+        APPS = {}
+        app_shas = subprocess.check_output(["git", "ls-files", "-s", "./css/base/*base.css"]) if isdir(".git") else []
+        SHAS = get_shas(app_shas)
+        APPS.update(dict(sorted({
+            "applications": {
+                app: {
+                    "base_css": f"{scheme}://{DOMAIN}/css/base/{app}/{app}-base.css?sha={SHAS.get(f'{app}-base.css')}",
+                    "addons": ADDONS["addons"][app] if app in ADDONS["addons"] else {}
+                } for app in app_folders if not isfile(f'./css/base/{app}/.deprecated')
+            }
+        }.items())))
+        APPS.update(dict(sorted({
+            "deprecated": {
+                app: {
+                    "base_css": f"{scheme}://{DOMAIN}/css/base/{app}/{app}-base.css?sha={SHAS.get(f'{app}-base.css')}",
+                    "addons": ADDONS["addons"][app] if app in ADDONS["addons"] else {}
+                } for app in app_folders if isfile(f'./css/base/{app}/.deprecated')
+            }
+        }.items())))
+        THEMES = loads(create_json(themes=themes, community_themes=community_themes, no_sub_folders=True))
+        APPS.update(ADDONS)
+        APPS.update(THEMES)
+        return dumps(APPS)
+
+def create_theme_options():
+    app_shas = subprocess.check_output(["git", "ls-files", "-s", "./css/base/*base.css"]) if isdir(".git") else []
+    theme_shas = subprocess.check_output(["git", "ls-files", "-s", "./css/theme-options/*.css"]) if isdir(".git") else []
+    community_theme_shas = subprocess.check_output(["git", "ls-files", "-s", "./css/community-theme-options/*.css"]) if isdir(".git") else []
+    THEME_SHAS = get_shas(theme_shas)
+    COMMUNITY_THEME_SHAS = get_shas(community_theme_shas)
+    APP_SHAS = get_shas(app_shas)
+    def create_css(theme, theme_type="standard"):
+        folder = "./css/base"
+        with open(f"{folder}/{app}/{theme.lower()}.css", "w") as create_app:
+            content = f'@import url("/css/base/{app}/{app}-base.css?sha={APP_SHAS.get(f"{app}-base.css")}");\n@import url("/css/{"theme-options" if theme_type=="standard" else "community-theme-options"}/{theme.lower()}.css?sha={THEME_SHAS.get(f"{theme.lower()}.css") if theme_type=="standard" else COMMUNITY_THEME_SHAS.get(f"{theme.lower()}.css")}");'
+            create_app.write(content)
+    with open("themes.json") as themes:
+        data = load(themes)
+        themes = data["themes"]
+        community_themes = data["community-themes"]
+        applications = data["applications"]
+    for app in applications:
+        for theme in themes:
+            create_css(theme)
+        for theme in community_themes:
+            create_css(theme,theme_type="community")
+
+env_domain = env.get('TP_DOMAIN')
+scheme = env.get('TP_SCHEME','https') if env.get('TP_SCHEME') else 'https'
+
+if __name__ == "__main__":
+    app_folders = [name for name in listdir('./css/base') if isdir(join('./css/base', name))]
+    themes = [name for name in listdir('./css/theme-options') if isfile(join('./css/theme-options', name))]
+    community_themes = [name for name in listdir('./css/community-theme-options') if isfile(join('./css/community-theme-options', name))]
+    develop = True if isdir(".git") and subprocess.check_output(["git", "symbolic-ref", "--short", "HEAD"]).decode('ascii').strip() == "develop" else False
+    if env_domain:
+        DOMAIN = env_domain
+    else:
+        with open("CNAME", "rt", closefd=True) as cname:
+            CNAME = cname.readline()
+        DOMAIN = CNAME if not develop else f"develop.{CNAME}"
+    apps = loads(create_json(app_folders=app_folders, themes=themes, community_themes=community_themes))
+    with open("themes.json", "w") as outfile:
+        dump(apps, outfile, indent=2, sort_keys=True)
+    create_theme_options()
\ No newline at end of file