mirror of
https://github.com/gilbN/theme.park.git
synced 2024-09-11 19:32:24 +02:00
Merge branch 'master' into overseer-theme
This commit is contained in:
commit
035a839edf
71
.github/workflows/auto-build.yml
vendored
Normal file
71
.github/workflows/auto-build.yml
vendored
Normal file
@ -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
|
4
.github/workflows/minify-and-deploy.yml
vendored
4
.github/workflows/minify-and-deploy.yml
vendored
@ -3,6 +3,10 @@ on:
|
||||
push:
|
||||
branches:
|
||||
- master
|
||||
paths-ignore:
|
||||
- 'docker-mods/**'
|
||||
- '.github/**'
|
||||
- '.vscode/**'
|
||||
jobs:
|
||||
deploy:
|
||||
runs-on: ubuntu-latest
|
||||
|
@ -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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/aquamarine.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/dark.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;
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/hotline.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/organizr-dark.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/plex.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/space-gray.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;
|
||||
}
|
@ -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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/aquamarine.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);
|
@ -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;
|
||||
|
@ -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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/dracula.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/hotline.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/organizr-dark.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/plex.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/space-gray.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));
|
||||
}
|
@ -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));
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/dark.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;
|
||||
}
|
||||
|
@ -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));
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/dracula.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));
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/hotline.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));
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/organizr-dark.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));
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/plex.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));
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/space-gray.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);
|
||||
}
|
@ -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);
|
||||
}
|
||||
@import url("https://theme-park.dev/CSS/variables/dark.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);
|
||||
}
|
||||
@import url("https://theme-park.dev/CSS/variables/dracula.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,
|
||||
|
@ -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);
|
||||
}
|
||||
@import url("https://theme-park.dev/CSS/variables/hotline.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);
|
||||
}
|
||||
@import url("https://theme-park.dev/CSS/variables/organizr-dark.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);
|
||||
}
|
||||
@import url("https://theme-park.dev/CSS/variables/plex.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);
|
||||
}
|
||||
@import url("https://theme-park.dev/CSS/variables/space-gray.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/aquamarine.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/dark.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/dracula.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;
|
||||
|
@ -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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/hotline.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/organizr-dark.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/plex.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/space-gray.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);
|
||||
}
|
||||
@import url("https://theme-park.dev/CSS/variables/aquamarine.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);
|
||||
}
|
||||
@import url("https://theme-park.dev/CSS/variables/dark.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);
|
||||
}
|
||||
@import url("https://theme-park.dev/CSS/variables/dracula.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);
|
||||
}
|
||||
@import url("https://theme-park.dev/CSS/variables/hotline.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,
|
||||
|
@ -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);
|
||||
}
|
||||
@import url("https://theme-park.dev/CSS/variables/organizr-dark.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);
|
||||
}
|
||||
@import url("https://theme-park.dev/CSS/variables/plex.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);
|
||||
}
|
||||
@import url("https://theme-park.dev/CSS/variables/space-gray.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/aquamarine.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/dark.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/dracula.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/hotline.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;
|
||||
|
@ -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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/organizr-dark.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/plex.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/space-gray.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;
|
||||
|
@ -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);
|
||||
|
@ -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);
|
@ -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);
|
||||
|
@ -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);
|
@ -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);
|
@ -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);
|
@ -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);
|
||||
|
@ -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 */
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/aquamarine.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 */
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/dark.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 */
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/dracula.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 */
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/hotline.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 */
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/organizr-dark.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);
|
@ -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 */
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/space-gray.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/aquamarine.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);;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/dark.css);
|
15
CSS/themes/pihole/dracula.css
Normal file
15
CSS/themes/pihole/dracula.css
Normal file
@ -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);
|
@ -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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/hotline.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);
|
||||
|
@ -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);
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:active,
|
||||
a:focus,
|
||||
.treeview-menu>li.active>a,
|
||||
.treeview-menu>li>a:hover {
|
||||
color: var(--accent-color) !important;
|
||||
* {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
h4 {
|
||||
color: var(--accent-color);
|
||||
a:hover,
|
||||
a:active,
|
||||
a:focus {
|
||||
color: var(--link-color-hover);
|
||||
}
|
||||
|
||||
.treeview-menu>li.active>a,
|
||||
.treeview-menu>li>a:hover {
|
||||
color: var(--text-hover);
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6,
|
||||
h1,
|
||||
h2,
|
||||
h3:not(.statistic),
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
h3.box-title {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
.box,
|
||||
.box-footer,
|
||||
.info-box,
|
||||
.box-comment,
|
||||
.comment-text,
|
||||
.comment-text .username {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
kbd {
|
||||
color: var(--label-text-color);
|
||||
background-color: rgb(var(--accent-color));
|
||||
}
|
||||
|
||||
/* Donate dropdown */
|
||||
@ -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 */
|
||||
|
@ -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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/plex.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/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/aquamarine.css);
|
||||
|
||||
/* APP VARS*/
|
||||
:root {
|
||||
--poster-unwatched: #15D5C2;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/aquamarine.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/dark.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/dracula.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/hotline.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/organizr-dark.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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/space-gray.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);
|
@ -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;
|
||||
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/dark.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;
|
||||
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/hotline.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);
|
@ -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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/plex.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);
|
@ -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;
|
||||
}
|
||||
|
@ -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);
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/dark.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);
|
@ -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;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/hotline.css);
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user