diff --git a/CSS/themes/bazarr/aquamarine.css b/CSS/themes/bazarr/aquamarine.css index 7dc7f7e4..62ba3386 100644 --- a/CSS/themes/bazarr/aquamarine.css +++ b/CSS/themes/bazarr/aquamarine.css @@ -16,4 +16,9 @@ :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; } \ No newline at end of file diff --git a/CSS/themes/bazarr/bazarr-base.css b/CSS/themes/bazarr/bazarr-base.css index c68b993a..1a15fc5e 100644 --- a/CSS/themes/bazarr/bazarr-base.css +++ b/CSS/themes/bazarr/bazarr-base.css @@ -777,17 +777,17 @@ i.black.icon { } /* SAVE BUTTON */ .ui.blue.button, .ui.blue.buttons .button { - background-color: #cc7b19 !important; + background-color: var(--button-color) !important; color: #fff; font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; transition: background-color .1s; } .ui.blue.button:hover, .ui.blue.buttons .button:hover { - background-color: #e59029 !important; + background-color: var(--button-color-hover) !important; } .ui.blue.button:active, .ui.blue.buttons .button:active { - background-color: #955a12 !important; + background-color: var(--button-color-hover) !important; } /* DROPDOWN */ @@ -840,13 +840,13 @@ i.black.icon { color: hsla(0,0%,100%,.3); } .ui.toggle.checkbox input:checked~.box:before, .ui.toggle.checkbox input:checked~label:before { - background-color: #cc7b19 !important; + background-color: var(--accent-color) !important; } .ui.toggle.checkbox input:checked~.box:before, .ui.toggle.checkbox input:checked~label:before { - background-color: #cc7b19!important; + background-color: var(--accent-color) !important; } .ui.toggle.checkbox input:focus:checked~.box:before, .ui.toggle.checkbox input:focus:checked~label:before { - background-color: #cc7b19!important; + background-color: var(--accent-color) !important; } .ui.multiple.dropdown>.label { @@ -927,7 +927,7 @@ table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column. } .ui.info.message { background-color: rgba(255,255,255,.08); - color: #00c1ff; + color: var(--accent-color); } .ui.input { color: #FFF !important; diff --git a/CSS/themes/bazarr/dark.css b/CSS/themes/bazarr/dark.css index 48f8baf2..d909095f 100644 --- a/CSS/themes/bazarr/dark.css +++ b/CSS/themes/bazarr/dark.css @@ -16,4 +16,9 @@ :root { --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; + + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); + --accent-color: rgba(255, 255, 255, 0.25); + --accent-color-hover: rgba(255, 255, 255, 0.45); } \ No newline at end of file diff --git a/CSS/themes/bazarr/hotline.css b/CSS/themes/bazarr/hotline.css index bbf31289..0fcb9800 100644 --- a/CSS/themes/bazarr/hotline.css +++ b/CSS/themes/bazarr/hotline.css @@ -16,4 +16,9 @@ :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; } \ No newline at end of file diff --git a/CSS/themes/bazarr/organizr-dark.css b/CSS/themes/bazarr/organizr-dark.css new file mode 100644 index 00000000..5b21d8d9 --- /dev/null +++ b/CSS/themes/bazarr/organizr-dark.css @@ -0,0 +1,24 @@ + +/* 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 */ + +/* BAZARR ORGANIZR-DARK THEME */ +@import url(https://gflix.app/theme.park/CSS/themes/bazarr/bazarr-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + --accent-color: #2cabe3; + --accent-color-hover: white; +} \ No newline at end of file diff --git a/CSS/themes/bazarr/plex.css b/CSS/themes/bazarr/plex.css index e86ffde8..4a452434 100644 --- a/CSS/themes/bazarr/plex.css +++ b/CSS/themes/bazarr/plex.css @@ -16,4 +16,9 @@ :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; } \ No newline at end of file diff --git a/CSS/themes/bazarr/space-gray.css b/CSS/themes/bazarr/space-gray.css index ebea5a59..5ad59e38 100644 --- a/CSS/themes/bazarr/space-gray.css +++ b/CSS/themes/bazarr/space-gray.css @@ -16,4 +16,9 @@ :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; } \ No newline at end of file diff --git a/CSS/themes/calibreweb/calibreweb-base.css b/CSS/themes/calibreweb/calibreweb-base.css index e5e1a8fc..e5524dad 100644 --- a/CSS/themes/calibreweb/calibreweb-base.css +++ b/CSS/themes/calibreweb/calibreweb-base.css @@ -15,7 +15,7 @@ /* "Re-skin" of CaliBlur https://github.com/leram84/layer.Cake/tree/master/caliBlur */ /* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ body:not(.read-frame) { - background: var(--color-background) !important; + background: var(--main-bg-color) !important; background-image: none; } .blur-wrapper:after { @@ -25,7 +25,7 @@ body>.container-fluid { background: var(--main-bg-color); } body.login:not(.read-frame), body.shelfcreate, body.shelfedit { - background: var(--color-background) !important; + background: var(--main-bg-color) !important; } @media only screen and (max-width: 767px) { .navbar-collapse.collapse { diff --git a/CSS/themes/calibreweb/organizr-dark.css b/CSS/themes/calibreweb/organizr-dark.css new file mode 100644 index 00000000..8aff5c09 --- /dev/null +++ b/CSS/themes/calibreweb/organizr-dark.css @@ -0,0 +1,24 @@ + +/* 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 */ + +/* CALIBRE-WEB ORGANIZR-DARK THEME */ +/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/calibreweb/calibreweb-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + --color-primary: #2cabe3; + --color-secondary: #2cabe3; + --color-secondary-hover: rgb(44 171 227 / .8); + --color-background-mobile: #1f1f1f; +} \ No newline at end of file diff --git a/CSS/themes/deluge/aquamarine.css b/CSS/themes/deluge/aquamarine.css index c7261e46..f7c1c0c4 100644 --- a/CSS/themes/deluge/aquamarine.css +++ b/CSS/themes/deluge/aquamarine.css @@ -16,5 +16,7 @@ :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 center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; - --progress-color: #4c95af; + --progress-color: #009688; + --button-color: #009688; + --button-color-hover: #12afa0; } \ No newline at end of file diff --git a/CSS/themes/deluge/dark.css b/CSS/themes/deluge/dark.css index 1667c565..5fffb9d6 100644 --- a/CSS/themes/deluge/dark.css +++ b/CSS/themes/deluge/dark.css @@ -16,5 +16,7 @@ :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; - --progress-color: #3d3d3d; - } + --progress-color: #3d3d3d; + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); +} diff --git a/CSS/themes/deluge/deluge-base.css b/CSS/themes/deluge/deluge-base.css index 02c45307..e4de25f0 100644 --- a/CSS/themes/deluge/deluge-base.css +++ b/CSS/themes/deluge/deluge-base.css @@ -677,22 +677,22 @@ font:normal 11px 'Roboto', tahoma, verdana, helvetica; } .x-window-bc .x-window-footer .x-btn { - background-color: rgba(255, 255, 255, 0.08); + background-color: var(--button-color); } .x-window-bc .x-window-footer .x-btn:hover { - background-color: rgba(255, 255, 255, 0.15); + background-color: var(--button-color-hover); } .x-form-file-wrap .x-btn { position: absolute; right: 0; z-index: 1; - background: rgba(255, 255, 255, 0.08); + background: var(--button-color); } .x-form-file-wrap:hover .x-form-file-btn:hover .x-btn:hover { position: absolute; right: 0; z-index: 1; - background: rgba(255, 255, 255, 0.15); + background: var(--button-color-hover); } .x-btn button{ diff --git a/CSS/themes/deluge/hotline.css b/CSS/themes/deluge/hotline.css index 9c2b4cf2..e73223a2 100644 --- a/CSS/themes/deluge/hotline.css +++ b/CSS/themes/deluge/hotline.css @@ -16,5 +16,7 @@ :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 center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; - --progress-color: #df6c4c; + --progress-color: #df6c4c; + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); } \ No newline at end of file diff --git a/CSS/themes/deluge/organizr-dark.css b/CSS/themes/deluge/organizr-dark.css new file mode 100644 index 00000000..7e83418b --- /dev/null +++ b/CSS/themes/deluge/organizr-dark.css @@ -0,0 +1,22 @@ + +/* 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 */ + +/* DELUGE ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/deluge/deluge-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + --progress-color: #2cabe3; + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + } \ No newline at end of file diff --git a/CSS/themes/deluge/plex.css b/CSS/themes/deluge/plex.css index 26e31d52..5b494256 100644 --- a/CSS/themes/deluge/plex.css +++ b/CSS/themes/deluge/plex.css @@ -17,4 +17,6 @@ --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; --progress-color: #cc7b19; - } \ No newline at end of file + --button-color: #cc7b19; + --button-color-hover: #e59029; +} \ No newline at end of file diff --git a/CSS/themes/deluge/space-gray.css b/CSS/themes/deluge/space-gray.css index e463f4ae..fb5bf69c 100644 --- a/CSS/themes/deluge/space-gray.css +++ b/CSS/themes/deluge/space-gray.css @@ -17,4 +17,6 @@ --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; --progress-color: #607D8B; + --button-color: #607D8B; + --button-color-hover: #81a6b7; } \ No newline at end of file diff --git a/CSS/themes/filebrowser/organizr-dark.css b/CSS/themes/filebrowser/organizr-dark.css new file mode 100644 index 00000000..8b028e3a --- /dev/null +++ b/CSS/themes/filebrowser/organizr-dark.css @@ -0,0 +1,23 @@ + +/* 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 */ + +/* FILEBROWSER ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/filebrowser/filebrowser-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + --accent-color: #2cabe3; + --accent-color-hover: white; + } \ No newline at end of file diff --git a/CSS/themes/grafana/organizr-dark.css b/CSS/themes/grafana/organizr-dark.css new file mode 100644 index 00000000..59d215a1 --- /dev/null +++ b/CSS/themes/grafana/organizr-dark.css @@ -0,0 +1,23 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* GRAFANA ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/grafana/grafana-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + --accent-color: #2cabe3; + --accent-color-hover: white; + } \ No newline at end of file diff --git a/CSS/themes/guacamole/organizr-dark.css b/CSS/themes/guacamole/organizr-dark.css new file mode 100644 index 00000000..97b47cea --- /dev/null +++ b/CSS/themes/guacamole/organizr-dark.css @@ -0,0 +1,22 @@ + +/* 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 */ + +/* GUACAMOLE ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/guacamole/guacamole-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + } \ No newline at end of file diff --git a/CSS/themes/html5speedtest/organizr-dark.css b/CSS/themes/html5speedtest/organizr-dark.css new file mode 100644 index 00000000..d77dc5cd --- /dev/null +++ b/CSS/themes/html5speedtest/organizr-dark.css @@ -0,0 +1,21 @@ + +/* 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 */ + +/* HTML5SPEEDTEST ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/html5speedtest/html5speedtest-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + } \ No newline at end of file diff --git a/CSS/themes/jackett/organizr-dark.css b/CSS/themes/jackett/organizr-dark.css new file mode 100644 index 00000000..19de35da --- /dev/null +++ b/CSS/themes/jackett/organizr-dark.css @@ -0,0 +1,22 @@ + +/* 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 */ + +/* JACKETT ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/jackett/jackett-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + } \ No newline at end of file diff --git a/CSS/themes/jellyfin/organizr-dark.css b/CSS/themes/jellyfin/organizr-dark.css new file mode 100644 index 00000000..98279688 --- /dev/null +++ b/CSS/themes/jellyfin/organizr-dark.css @@ -0,0 +1,23 @@ + +/* 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 */ + +/* JELLYFIN ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/jellyfin/jellyfin-base.css); +:root { + --main-bg-color: #1F1F1F; + --modal-bg-color: #333; + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + --accent-color: #2cabe3; + --accent-color-hover: white; + } \ No newline at end of file diff --git a/CSS/themes/lazylibrarian/organizr-dark.css b/CSS/themes/lazylibrarian/organizr-dark.css new file mode 100644 index 00000000..36671d23 --- /dev/null +++ b/CSS/themes/lazylibrarian/organizr-dark.css @@ -0,0 +1,24 @@ +/* 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 */ + +/* LAZYLIBRARIAN ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/lazylibrarian/lazylibrarian-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + --accent-color: #2cabe3; + --accent-color-hover: white; + --queue-color: #2cabe3; + } \ No newline at end of file diff --git a/CSS/themes/lidarr/organizr-dark.css b/CSS/themes/lidarr/organizr-dark.css new file mode 100644 index 00000000..037b9f2d --- /dev/null +++ b/CSS/themes/lidarr/organizr-dark.css @@ -0,0 +1,31 @@ + +/* 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 */ + +/* LIDARR ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/lidarr/lidarr-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + + --calendar-Downloading: #7a43b6; + --calendar-Downloaded: #53e69d; + --calendar-Unreleased: #2cabe3; + --calendar-Partial: orange; + --calendar-Unmonitored: #adadad; + --calendar-Missing: #ff7676; + + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + --accent-color: #2cabe3; + --accent-color-hover: white; + } \ No newline at end of file diff --git a/CSS/themes/logarr/organizr-dark.css b/CSS/themes/logarr/organizr-dark.css new file mode 100644 index 00000000..3b7c8254 --- /dev/null +++ b/CSS/themes/logarr/organizr-dark.css @@ -0,0 +1,21 @@ + +/* 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 */ + +/* LOGARR ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/logarr/logarr-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + } \ No newline at end of file diff --git a/CSS/themes/monitorr/organizr-dark.css b/CSS/themes/monitorr/organizr-dark.css new file mode 100644 index 00000000..94ffbad0 --- /dev/null +++ b/CSS/themes/monitorr/organizr-dark.css @@ -0,0 +1,21 @@ + +/* 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 */ + +/* MONITORR ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/monitorr/monitorr-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + } \ No newline at end of file diff --git a/CSS/themes/netdata/organizr-dark.css b/CSS/themes/netdata/organizr-dark.css new file mode 100644 index 00000000..40c87f6b --- /dev/null +++ b/CSS/themes/netdata/organizr-dark.css @@ -0,0 +1,20 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* NETDATA ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/netdata/netdata-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + --accent-color: #2cabe3; + } \ No newline at end of file diff --git a/CSS/themes/nzbget/organizr-dark.css b/CSS/themes/nzbget/organizr-dark.css new file mode 100644 index 00000000..463ddf27 --- /dev/null +++ b/CSS/themes/nzbget/organizr-dark.css @@ -0,0 +1,21 @@ + +/* 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 */ + +/* NZBGET ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/nzbget/nzbget-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + --accent-color: #2cabe3; + --button-color: #2cabe3; + } \ No newline at end of file diff --git a/CSS/themes/nzbhydra2/organizr-dark.css b/CSS/themes/nzbhydra2/organizr-dark.css new file mode 100644 index 00000000..8e2ed842 --- /dev/null +++ b/CSS/themes/nzbhydra2/organizr-dark.css @@ -0,0 +1,22 @@ + +/* 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 */ + +/* NZBHYDRA2 ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/nzbhydra2/nzbhydra-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + --default-button-color: #2cabe3; + --default-button-color-hover: rgb(44 171 227 / .8); + --accent-color: #2cabe3; + } \ No newline at end of file diff --git a/CSS/themes/ombi/organizr-dark.css b/CSS/themes/ombi/organizr-dark.css new file mode 100644 index 00000000..149906e0 --- /dev/null +++ b/CSS/themes/ombi/organizr-dark.css @@ -0,0 +1,24 @@ + +/* 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 */ + +/* OMBI ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/ombi/ombi-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + --request-button: #2cabe3; + --request-button-hover: rgb(44 171 227 / .8); + --loading-bar: #2cabe3; + --accent-color: #2cabe3; + --label-color: #2cabe3; +} diff --git a/CSS/themes/pihole/organizr-dark.css b/CSS/themes/pihole/organizr-dark.css new file mode 100644 index 00000000..df81152d --- /dev/null +++ b/CSS/themes/pihole/organizr-dark.css @@ -0,0 +1,23 @@ +/* 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 ORGANIZR-DARK THEME */ +@import url(https://gflix.app/theme.park/CSS/themes/pihole/pihole-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + --accent-color: #2cabe3; + --accent-color-hover: white; + } \ No newline at end of file diff --git a/CSS/themes/plex/aquamarine.css b/CSS/themes/plex/aquamarine.css index 0109f69c..bd67227b 100644 --- a/CSS/themes/plex/aquamarine.css +++ b/CSS/themes/plex/aquamarine.css @@ -15,6 +15,8 @@ :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; - --link-color: #FFEB3B; - --link-color-hover: rgba(255, 235, 61, 0.7); + --link-color: #009688; + --button-color: #009688; + --button-color-hover: #12afa0; + --accent-color: #009688; } \ No newline at end of file diff --git a/CSS/themes/plex/dark.css b/CSS/themes/plex/dark.css index fb59f19b..9687aae2 100644 --- a/CSS/themes/plex/dark.css +++ b/CSS/themes/plex/dark.css @@ -16,5 +16,7 @@ --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; --link-color: #e5a00d; - --link-color-hover: #f2ad18; + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); + --accent-color: rgba(255, 255, 255, 0.25); } \ No newline at end of file diff --git a/CSS/themes/plex/hotline.css b/CSS/themes/plex/hotline.css index f273ea44..6439914a 100644 --- a/CSS/themes/plex/hotline.css +++ b/CSS/themes/plex/hotline.css @@ -16,5 +16,8 @@ --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; --link-color: #FFEB3B; - --link-color-hover: rgba(255, 235, 61, 0.7); + --button-color: hsla(0,0%,100%,.15); + --button-color-hover: hsla(0,0%,100%,.30); + --accent-color: #F44336; + --accent-color-hover: #0b3161; } \ No newline at end of file diff --git a/CSS/themes/plex/organizr-dark.css b/CSS/themes/plex/organizr-dark.css new file mode 100644 index 00000000..b56486d3 --- /dev/null +++ b/CSS/themes/plex/organizr-dark.css @@ -0,0 +1,22 @@ +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* PLEX ORGANIZR-DARK THEME */ +@import url(https://gflix.app/theme.park/CSS/themes/plex/plex-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + --link-color: #2cabe3; + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + --accent-color: #2cabe3; + } \ No newline at end of file diff --git a/CSS/themes/plex/plex-base.css b/CSS/themes/plex/plex-base.css index 23c6eed9..651b7665 100644 --- a/CSS/themes/plex/plex-base.css +++ b/CSS/themes/plex/plex-base.css @@ -15,6 +15,49 @@ body { background: var(--main-bg-color); } + .Link-primary-1vcAGA { + color: var(--link-color) !important; +} +.DisclosureArrow-isSelected-QMJhDY { +border-color: var(--link-color); +} +.Link-isSelected-IRm9uM { + -webkit-filter: drop-shadow(0 0 5px var(--link-color)) !important; + filter: drop-shadow(0 0 5px var(--link-color)) !important; + color: white; +} +.ServerSettingsServerMenuButton-button-24D7lE { + -webkit-filter: none !important; + filter: none !important; +} +.NavBarActivityButton-isHighlighted-27qlko:hover .NavBarActivityButton-label-2ZN0gQ { + color: rgb(44 171 227 / .8); +} +.NavBarActivityButton-isHighlighted-27qlko .NavBarActivityButton-activityIcon-1Db2GP { + background-color: var(--link-color); +} +.NavBarActivityButton-isHighlighted-27qlko .NavBarActivityButton-label-2ZN0gQ { + color: var(--link-color); +} +.NavBarActivityButton-isHighlighted-27qlko:hover .NavBarActivityButton-activityIcon-1Db2GP { + background-color: var(--button-color-hover); +} +.PageHeaderTabButton-isSelected-25CIS7 { + background-color: rgba(0,0,0,.15); + color: var(--link-color); +} +.btn-primary, .Button-primary-3fwLzo { + border-color: var(--button-color); + background-color: var(--button-color); + +} +.btn-primary:focus, .btn-primary:hover, .Button-primary-3fwLzo:hover { + color: #fff; + background-color: var( --button-color-hover); +} +.Button-primary-3fwLzo.isDisabled, .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { + background-color: var(--button-color); +} .background,.background-container { opacity: 0; transition: opacity .5s; @@ -35,6 +78,9 @@ .NavBar-container-1T0BJz { background: rgba(0, 0, 0, 0.45); } +.Menu-menu-3XnN6J { + background-color: var(--modal-bg-color); +} /*Text*/ .help-block, .ClaimedServer-messageHeader-3uzatL, .btn-gray, .text-muted label { color: #fff; @@ -89,4 +135,30 @@ background-color: rgba(0, 0, 0, 0.25); .files ul li { color: #fff; } +.MetadataPosterCardOverlay-unplayedBadge-2hKHo5 { + background-color: var(--accent-color); +} +.MetadataPosterCardFace-face--dz_Dx:hover { + box-shadow: 0 0 0 2px var(--accent-color); +} +.PlayButton-playButton-3WX8X-:hover .PlayButton-playCircle-3Evfdw { + border-color: var(--accent-color); + background-color: var(--accent-color); +} +.PageHeaderTabDropdown-isSelected-FK5pDv { + border-color: var(--accent-color); +} +.SelectedMenuItem-isSelected-178xe1, .SelectedMenuItem-isSelected-178xe1 .SelectedMenuItem-selectedIcon-20Yx1_ { + color: var(--accent-color); +} +.Badge-primary-3suJx3,.alert-bar.notify { + background-color: var(--accent-color); +} +.PrePlayCastCell-posterCardLinkContainer-27hxZ8:hover { + box-shadow: 0 0 0 2px var(--accent-color); +} +.SourceSidebarServerHeader-title-3zMGa0 { + color: var(--accent-color); + +} /* This was a tough one :D */ diff --git a/CSS/themes/plex/space-gray.css b/CSS/themes/plex/space-gray.css index 318bbfed..b478d191 100644 --- a/CSS/themes/plex/space-gray.css +++ b/CSS/themes/plex/space-gray.css @@ -15,4 +15,9 @@ :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; - } \ No newline at end of file + --link-color: #607D8B; + --button-color: #607D8B; + --button-color-hover: #81a6b7; + --accent-color: #607D8B; + --accent-color-hover: #81a6b7; +} \ No newline at end of file diff --git a/CSS/themes/plpp/organizr-dark.css b/CSS/themes/plpp/organizr-dark.css new file mode 100644 index 00000000..4741fb80 --- /dev/null +++ b/CSS/themes/plpp/organizr-dark.css @@ -0,0 +1,21 @@ + +/* 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 */ + +/* PLPP ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/plpp/plpp-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); +} \ No newline at end of file diff --git a/CSS/themes/portainer/organizr-dark.css b/CSS/themes/portainer/organizr-dark.css new file mode 100644 index 00000000..bcc73dbc --- /dev/null +++ b/CSS/themes/portainer/organizr-dark.css @@ -0,0 +1,24 @@ + +/* 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 */ + +/* PORTAINER ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/portainer/portainer-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + --accent-color: #2cabe3; + --accent-color-hover: white; + } \ No newline at end of file diff --git a/CSS/themes/qbittorrent/organizr-dark.css b/CSS/themes/qbittorrent/organizr-dark.css new file mode 100644 index 00000000..bc4f2b67 --- /dev/null +++ b/CSS/themes/qbittorrent/organizr-dark.css @@ -0,0 +1,20 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* QBITTORRENT ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/qbittorrent/qbittorrent-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + --progress-color: #2cabe3; + } \ No newline at end of file diff --git a/CSS/themes/radarr/organizr-dark.css b/CSS/themes/radarr/organizr-dark.css new file mode 100644 index 00000000..ad9fd4d3 --- /dev/null +++ b/CSS/themes/radarr/organizr-dark.css @@ -0,0 +1,32 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* RADARR ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/radarr/radarr-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + + --calendar-in-cinemas: #35c5f4; + --calendar-missing: #ff7676; + --calendar-announced: #337ab7; + --calendar-downloaded: #53e69d; + --calendar-downloading: #7932ea; + --calendar-unmonitored: grey; + + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + --accent-color: #2cabe3; + --accent-color-hover: white; + --queue-color: #2cabe3; + } \ No newline at end of file diff --git a/CSS/themes/readarr/organizr-dark.css b/CSS/themes/readarr/organizr-dark.css new file mode 100644 index 00000000..3b7df022 --- /dev/null +++ b/CSS/themes/readarr/organizr-dark.css @@ -0,0 +1,31 @@ + +/* 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 */ + +/* READARR ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/readarr/readarr-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + + --calendar-Downloading: #7a43b6; + --calendar-Downloaded: #53e69d; + --calendar-Unreleased: #2cabe3; + --calendar-Partial: orange; + --calendar-Unmonitored: #adadad; + --calendar-Missing: #ff7676; + + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + --accent-color: #2cabe3; + --accent-color-hover: white; + } \ No newline at end of file diff --git a/CSS/themes/requestrr/organizr-dark.css b/CSS/themes/requestrr/organizr-dark.css new file mode 100644 index 00000000..44a67167 --- /dev/null +++ b/CSS/themes/requestrr/organizr-dark.css @@ -0,0 +1,24 @@ + +/* 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 */ + +/* REQUESTRR ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/requestrr/requestrr-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + --accent-color: #2cabe3; + --text-color: #eee; + --text-color-faded: #ddd; + } \ No newline at end of file diff --git a/CSS/themes/rutorrent/organizr-dark.css b/CSS/themes/rutorrent/organizr-dark.css new file mode 100644 index 00000000..e1afef82 --- /dev/null +++ b/CSS/themes/rutorrent/organizr-dark.css @@ -0,0 +1,22 @@ + +/* 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 */ + +/* RUTORRENT ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/rutorrent/rutorrent-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + --default-button-color: #2cabe3; + --default-button-color-hover: rgb(44 171 227 / .8); + --progress-color: #2cabe3; + } \ No newline at end of file diff --git a/CSS/themes/sabnzbd/organizr-dark.css b/CSS/themes/sabnzbd/organizr-dark.css new file mode 100644 index 00000000..a6580822 --- /dev/null +++ b/CSS/themes/sabnzbd/organizr-dark.css @@ -0,0 +1,24 @@ + +/* 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 */ + +/* SABNZBD ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/sabnzbd/sabnzbd-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + --settings-accent-color: #2cabe3; + --nav-button-color: #2cabe3; + --default-button-color: #2cabe3; + --default-button-color-hover: rgb(44 171 227 / .8); + --default-button-color-active: rgb(44 171 227 / .8); + } \ No newline at end of file diff --git a/CSS/themes/sonarr/organizr-dark.css b/CSS/themes/sonarr/organizr-dark.css new file mode 100644 index 00000000..d39b881f --- /dev/null +++ b/CSS/themes/sonarr/organizr-dark.css @@ -0,0 +1,32 @@ +/* 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 */ + +/* SONARR ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/sonarr/sonarr-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + + --calendar-tv-Unaired-Premiere: #707cd2; + --calendar-tv-Downloading: #7932ea; + --calendar-tv-Unmonitored: grey; + --calendar-tv-Unaired: #2cabe3; + --calendar-tv-missing: #ff7676; + --calendar-tv-On-Air: #f0ad4e; + --calendar-tv-available: #53e69d; + + --button-color: #2cabe3; + --button-color-hover: rgb(44 171 227 / .8); + --accent-color: #2cabe3; + --accent-color-hover: white; + --queue-color: #2cabe3; + } \ No newline at end of file diff --git a/CSS/themes/synclounge/organizr-dark.css b/CSS/themes/synclounge/organizr-dark.css new file mode 100644 index 00000000..337e2ab6 --- /dev/null +++ b/CSS/themes/synclounge/organizr-dark.css @@ -0,0 +1,22 @@ + +/* 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 */ + +/* SYNCLOUNGE ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/synclounge/synclounge-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + --default-button-color: #2cabe3; + --default-button-color-hover: rgb(44 171 227 / .8); + --accent-color: #2cabe3; + } \ No newline at end of file diff --git a/CSS/themes/tautulli/organizr-dark.css b/CSS/themes/tautulli/organizr-dark.css new file mode 100644 index 00000000..5a9b6f16 --- /dev/null +++ b/CSS/themes/tautulli/organizr-dark.css @@ -0,0 +1,19 @@ + +/* 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 */ + +/* TAUTULLI DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/tautulli/tautulli-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; +} \ No newline at end of file diff --git a/CSS/themes/thelounge/organizr-dark.css b/CSS/themes/thelounge/organizr-dark.css new file mode 100644 index 00000000..6b810051 --- /dev/null +++ b/CSS/themes/thelounge/organizr-dark.css @@ -0,0 +1,30 @@ +/* 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 */ + +/* THE LOUNGE DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/thelounge/thelounge-base.css); +:root { + --body-bg-color: #1f1f1f; + --window-bg-color: #333; + --button-color: #3d3d3d; + --theme-accent: #3d3d3d; + --date-marker-color: #e59029; + + --body-color: #f3f3f3; + --body-color-muted: #dedede; + --link-color: #2cabe3; + --button-text-color-hover: #fff; + --upload-progressbar-color: var(--button-color); + --unread-marker-color: #ff7676; + --highlight-bg-color: #4d4332; + --highlight-border-color: #b08c4f; + } \ No newline at end of file diff --git a/CSS/themes/transmission/organizr-dark.css b/CSS/themes/transmission/organizr-dark.css new file mode 100644 index 00000000..ed673934 --- /dev/null +++ b/CSS/themes/transmission/organizr-dark.css @@ -0,0 +1,22 @@ + +/* 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 */ + +/* TRANSMISSION DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/transmission/transmission-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: #333; + --default-button-color: #2cabe3; + --default-button-color-hover: rgb(44 171 227 / .8); + --progress-color: #2cabe3; + } \ No newline at end of file diff --git a/README.md b/README.md index 3064030d..d7cfbe61 100644 --- a/README.md +++ b/README.md @@ -22,6 +22,7 @@ ![](https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/spacegray_banner.png) ![](https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/dark_banner.png) ![](https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/plex_banner.png) +![](https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/organizr_dark_banner.png) # [Installation](https://github.com/gilbN/theme.park/wiki/Setup) # [Addons](https://github.com/gilbN/theme.park/tree/master/CSS/addons) diff --git a/Screenshots/organizr_dark_banner.png b/Screenshots/organizr_dark_banner.png new file mode 100644 index 00000000..247be3e4 Binary files /dev/null and b/Screenshots/organizr_dark_banner.png differ