diff --git a/.github/workflows/auto-build.yml b/.github/workflows/auto-build.yml new file mode 100644 index 00000000..3b22f959 --- /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 }}| 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 }}| 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/minify-and-deploy.yml b/.github/workflows/minify-and-deploy.yml index 5f65a523..1413ab68 100644 --- a/.github/workflows/minify-and-deploy.yml +++ b/.github/workflows/minify-and-deploy.yml @@ -3,6 +3,10 @@ on: push: branches: - master + paths-ignore: + - 'docker-mods/**' + - '.github/**' + - '.vscode/**' jobs: deploy: runs-on: ubuntu-latest diff --git a/CSS/themes/bazarr/aquamarine.css b/CSS/themes/bazarr/aquamarine.css index 4047f274..5e5f07a9 100644 --- a/CSS/themes/bazarr/aquamarine.css +++ b/CSS/themes/bazarr/aquamarine.css @@ -13,9 +13,4 @@ /* BAZARR AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css); -@import url(https://theme-park.dev/CSS/variables/aquamarine.css); - -/* APP VARS */ -:root { - --queue-color: #009688; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/bazarr/dark.css b/CSS/themes/bazarr/dark.css index 2d2dfff3..a10b5ceb 100644 --- a/CSS/themes/bazarr/dark.css +++ b/CSS/themes/bazarr/dark.css @@ -13,9 +13,4 @@ /* BAZARR DARK THEME */ @import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css); -@import url(https://theme-park.dev/CSS/variables/dark.css); - -/* APP VARS */ -:root { - --queue-color: #6b5; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/bazarr/dracula.css b/CSS/themes/bazarr/dracula.css index cba0b87c..c9eae5d0 100644 --- a/CSS/themes/bazarr/dracula.css +++ b/CSS/themes/bazarr/dracula.css @@ -14,8 +14,3 @@ /* BAZARR DRACULA THEME */ @import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css); @import url(https://theme-park.dev/CSS/variables/dracula.css); - -/* APP VARS */ -:root { - --queue-color: #50fa7b; -} diff --git a/CSS/themes/bazarr/hotline.css b/CSS/themes/bazarr/hotline.css index 08085635..ba7ffff9 100644 --- a/CSS/themes/bazarr/hotline.css +++ b/CSS/themes/bazarr/hotline.css @@ -13,9 +13,4 @@ /* BAZARR HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css); -@import url(https://theme-park.dev/CSS/variables/hotline.css); - -/* APP VARS */ -:root { - --queue-color: #6b5; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/bazarr/organizr-dark.css b/CSS/themes/bazarr/organizr-dark.css index 0c0f08b1..cf758cd8 100644 --- a/CSS/themes/bazarr/organizr-dark.css +++ b/CSS/themes/bazarr/organizr-dark.css @@ -13,9 +13,4 @@ /* BAZARR ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css); -@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); - -/* APP VARS */ -:root { - --queue-color: #2cabe3; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/bazarr/plex.css b/CSS/themes/bazarr/plex.css index 4eb2bfce..902fa2a6 100644 --- a/CSS/themes/bazarr/plex.css +++ b/CSS/themes/bazarr/plex.css @@ -13,9 +13,4 @@ /* BAZARR PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css); -@import url(https://theme-park.dev/CSS/variables/plex.css); - -/* APP VARS */ -:root { - --queue-color: #27c24c; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/bazarr/space-gray.css b/CSS/themes/bazarr/space-gray.css index ab5cce99..0bd55a97 100644 --- a/CSS/themes/bazarr/space-gray.css +++ b/CSS/themes/bazarr/space-gray.css @@ -13,9 +13,4 @@ /* BAZARR SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/bazarr/bazarr-base.css); -@import url(https://theme-park.dev/CSS/variables/space-gray.css); - -/* APP VARS */ -:root { - --queue-color: #81a6b7; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/bitwarden/bitwarden-base.css b/CSS/themes/bitwarden/bitwarden-base.css index 388705c9..90d756fe 100644 --- a/CSS/themes/bitwarden/bitwarden-base.css +++ b/CSS/themes/bitwarden/bitwarden-base.css @@ -493,4 +493,10 @@ input:focus:-ms-input-placeholder { 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; } \ No newline at end of file diff --git a/CSS/themes/deluge/aquamarine.css b/CSS/themes/deluge/aquamarine.css index abcf88cd..0fbb9cd1 100644 --- a/CSS/themes/deluge/aquamarine.css +++ b/CSS/themes/deluge/aquamarine.css @@ -13,9 +13,4 @@ /* DELUGE AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css); -@import url(https://theme-park.dev/CSS/variables/aquamarine.css); - -/* APP VARS */ -:root { - --progress-color: 0, 150, 136; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/deluge/dark.css b/CSS/themes/deluge/dark.css index 80f6e07a..dda92bab 100644 --- a/CSS/themes/deluge/dark.css +++ b/CSS/themes/deluge/dark.css @@ -13,9 +13,4 @@ /* DELUGE DARK THEME */ @import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css); -@import url(https://theme-park.dev/CSS/variables/dark.css); - -/* APP VARS */ -:root { - --progress-color: 61, 61, 61; -} +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/deluge/deluge-base.css b/CSS/themes/deluge/deluge-base.css index dc2aec23..ad807584 100644 --- a/CSS/themes/deluge/deluge-base.css +++ b/CSS/themes/deluge/deluge-base.css @@ -2349,7 +2349,7 @@ } .x-progress-bar { - background-color: rgb(var(--progress-color)); + background-color: rgb(var(--accent-color)); background-image: none; border-top-color: transparent; border-bottom-color: transparent; diff --git a/CSS/themes/deluge/dracula.css b/CSS/themes/deluge/dracula.css index 1f6840fa..7985bbf3 100644 --- a/CSS/themes/deluge/dracula.css +++ b/CSS/themes/deluge/dracula.css @@ -13,9 +13,4 @@ /* DELUGE DRACULA THEME */ @import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css); -@import url(https://theme-park.dev/CSS/variables/dracula.css); - -/* APP VARS */ -:root { - --progress-color: 80, 250, 123; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/deluge/hotline.css b/CSS/themes/deluge/hotline.css index 45b5d1e4..e208761e 100644 --- a/CSS/themes/deluge/hotline.css +++ b/CSS/themes/deluge/hotline.css @@ -13,9 +13,4 @@ /* DELUGE HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css); -@import url(https://theme-park.dev/CSS/variables/hotline.css); - -/* APP VARS */ -:root { - --progress-color: 223, 108, 76; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/deluge/organizr-dark.css b/CSS/themes/deluge/organizr-dark.css index 9950f168..b503058f 100644 --- a/CSS/themes/deluge/organizr-dark.css +++ b/CSS/themes/deluge/organizr-dark.css @@ -13,9 +13,4 @@ /* DELUGE ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css); -@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); - -/* APP VARS */ -:root { - --progress-color: 44, 171, 227; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/deluge/plex.css b/CSS/themes/deluge/plex.css index 0ed1ff17..6835a253 100644 --- a/CSS/themes/deluge/plex.css +++ b/CSS/themes/deluge/plex.css @@ -13,9 +13,4 @@ /* DELUGE PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css); -@import url(https://theme-park.dev/CSS/variables/plex.css); - -/* APP VARS */ -:root { - --progress-color: 204, 123, 25; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/deluge/space-gray.css b/CSS/themes/deluge/space-gray.css index b7008796..25522a67 100644 --- a/CSS/themes/deluge/space-gray.css +++ b/CSS/themes/deluge/space-gray.css @@ -13,9 +13,4 @@ /* DELUGE SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/deluge/deluge-base.css); -@import url(https://theme-park.dev/CSS/variables/space-gray.css); - -/* APP VARS */ -:root { - --progress-color: 96, 125, 139; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/dozzle/aquamarine.css b/CSS/themes/dozzle/aquamarine.css index b2294253..f08191cf 100644 --- a/CSS/themes/dozzle/aquamarine.css +++ b/CSS/themes/dozzle/aquamarine.css @@ -14,13 +14,3 @@ /* DOZZLE AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css); @import url(https://theme-park.dev/CSS/variables/aquamarine.css); - -/* APP VARS */ -: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)); -} \ No newline at end of file diff --git a/CSS/themes/dozzle/dark.css b/CSS/themes/dozzle/dark.css index dcc68fe9..18b09ace 100644 --- a/CSS/themes/dozzle/dark.css +++ b/CSS/themes/dozzle/dark.css @@ -13,14 +13,4 @@ /* DOZZLE DARK THEME */ @import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css); -@import url(https://theme-park.dev/CSS/variables/dark.css); - -/* APP VARS */ -: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)); -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/dozzle/dozzle-base.css b/CSS/themes/dozzle/dozzle-base.css index 3998d83c..8d3c6495 100644 --- a/CSS/themes/dozzle/dozzle-base.css +++ b/CSS/themes/dozzle/dozzle-base.css @@ -10,6 +10,15 @@ /* 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; } diff --git a/CSS/themes/dozzle/dracula.css b/CSS/themes/dozzle/dracula.css index 22dcb6d3..d95e4f9f 100644 --- a/CSS/themes/dozzle/dracula.css +++ b/CSS/themes/dozzle/dracula.css @@ -13,14 +13,4 @@ /* DOZZLE DRACULA THEME */ @import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css); -@import url(https://theme-park.dev/CSS/variables/dracula.css); - -/* APP VARS */ -: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)); -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/dozzle/hotline.css b/CSS/themes/dozzle/hotline.css index c55431ba..62c12d22 100644 --- a/CSS/themes/dozzle/hotline.css +++ b/CSS/themes/dozzle/hotline.css @@ -13,14 +13,4 @@ /* DOZZLE HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css); -@import url(https://theme-park.dev/CSS/variables/hotline.css); - -/* APP VARS */ -: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)); -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/dozzle/organizr-dark.css b/CSS/themes/dozzle/organizr-dark.css index ca21a4fb..a7acf2e7 100644 --- a/CSS/themes/dozzle/organizr-dark.css +++ b/CSS/themes/dozzle/organizr-dark.css @@ -13,14 +13,4 @@ /* DOZZLE ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css); -@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); - -/* APP VARS */ -: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)); -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/dozzle/plex.css b/CSS/themes/dozzle/plex.css index 0336c880..a7b98f34 100644 --- a/CSS/themes/dozzle/plex.css +++ b/CSS/themes/dozzle/plex.css @@ -13,14 +13,4 @@ /* DOZZLE PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css); -@import url(https://theme-park.dev/CSS/variables/plex.css); - -/* APP VARS */ -: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)); -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/dozzle/space-gray.css b/CSS/themes/dozzle/space-gray.css index 7aa537d3..ffbd8ab8 100644 --- a/CSS/themes/dozzle/space-gray.css +++ b/CSS/themes/dozzle/space-gray.css @@ -13,14 +13,4 @@ /* DOZZLE SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/dozzle/dozzle-base.css); -@import url(https://theme-park.dev/CSS/variables/space-gray.css); - -/* APP VARS */ -: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)); -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/emby/aquamarine.css b/CSS/themes/emby/aquamarine.css index fa0cc664..23361aa2 100644 --- a/CSS/themes/emby/aquamarine.css +++ b/CSS/themes/emby/aquamarine.css @@ -14,50 +14,3 @@ /* EMBY AQUAMARINE THEME */ @import url("https://theme-park.dev/CSS/themes/emby/emby-base.css"); @import url("https://theme-park.dev/CSS/variables/aquamarine.css"); -: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); -} \ No newline at end of file diff --git a/CSS/themes/emby/dark.css b/CSS/themes/emby/dark.css index 8541c6e4..39732589 100644 --- a/CSS/themes/emby/dark.css +++ b/CSS/themes/emby/dark.css @@ -13,51 +13,4 @@ /* EMBY DARK THEME */ @import url("https://theme-park.dev/CSS/themes/emby/emby-base.css"); -@import url("https://theme-park.dev/CSS/variables/dark.css"); -: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); -} \ No newline at end of file +@import url("https://theme-park.dev/CSS/variables/dark.css"); \ No newline at end of file diff --git a/CSS/themes/emby/dracula.css b/CSS/themes/emby/dracula.css index 8844f812..d7932571 100644 --- a/CSS/themes/emby/dracula.css +++ b/CSS/themes/emby/dracula.css @@ -13,51 +13,4 @@ /* EMBY DRACULA THEME */ @import url("https://theme-park.dev/CSS/themes/emby/emby-base.css"); -@import url("https://theme-park.dev/CSS/variables/dracula.css"); -: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); -} \ No newline at end of file +@import url("https://theme-park.dev/CSS/variables/dracula.css"); \ No newline at end of file diff --git a/CSS/themes/emby/emby-base.css b/CSS/themes/emby/emby-base.css index 32ac0025..3c7120d9 100644 --- a/CSS/themes/emby/emby-base.css +++ b/CSS/themes/emby/emby-base.css @@ -1,3 +1,51 @@ +: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, diff --git a/CSS/themes/emby/hotline.css b/CSS/themes/emby/hotline.css index aa2536ef..a96757cc 100644 --- a/CSS/themes/emby/hotline.css +++ b/CSS/themes/emby/hotline.css @@ -13,51 +13,4 @@ /* EMBY HOTLINE THEME */ @import url("https://theme-park.dev/CSS/themes/emby/emby-base.css"); -@import url("https://theme-park.dev/CSS/variables/hotline.css"); -: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); -} \ No newline at end of file +@import url("https://theme-park.dev/CSS/variables/hotline.css"); \ No newline at end of file diff --git a/CSS/themes/emby/organizr-dark.css b/CSS/themes/emby/organizr-dark.css index 0d1ab840..113b2fc7 100644 --- a/CSS/themes/emby/organizr-dark.css +++ b/CSS/themes/emby/organizr-dark.css @@ -13,51 +13,4 @@ /* EMBY ORGANIZR-DARK THEME */ @import url("https://theme-park.dev/CSS/themes/emby/emby-base.css"); -@import url("https://theme-park.dev/CSS/variables/organizr-dark.css"); -: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); -} \ No newline at end of file +@import url("https://theme-park.dev/CSS/variables/organizr-dark.css"); \ No newline at end of file diff --git a/CSS/themes/emby/plex.css b/CSS/themes/emby/plex.css index c9c677ca..bf8ef40c 100644 --- a/CSS/themes/emby/plex.css +++ b/CSS/themes/emby/plex.css @@ -13,51 +13,4 @@ /* EMBY PLEX THEME */ @import url("https://theme-park.dev/CSS/themes/emby/emby-base.css"); -@import url("https://theme-park.dev/CSS/variables/plex.css"); -: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); -} \ No newline at end of file +@import url("https://theme-park.dev/CSS/variables/plex.css"); \ No newline at end of file diff --git a/CSS/themes/emby/space-gray.css b/CSS/themes/emby/space-gray.css index 17397553..b75108a2 100644 --- a/CSS/themes/emby/space-gray.css +++ b/CSS/themes/emby/space-gray.css @@ -13,51 +13,4 @@ /* EMBY SPACE GRAY THEME */ @import url("https://theme-park.dev/CSS/themes/emby/emby-base.css"); -@import url("https://theme-park.dev/CSS/variables/space-gray.css"); -: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); -} \ No newline at end of file +@import url("https://theme-park.dev/CSS/variables/space-gray.css"); \ No newline at end of file diff --git a/CSS/themes/flood/aquamarine.css b/CSS/themes/flood/aquamarine.css index 4a6f78e1..f97017fd 100644 --- a/CSS/themes/flood/aquamarine.css +++ b/CSS/themes/flood/aquamarine.css @@ -12,9 +12,4 @@ /* FLOOD AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/flood/flood-base.css); -@import url(https://theme-park.dev/CSS/variables/aquamarine.css); - -/* APP VARS */ -:root { - --accent-color: 18, 175, 160; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/gitea/aquamarine.css b/CSS/themes/gitea/aquamarine.css index fc3b55a5..d4b28378 100644 --- a/CSS/themes/gitea/aquamarine.css +++ b/CSS/themes/gitea/aquamarine.css @@ -14,14 +14,4 @@ /* GITEA AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css); @import url(https://theme-park.dev/CSS/themes/gitea/chroma.css); -@import url(https://theme-park.dev/CSS/variables/aquamarine.css); - -/* APP VARS */ -:root { - --color-secondary-alpha-70: rgba(0, 0, 0, 0.35); - --color-primary-light-4: #002D24; - --color-primary-light-2: #004B40; - --color-primary: #006B5F; - --color-primary-dark-2: #008C7E; - --color-primary-dark-4: #12AFA0; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/gitea/dark.css b/CSS/themes/gitea/dark.css index 80b0c478..02a459c7 100644 --- a/CSS/themes/gitea/dark.css +++ b/CSS/themes/gitea/dark.css @@ -14,14 +14,4 @@ /* GITEA DARK THEME */ @import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css); @import url(https://theme-park.dev/CSS/themes/gitea/chroma.css); -@import url(https://theme-park.dev/CSS/variables/dark.css); - -/* APP VARS */ -:root { - --color-secondary-alpha-70: rgba(0, 0, 0, 0.35); - --color-primary-light-4: #303030; - --color-primary-light-2: #5E5E5E; - --color-primary: #919191; - --color-primary-dark-2: #C6C6C6; - --color-primary-dark-4: #FFFFFF; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/gitea/dracula.css b/CSS/themes/gitea/dracula.css index 2cc2af48..316294b0 100644 --- a/CSS/themes/gitea/dracula.css +++ b/CSS/themes/gitea/dracula.css @@ -14,14 +14,4 @@ /* GITEA DRACULA THEME */ @import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css); @import url(https://theme-park.dev/CSS/themes/gitea/chroma.css); -@import url(https://theme-park.dev/CSS/variables/dracula.css); - -/* APP VARS */ -:root { - --color-secondary-alpha-70: rgba(0, 0, 0, 0.35); - --color-primary-light-4: #003B00; - --color-primary-light-2: #006700; - --color-primary: #00961D; - --color-primary-dark-2: #00C74D; - --color-primary-dark-4: #50FA7B; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/gitea/gitea-base.css b/CSS/themes/gitea/gitea-base.css index b1c6cf5e..3e849593 100644 --- a/CSS/themes/gitea/gitea-base.css +++ b/CSS/themes/gitea/gitea-base.css @@ -10,6 +10,15 @@ /* Made by @gilbN */ /* https://github.com/gilbN/theme.park */ +:root { + --color-secondary-alpha-70: var(--gitea-color-secondary-alpha-70); + --color-primary-light-4: var(--gitea-color-primary-light-4); + --color-primary-light-2: var(--gitea-color-primary-light-2); + --color-primary: var(--gitea-color-primary); + --color-primary-dark-2: var(--gitea-color-primary-dark-2); + --color-primary-dark-4: var(--gitea-color-primary-dark-4); + } + body { background: var(--main-bg-color); background-repeat: repeat, no-repeat; diff --git a/CSS/themes/gitea/hotline.css b/CSS/themes/gitea/hotline.css index 56897d27..3f9e640d 100644 --- a/CSS/themes/gitea/hotline.css +++ b/CSS/themes/gitea/hotline.css @@ -14,14 +14,4 @@ /* GITEA HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css); @import url(https://theme-park.dev/CSS/themes/gitea/chroma.css); -@import url(https://theme-park.dev/CSS/variables/hotline.css); - -/* APP VARS */ -:root { - --color-secondary-alpha-70: rgba(0, 0, 0, 0.35); - --color-primary-light-4: #690000; - --color-primary-light-2: #890000; - --color-primary: #AC0002; - --color-primary-dark-2: #D0191D; - --color-primary-dark-4: #F44336; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/gitea/organizr-dark.css b/CSS/themes/gitea/organizr-dark.css index 2cfaad15..082541d7 100644 --- a/CSS/themes/gitea/organizr-dark.css +++ b/CSS/themes/gitea/organizr-dark.css @@ -14,14 +14,4 @@ /* GITEA ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css); @import url(https://theme-park.dev/CSS/themes/gitea/chroma.css); -@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); - -/* APP VARS */ -:root { - --color-secondary-alpha-70: rgba(0, 0, 0, 0.35); - --color-primary-light-4: #002A57; - --color-primary-light-2: #004878; - --color-primary: #00679A; - --color-primary-dark-2: #0088BE; - --color-primary-dark-4: #2CABE3; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/gitea/plex.css b/CSS/themes/gitea/plex.css index 675f8283..42992dc6 100644 --- a/CSS/themes/gitea/plex.css +++ b/CSS/themes/gitea/plex.css @@ -14,14 +14,4 @@ /* GITEA PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css); @import url(https://theme-park.dev/CSS/themes/gitea/chroma.css); -@import url(https://theme-park.dev/CSS/variables/plex.css); - -/* APP VARS */ -:root { - --color-secondary-alpha-70: rgba(0, 0, 0, 0.35); - --color-primary-light-4: #492000; - --color-primary-light-2: #6E4500; - --color-primary: #9B6C00; - --color-primary-dark-2: #CC9500; - --color-primary-dark-4: #FFC107; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/gitea/space-gray.css b/CSS/themes/gitea/space-gray.css index 6ce3907f..567ab2e8 100644 --- a/CSS/themes/gitea/space-gray.css +++ b/CSS/themes/gitea/space-gray.css @@ -14,14 +14,4 @@ /* GITEA SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/gitea/gitea-base.css); @import url(https://theme-park.dev/CSS/themes/gitea/chroma.css); -@import url(https://theme-park.dev/CSS/variables/space-gray.css); - -/* APP VARS */ -:root { - --color-secondary-alpha-70: rgba(0, 0, 0, 0.35); - --color-primary-light-4: #002634; - --color-primary-light-2: #1D4352; - --color-primary: #3E6272; - --color-primary-dark-2: #5F8394; - --color-primary-dark-4: #81A6B7; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/jellyfin/aquamarine.css b/CSS/themes/jellyfin/aquamarine.css index 2fad25e2..e0e69322 100644 --- a/CSS/themes/jellyfin/aquamarine.css +++ b/CSS/themes/jellyfin/aquamarine.css @@ -13,51 +13,4 @@ /* JELLYFIN AQUAMARINE THEME */ @import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css"); -@import url("https://theme-park.dev/CSS/variables/aquamarine.css"); -: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); -} \ No newline at end of file +@import url("https://theme-park.dev/CSS/variables/aquamarine.css"); \ No newline at end of file diff --git a/CSS/themes/jellyfin/dark.css b/CSS/themes/jellyfin/dark.css index 0096182d..04b96454 100644 --- a/CSS/themes/jellyfin/dark.css +++ b/CSS/themes/jellyfin/dark.css @@ -13,51 +13,4 @@ /* JELLYFIN DARK THEME */ @import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css"); -@import url("https://theme-park.dev/CSS/variables/dark.css"); -: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); -} \ No newline at end of file +@import url("https://theme-park.dev/CSS/variables/dark.css"); \ No newline at end of file diff --git a/CSS/themes/jellyfin/dracula.css b/CSS/themes/jellyfin/dracula.css index 2ae65beb..11c1aac3 100644 --- a/CSS/themes/jellyfin/dracula.css +++ b/CSS/themes/jellyfin/dracula.css @@ -13,51 +13,4 @@ /* JELLYFIN AQUAMARINE THEME */ @import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css"); -@import url("https://theme-park.dev/CSS/variables/dracula.css"); -: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); -} \ No newline at end of file +@import url("https://theme-park.dev/CSS/variables/dracula.css"); \ No newline at end of file diff --git a/CSS/themes/jellyfin/hotline.css b/CSS/themes/jellyfin/hotline.css index a96aa4e3..a687377c 100644 --- a/CSS/themes/jellyfin/hotline.css +++ b/CSS/themes/jellyfin/hotline.css @@ -13,51 +13,4 @@ /* JELLYFIN HOTLINE THEME */ @import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css"); -@import url("https://theme-park.dev/CSS/variables/hotline.css"); -: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); -} \ No newline at end of file +@import url("https://theme-park.dev/CSS/variables/hotline.css"); \ No newline at end of file diff --git a/CSS/themes/jellyfin/jellyfin-base.css b/CSS/themes/jellyfin/jellyfin-base.css index a370918b..4bf5d2d2 100644 --- a/CSS/themes/jellyfin/jellyfin-base.css +++ b/CSS/themes/jellyfin/jellyfin-base.css @@ -1,3 +1,51 @@ +: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, diff --git a/CSS/themes/jellyfin/organizr-dark.css b/CSS/themes/jellyfin/organizr-dark.css index 177cb222..161cbb62 100644 --- a/CSS/themes/jellyfin/organizr-dark.css +++ b/CSS/themes/jellyfin/organizr-dark.css @@ -13,51 +13,4 @@ /* JELLYFIN ORGANIZR-DARK THEME */ @import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css"); -@import url("https://theme-park.dev/CSS/variables/organizr-dark.css"); -: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); -} \ No newline at end of file +@import url("https://theme-park.dev/CSS/variables/organizr-dark.css"); \ No newline at end of file diff --git a/CSS/themes/jellyfin/plex.css b/CSS/themes/jellyfin/plex.css index 039c99de..0c1224cb 100644 --- a/CSS/themes/jellyfin/plex.css +++ b/CSS/themes/jellyfin/plex.css @@ -13,51 +13,4 @@ /* JELLYFIN PLEX THEME */ @import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css"); -@import url("https://theme-park.dev/CSS/variables/plex.css"); -: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); -} \ No newline at end of file +@import url("https://theme-park.dev/CSS/variables/plex.css"); \ No newline at end of file diff --git a/CSS/themes/jellyfin/space-gray.css b/CSS/themes/jellyfin/space-gray.css index d51accf6..ec58c74a 100644 --- a/CSS/themes/jellyfin/space-gray.css +++ b/CSS/themes/jellyfin/space-gray.css @@ -13,51 +13,4 @@ /* JELLYFIN SPACE GRAY THEME */ @import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css"); -@import url("https://theme-park.dev/CSS/variables/space-gray.css"); -: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); -} \ No newline at end of file +@import url("https://theme-park.dev/CSS/variables/space-gray.css"); \ No newline at end of file diff --git a/CSS/themes/lidarr/aquamarine.css b/CSS/themes/lidarr/aquamarine.css index 06f06ea5..f74c65b8 100644 --- a/CSS/themes/lidarr/aquamarine.css +++ b/CSS/themes/lidarr/aquamarine.css @@ -13,13 +13,4 @@ /* LIDARR AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css); -@import url(https://theme-park.dev/CSS/variables/aquamarine.css); -: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; - --queue-color: #009688; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/lidarr/dark.css b/CSS/themes/lidarr/dark.css index 93c34d43..d86aa9cd 100644 --- a/CSS/themes/lidarr/dark.css +++ b/CSS/themes/lidarr/dark.css @@ -13,15 +13,4 @@ /* LIDARR DARK THEME */ @import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css); -@import url(https://theme-park.dev/CSS/variables/dark.css); - -/* APP VARS */ -: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; - --queue-color: #6b5; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/lidarr/dracula.css b/CSS/themes/lidarr/dracula.css index fcecf73f..4b7f7057 100644 --- a/CSS/themes/lidarr/dracula.css +++ b/CSS/themes/lidarr/dracula.css @@ -13,15 +13,4 @@ /* LIDARR AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css); -@import url(https://theme-park.dev/CSS/variables/dracula.css); - -/* APP VARS */ -: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; - --queue-color: #50fa7b; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/lidarr/hotline.css b/CSS/themes/lidarr/hotline.css index e84d9ffc..97eebd4c 100644 --- a/CSS/themes/lidarr/hotline.css +++ b/CSS/themes/lidarr/hotline.css @@ -13,15 +13,4 @@ /* LIDARR HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css); -@import url(https://theme-park.dev/CSS/variables/hotline.css); - -/* APP VARS */ -: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; - --queue-color: #6b5; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/lidarr/lidarr-base.css b/CSS/themes/lidarr/lidarr-base.css index 7546af03..204cf4c1 100644 --- a/CSS/themes/lidarr/lidarr-base.css +++ b/CSS/themes/lidarr/lidarr-base.css @@ -10,6 +10,15 @@ /* 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; diff --git a/CSS/themes/lidarr/organizr-dark.css b/CSS/themes/lidarr/organizr-dark.css index 5b492319..eee72813 100644 --- a/CSS/themes/lidarr/organizr-dark.css +++ b/CSS/themes/lidarr/organizr-dark.css @@ -13,15 +13,4 @@ /* LIDARR ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css); -@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); - -/* APP VARS */ -: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; - --queue-color: #2cabe3; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/lidarr/plex.css b/CSS/themes/lidarr/plex.css index 771d8df0..3df8d8a9 100644 --- a/CSS/themes/lidarr/plex.css +++ b/CSS/themes/lidarr/plex.css @@ -13,15 +13,4 @@ /* LIDARR PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css); -@import url(https://theme-park.dev/CSS/variables/plex.css); - -/* APP VARS */ -: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; - --queue-color: #27c24c; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/lidarr/space-gray.css b/CSS/themes/lidarr/space-gray.css index a59247d5..d9b1c679 100644 --- a/CSS/themes/lidarr/space-gray.css +++ b/CSS/themes/lidarr/space-gray.css @@ -13,15 +13,4 @@ /* LIDARR SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/lidarr/lidarr-base.css); -@import url(https://theme-park.dev/CSS/variables/space-gray.css); - -/* APP VARS */ -: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; - --queue-color: #81a6b7; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/nzbget/nzbget-base.css b/CSS/themes/nzbget/nzbget-base.css index 3c573a36..29983ca3 100644 --- a/CSS/themes/nzbget/nzbget-base.css +++ b/CSS/themes/nzbget/nzbget-base.css @@ -183,8 +183,9 @@ tr.checked:nth-child(odd) .progress { .bar-text-left, .bar-text-right { -color: #fff; + color: #fff; } + /* NAVBAR */ .navbar-fixed-top .navbar-inner { color: var(--text-hover) !important; @@ -554,8 +555,8 @@ label { box-shadow: 0 5px 10px rgb(0 0 0 / 20%); } -.label:not(.label-success, .label-warning), -.badge:not(.badge-success, .badge-warning) { +.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; diff --git a/CSS/themes/nzbhydra2/aquamarine.css b/CSS/themes/nzbhydra2/aquamarine.css index 5319f79f..8e3663bb 100644 --- a/CSS/themes/nzbhydra2/aquamarine.css +++ b/CSS/themes/nzbhydra2/aquamarine.css @@ -12,5 +12,5 @@ /* https://github.com/gilbN/theme.park */ /* NZBHYDRA2 AQUAMARINE THEME */ -@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra-base.css); +@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra2-base.css); @import url(https://theme-park.dev/CSS/variables/aquamarine.css); diff --git a/CSS/themes/nzbhydra2/dark.css b/CSS/themes/nzbhydra2/dark.css index 0ac1701a..1884bc8b 100644 --- a/CSS/themes/nzbhydra2/dark.css +++ b/CSS/themes/nzbhydra2/dark.css @@ -12,5 +12,5 @@ /* https://github.com/gilbN/theme.park */ /* NZBHYDRA2 DARK THEME */ -@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra-base.css); +@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra2-base.css); @import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/nzbhydra2/dracula.css b/CSS/themes/nzbhydra2/dracula.css index e8b3653e..fd9a9916 100644 --- a/CSS/themes/nzbhydra2/dracula.css +++ b/CSS/themes/nzbhydra2/dracula.css @@ -12,5 +12,5 @@ /* https://github.com/gilbN/theme.park */ /* NZBHYDRA2 DRACULA THEME */ -@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra-base.css); -@import url(https://theme-park.dev/CSS/variables/aquamarine.css); +@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra2-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); diff --git a/CSS/themes/nzbhydra2/hotline.css b/CSS/themes/nzbhydra2/hotline.css index 4f3a7059..141fb708 100644 --- a/CSS/themes/nzbhydra2/hotline.css +++ b/CSS/themes/nzbhydra2/hotline.css @@ -12,5 +12,5 @@ /* https://github.com/gilbN/theme.park */ /* NZBHYDRA2 HOTLINE THEME */ -@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra-base.css); +@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra2-base.css); @import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/nzbhydra2/nzbhydra-base.css b/CSS/themes/nzbhydra2/nzbhydra2-base.css similarity index 100% rename from CSS/themes/nzbhydra2/nzbhydra-base.css rename to CSS/themes/nzbhydra2/nzbhydra2-base.css diff --git a/CSS/themes/nzbhydra2/organizr-dark.css b/CSS/themes/nzbhydra2/organizr-dark.css index 80298917..4c2dfe55 100644 --- a/CSS/themes/nzbhydra2/organizr-dark.css +++ b/CSS/themes/nzbhydra2/organizr-dark.css @@ -12,5 +12,5 @@ /* https://github.com/gilbN/theme.park */ /* NZBHYDRA2 ORGANIZR-DARK THEME */ -@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra-base.css); +@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra2-base.css); @import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/nzbhydra2/plex.css b/CSS/themes/nzbhydra2/plex.css index d1299c77..2fd2c92b 100644 --- a/CSS/themes/nzbhydra2/plex.css +++ b/CSS/themes/nzbhydra2/plex.css @@ -12,5 +12,5 @@ /* https://github.com/gilbN/theme.park */ /* NZBHYDRA2 PLEX THEME */ -@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra-base.css); +@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra2-base.css); @import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/nzbhydra2/space-gray.css b/CSS/themes/nzbhydra2/space-gray.css index 8a2d1171..06fb312a 100644 --- a/CSS/themes/nzbhydra2/space-gray.css +++ b/CSS/themes/nzbhydra2/space-gray.css @@ -12,5 +12,5 @@ /* https://github.com/gilbN/theme.park */ /* NZBHYDRA2 SPACE GRAY THEME */ -@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra-base.css); +@import url(https://theme-park.dev/CSS/themes/nzbhydra2/nzbhydra2-base.css); @import url(https://theme-park.dev/CSS/variables/space-gray.css); diff --git a/CSS/themes/petio/aquamarine.css b/CSS/themes/petio/aquamarine.css index 8b5f509e..8113bcf8 100644 --- a/CSS/themes/petio/aquamarine.css +++ b/CSS/themes/petio/aquamarine.css @@ -13,9 +13,4 @@ /* PETIO AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/petio/petio-base.css); -@import url(https://theme-park.dev/CSS/variables/aquamarine.css); - -/* APP VARS */ -:root { - --spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/petio/dark.css b/CSS/themes/petio/dark.css index 71b8d102..a2f83a33 100644 --- a/CSS/themes/petio/dark.css +++ b/CSS/themes/petio/dark.css @@ -13,9 +13,4 @@ /* PETIO DARK THEME */ @import url(https://theme-park.dev/CSS/themes/petio/petio-base.css); -@import url(https://theme-park.dev/CSS/variables/dark.css); - -/* APP VARS */ -:root { - --spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/petio/dracula.css b/CSS/themes/petio/dracula.css index 476f2a07..50ca72d1 100644 --- a/CSS/themes/petio/dracula.css +++ b/CSS/themes/petio/dracula.css @@ -13,9 +13,4 @@ /* PETIO DRACULA THEME */ @import url(https://theme-park.dev/CSS/themes/petio/petio-base.css); -@import url(https://theme-park.dev/CSS/variables/dracula.css); - -/* APP VARS */ -:root { - --spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/petio/hotline.css b/CSS/themes/petio/hotline.css index 49f5cf19..e54ce273 100644 --- a/CSS/themes/petio/hotline.css +++ b/CSS/themes/petio/hotline.css @@ -13,9 +13,4 @@ /* PETIO HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/petio/petio-base.css); -@import url(https://theme-park.dev/CSS/variables/hotline.css); - -/* APP VARS */ -:root { - --spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/petio/organizr-dark.css b/CSS/themes/petio/organizr-dark.css index 8732f60e..cef329ae 100644 --- a/CSS/themes/petio/organizr-dark.css +++ b/CSS/themes/petio/organizr-dark.css @@ -13,9 +13,4 @@ /* PETIO ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/petio/petio-base.css); -@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); - -/* APP VARS */ -:root { - --spinner: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/petio/plex.css b/CSS/themes/petio/plex.css index c9477ad8..b9c0a2ca 100644 --- a/CSS/themes/petio/plex.css +++ b/CSS/themes/petio/plex.css @@ -12,9 +12,4 @@ /* PETIO PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/petio/petio-base.css); -@import url(https://theme-park.dev/CSS/variables/plex.css); - -/* APP VARS */ -:root { - --spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ -} +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/petio/space-gray.css b/CSS/themes/petio/space-gray.css index 1cd845e6..bfef434c 100644 --- a/CSS/themes/petio/space-gray.css +++ b/CSS/themes/petio/space-gray.css @@ -13,9 +13,4 @@ /* PETIO SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/petio/petio-base.css); -@import url(https://theme-park.dev/CSS/variables/space-gray.css); - -/* APP VARS */ -:root { - --spinner: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/pihole/aquamarine.css b/CSS/themes/pihole/aquamarine.css index 12fa7841..a3640700 100644 --- a/CSS/themes/pihole/aquamarine.css +++ b/CSS/themes/pihole/aquamarine.css @@ -12,13 +12,4 @@ /* PI-HOLE AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/pihole/pihole-base.css); -:root { - --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; - --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; - - --button-color: #009688; - --button-color-hover: #12afa0; - --accent-color: #009688; - --accent-color-hover: #12afa0; - --link-color: #12afa0; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/pihole/dark.css b/CSS/themes/pihole/dark.css index 233bc23e..79b9859b 100644 --- a/CSS/themes/pihole/dark.css +++ b/CSS/themes/pihole/dark.css @@ -12,13 +12,4 @@ /* PI-HOLE DARK THEME */ @import url(https://theme-park.dev/CSS/themes/pihole/pihole-base.css); -:root { - --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; - --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; - - --button-color: hsla(0,0%,100%,.15); - --button-color-hover: hsla(0,0%,100%,.30); - --accent-color: rgba(255, 255, 255, 0.5); - --accent-color-hover: rgba(255, 255, 255, 0.45); - --queue-color: rgba(255, 255, 255, 0.45);; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/pihole/dracula.css b/CSS/themes/pihole/dracula.css new file mode 100644 index 00000000..03d8ce8e --- /dev/null +++ b/CSS/themes/pihole/dracula.css @@ -0,0 +1,15 @@ +/* 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 */ + +/* PI-HOLE DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/pihole/pihole-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/pihole/hotline.css b/CSS/themes/pihole/hotline.css index 4920a300..427c4971 100644 --- a/CSS/themes/pihole/hotline.css +++ b/CSS/themes/pihole/hotline.css @@ -12,13 +12,4 @@ /* PI-HOLE HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/pihole/pihole-base.css); -: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; - - --button-color: hsla(0,0%,100%,.15); - --button-color-hover: hsla(0,0%,100%,.30); - --accent-color: #F44336; - --accent-color-hover: #0b3161; - --link-color: #fd534a; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/pihole/organizr-dark.css b/CSS/themes/pihole/organizr-dark.css index 0421a6e4..8b089c25 100644 --- a/CSS/themes/pihole/organizr-dark.css +++ b/CSS/themes/pihole/organizr-dark.css @@ -12,12 +12,4 @@ /* PI-HOLE ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/pihole/pihole-base.css); -:root { - --main-bg-color: #1f1f1f; - --modal-bg-color: #1b1b1b; - - --button-color: #2cabe3; - --button-color-hover: rgb(44 171 227 / .8); - --accent-color: #2cabe3; - --accent-color-hover: white; - } +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); diff --git a/CSS/themes/pihole/pihole-base.css b/CSS/themes/pihole/pihole-base.css index 6fb38d39..f294a3d0 100644 --- a/CSS/themes/pihole/pihole-base.css +++ b/CSS/themes/pihole/pihole-base.css @@ -10,6 +10,8 @@ /* Made by @gilbN */ /* https://github.com/gilbN/theme.park */ + @import url(https://theme-park.dev/CSS/defaults/placeholders.css); + body { background: var(--main-bg-color) !important; background-repeat: repeat, no-repeat; @@ -19,23 +21,60 @@ -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; - color: #eee !important; + color: var(--text) !important; } a { color: var(--link-color); } + * { + outline: none !important; + } + a:hover, a:active, - a:focus, + a:focus { + color: var(--link-color-hover); + } + .treeview-menu>li.active>a, .treeview-menu>li>a:hover { - color: var(--accent-color) !important; + 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); } - h4 { - color: var(--accent-color); + kbd { + color: var(--label-text-color); + background-color: rgb(var(--accent-color)); } /* Donate dropdown */ @@ -71,7 +110,7 @@ } .navbar-nav>.user-menu>.dropdown-menu>.user-body a { - color: white !important; + color: var(--text-hover) !important; } .navbar-nav>.user-menu>.dropdown-menu>.user-footer { @@ -88,26 +127,32 @@ .skin-blue .main-header .logo:hover, .skin-blue .main-header .navbar .sidebar-toggle:hover, - .sidebar-menu>li:hover>a, + .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: white !important; + color: rgb(var(--accent-color)) !important; } /* Footer */ .main-footer { background: rgba(0, 0, 0, .25); - color: #eee; + color: var(--text); border-top: 1px solid rgb(255 255 255 / 20%); } /* Side bar */ - .skin-blue .sidebar a { - color: #eee; + .skin-blue .sidebar a, + .sidebar a { + color: var(--text); } - .skin-blue .sidebar a:hover { - color: white !important; + .skin-blue .sidebar a:hover, + .sidebar a:hover { + color: var(--text-hover) !important; } .skin-blue .wrapper, @@ -121,12 +166,12 @@ .skin-blue .sidebar-menu>li.header, .sidebar-menu>li.header { - color: white; + color: rgb(var(--accent-color)); background: rgba(0, 0, 0, .2); } .treeview-menu>li>a { - color: #eee !important; + color: var(--text) !important; } .sidebar-menu>li>.treeview-menu { @@ -138,9 +183,9 @@ .skin-blue .sidebar-menu>li.active>a, .sidebar-menu>li:hover>a, .sidebar-menu>li.active>a { - color: #fff; + color: var(--text-hover); background: rgba(0, 0, 0, .1); - border-left-color: var(--accent-color); + border-left-color: rgb(var(--accent-color)); } .skin-blue .sidebar-menu>li>.treeview-menu { @@ -148,7 +193,7 @@ } .skin-blue .treeview-menu>li>a { - color: #eee; + color: var(--text); } /* Collapsed menu hover*/ @@ -156,7 +201,7 @@ .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(--main-bg-color); + background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; @@ -164,7 +209,7 @@ -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; - color: #eee; + color: var(--text); } } @@ -183,7 +228,7 @@ } .page-header>small { - color: #ddd; + color: var(--text-muted); } .main-footer .nav-tabs, @@ -194,8 +239,8 @@ .nav-tabs-custom>.nav-tabs>li:hover { background-color: rgba(255, 255, 255, .05); - color: #eee; - border-top-color: var(--accent-color); + color: var(--text-hover); + border-top-color: rgb(var(--accent-color)); } .nav-tabs-custom>.nav-tabs>li:hover>a { @@ -205,64 +250,46 @@ /* Dashboard */ /*Total Queries box */ .box-header { - color: white; + color: var(--text-hover); } .box { background: rgba(0, 0, 0, .24); - border-top: 3px solid #0000; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .box-solid>.box-header, .box>.box-header { - color: #eee; + color: var(--text); background-color: rgba(0, 0, 0, .25); } - .box.box-warning { - border-top-color: var(--accent-color); - } - - /* - .chart svg, .chart canvas, .chartjs-render-monitor, .chart-legend { - -webkit-filter: invert(100%); - filter: invert(100%); - } - #chartjs-tooltip { - filter: invert(100%); - } - .chart-legend ul { - -webkit-filter: invert(100%); - filter: invert(100%); - } - */ /* Total queries box*/ .small-box.bg-green { background-color: rgba(0, 166, 90, .45) !important; - border-top: 3px solid var(--accent-color); } /* Queries blocked box*/ .small-box.bg-aqua { background-color: rgba(0, 192, 239, .45) !important; - border-top: 3px solid var(--accent-color); + } /* Percent blocked box */ .small-box.bg-yellow { background-color: rgba(243, 156, 18, .45) !important; - border-top: 3px solid var(--accent-color); } /*Blocklist box*/ .small-box.bg-red { background-color: rgba(221, 75, 57, .45) !important; - border-top: 3px solid var(--accent-color); + } + + thead { + color: var(--text-hover); } .table-bordered { - border: 1px solid #f4f4f41a !important; background: rgba(0, 0, 0, .1); } @@ -284,17 +311,7 @@ color: #eee !important; } - .pagination>.disabled>a, - .pagination>.disabled>a:focus, - .pagination>.disabled>a:hover, - .pagination>.disabled>span, - .pagination>.disabled>span:focus, - .pagination>.disabled>span:hover, - .dataTables_paginate .pagination li>a { - color: rgba(238, 238, 238, .5); - background-color: rgba(255, 255, 255, .1); - border-color: #ddd0; - } + .pagination>.active>a, .pagination>.active>a:focus, @@ -303,7 +320,7 @@ .pagination>.active>span:focus, .pagination>.active>span:hover, .paginate_button .active #all-queries_wrapper .pagination>li>a { - color: #fff; + color: var(--button-text); background-color: var(--button-color); border-color: var(--button-color); } @@ -314,24 +331,24 @@ .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { - color: #fff !important; - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); + color: var(--button-text-hover) !important; + background-color: var(--button-color-hover) !important; + border-color: var(--button-color-hover) !important; } .pagination>li>a { - background: rgba(0, 0, 0, 0.25); - color: #eee; - border: 1px solid rgba(255, 255, 255, 0.07); + 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: rgb(255, 255, 255) !important; - background-color: rgba(255, 255, 255, .25); - border-color: rgba(255, 255, 255, 0.07); + color: var(--button-text-hover) !important; + background-color: var(--button-color-hover) !important; + border-color: var(--button-color-hover) !important; } /* Login */ @@ -341,7 +358,7 @@ } .panel-default>.panel-heading { - color: #eee; + color: var(--text-hover); background-color: inherit; border-color: transparent; } @@ -352,7 +369,7 @@ background-color: rgb(0 0 0 / 25%); border-radius: 0px; border: 1px solid transparent; - color: #bec5cb; + color: var(--text); } /* Blacklist */ @@ -365,7 +382,7 @@ } .nav-tabs-custom>.nav-tabs>li.active { - border-top-color: var(--accent-color); + border-top-color: rgb(var(--accent-color)); } .nav-tabs-custom>.nav-tabs>li.active>a { @@ -377,19 +394,19 @@ .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: #eee !important; + color: rgb(var(--accent-color)) !important; } .nav-tabs-custom>.nav-tabs>li>a { - color: #eee !important; + color: var(--text) !important; border-radius: 0; } .input-group .input-group-addon { border-radius: 0; border-color: #d2d6de00; - background-color: var(--accent-color); - color: #eee; + background-color: rgb(var(--accent-color)); + color: var(--text); } /* Network */ @@ -403,7 +420,7 @@ #network-entries_wrapper.text-center { text-align: center; - color: #eee !important; + color: var(--text) !important; } /* Buttons */ @@ -411,32 +428,37 @@ .btn-default { background-color: var(--button-color) !important; border: 1px solid var(--button-color) !important; - color: white !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: var(--button-color-hover) !important; - border: 1px solid transparent !important + 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 { - color: #fff; - background: var(--button-color) !important; + background-color: var(--button-color) !important; border: 1px solid var(--button-color) !important; + color: var(--button-text) !important; } .btn-danger { @@ -461,6 +483,10 @@ 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; @@ -478,14 +504,14 @@ pre, .box-footer, .datatables_processing { - background: #080909; - border: 1px solid #666; - color: #b2b2b2; + 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: #ffffff; - color: #000000; + background-color: rgb(0 0 0 / 25%); + color: var(--text-hover); } input, @@ -504,13 +530,32 @@ .form-control, div.dataTables_wrapper div.dataTables_length select { background-color: rgb(0 0 0 / 0.25); - color: #eee; + 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 */ diff --git a/CSS/themes/pihole/plex.css b/CSS/themes/pihole/plex.css index c3c7f6d6..6cf777bb 100644 --- a/CSS/themes/pihole/plex.css +++ b/CSS/themes/pihole/plex.css @@ -12,13 +12,4 @@ /* PI-HOLE PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/pihole/pihole-base.css); -:root { - --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed; - --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed; - - --button-color: #cc7b19; - --button-color-hover: #e59029; - --accent-color: #e5a00d; - --accent-color-hover: #ffc107; - --link-color: #ffc107; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/pihole/space-gray.css b/CSS/themes/pihole/space-gray.css index 653c2ab5..9bab6eec 100644 --- a/CSS/themes/pihole/space-gray.css +++ b/CSS/themes/pihole/space-gray.css @@ -12,13 +12,4 @@ /* PI-HOLE SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/pihole/pihole-base.css); -: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: radial-gradient( ellipse at top, 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; - --accent-color: #607D8B; - --accent-color-hover: #81a6b7; - --link-color: #81a6b7; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/plex/aquamarine.css b/CSS/themes/plex/aquamarine.css index 1f16a083..df9d2bd5 100644 --- a/CSS/themes/plex/aquamarine.css +++ b/CSS/themes/plex/aquamarine.css @@ -12,9 +12,4 @@ /* PLEX AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/plex/plex-base.css); -@import url(https://theme-park.dev/CSS/variables/aquamarine.css); - -/* APP VARS*/ -:root { - --poster-unwatched: #15D5C2; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/plex/dark.css b/CSS/themes/plex/dark.css index 0a854d71..950a8f58 100644 --- a/CSS/themes/plex/dark.css +++ b/CSS/themes/plex/dark.css @@ -12,9 +12,4 @@ /* PLEX DARK THEME */ @import url(https://theme-park.dev/CSS/themes/plex/plex-base.css); -@import url(https://theme-park.dev/CSS/variables/dark.css); - -/* APP VARS*/ -:root { - --poster-unwatched: #e5a00d; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/plex/dracula.css b/CSS/themes/plex/dracula.css index bc83148e..4d7cdcc9 100644 --- a/CSS/themes/plex/dracula.css +++ b/CSS/themes/plex/dracula.css @@ -12,9 +12,4 @@ /* PLEX DRACULA THEME */ @import url(https://theme-park.dev/CSS/themes/plex/plex-base.css); -@import url(https://theme-park.dev/CSS/variables/dracula.css); - -/* APP VARS*/ -:root { - --poster-unwatched: #bd93f9; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/plex/hotline.css b/CSS/themes/plex/hotline.css index 9399a79a..7ee3e9b2 100644 --- a/CSS/themes/plex/hotline.css +++ b/CSS/themes/plex/hotline.css @@ -12,9 +12,4 @@ /* PLEX HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/plex/plex-base.css); -@import url(https://theme-park.dev/CSS/variables/hotline.css); - -/* APP VARS*/ -:root { - --poster-unwatched: #FB3122; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/plex/organizr-dark.css b/CSS/themes/plex/organizr-dark.css index 09edc601..09a8418c 100644 --- a/CSS/themes/plex/organizr-dark.css +++ b/CSS/themes/plex/organizr-dark.css @@ -12,9 +12,4 @@ /* PLEX ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/plex/plex-base.css); -@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); - -/* APP VARS*/ -:root { - --poster-unwatched: #2cabe3; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/plex/space-gray.css b/CSS/themes/plex/space-gray.css index 717a1324..8a7c55f1 100644 --- a/CSS/themes/plex/space-gray.css +++ b/CSS/themes/plex/space-gray.css @@ -12,9 +12,4 @@ /* PLEX AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/plex/plex-base.css); -@import url(https://theme-park.dev/CSS/variables/space-gray.css); - -/* APP VARS*/ -:root { - --poster-unwatched: #70aeca; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/prowlarr/aquamarine.css b/CSS/themes/prowlarr/aquamarine.css index 10dff2cf..a019f8fc 100644 --- a/CSS/themes/prowlarr/aquamarine.css +++ b/CSS/themes/prowlarr/aquamarine.css @@ -13,9 +13,4 @@ /* PROWLARR AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css); -@import url(https://theme-park.dev/CSS/variables/aquamarine.css); - -/* APP VARS */ -:root { - --queue-color: #009688; -} +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/prowlarr/dark.css b/CSS/themes/prowlarr/dark.css index 3929cf56..2020ef00 100644 --- a/CSS/themes/prowlarr/dark.css +++ b/CSS/themes/prowlarr/dark.css @@ -13,10 +13,4 @@ /* PROWLARR DARK THEME */ @import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css); -@import url(https://theme-park.dev/CSS/variables/dark.css); - -/* APP VARS */ -:root { - --queue-color: #6b5; - - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/prowlarr/dracula.css b/CSS/themes/prowlarr/dracula.css index 7233bb0d..2f6a8c22 100644 --- a/CSS/themes/prowlarr/dracula.css +++ b/CSS/themes/prowlarr/dracula.css @@ -14,9 +14,3 @@ /* PROWLARR DRACULA THEME */ @import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css); @import url(https://theme-park.dev/CSS/variables/dracula.css); - -/* APP VARS */ -:root { - --queue-color: #50fa7b; - -} diff --git a/CSS/themes/prowlarr/hotline.css b/CSS/themes/prowlarr/hotline.css index 16e7ac02..d352c08b 100644 --- a/CSS/themes/prowlarr/hotline.css +++ b/CSS/themes/prowlarr/hotline.css @@ -13,9 +13,4 @@ /* PROWLARR HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css); -@import url(https://theme-park.dev/CSS/variables/hotline.css); - -/* APP VARS */ -:root { - --queue-color: #6b5; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/prowlarr/organizr-dark.css b/CSS/themes/prowlarr/organizr-dark.css index fd8bee18..69eccfa7 100644 --- a/CSS/themes/prowlarr/organizr-dark.css +++ b/CSS/themes/prowlarr/organizr-dark.css @@ -13,9 +13,4 @@ /* prowlarr ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css); -@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); - -/* APP VARS */ -:root { - --queue-color: #2cabe3; - } +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/prowlarr/plex.css b/CSS/themes/prowlarr/plex.css index 8d9f6586..cb4dbffb 100644 --- a/CSS/themes/prowlarr/plex.css +++ b/CSS/themes/prowlarr/plex.css @@ -13,9 +13,4 @@ /* prowlarr PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css); -@import url(https://theme-park.dev/CSS/variables/plex.css); - -/* APP VARS */ -:root { - --queue-color: #27c24c; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/prowlarr/space-gray.css b/CSS/themes/prowlarr/space-gray.css index 3ed8120e..8c004283 100644 --- a/CSS/themes/prowlarr/space-gray.css +++ b/CSS/themes/prowlarr/space-gray.css @@ -13,9 +13,4 @@ /* prowlarr SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/prowlarr/prowlarr-base.css); -@import url(https://theme-park.dev/CSS/variables/space-gray.css); - -/* APP VARS */ -:root { - --queue-color: #81a6b7; -} +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/qbittorrent/aquamarine.css b/CSS/themes/qbittorrent/aquamarine.css index a2ddaab4..54ae5c05 100644 --- a/CSS/themes/qbittorrent/aquamarine.css +++ b/CSS/themes/qbittorrent/aquamarine.css @@ -14,8 +14,3 @@ /* QBITTORRENT AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); @import url(https://theme-park.dev/CSS/variables/aquamarine.css); - -/* APP VARS */ -:root { - --progress-color: #4c95af; -} diff --git a/CSS/themes/qbittorrent/dark.css b/CSS/themes/qbittorrent/dark.css index b61789af..43fe9461 100644 --- a/CSS/themes/qbittorrent/dark.css +++ b/CSS/themes/qbittorrent/dark.css @@ -13,9 +13,4 @@ /* QBITTORRENT DARK THEME */ @import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); -@import url(https://theme-park.dev/CSS/variables/dark.css); - -/* APP VARS */ -:root { - --progress-color: rgb(170,170,170); - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/qbittorrent/dracula.css b/CSS/themes/qbittorrent/dracula.css index c255a66b..d13c80c1 100644 --- a/CSS/themes/qbittorrent/dracula.css +++ b/CSS/themes/qbittorrent/dracula.css @@ -13,9 +13,4 @@ /* QBITTORRENT DRACULA THEME */ @import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); -@import url(https://theme-park.dev/CSS/variables/dracula.css); - -/* APP VARS */ -:root { - --progress-color: #50fa7b; -} +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/qbittorrent/hotline.css b/CSS/themes/qbittorrent/hotline.css index 34cfe509..4413437a 100644 --- a/CSS/themes/qbittorrent/hotline.css +++ b/CSS/themes/qbittorrent/hotline.css @@ -13,9 +13,4 @@ /* QBITTORRENT HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); -@import url(https://theme-park.dev/CSS/variables/hotline.css); - -/* APP VARS */ -:root { - --progress-color: #df6c4c; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/qbittorrent/organizr-dark.css b/CSS/themes/qbittorrent/organizr-dark.css index ec19d358..c39de69e 100644 --- a/CSS/themes/qbittorrent/organizr-dark.css +++ b/CSS/themes/qbittorrent/organizr-dark.css @@ -13,9 +13,4 @@ /* QBITTORRENT ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); -@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); - -/* APP VARS */ -:root { - --progress-color: #2cabe3; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/qbittorrent/plex.css b/CSS/themes/qbittorrent/plex.css index 093fe0db..a133de7f 100644 --- a/CSS/themes/qbittorrent/plex.css +++ b/CSS/themes/qbittorrent/plex.css @@ -13,9 +13,4 @@ /* QBITTORRENT PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); -@import url(https://theme-park.dev/CSS/variables/plex.css); - -/* APP VARS */ -:root { - --progress-color: #cc7b19; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/qbittorrent/qbittorrent-base.css b/CSS/themes/qbittorrent/qbittorrent-base.css index eebb1f35..a699dbc0 100644 --- a/CSS/themes/qbittorrent/qbittorrent-base.css +++ b/CSS/themes/qbittorrent/qbittorrent-base.css @@ -508,7 +508,7 @@ ul.filterList li:hover:before { } .progressbar_dark { - background: var(--progress-color) !important; + background: rgb(var(--accent-color)) !important; color: var(--label-text-color) !important; } diff --git a/CSS/themes/qbittorrent/space-gray.css b/CSS/themes/qbittorrent/space-gray.css index 3b40973a..a093427a 100644 --- a/CSS/themes/qbittorrent/space-gray.css +++ b/CSS/themes/qbittorrent/space-gray.css @@ -14,8 +14,3 @@ /* QBITTORRENT SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); @import url(https://theme-park.dev/CSS/variables/space-gray.css); - -/* APP VARS */ -:root { - --progress-color: #607D8B; -} diff --git a/CSS/themes/radarr/aquamarine.css b/CSS/themes/radarr/aquamarine.css index d842afef..5ec7403d 100644 --- a/CSS/themes/radarr/aquamarine.css +++ b/CSS/themes/radarr/aquamarine.css @@ -14,14 +14,3 @@ /* RADARR AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css); @import url(https://theme-park.dev/CSS/variables/aquamarine.css); - -/* APP VARS */ -: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-available: 39 194 76; - --queue-color: #009688; -} diff --git a/CSS/themes/radarr/dark.css b/CSS/themes/radarr/dark.css index c0ff1c59..a06cb93f 100644 --- a/CSS/themes/radarr/dark.css +++ b/CSS/themes/radarr/dark.css @@ -13,15 +13,4 @@ /* RADARR DARK THEME */ @import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css); -@import url(https://theme-park.dev/CSS/variables/dark.css); - -/* APP VARS */ -: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-available: 39 194 76; - --queue-color: #6b5; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/radarr/dracula.css b/CSS/themes/radarr/dracula.css index 1c6503d8..ec45afb1 100644 --- a/CSS/themes/radarr/dracula.css +++ b/CSS/themes/radarr/dracula.css @@ -12,15 +12,4 @@ /* RADARR DRACULA THEME */ @import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css); -@import url(https://theme-park.dev/CSS/variables/dracula.css); - -/* APP VARS */ -: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-available: 39 194 76; - --queue-color: #50fa7b; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/radarr/hotline.css b/CSS/themes/radarr/hotline.css index a2e92d8d..32e04540 100644 --- a/CSS/themes/radarr/hotline.css +++ b/CSS/themes/radarr/hotline.css @@ -13,15 +13,4 @@ /* RADARR HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css); -@import url(https://theme-park.dev/CSS/variables/hotline.css); - -/* APP VARS */ -: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-available: 39 194 76; - --queue-color: #6b5; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/radarr/organizr-dark.css b/CSS/themes/radarr/organizr-dark.css index f588cb4e..37e27b81 100644 --- a/CSS/themes/radarr/organizr-dark.css +++ b/CSS/themes/radarr/organizr-dark.css @@ -13,15 +13,4 @@ /* RADARR ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css); -@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); - -/* APP VARS */ -: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-available: 39 194 76; - --queue-color: #2cabe3; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/radarr/plex.css b/CSS/themes/radarr/plex.css index 181be923..85856c25 100644 --- a/CSS/themes/radarr/plex.css +++ b/CSS/themes/radarr/plex.css @@ -13,15 +13,4 @@ /* RADARR PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css); -@import url(https://theme-park.dev/CSS/variables/plex.css); - -/* APP VARS */ -: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-available: 39 194 76; - --queue-color: #27c24c; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/radarr/radarr-base.css b/CSS/themes/radarr/radarr-base.css index 359ef864..82696099 100644 --- a/CSS/themes/radarr/radarr-base.css +++ b/CSS/themes/radarr/radarr-base.css @@ -9,6 +9,14 @@ /* 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-available: 39 194 76; + } body { background: var(--main-bg-color); diff --git a/CSS/themes/radarr/space-gray.css b/CSS/themes/radarr/space-gray.css index 16bb04a2..69742609 100644 --- a/CSS/themes/radarr/space-gray.css +++ b/CSS/themes/radarr/space-gray.css @@ -14,14 +14,3 @@ /* RADARR SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css); @import url(https://theme-park.dev/CSS/variables/space-gray.css); - -/* APP VARS */ -: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-available: 39 194 76; - --queue-color: #81a6b7; -} diff --git a/CSS/themes/readarr/aquamarine.css b/CSS/themes/readarr/aquamarine.css index 970b7bca..10b8a1fa 100644 --- a/CSS/themes/readarr/aquamarine.css +++ b/CSS/themes/readarr/aquamarine.css @@ -13,15 +13,4 @@ /* READARR AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css); -@import url(https://theme-park.dev/CSS/variables/aquamarine.css); - -/* APP VARS */ -: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; - --queue-color: #009688; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/readarr/dark.css b/CSS/themes/readarr/dark.css index 425f2cd9..31f0f1ef 100644 --- a/CSS/themes/readarr/dark.css +++ b/CSS/themes/readarr/dark.css @@ -13,15 +13,4 @@ /* READARR DARK THEME */ @import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css); -@import url(https://theme-park.dev/CSS/variables/dark.css); - -/* APP VARS */ -: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; - --queue-color: #6b5; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/readarr/dracula.css b/CSS/themes/readarr/dracula.css index 246ff254..f247e169 100644 --- a/CSS/themes/readarr/dracula.css +++ b/CSS/themes/readarr/dracula.css @@ -13,15 +13,4 @@ /* READARR AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css); -@import url(https://theme-park.dev/CSS/variables/dracula.css); - -/* APP VARS */ -: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; - --queue-color: #50fa7b; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/readarr/hotline.css b/CSS/themes/readarr/hotline.css index 143aad56..9bb1b9a7 100644 --- a/CSS/themes/readarr/hotline.css +++ b/CSS/themes/readarr/hotline.css @@ -13,15 +13,4 @@ /* READARR HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css); -@import url(https://theme-park.dev/CSS/variables/hotline.css); - -/* APP VARS */ -: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; - --queue-color: #6b5; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/readarr/organizr-dark.css b/CSS/themes/readarr/organizr-dark.css index ba1a792a..36d0507d 100644 --- a/CSS/themes/readarr/organizr-dark.css +++ b/CSS/themes/readarr/organizr-dark.css @@ -13,15 +13,4 @@ /* READARR ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css); -@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); - -/* APP VARS */ -: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; - --queue-color: #2cabe3; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/readarr/plex.css b/CSS/themes/readarr/plex.css index 107deaa6..b4363ac9 100644 --- a/CSS/themes/readarr/plex.css +++ b/CSS/themes/readarr/plex.css @@ -13,15 +13,4 @@ /* READARR PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css); -@import url(https://theme-park.dev/CSS/variables/plex.css); - -/* APP VARS */ -: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; - --queue-color: #27c24c; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/readarr/readarr-base.css b/CSS/themes/readarr/readarr-base.css index 49eca35a..5ee2bf06 100644 --- a/CSS/themes/readarr/readarr-base.css +++ b/CSS/themes/readarr/readarr-base.css @@ -10,6 +10,15 @@ /* 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; diff --git a/CSS/themes/readarr/space-gray.css b/CSS/themes/readarr/space-gray.css index a37f44d9..ff8270b8 100644 --- a/CSS/themes/readarr/space-gray.css +++ b/CSS/themes/readarr/space-gray.css @@ -13,15 +13,4 @@ /* READARR SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/readarr/readarr-base.css); -@import url(https://theme-park.dev/CSS/variables/space-gray.css); - -/* APP VARS */ -: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; - --queue-color: #81a6b7; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/requestrr/aquamarine.css b/CSS/themes/requestrr/aquamarine.css index 58c6cd22..de32c30e 100644 --- a/CSS/themes/requestrr/aquamarine.css +++ b/CSS/themes/requestrr/aquamarine.css @@ -13,12 +13,4 @@ /* REQUESTRR AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css); -:root { - --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; - --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; - --button-color: #009688; - --button-color-hover: #12afa0; - --accent-color: #009688; - --text-color: #eee; - --text-color-faded: #ddd; -} +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); diff --git a/CSS/themes/requestrr/dark.css b/CSS/themes/requestrr/dark.css index 4a9e88ba..2757c2b6 100644 --- a/CSS/themes/requestrr/dark.css +++ b/CSS/themes/requestrr/dark.css @@ -13,12 +13,4 @@ /* REQUESTRR DARK THEME */ @import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css); -:root { - --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; - --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; - --button-color: hsla(0,0%,100%,.15); - --button-color-hover: hsla(0,0%,100%,.30); - --accent-color: rgba(255, 255, 255, 0.25); - --text-color: #eee; - --text-color-faded: #ddd; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/requestrr/dracula.css b/CSS/themes/requestrr/dracula.css new file mode 100644 index 00000000..234c37ca --- /dev/null +++ b/CSS/themes/requestrr/dracula.css @@ -0,0 +1,16 @@ + +/* 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 */ + +/* RADARR DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); diff --git a/CSS/themes/requestrr/hotline.css b/CSS/themes/requestrr/hotline.css index 82ed7a2e..a7b39c7c 100644 --- a/CSS/themes/requestrr/hotline.css +++ b/CSS/themes/requestrr/hotline.css @@ -13,12 +13,4 @@ /* REQUESTRR HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css); -: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; - --button-color: hsla(0,0%,100%,.15); - --button-color-hover: hsla(0,0%,100%,.30); - --accent-color: #F44336; - --text-color: #eee; - --text-color-faded: #ddd; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/requestrr/organizr-dark.css b/CSS/themes/requestrr/organizr-dark.css index f65a3382..78e332e4 100644 --- a/CSS/themes/requestrr/organizr-dark.css +++ b/CSS/themes/requestrr/organizr-dark.css @@ -13,12 +13,4 @@ /* REQUESTRR ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css); -:root { - --main-bg-color: #1f1f1f; - --modal-bg-color: #1b1b1b; - --button-color: #2cabe3; - --button-color-hover: rgb(44 171 227 / .8); - --accent-color: #2cabe3; - --text-color: #96a2b4; - --text-color-faded: #ddd; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/requestrr/plex.css b/CSS/themes/requestrr/plex.css index 87db8791..c5dfdb68 100644 --- a/CSS/themes/requestrr/plex.css +++ b/CSS/themes/requestrr/plex.css @@ -13,12 +13,4 @@ /* REQUESTRR PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css); -:root { - --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed; - --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed; - --button-color: #cc7b19; - --button-color-hover: #e59029; - --accent-color: #e5a00d; - --text-color: #eee; - --text-color-faded: #ddd; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/requestrr/requestrr-base.css b/CSS/themes/requestrr/requestrr-base.css index 9603a658..917a716a 100644 --- a/CSS/themes/requestrr/requestrr-base.css +++ b/CSS/themes/requestrr/requestrr-base.css @@ -10,9 +10,10 @@ /* Made by @gilbN */ /* https://github.com/gilbN/theme.park */ +@import url(https://theme-park.dev/CSS/defaults/placeholders.css); body { - color: var(--text-color); + color: var(--text); background: var(--main-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; @@ -24,7 +25,7 @@ body { } .bg-default { - background: var(--main-bg-color) !important; + background: var(--main-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; @@ -45,29 +46,36 @@ h2, h3, h4, h5, -h6 { - color: var(--text-color); +h6, +.heading-small.text-muted, +.form-control-label, +.text-white { + color: var(--text-hover) !important; } -.text-muted, -.form-control-label { - color: var(--text-color-faded) !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: white; + color: rgb(var(--accent-color)); } .navbar-light .navbar-nav .nav-link { - color: var(--text-color); + color: var(--text); } -.navbar-light .navbar-nav .nav-link:focus, -.navbar-light .navbar-nav .nav-link:hover { - color: var(--text-color-faded); +.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); } @@ -97,7 +105,7 @@ h6 { @media (max-width: 767.98px) { .navbar-nav .nav-link { - color: var(--text-color) !important; + color: var(--text) !important; } } @@ -191,7 +199,7 @@ h6 { } .form-control:focus { - color: #fff; + color: var(--text-hover); } .has-success .form-control { @@ -199,75 +207,71 @@ h6 { } .form-control { - color: var(--text-color); + color: var(--text); border: 1px solid transparent; } /* Drop down*/ -.react-dropdown-select.dropdown .react-dropdown-select-item-selected { - background: var(--accent-color) !important; - color: #fff !important; +.react-dropdown-select-item.css-148o527-ItemComponent { + background: var(--drop-down-menu-bg) !important; } .react-dropdown-select.dropdown div[role=list] span { - background-color: #fff; - color: #000000; + color: var(--text); } .react-dropdown-select.dropdown div[role=list] span:focus, .react-dropdown-select.dropdown div[role=list] span:hover { - color: #000000; - background-color: rgba(0, 0, 0, 0.2); + color: var(--text-hover); } -.react-dropdown-select.dropdown { - color: var(--text-color); - background-color: rgba(0, 0, 0, 0.25); - +[class*="-ItemComponent"] { + border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; } -::-webkit-input-placeholder { - /* Chrome/Opera/Safari */ - color: var(--text-color) !important; +[class*="-DropDown"]:not(.react-dropdown-select-dropdown-position-bottom) { + background: rgb(255 255 255 / 0%); + box-shadow: 0 0 10px 1px #000 !important; } -::-webkit-input-placeholder:focus { - /* Chrome/Opera/Safari */ - color: blue !important; -} - -::-moz-placeholder { - /* Firefox 19+ */ - color: var(--text-color) !important; +.react-dropdown-select.dropdown { + color: var(--text); + background-color: rgb(0 0 0 / 25%); } -:-ms-input-placeholder { - /* IE 10+ */ - color: var(--text-color) !important; +.react-dropdown-select.dropdown .react-dropdown-select-item-selected { + background: rgb(var(--accent-color)) !important; + color: var(--label-text-color) !important; } -:-moz-placeholder { - /* Firefox 18- */ - color: var(--text-color) !important; -} /* Buttons */ .custom-checkbox .custom-control-input:checked~.custom-control-label:before { - background-color: var(--accent-color); - border-color: var(--accent-color); + background-color: rgb(var(--accent-color)); + border-color: rgb(var(--accent-color)); } -.btn-primary, -.btn-primary:hover { - color: #fff; +.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: #fff; + color: var(--button-text-hover); background-color: var(--button-color-hover); border-color: var(--button-color-hover); } @@ -297,29 +301,22 @@ h6 { .btn-info.disabled, .btn-info:disabled { - color: #fff; + color: var(--text-muted); background-color: var(--button-color); border-color: var(--button-color); } .btn-info, .btn-info:hover { - color: #fff; + color: var(--button-text-hover); background-color: var(--button-color-hover); border-color: var(--button-color-hover); } /* Login page*/ -.bg-gradient-info { - 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; +.header.bg-gradient-info { + background: transparent !important; } @media (min-width: 1200px) { @@ -341,7 +338,7 @@ h6 { } .input-group-text { - color: var(--text-color); + color: var(--text); background-color: rgba(0, 0, 0, 0.25); border: 1px solid transparent !important; } diff --git a/CSS/themes/requestrr/space-gray.css b/CSS/themes/requestrr/space-gray.css index d09662af..96477ea3 100644 --- a/CSS/themes/requestrr/space-gray.css +++ b/CSS/themes/requestrr/space-gray.css @@ -13,12 +13,4 @@ /* RADARR SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/requestrr/requestrr-base.css); -: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: radial-gradient( ellipse at top, 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; - --accent-color: #607D8B; - --text-color: #eee; - --text-color-faded: #ddd; -} +@import url(https://theme-park.dev/CSS/variables/space-gray.css); diff --git a/CSS/themes/resilio-sync/aquamarine.css b/CSS/themes/resilio-sync/aquamarine.css index 56b024e1..ced4da6a 100644 --- a/CSS/themes/resilio-sync/aquamarine.css +++ b/CSS/themes/resilio-sync/aquamarine.css @@ -12,5 +12,5 @@ /* https://github.com/gilbN/theme.park */ /* RESILIO-SYNC AQUAMARINE THEME */ -@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-base.css); +@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-sync-base.css); @import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/resilio-sync/dark.css b/CSS/themes/resilio-sync/dark.css index 84e5f39b..e72aae34 100644 --- a/CSS/themes/resilio-sync/dark.css +++ b/CSS/themes/resilio-sync/dark.css @@ -12,5 +12,5 @@ /* https://github.com/gilbN/theme.park */ /* RESILIO-SYNC DARK THEME */ -@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-base.css); +@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-sync-base.css); @import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/resilio-sync/dracula.css b/CSS/themes/resilio-sync/dracula.css index eb3054be..a7171e41 100644 --- a/CSS/themes/resilio-sync/dracula.css +++ b/CSS/themes/resilio-sync/dracula.css @@ -12,5 +12,5 @@ /* https://github.com/gilbN/theme.park */ /* RESILIO-SYNC DRACULA THEME */ -@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-base.css); +@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-sync-base.css); @import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/resilio-sync/hotline.css b/CSS/themes/resilio-sync/hotline.css index 8a54c6e6..4e303a74 100644 --- a/CSS/themes/resilio-sync/hotline.css +++ b/CSS/themes/resilio-sync/hotline.css @@ -12,5 +12,5 @@ /* https://github.com/gilbN/theme.park */ /* RESILIO-SYNC HOTLINE THEME */ -@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-base.css); +@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-sync-base.css); @import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/resilio-sync/organizr-dark.css b/CSS/themes/resilio-sync/organizr-dark.css index 0f56a9c3..4e0d72b0 100644 --- a/CSS/themes/resilio-sync/organizr-dark.css +++ b/CSS/themes/resilio-sync/organizr-dark.css @@ -12,5 +12,5 @@ /* https://github.com/gilbN/theme.park */ /* RESILIO-SYNC ORGANIZR-DARK THEME */ -@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-base.css); +@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-sync-base.css); @import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/resilio-sync/plex.css b/CSS/themes/resilio-sync/plex.css index f725855d..7edea5fc 100644 --- a/CSS/themes/resilio-sync/plex.css +++ b/CSS/themes/resilio-sync/plex.css @@ -12,5 +12,5 @@ /* https://github.com/gilbN/theme.park */ /* RESILIO-SYNC PLEX THEME */ -@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-base.css); +@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-sync-base.css); @import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/resilio-sync/resilio-base.css b/CSS/themes/resilio-sync/resilio-sync-base.css similarity index 100% rename from CSS/themes/resilio-sync/resilio-base.css rename to CSS/themes/resilio-sync/resilio-sync-base.css diff --git a/CSS/themes/resilio-sync/space-gray.css b/CSS/themes/resilio-sync/space-gray.css index 0a64acff..bfed2110 100644 --- a/CSS/themes/resilio-sync/space-gray.css +++ b/CSS/themes/resilio-sync/space-gray.css @@ -12,5 +12,5 @@ /* https://github.com/gilbN/theme.park */ /* RESILIO-SYNC SPACE GRAY THEME */ -@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-base.css); +@import url(https://theme-park.dev/CSS/themes/resilio-sync/resilio-sync-base.css); @import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/rutorrent/aquamarine.css b/CSS/themes/rutorrent/aquamarine.css index 5c1ee7f3..7d719256 100644 --- a/CSS/themes/rutorrent/aquamarine.css +++ b/CSS/themes/rutorrent/aquamarine.css @@ -13,9 +13,4 @@ /* RUTORRENT AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css); -@import url(https://theme-park.dev/CSS/variables/aquamarine.css); - -/* APP VARS */ -:root { - --progress-color: #4c95af; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/rutorrent/dark.css b/CSS/themes/rutorrent/dark.css index 768bded4..381ecc0b 100644 --- a/CSS/themes/rutorrent/dark.css +++ b/CSS/themes/rutorrent/dark.css @@ -13,9 +13,4 @@ /* RUTORRENT DARK THEME */ @import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css); -@import url(https://theme-park.dev/CSS/variables/dark.css); - -/* APP VARS */ -:root { - --progress-color: #3d3d3d; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/rutorrent/dracula.css b/CSS/themes/rutorrent/dracula.css index df320c1c..f58f9c61 100644 --- a/CSS/themes/rutorrent/dracula.css +++ b/CSS/themes/rutorrent/dracula.css @@ -13,9 +13,4 @@ /* RUTORRENT DRACULA THEME */ @import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css); -@import url(https://theme-park.dev/CSS/variables/dracula.css); - -/* APP VARS */ -:root { - --progress-color: #50fa7b; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/rutorrent/hotline.css b/CSS/themes/rutorrent/hotline.css index 0588d45c..d1cfe990 100644 --- a/CSS/themes/rutorrent/hotline.css +++ b/CSS/themes/rutorrent/hotline.css @@ -13,9 +13,4 @@ /* RUTORRENT HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css); -@import url(https://theme-park.dev/CSS/variables/hotline.css); - -/* APP VARS */ -:root { - --progress-color: #df6c4c; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/rutorrent/organizr-dark.css b/CSS/themes/rutorrent/organizr-dark.css index 5e8ac891..2bb35ff7 100644 --- a/CSS/themes/rutorrent/organizr-dark.css +++ b/CSS/themes/rutorrent/organizr-dark.css @@ -13,9 +13,4 @@ /* RUTORRENT ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css); -@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); - -/* APP VARS */ -:root { - --progress-color: #2cabe3; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/rutorrent/plex.css b/CSS/themes/rutorrent/plex.css index 812b82f9..c77dc28b 100644 --- a/CSS/themes/rutorrent/plex.css +++ b/CSS/themes/rutorrent/plex.css @@ -13,9 +13,4 @@ /* RUTORRENT PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css); -@import url(https://theme-park.dev/CSS/variables/plex.css); - -/* APP VARS */ -:root { - --progress-color: #cc7b19; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/rutorrent/rutorrent-base.css b/CSS/themes/rutorrent/rutorrent-base.css index 3ae3b47f..4aabecdb 100644 --- a/CSS/themes/rutorrent/rutorrent-base.css +++ b/CSS/themes/rutorrent/rutorrent-base.css @@ -1359,7 +1359,7 @@ div.stable-body table tbody tr.even:nth-child(2n+1) td { float: left; border: 1px inset transparent !important; border-bottom: none !important; - background: var(--progress-color) !important; + background: rgb(var(--accent-color)) !important; } .stable-body tr.selected span.meter-value { diff --git a/CSS/themes/rutorrent/space-gray.css b/CSS/themes/rutorrent/space-gray.css index 5f3229a2..658dee3b 100644 --- a/CSS/themes/rutorrent/space-gray.css +++ b/CSS/themes/rutorrent/space-gray.css @@ -14,8 +14,3 @@ /* RUTORRENT SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/rutorrent/rutorrent-base.css); @import url(https://theme-park.dev/CSS/variables/space-gray.css); - -/* APP VARS */ -:root { - --progress-color: #607D8B; -} diff --git a/CSS/themes/sabnzbd/sabnzbd-base.css b/CSS/themes/sabnzbd/sabnzbd-base.css index 668ff068..86588c91 100644 --- a/CSS/themes/sabnzbd/sabnzbd-base.css +++ b/CSS/themes/sabnzbd/sabnzbd-base.css @@ -472,6 +472,11 @@ input[type="submit"]:focus { } /* History */ + +.queue-table .row-extra-text, .history-table .row-extra-text { + color: var(--text-muted); +} + .caret { border-top-color: white !important; } diff --git a/CSS/themes/sonarr/aquamarine.css b/CSS/themes/sonarr/aquamarine.css index 3b6f3638..991da16c 100644 --- a/CSS/themes/sonarr/aquamarine.css +++ b/CSS/themes/sonarr/aquamarine.css @@ -12,16 +12,4 @@ /* SONARR AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); -@import url(https://theme-park.dev/CSS/variables/aquamarine.css); - -/* APP VARS */ -: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; - --queue-color: #009688; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/sonarr/dark.css b/CSS/themes/sonarr/dark.css index 55632726..59d2a963 100644 --- a/CSS/themes/sonarr/dark.css +++ b/CSS/themes/sonarr/dark.css @@ -13,16 +13,4 @@ /* SONARR DARK THEME */ @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); -@import url(https://theme-park.dev/CSS/variables/dark.css); - -/* APP VARS */ -: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; - --queue-color: #6b5; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/sonarr/dracula.css b/CSS/themes/sonarr/dracula.css index 42658c77..fd125df8 100644 --- a/CSS/themes/sonarr/dracula.css +++ b/CSS/themes/sonarr/dracula.css @@ -13,15 +13,3 @@ /* SONARR DRACULA THEME */ @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); @import url(https://theme-park.dev/CSS/variables/dracula.css); - -/* APP VARS */ -: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; - --queue-color: #50fa7b; -} diff --git a/CSS/themes/sonarr/hotline.css b/CSS/themes/sonarr/hotline.css index 7d9436a9..55b19a6d 100644 --- a/CSS/themes/sonarr/hotline.css +++ b/CSS/themes/sonarr/hotline.css @@ -12,16 +12,4 @@ /* SONARR HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); -@import url(https://theme-park.dev/CSS/variables/hotline.css); - -/* APP VARS */ -: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; - --queue-color: #6b5; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/sonarr/organizr-dark.css b/CSS/themes/sonarr/organizr-dark.css index b21db1eb..04d56eaf 100644 --- a/CSS/themes/sonarr/organizr-dark.css +++ b/CSS/themes/sonarr/organizr-dark.css @@ -12,16 +12,4 @@ /* SONARR ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); -@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); - -/* APP VARS */ -: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; - --queue-color: #2cabe3; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/sonarr/plex.css b/CSS/themes/sonarr/plex.css index d851e517..15be5d62 100644 --- a/CSS/themes/sonarr/plex.css +++ b/CSS/themes/sonarr/plex.css @@ -12,16 +12,4 @@ /* SONARR PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); -@import url(https://theme-park.dev/CSS/variables/plex.css); - -/* APP VARS */ -: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; - --queue-color: #27c24c; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/sonarr/sonarr-base.css b/CSS/themes/sonarr/sonarr-base.css index 6706ed9d..4361ccc7 100644 --- a/CSS/themes/sonarr/sonarr-base.css +++ b/CSS/themes/sonarr/sonarr-base.css @@ -10,6 +10,16 @@ /* 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; diff --git a/CSS/themes/sonarr/space-gray.css b/CSS/themes/sonarr/space-gray.css index a55138c4..e3324800 100644 --- a/CSS/themes/sonarr/space-gray.css +++ b/CSS/themes/sonarr/space-gray.css @@ -13,15 +13,3 @@ /* SONARR SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/sonarr/sonarr-base.css); @import url(https://theme-park.dev/CSS/variables/space-gray.css); - -/* APP VARS */ -: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; - --queue-color: #81a6b7; -} diff --git a/CSS/themes/synclounge/aquamarine.css b/CSS/themes/synclounge/aquamarine.css index b5e99d61..037f90e3 100644 --- a/CSS/themes/synclounge/aquamarine.css +++ b/CSS/themes/synclounge/aquamarine.css @@ -13,10 +13,4 @@ /* SYNCLOUNGE AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/synclounge/synclounge-base.css); -:root { - --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; - --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; - --default-button-color: #009688; - --default-button-color-hover: #12afa0; - --accent-color: #12afa0; -} +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); diff --git a/CSS/themes/synclounge/dark.css b/CSS/themes/synclounge/dark.css index c3e1781e..716e6861 100644 --- a/CSS/themes/synclounge/dark.css +++ b/CSS/themes/synclounge/dark.css @@ -13,10 +13,4 @@ /* SYNCLOUNGE DARK THEME */ @import url(https://theme-park.dev/CSS/themes/synclounge/synclounge-base.css); -:root { - --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; - --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; - --default-button-color: #cc7b19; - --default-button-color-hover: #e59029; - --accent-color: #e59029; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/synclounge/hotline.css b/CSS/themes/synclounge/hotline.css index 9b3f2242..202bf5af 100644 --- a/CSS/themes/synclounge/hotline.css +++ b/CSS/themes/synclounge/hotline.css @@ -13,10 +13,4 @@ /* SYNCLOUNGE HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/synclounge/synclounge-base.css); -: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; - --default-button-color: #F44336; - --default-button-color-hover: rgb(247, 106, 96); - --accent-color: #F44336; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/synclounge/organizr-dark.css b/CSS/themes/synclounge/organizr-dark.css index 45f5f6ec..eb8d7761 100644 --- a/CSS/themes/synclounge/organizr-dark.css +++ b/CSS/themes/synclounge/organizr-dark.css @@ -13,10 +13,4 @@ /* SYNCLOUNGE ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/synclounge/synclounge-base.css); -:root { - --main-bg-color: #1f1f1f; - --modal-bg-color: #1b1b1b; - --default-button-color: #2cabe3; - --default-button-color-hover: rgb(44 171 227 / .8); - --accent-color: #2cabe3; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/synclounge/plex.css b/CSS/themes/synclounge/plex.css index 697b7117..04ea82ca 100644 --- a/CSS/themes/synclounge/plex.css +++ b/CSS/themes/synclounge/plex.css @@ -13,10 +13,4 @@ /* SYNCLOUNGE PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/synclounge/synclounge-base.css); -:root { - --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed; - --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed; - --default-button-color: #cc7b19; - --default-button-color-hover: #e59029; - --accent-color: #e59029; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/synclounge/space-gray.css b/CSS/themes/synclounge/space-gray.css index 94718168..9cebec3f 100644 --- a/CSS/themes/synclounge/space-gray.css +++ b/CSS/themes/synclounge/space-gray.css @@ -13,10 +13,4 @@ /* SYNCLOUNGE SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/synclounge/synclounge-base.css); -: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: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; - --default-button-color: #607D8B; - --default-button-color-hover: #81a6b7; - --accent-color: #607D8B; -} +@import url(https://theme-park.dev/CSS/variables/space-gray.css); diff --git a/CSS/themes/synclounge/synclounge-base.css b/CSS/themes/synclounge/synclounge-base.css index 7982d8a4..3fed87e4 100644 --- a/CSS/themes/synclounge/synclounge-base.css +++ b/CSS/themes/synclounge/synclounge-base.css @@ -10,6 +10,13 @@ /* Made by @gilbN */ /* https://github.com/gilbN/theme.park */ +@import url(https://theme-park.dev/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; @@ -19,10 +26,11 @@ main { -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; + color: var(--text) } h4 { - color: #ffffff; + color: var(--text-hover); } .v-toolbar { @@ -36,45 +44,58 @@ h4 { } p a { - color: var(--accent-color) !important; + 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: var(--accent-color) !important; + color: rgb(var(--accent-color)) !important; } .application .theme--dark.v-card, .theme--dark .v-card .accent--text { - color: var(--accent-color) !important; + color: rgb(var(--accent-color)) !important; } .application .theme--dark.v-card, .theme--dark .v-card .primary { - color: var(--accent-color) !important; + color: rgb(var(--accent-color)) !important; } + + .flex.xs12 a { - color: var(--accent-color); + color: rgb(var(--accent-color)); } .v-list__tile { - color: #fff !important; + color: var(--text-hover) !important; } .v-stepper__step__step .primary { - background-color: var(--default-button-color) !important; - border-color: var(--default-button-color) !important; + background-color: var(--button-color) !important; + border-color: var(--button-color) !important; } .primary { - background-color: var(--default-button-color) !important; - border-color: var(--default-button-color) !important; + 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: var(--accent-color) !important; + caret-color: rgb(var(--accent-color)) !important; } .v-input input:active, @@ -82,28 +103,38 @@ p a { .v-input textarea:active, .v-input textarea:focus .primary--text input, .primary--text textarea { - caret-color: var(--accent-color) !important; + 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) { - background-color: var(--default-button-color) !important; +.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: #fff; + color: var(--button-text); } .v-btn--active:before, .v-btn:focus:before, .v-btn:hover:before { - background-color: white; + background-color: var(--text-hover); } .application .theme--dark.v-card, .theme--dark .v-card { - background: var(--modal-bg-color); + background: var(--modal-bg-color) !important; background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; @@ -116,30 +147,20 @@ p a { .flex.md3 .application .theme--dark.v-card, .theme--dark .v-card { background: rgba(255, 255, 255, 0.10) !important; - color: #fff; + color: var(--text-hover); } .theme--dark.v-expansion-panels .v-expansion-panel { background-color: transparent; - color: #fff; + color: var(--text-hover); } .theme--dark.v-text-field--solo>.v-input__control>.v-input__slot { background: rgb(0 0 0 / 0.50); } -.flex.md3 .application .theme--dark.v-list, -.theme--dark .v-list { - background: rgba(255, 255, 255, 0.10) !important; -} - -flex xs12 .flex.md3 .application .theme--dark.v-list, -.theme--dark .v-list { - background: inherit !important; -} - .v-navigation-drawer { - background: var(--main-bg-color) !important; + background: var(--modal-bg-color) !important; background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; @@ -150,7 +171,9 @@ flex xs12 .flex.md3 .application .theme--dark.v-list, } /*popup modal */ -.v-dialog { + +.v-dialog, +.theme--dark.v-list { background: var(--modal-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; @@ -162,7 +185,7 @@ flex xs12 .flex.md3 .application .theme--dark.v-list, } .menuable__content__active { - background: var(--modal-bg-color); + background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; diff --git a/CSS/variables/aquamarine.css b/CSS/variables/aquamarine.css index 7c099031..6dd7d8f2 100644 --- a/CSS/variables/aquamarine.css +++ b/CSS/variables/aquamarine.css @@ -21,4 +21,16 @@ --text:#ddd; --text-hover: #fff; --text-muted: #999; -} \ No newline at end of file + + /*Specials*/ + --queue-color: #009688; /* Servarr apps + Bazarr*/ + --poster-unwatched: rgb(21, 213, 194); /* Plex */ + --spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + + --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35); + --gitea-color-primary-light-4: #002D24; + --gitea-color-primary-light-2: #004B40; + --gitea-color-primary: #006B5F; + --gitea-color-primary-dark-2: #008C7E; + --gitea-color-primary-dark-4: #12AFA0; +} diff --git a/CSS/variables/dark.css b/CSS/variables/dark.css index b2d14526..7a5c620a 100644 --- a/CSS/variables/dark.css +++ b/CSS/variables/dark.css @@ -21,4 +21,16 @@ --text:#ddd; --text-hover: #fff; --text-muted: #999; + + /*Specials*/ + --queue-color: #6b5; /* Servarr apps + Bazarr*/ + --poster-unwatched: #e5a00d; /* Plex */ + --spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + + --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35); + --gitea-color-primary-light-4: #303030; + --gitea-color-primary-light-2: #5E5E5E; + --gitea-color-primary: #919191; + --gitea-color-primary-dark-2: #C6C6C6; + --gitea-color-primary-dark-4: #FFFFFF; } \ No newline at end of file diff --git a/CSS/variables/dracula.css b/CSS/variables/dracula.css index 66191de3..537aacc2 100644 --- a/CSS/variables/dracula.css +++ b/CSS/variables/dracula.css @@ -21,4 +21,16 @@ --text:#6272a4; --text-hover: #95adfa; --text-muted: #999; + + /*Specials*/ + --queue-color: #50fa7b; /* Servarr apps + Bazarr*/ + --poster-unwatched: #bd93f9;/* Plex */ + --spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + + --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35); + --gitea-color-primary-light-4: #003B00; + --gitea-color-primary-light-2: #006700; + --gitea-color-primary: #00961D; + --gitea-color-primary-dark-2: #00C74D; + --gitea-color-primary-dark-4: #50FA7B; } \ No newline at end of file diff --git a/CSS/variables/hotline.css b/CSS/variables/hotline.css index d040d986..47e91193 100644 --- a/CSS/variables/hotline.css +++ b/CSS/variables/hotline.css @@ -21,4 +21,16 @@ --text:#ddd; --text-hover: #fff; --text-muted: #999; + + /*Specials*/ + --queue-color: #6b5; /* Servarr apps + Bazarr*/ + --poster-unwatched: #FB3122; /* Plex */ + --spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + + --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35); + --gitea-color-primary-light-4: #690000; + --gitea-color-primary-light-2: #890000; + --gitea-color-primary: #AC0002; + --gitea-color-primary-dark-2: #D0191D; + --gitea-color-primary-dark-4: #F44336; } \ No newline at end of file diff --git a/CSS/variables/organizr-dark.css b/CSS/variables/organizr-dark.css index b75d8c36..17333792 100644 --- a/CSS/variables/organizr-dark.css +++ b/CSS/variables/organizr-dark.css @@ -21,4 +21,16 @@ --text:#96a2b4; --text-hover: #fff; --text-muted: #999; + + /*Specials*/ + --queue-color: #2cabe3; /* Servarr apps + Bazarr*/ + --poster-unwatched: #2cabe3;/* Plex */ + --spinner: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + + --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35); + --gitea-color-primary-light-4: #002A57; + --gitea-color-primary-light-2: #004878; + --gitea-color-primary: #00679A; + --gitea-color-primary-dark-2: #0088BE; + --gitea-color-primary-dark-4: #2CABE3; } \ No newline at end of file diff --git a/CSS/variables/plex.css b/CSS/variables/plex.css index 96daae78..fe4b0ead 100644 --- a/CSS/variables/plex.css +++ b/CSS/variables/plex.css @@ -24,4 +24,15 @@ --text:#ddd; --text-hover: #fff; --text-muted: #999; + + /*Specials*/ + --queue-color: #27c24c; /* Servarr apps + Bazarr*/ + --spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + + --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35); + --gitea-color-primary-light-4: #492000; + --gitea-color-primary-light-2: #6E4500; + --gitea-color-primary: #9B6C00; + --gitea-color-primary-dark-2: #CC9500; + --gitea-color-primary-dark-4: #FFC107; } \ No newline at end of file diff --git a/CSS/variables/space-gray.css b/CSS/variables/space-gray.css index 7d75ce1d..0c2d889a 100644 --- a/CSS/variables/space-gray.css +++ b/CSS/variables/space-gray.css @@ -21,4 +21,16 @@ --text:#bbb; --text-hover: #fff; --text-muted: #999; + + /*Specials*/ + --queue-color: #81a6b7; /* Servarr apps + Bazarr*/ + --poster-unwatched: #70aeca;/* Plex */ + --spinner: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%); /* Petio */ /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ + + --gitea-color-secondary-alpha-70: rgba(0, 0, 0, 0.35); + --gitea-color-primary-light-4: #002634; + --gitea-color-primary-light-2: #1D4352; + --gitea-color-primary: #3E6272; + --gitea-color-primary-dark-2: #5F8394; + --gitea-color-primary-dark-4: #81A6B7; } \ No newline at end of file diff --git a/README.md b/README.md index a93ea94c..04ff9097 100644 --- a/README.md +++ b/README.md @@ -21,6 +21,7 @@
Click on the banners for screenshots.
+A collection of themes/skins for 50 selfhosted +
A collection of themes/skins for over 40 selfhosted apps!
Find Out More @@ -75,9 +75,9 @@theme.park contains 50 themed applications, with css theme.park contains 44 themed applications, with css addons on certain themes.
Installation methods include custom docker mods @@ -85,6 +85,9 @@
custom scripts for select Hotio containers and multiple examples of subfiltering using webservers like Nginx and Apache
+Choose between 7 different + styles! With the possibility to easily create your own themes using the defined variables.
Get Started!Readarr
-
+
Prowlarr
@@ -127,6 +131,12 @@Plex
+ +
+
Synclounge
+Jellyfin
-
+
Emby
@@ -163,8 +173,8 @@Organizr
-
+
deluge
@@ -193,26 +203,28 @@NZBGet
-
+
NZBHydra 2
-
+
jackett
+Jackett
- +Netdata
- +Filebrowser
- +Librespeed
- +
Kitana
- +
+
VueTorrent
@@ -342,7 +355,8 @@ -
+
Xbackbone
@@ -368,7 +382,8 @@