Mirrors/theme.park
1
0
Fork 0
mirror of https://github.com/gilbN/theme.park.git synced 2024-09-11 19:32:24 +02:00
Code Issues Releases Wiki Activity

Merge branch 'master' into overseer-theme

Browse Source
This commit is contained in:
gilbn 2021-08-03 19:40:39 +02:00
commit 035a839edf
218 changed files with 2186 additions and 1916 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
.github/workflows/auto-build.yml vendored Normal file
View 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
View File

@ -3,6 +3,10 @@ on:
push:
branches:
- master
paths-ignore:
- 'docker-mods/**'
- '.github/**'
- '.vscode/**'
jobs:
deploy:
runs-on: ubuntu-latest

7
CSS/themes/bazarr/aquamarine.css
View File

@ -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);

7
CSS/themes/bazarr/dark.css
View File

@ -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);

5
CSS/themes/bazarr/dracula.css
View File

@ -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;
}

7
CSS/themes/bazarr/hotline.css
View File

@ -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);

7
CSS/themes/bazarr/organizr-dark.css
View File

@ -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);

7
CSS/themes/bazarr/plex.css
View File

@ -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);

7
CSS/themes/bazarr/space-gray.css
View File

@ -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);

6
CSS/themes/bitwarden/bitwarden-base.css
View File

@ -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;
}

7
CSS/themes/deluge/aquamarine.css
View File

@ -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);

7
CSS/themes/deluge/dark.css
View File

@ -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);

2
CSS/themes/deluge/deluge-base.css
View File

@ -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;

7
CSS/themes/deluge/dracula.css
View File

@ -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);

7
CSS/themes/deluge/hotline.css
View File

@ -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);

7
CSS/themes/deluge/organizr-dark.css
View File

@ -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);

7
CSS/themes/deluge/plex.css
View File

@ -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);

7
CSS/themes/deluge/space-gray.css
View File

@ -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);

10
CSS/themes/dozzle/aquamarine.css
View File

@ -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));
}

12
CSS/themes/dozzle/dark.css
View File

@ -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);

9
CSS/themes/dozzle/dozzle-base.css
View File

@ -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;
}

12
CSS/themes/dozzle/dracula.css
View File

@ -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);

12
CSS/themes/dozzle/hotline.css
View File

@ -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);

12
CSS/themes/dozzle/organizr-dark.css
View File

@ -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);

12
CSS/themes/dozzle/plex.css
View File

@ -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);

12
CSS/themes/dozzle/space-gray.css
View File

@ -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);

47
CSS/themes/emby/aquamarine.css
View File

@ -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);
}

49
CSS/themes/emby/dark.css
View File

@ -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");

49
CSS/themes/emby/dracula.css
View File

@ -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");

48
CSS/themes/emby/emby-base.css
View File

@ -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,

49
CSS/themes/emby/hotline.css
View File

@ -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");

49
CSS/themes/emby/organizr-dark.css
View File

@ -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");

49
CSS/themes/emby/plex.css
View File

@ -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");

49
CSS/themes/emby/space-gray.css
View File

@ -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");

7
CSS/themes/flood/aquamarine.css
View File

@ -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);

12
CSS/themes/gitea/aquamarine.css
View File

@ -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);

12
CSS/themes/gitea/dark.css
View File

@ -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);

12
CSS/themes/gitea/dracula.css
View File

@ -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);

9
CSS/themes/gitea/gitea-base.css
View File

@ -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;

12
CSS/themes/gitea/hotline.css
View File

@ -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);

12
CSS/themes/gitea/organizr-dark.css
View File

@ -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);

12
CSS/themes/gitea/plex.css
View File

@ -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);

12
CSS/themes/gitea/space-gray.css
View File

@ -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);

49
CSS/themes/jellyfin/aquamarine.css
View File

@ -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");

49
CSS/themes/jellyfin/dark.css
View File

@ -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");

49
CSS/themes/jellyfin/dracula.css
View File

@ -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");

49
CSS/themes/jellyfin/hotline.css
View File

@ -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");

48
CSS/themes/jellyfin/jellyfin-base.css
View File

@ -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,

49
CSS/themes/jellyfin/organizr-dark.css
View File

@ -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");

49
CSS/themes/jellyfin/plex.css
View File

@ -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");

49
CSS/themes/jellyfin/space-gray.css
View File

@ -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");

11
CSS/themes/lidarr/aquamarine.css
View File

@ -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
CSS/themes/lidarr/dark.css
View File

@ -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
CSS/themes/lidarr/dracula.css
View File

@ -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
CSS/themes/lidarr/hotline.css
View File

@ -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);

9
CSS/themes/lidarr/lidarr-base.css
View File

@ -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
CSS/themes/lidarr/organizr-dark.css
View File

@ -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
CSS/themes/lidarr/plex.css
View File

@ -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
CSS/themes/lidarr/space-gray.css
View File

@ -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);

7
CSS/themes/nzbget/nzbget-base.css
View File

@ -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;

2
CSS/themes/nzbhydra2/aquamarine.css
View File

@ -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);

2
CSS/themes/nzbhydra2/dark.css
View File

@ -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);

4
CSS/themes/nzbhydra2/dracula.css
View File

@ -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);

2
CSS/themes/nzbhydra2/hotline.css
View File

@ -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);

0
CSS/themes/nzbhydra2/nzbhydra-base.css → CSS/themes/nzbhydra2/nzbhydra2-base.css
View File

2
CSS/themes/nzbhydra2/organizr-dark.css
View File

@ -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);

2
CSS/themes/nzbhydra2/plex.css
View File

@ -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);

2
CSS/themes/nzbhydra2/space-gray.css
View File

@ -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);

7
CSS/themes/petio/aquamarine.css
View File

@ -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);

7
CSS/themes/petio/dark.css
View File

@ -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);

7
CSS/themes/petio/dracula.css
View File

@ -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);

7
CSS/themes/petio/hotline.css
View File

@ -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);

7
CSS/themes/petio/organizr-dark.css
View File

@ -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);

7
CSS/themes/petio/plex.css
View File

@ -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);

7
CSS/themes/petio/space-gray.css
View File

@ -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);

11
CSS/themes/pihole/aquamarine.css
View File

@ -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);

11
CSS/themes/pihole/dark.css
View File

@ -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
View 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);

11
CSS/themes/pihole/hotline.css
View File

@ -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);

10
CSS/themes/pihole/organizr-dark.css
View File

@ -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);

229
CSS/themes/pihole/pihole-base.css
View File

@ -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 */

11
CSS/themes/pihole/plex.css
View File

@ -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);

11
CSS/themes/pihole/space-gray.css
View File

@ -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);

7
CSS/themes/plex/aquamarine.css
View File

@ -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);

7
CSS/themes/plex/dark.css
View File

@ -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);

7
CSS/themes/plex/dracula.css
View File

@ -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);

7
CSS/themes/plex/hotline.css
View File

@ -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);

7
CSS/themes/plex/organizr-dark.css
View File

@ -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);

7
CSS/themes/plex/space-gray.css
View File

@ -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);

7
CSS/themes/prowlarr/aquamarine.css
View File

@ -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);

8
CSS/themes/prowlarr/dark.css
View File

@ -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);

6
CSS/themes/prowlarr/dracula.css
View File

@ -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;
}

7
CSS/themes/prowlarr/hotline.css
View File

@ -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);

7
CSS/themes/prowlarr/organizr-dark.css
View File

@ -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);

7
CSS/themes/prowlarr/plex.css
View File

@ -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);

7
CSS/themes/prowlarr/space-gray.css
View File

@ -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);

5
CSS/themes/qbittorrent/aquamarine.css
View File

@ -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;
}

7
CSS/themes/qbittorrent/dark.css
View File

@ -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);

7
CSS/themes/qbittorrent/dracula.css
View File

@ -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);

7
CSS/themes/qbittorrent/hotline.css
View File

@ -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