From 903da574721cb5a49731be25b8e93f68367eb1e5 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 12 Sep 2021 15:36:09 +0200 Subject: [PATCH] . --- .github/CONTRIBUTING.md | 58 +- .github/FUNDING.yml | 6 +- .github/ISSUE_TEMPLATE/bug_report.md | 98 +- .github/pull_request_template.md | 68 +- .github/workflows/auto-build.yml | 140 +- .github/workflows/minify-and-deploy.yml | 124 +- .nojekyll | 2 +- .../bazarr/bazarr-4k-logo/bazarr-4k-logo.css | 70 +- .../bazarr/bazarr-darker/bazarr-darker.css | 128 +- .../lidarr/lidarr-darker/lidarr-darker.css | 232 +- CSS/addons/organizr/glass/glass-base.css | 1720 +- CSS/addons/organizr/glass/glass-login.css | 384 +- .../overseerr-side-menu.css | 220 +- .../plex/plex-alt-logo/plex-alt-logo.css | 14 +- .../prowlarr-darker/prowlarr-darker.css | 236 +- .../radarr/radarr-4k-logo/radarr-4k-logo.css | 192 +- .../radarr/radarr-darker/radarr-darker.css | 246 +- .../readarr-alt-logo/readarr-alt-logo.css | 106 +- CSS/addons/readarr/readarr-alt-logo/readme.md | 4 +- .../readarr/readarr-darker/readarr-darker.css | 250 +- .../sonarr/sonarr-4k-logo/sonarr-4k-logo.css | 106 +- .../sonarr/sonarr-darker/sonarr-darker.css | 248 +- .../unraid/login-page/alien/alien_base.css | 490 +- CSS/addons/unraid/login-page/alien/custom.css | 42 +- .../unraid/login-page/alien/hallway.css | 42 +- .../unraid/login-page/alien/hallway2.css | 42 +- .../unraid/login-page/alien/hallway3.css | 42 +- .../unraid/login-page/alien/hallway4.css | 42 +- .../unraid/login-page/alien/isolation.css | 42 +- .../login-page/alien/isolation_video.css | 40 +- .../unraid/login-page/alien/js/isolation.js | 10 +- .../unraid/login-page/alien/nightmare.css | 42 +- .../unraid/login-page/alien/scanner.css | 42 +- CSS/addons/unraid/login-page/custom_login.sh | 134 +- .../unraid/login-page/fallout/custom.css | 436 +- .../login-page/fallout/dirty_terminal.css | 54 +- .../login-page/fallout/dirty_terminal2.css | 54 +- .../login-page/fallout/fallout_base.css | 390 +- .../login-page/fallout/fallout_video.css | 68 +- .../login-page/fallout/js/please_stand_by.js | 14 +- .../login-page/fallout/js/vault-tec-crt.js | 14 +- .../fallout/js/vault-tec-crt_no-scanline.js | 14 +- .../unraid/login-page/fallout/terminal.css | 52 +- .../unraid/login-page/fallout/terminal2.css | 52 +- .../login-page/retro-terminal/amber.css | 66 +- .../unraid/login-page/retro-terminal/blue.css | 64 +- .../login-page/retro-terminal/custom.css | 64 +- .../login-page/retro-terminal/green.css | 64 +- .../retro-terminal/js/custom_text_header.js | 30 +- .../unraid/login-page/retro-terminal/red.css | 64 +- .../retro-terminal/retro-terminal-base.css | 724 +- .../login-page/retro-terminal/white.css | 64 +- CSS/defaults/placeholders.css | 66 +- CSS/themes/adguard/adguard-base.css | 1226 +- CSS/themes/adguard/aquamarine.css | 30 +- CSS/themes/adguard/dark.css | 30 +- CSS/themes/adguard/dracula.css | 30 +- CSS/themes/adguard/hotline.css | 30 +- CSS/themes/adguard/organizr-dark.css | 30 +- CSS/themes/adguard/plex.css | 30 +- CSS/themes/adguard/space-gray.css | 30 +- CSS/themes/bazarr/aquamarine.css | 30 +- CSS/themes/bazarr/bazarr-base.css | 1666 +- CSS/themes/bazarr/dark.css | 30 +- CSS/themes/bazarr/dracula.css | 32 +- CSS/themes/bazarr/hotline.css | 30 +- CSS/themes/bazarr/organizr-dark.css | 30 +- CSS/themes/bazarr/plex.css | 30 +- CSS/themes/bazarr/space-gray.css | 30 +- CSS/themes/bitwarden/aquamarine.css | 30 +- CSS/themes/bitwarden/bitwarden-base.css | 1002 +- CSS/themes/bitwarden/dark.css | 30 +- CSS/themes/bitwarden/dracula.css | 30 +- CSS/themes/bitwarden/hotline.css | 30 +- CSS/themes/bitwarden/organizr-dark.css | 30 +- CSS/themes/bitwarden/plex.css | 30 +- CSS/themes/bitwarden/space-gray.css | 30 +- CSS/themes/calibreweb/aquamarine.css | 32 +- CSS/themes/calibreweb/calibreweb-base.css | 672 +- CSS/themes/calibreweb/dark.css | 32 +- CSS/themes/calibreweb/dracula.css | 32 +- CSS/themes/calibreweb/hotline.css | 32 +- CSS/themes/calibreweb/organizr-dark.css | 32 +- CSS/themes/calibreweb/space-gray.css | 32 +- CSS/themes/deluge/aquamarine.css | 30 +- CSS/themes/deluge/dark.css | 30 +- CSS/themes/deluge/deluge-base.css | 4904 ++-- CSS/themes/deluge/dracula.css | 30 +- CSS/themes/deluge/hotline.css | 30 +- CSS/themes/deluge/organizr-dark.css | 30 +- CSS/themes/deluge/plex.css | 30 +- CSS/themes/deluge/space-gray.css | 30 +- CSS/themes/dozzle/aquamarine.css | 32 +- CSS/themes/dozzle/dark.css | 30 +- CSS/themes/dozzle/dozzle-base.css | 552 +- CSS/themes/dozzle/dracula.css | 30 +- CSS/themes/dozzle/hotline.css | 30 +- CSS/themes/dozzle/organizr-dark.css | 30 +- CSS/themes/dozzle/plex.css | 30 +- CSS/themes/dozzle/space-gray.css | 30 +- CSS/themes/duplicacy/aquamarine.css | 30 +- CSS/themes/duplicacy/dark.css | 30 +- CSS/themes/duplicacy/dracula.css | 30 +- CSS/themes/duplicacy/duplicacy-base.css | 1370 +- CSS/themes/duplicacy/hotline.css | 30 +- CSS/themes/duplicacy/organizr-dark.css | 30 +- CSS/themes/duplicacy/plex.css | 30 +- CSS/themes/duplicacy/space-gray.css | 30 +- CSS/themes/emby/aquamarine.css | 32 +- CSS/themes/emby/dark.css | 30 +- CSS/themes/emby/dracula.css | 30 +- CSS/themes/emby/emby-base.css | 1492 +- CSS/themes/emby/hotline.css | 30 +- CSS/themes/emby/organizr-dark.css | 30 +- CSS/themes/emby/plex.css | 30 +- CSS/themes/emby/space-gray.css | 30 +- CSS/themes/filebrowser/aquamarine.css | 30 +- CSS/themes/filebrowser/dark.css | 30 +- CSS/themes/filebrowser/dracula.css | 32 +- CSS/themes/filebrowser/filebrowser-base.css | 1366 +- CSS/themes/filebrowser/hotline.css | 30 +- CSS/themes/filebrowser/organizr-dark.css | 30 +- CSS/themes/filebrowser/plex.css | 30 +- CSS/themes/filebrowser/space-gray.css | 30 +- CSS/themes/flood/aquamarine.css | 28 +- CSS/themes/flood/dark.css | 28 +- CSS/themes/flood/dracula.css | 28 +- CSS/themes/flood/flood-base.css | 1462 +- CSS/themes/flood/hotline.css | 28 +- CSS/themes/flood/organizr-dark.css | 28 +- CSS/themes/flood/plex.css | 28 +- CSS/themes/flood/space-gray.css | 28 +- CSS/themes/gaps/aquamarine.css | 28 +- CSS/themes/gaps/dark.css | 28 +- CSS/themes/gaps/dracula.css | 28 +- CSS/themes/gaps/gaps-base.css | 788 +- CSS/themes/gaps/hotline.css | 28 +- CSS/themes/gaps/organizr-dark.css | 28 +- CSS/themes/gaps/plex.css | 28 +- CSS/themes/gaps/space-gray.css | 28 +- CSS/themes/gitea/aquamarine.css | 32 +- CSS/themes/gitea/chroma.css | 1120 +- CSS/themes/gitea/dark.css | 32 +- CSS/themes/gitea/dracula.css | 32 +- CSS/themes/gitea/gitea-base.css | 3208 +-- CSS/themes/gitea/hotline.css | 32 +- CSS/themes/gitea/organizr-dark.css | 32 +- CSS/themes/gitea/plex.css | 32 +- CSS/themes/gitea/space-gray.css | 32 +- CSS/themes/grafana/aquamarine.css | 30 +- CSS/themes/grafana/dark.css | 30 +- CSS/themes/grafana/dracula.css | 30 +- CSS/themes/grafana/grafana-base.css | 2616 +- CSS/themes/grafana/hotline.css | 30 +- CSS/themes/grafana/organizr-dark.css | 30 +- CSS/themes/grafana/organizr-dashboard.css | 1196 +- CSS/themes/grafana/plex.css | 30 +- CSS/themes/grafana/space-gray.css | 30 +- CSS/themes/guacamole/aquamarine.css | 30 +- CSS/themes/guacamole/dark.css | 30 +- CSS/themes/guacamole/dracula.css | 30 +- CSS/themes/guacamole/guacamole-base.css | 1282 +- CSS/themes/guacamole/hotline.css | 30 +- CSS/themes/guacamole/organizr-dark.css | 30 +- CSS/themes/guacamole/plex.css | 30 +- CSS/themes/guacamole/space-gray.css | 30 +- CSS/themes/jackett/aquamarine.css | 30 +- CSS/themes/jackett/dark.css | 30 +- CSS/themes/jackett/dracula.css | 32 +- CSS/themes/jackett/hotline.css | 30 +- CSS/themes/jackett/jackett-base.css | 880 +- CSS/themes/jackett/organizr-dark.css | 30 +- CSS/themes/jackett/plex.css | 30 +- CSS/themes/jackett/space-gray.css | 30 +- CSS/themes/jellyfin/aquamarine.css | 30 +- CSS/themes/jellyfin/dark.css | 30 +- CSS/themes/jellyfin/dracula.css | 30 +- CSS/themes/jellyfin/hotline.css | 30 +- CSS/themes/jellyfin/jellyfin-base.css | 1870 +- CSS/themes/jellyfin/organizr-dark.css | 30 +- CSS/themes/jellyfin/plex.css | 30 +- CSS/themes/jellyfin/space-gray.css | 30 +- CSS/themes/kitana/aquamarine.css | 30 +- CSS/themes/kitana/dark.css | 30 +- CSS/themes/kitana/dracula.css | 30 +- CSS/themes/kitana/hotline.css | 30 +- CSS/themes/kitana/kitana-base.css | 504 +- CSS/themes/kitana/organizr-dark.css | 30 +- CSS/themes/kitana/plex.css | 30 +- CSS/themes/kitana/space-gray.css | 30 +- CSS/themes/lazylibrarian/aquamarine.css | 28 +- CSS/themes/lazylibrarian/dark.css | 28 +- CSS/themes/lazylibrarian/dracula.css | 28 +- CSS/themes/lazylibrarian/hotline.css | 28 +- .../lazylibrarian/lazylibrarian-base.css | 976 +- CSS/themes/lazylibrarian/organizr-dark.css | 28 +- CSS/themes/lazylibrarian/plex.css | 28 +- CSS/themes/lazylibrarian/space-gray.css | 30 +- CSS/themes/librespeed/aquamarine.css | 30 +- CSS/themes/librespeed/dark.css | 30 +- CSS/themes/librespeed/dracula.css | 30 +- CSS/themes/librespeed/hotline.css | 30 +- CSS/themes/librespeed/librespeed-base.css | 236 +- CSS/themes/librespeed/organizr-dark.css | 30 +- CSS/themes/librespeed/plex.css | 30 +- CSS/themes/librespeed/space-gray.css | 30 +- CSS/themes/lidarr/aquamarine.css | 30 +- CSS/themes/lidarr/dark.css | 30 +- CSS/themes/lidarr/dracula.css | 30 +- CSS/themes/lidarr/hotline.css | 30 +- CSS/themes/lidarr/lidarr-base.css | 2276 +- CSS/themes/lidarr/organizr-dark.css | 30 +- CSS/themes/lidarr/plex.css | 30 +- CSS/themes/lidarr/space-gray.css | 30 +- CSS/themes/logarr/aquamarine.css | 40 +- CSS/themes/logarr/dark.css | 40 +- CSS/themes/logarr/hotline.css | 40 +- CSS/themes/logarr/logarr-base.css | 1160 +- CSS/themes/logarr/organizr-dark.css | 40 +- CSS/themes/logarr/plex.css | 40 +- CSS/themes/logarr/space-gray.css | 40 +- CSS/themes/monitorr/aquamarine.css | 40 +- CSS/themes/monitorr/dark.css | 40 +- CSS/themes/monitorr/hotline.css | 40 +- CSS/themes/monitorr/monitorr-base.css | 864 +- CSS/themes/monitorr/organizr-dark.css | 40 +- CSS/themes/monitorr/organizr-dashboard.css | 418 +- CSS/themes/monitorr/plex.css | 40 +- CSS/themes/monitorr/space-gray.css | 40 +- CSS/themes/moviematch/aquamarine.css | 30 +- CSS/themes/moviematch/dark.css | 30 +- CSS/themes/moviematch/dracula.css | 30 +- CSS/themes/moviematch/hotline.css | 30 +- CSS/themes/moviematch/moviematch-base.css | 292 +- CSS/themes/moviematch/organizr-dark.css | 30 +- CSS/themes/moviematch/plex.css | 30 +- CSS/themes/moviematch/space-gray.css | 30 +- CSS/themes/netdata/aquamarine.css | 30 +- CSS/themes/netdata/dark.css | 30 +- CSS/themes/netdata/dracula.css | 30 +- CSS/themes/netdata/hotline.css | 30 +- CSS/themes/netdata/netdata-base.css | 966 +- CSS/themes/netdata/organizr-dark.css | 30 +- CSS/themes/netdata/organizr-dashboard.css | 38 +- CSS/themes/netdata/plex.css | 30 +- CSS/themes/netdata/space-gray.css | 30 +- CSS/themes/nzbget/aquamarine.css | 30 +- CSS/themes/nzbget/dark.css | 30 +- CSS/themes/nzbget/dracula.css | 30 +- CSS/themes/nzbget/hotline.css | 30 +- CSS/themes/nzbget/nzbget-base.css | 1326 +- CSS/themes/nzbget/organizr-dark.css | 30 +- CSS/themes/nzbget/plex.css | 30 +- CSS/themes/nzbget/space-gray.css | 30 +- CSS/themes/nzbhydra2/aquamarine.css | 32 +- CSS/themes/nzbhydra2/dark.css | 30 +- CSS/themes/nzbhydra2/dracula.css | 32 +- CSS/themes/nzbhydra2/hotline.css | 30 +- CSS/themes/nzbhydra2/nzbhydra2-base.css | 1164 +- CSS/themes/nzbhydra2/organizr-dark.css | 30 +- CSS/themes/nzbhydra2/plex.css | 30 +- CSS/themes/nzbhydra2/space-gray.css | 32 +- CSS/themes/ombi/aquamarine.css | 30 +- CSS/themes/ombi/dark.css | 32 +- CSS/themes/ombi/dracula.css | 32 +- CSS/themes/ombi/hotline.css | 30 +- CSS/themes/ombi/ombi-base.css | 1358 +- CSS/themes/ombi/organizr-dark.css | 32 +- CSS/themes/ombi/plex.css | 30 +- CSS/themes/ombi/space-gray.css | 32 +- CSS/themes/organizr/aquamarine.css | 52 +- CSS/themes/organizr/dark.css | 54 +- CSS/themes/organizr/dracula.css | 50 +- CSS/themes/organizr/hotline.css | 50 +- CSS/themes/organizr/organizr-base-old.css | 2730 +- CSS/themes/organizr/organizr-base.css | 5014 ++-- CSS/themes/organizr/plex.css | 50 +- CSS/themes/organizr/space-gray.css | 52 +- CSS/themes/petio/aquamarine.css | 30 +- CSS/themes/petio/dark.css | 30 +- CSS/themes/petio/dracula.css | 30 +- CSS/themes/petio/hotline.css | 30 +- CSS/themes/petio/organizr-dark.css | 30 +- CSS/themes/petio/petio-base.css | 1002 +- CSS/themes/petio/plex.css | 28 +- CSS/themes/petio/space-gray.css | 30 +- CSS/themes/pihole/aquamarine.css | 28 +- CSS/themes/pihole/dark.css | 28 +- CSS/themes/pihole/dracula.css | 28 +- CSS/themes/pihole/hotline.css | 28 +- CSS/themes/pihole/organizr-dark.css | 30 +- CSS/themes/pihole/pihole-base.css | 1182 +- CSS/themes/pihole/plex.css | 28 +- CSS/themes/pihole/space-gray.css | 28 +- CSS/themes/plex/aquamarine.css | 28 +- CSS/themes/plex/dark.css | 28 +- CSS/themes/plex/dracula.css | 28 +- CSS/themes/plex/hotline.css | 28 +- CSS/themes/plex/organizr-dark.css | 28 +- CSS/themes/plex/plex-base.css | 1320 +- CSS/themes/plex/space-gray.css | 28 +- CSS/themes/plpp/aquamarine.css | 42 +- CSS/themes/plpp/dark.css | 40 +- CSS/themes/plpp/hotline.css | 40 +- CSS/themes/plpp/organizr-dark.css | 40 +- CSS/themes/plpp/plex.css | 40 +- CSS/themes/plpp/plpp-base.css | 566 +- CSS/themes/plpp/space-gray.css | 42 +- CSS/themes/portainer/aquamarine.css | 30 +- CSS/themes/portainer/dark.css | 30 +- CSS/themes/portainer/dracula.css | 30 +- CSS/themes/portainer/hotline.css | 30 +- CSS/themes/portainer/organizr-dark.css | 30 +- CSS/themes/portainer/plex.css | 30 +- CSS/themes/portainer/portainer-base.css | 1422 +- CSS/themes/portainer/space-gray.css | 30 +- CSS/themes/prowlarr/aquamarine.css | 30 +- CSS/themes/prowlarr/dark.css | 30 +- CSS/themes/prowlarr/dracula.css | 32 +- CSS/themes/prowlarr/hotline.css | 30 +- CSS/themes/prowlarr/organizr-dark.css | 30 +- CSS/themes/prowlarr/plex.css | 30 +- CSS/themes/prowlarr/prowlarr-base.css | 2200 +- CSS/themes/prowlarr/space-gray.css | 30 +- CSS/themes/qbittorrent/aquamarine.css | 32 +- CSS/themes/qbittorrent/dark.css | 30 +- CSS/themes/qbittorrent/dracula.css | 30 +- CSS/themes/qbittorrent/hotline.css | 30 +- CSS/themes/qbittorrent/organizr-dark.css | 30 +- CSS/themes/qbittorrent/plex.css | 30 +- CSS/themes/qbittorrent/qbittorrent-base.css | 3610 +-- CSS/themes/qbittorrent/space-gray.css | 32 +- CSS/themes/radarr/aquamarine.css | 32 +- CSS/themes/radarr/dark.css | 30 +- CSS/themes/radarr/dracula.css | 28 +- CSS/themes/radarr/hotline.css | 30 +- CSS/themes/radarr/organizr-dark.css | 30 +- CSS/themes/radarr/plex.css | 30 +- CSS/themes/radarr/radarr-base.css | 2198 +- CSS/themes/radarr/radarrv2.css | 1278 +- CSS/themes/radarr/space-gray.css | 32 +- CSS/themes/readarr/aquamarine.css | 30 +- CSS/themes/readarr/dark.css | 30 +- CSS/themes/readarr/dracula.css | 30 +- CSS/themes/readarr/hotline.css | 30 +- CSS/themes/readarr/organizr-dark.css | 30 +- CSS/themes/readarr/plex.css | 30 +- CSS/themes/readarr/readarr-base.css | 2420 +- CSS/themes/readarr/space-gray.css | 30 +- CSS/themes/requestrr/aquamarine.css | 32 +- CSS/themes/requestrr/dark.css | 30 +- CSS/themes/requestrr/dracula.css | 32 +- CSS/themes/requestrr/hotline.css | 30 +- CSS/themes/requestrr/organizr-dark.css | 30 +- CSS/themes/requestrr/plex.css | 30 +- CSS/themes/requestrr/requestrr-base.css | 794 +- CSS/themes/requestrr/space-gray.css | 32 +- CSS/themes/resilio-sync/aquamarine.css | 30 +- CSS/themes/resilio-sync/dark.css | 30 +- CSS/themes/resilio-sync/dracula.css | 30 +- CSS/themes/resilio-sync/hotline.css | 30 +- CSS/themes/resilio-sync/organizr-dark.css | 30 +- CSS/themes/resilio-sync/plex.css | 30 +- CSS/themes/resilio-sync/resilio-sync-base.css | 1606 +- CSS/themes/resilio-sync/space-gray.css | 30 +- CSS/themes/rutorrent/aquamarine.css | 30 +- CSS/themes/rutorrent/dark.css | 30 +- CSS/themes/rutorrent/dracula.css | 30 +- CSS/themes/rutorrent/hotline.css | 30 +- CSS/themes/rutorrent/organizr-dark.css | 30 +- CSS/themes/rutorrent/plex.css | 30 +- CSS/themes/rutorrent/rutorrent-base.css | 3568 +-- CSS/themes/rutorrent/space-gray.css | 32 +- CSS/themes/sabnzbd/aquamarine.css | 30 +- CSS/themes/sabnzbd/dark.css | 30 +- CSS/themes/sabnzbd/dracula.css | 30 +- CSS/themes/sabnzbd/hotline.css | 30 +- CSS/themes/sabnzbd/organizr-dark.css | 30 +- CSS/themes/sabnzbd/plex.css | 30 +- CSS/themes/sabnzbd/sabnzbd-base.css | 2322 +- CSS/themes/sabnzbd/space-gray.css | 30 +- CSS/themes/sonarr/aquamarine.css | 28 +- CSS/themes/sonarr/dark.css | 30 +- CSS/themes/sonarr/dracula.css | 30 +- CSS/themes/sonarr/hotline.css | 28 +- CSS/themes/sonarr/organizr-dark.css | 28 +- CSS/themes/sonarr/plex.css | 28 +- CSS/themes/sonarr/sonarr-base.css | 2164 +- CSS/themes/sonarr/space-gray.css | 30 +- CSS/themes/synclounge/aquamarine.css | 32 +- CSS/themes/synclounge/dark.css | 30 +- CSS/themes/synclounge/hotline.css | 30 +- CSS/themes/synclounge/organizr-dark.css | 30 +- CSS/themes/synclounge/plex.css | 30 +- CSS/themes/synclounge/space-gray.css | 32 +- CSS/themes/synclounge/synclounge-base.css | 390 +- CSS/themes/tautulli/aquamarine.css | 30 +- CSS/themes/tautulli/dark.css | 30 +- CSS/themes/tautulli/dracula.css | 30 +- CSS/themes/tautulli/hotline.css | 30 +- CSS/themes/tautulli/organizr-dark.css | 30 +- CSS/themes/tautulli/plex.css | 30 +- CSS/themes/tautulli/space-gray.css | 30 +- CSS/themes/tautulli/tautulli-base.css | 1714 +- CSS/themes/thelounge/aquamarine.css | 60 +- CSS/themes/thelounge/dark.css | 58 +- CSS/themes/thelounge/hotline.css | 60 +- CSS/themes/thelounge/organizr-dark.css | 58 +- CSS/themes/thelounge/plex.css | 58 +- CSS/themes/thelounge/space-gray.css | 60 +- CSS/themes/thelounge/thelounge-base.css | 356 +- CSS/themes/transmission/aquamarine.css | 30 +- CSS/themes/transmission/dark.css | 30 +- CSS/themes/transmission/dracula.css | 30 +- CSS/themes/transmission/hotline.css | 30 +- CSS/themes/transmission/organizr-dark.css | 30 +- CSS/themes/transmission/plex.css | 30 +- CSS/themes/transmission/space-gray.css | 30 +- CSS/themes/transmission/transmission-base.css | 1962 +- CSS/themes/unraid/aquamarine.css | 30 +- CSS/themes/unraid/dark.css | 32 +- CSS/themes/unraid/dracula.css | 30 +- CSS/themes/unraid/hotline.css | 30 +- CSS/themes/unraid/organizr-dark.css | 30 +- CSS/themes/unraid/plex.css | 30 +- CSS/themes/unraid/space-gray.css | 30 +- CSS/themes/unraid/unraid-base.css | 1182 +- CSS/themes/uptime-kuma/uptime-kuma-base.css | 788 +- CSS/themes/vuetorrent/aquamarine.css | 28 +- CSS/themes/vuetorrent/dark.css | 28 +- CSS/themes/vuetorrent/dracula.css | 28 +- CSS/themes/vuetorrent/hotline.css | 28 +- CSS/themes/vuetorrent/organizr-dark.css | 28 +- CSS/themes/vuetorrent/plex.css | 28 +- CSS/themes/vuetorrent/space-gray.css | 28 +- CSS/themes/vuetorrent/vuetorrent-base.css | 982 +- CSS/themes/webtools/aquamarine.css | 52 +- CSS/themes/webtools/dark.css | 52 +- CSS/themes/webtools/hotline.css | 52 +- CSS/themes/webtools/organizr-dark.css | 52 +- CSS/themes/webtools/plex.css | 52 +- CSS/themes/webtools/space-gray.css | 52 +- CSS/themes/webtools/webtools-base.css | 782 +- CSS/themes/xbackbone/aquamarine.css | 28 +- CSS/themes/xbackbone/dark.css | 28 +- CSS/themes/xbackbone/dracula.css | 28 +- CSS/themes/xbackbone/hotline.css | 28 +- CSS/themes/xbackbone/organizr-dark.css | 28 +- CSS/themes/xbackbone/plex.css | 28 +- CSS/themes/xbackbone/space-gray.css | 28 +- CSS/themes/xbackbone/xbackbone-base.css | 914 +- CSS/variables/aquamarine.css | 60 +- CSS/variables/dark.css | 58 +- CSS/variables/dracula.css | 58 +- CSS/variables/hotline-old.css | 58 +- CSS/variables/hotline.css | 58 +- CSS/variables/hotpink.css | 60 +- CSS/variables/mind.css | 58 +- CSS/variables/onedark.css | 62 +- CSS/variables/organizr-dark.css | 58 +- CSS/variables/overseerr.css | 58 +- CSS/variables/plex.css | 62 +- CSS/variables/power.css | 58 +- CSS/variables/reality.css | 52 +- CSS/variables/soul.css | 58 +- CSS/variables/space-gray.css | 58 +- CSS/variables/space.css | 58 +- CSS/variables/time.css | 58 +- LICENSE | 42 +- README.md | 554 +- Resources/apply_theme.js | 102 +- Resources/landing-page/css/custom.css | 708 +- .../landing-page/css/jquery-bg-slideshow.css | 118 +- Resources/landing-page/css/styles.css | 22354 ++++++++-------- .../js/jquery-bg-slideshow-min.js | 12 +- .../landing-page/js/jquery-bg-slideshow.js | 764 +- Resources/landing-page/js/scripts.js | 184 +- docker-mods/bazarr/Dockerfile | 12 +- docker-mods/calibre-web/Dockerfile | 12 +- .../root/etc/cont-init.d/98-themepark | 78 +- docker-mods/deluge/Dockerfile | 10 +- .../deluge/root/etc/cont-init.d/98-themepark | 76 +- docker-mods/emby/Dockerfile | 10 +- .../emby/root/etc/cont-init.d/98-themepark | 78 +- docker-mods/jackett/Dockerfile | 10 +- .../jackett/root/etc/cont-init.d/98-themepark | 88 +- docker-mods/jellyfin/Dockerfile | 10 +- .../root/etc/cont-init.d/98-themepark | 76 +- docker-mods/lazylibrarian/Dockerfile | 10 +- .../root/etc/cont-init.d/98-themepark | 76 +- docker-mods/librespeed/Dockerfile | 10 +- .../root/etc/cont-init.d/98-themepark | 76 +- docker-mods/lidarr/Dockerfile | 10 +- docker-mods/nzbget/Dockerfile | 10 +- docker-mods/plex/Dockerfile | 12 +- .../plex/root/etc/cont-init.d/98-themepark | 98 +- docker-mods/prowlarr/Dockerfile | 12 +- docker-mods/qbittorrent/Dockerfile | 12 +- .../root/etc/cont-init.d/98-themepark | 234 +- docker-mods/radarr/Dockerfile | 12 +- docker-mods/readarr/Dockerfile | 10 +- docker-mods/rutorrent/Dockerfile | 10 +- .../root/etc/cont-init.d/98-themepark | 76 +- docker-mods/sabnzbd/Dockerfile | 10 +- .../sabnzbd/root/etc/cont-init.d/98-themepark | 98 +- docker-mods/sonarr/Dockerfile | 12 +- docker-mods/synclounge/Dockerfile | 10 +- .../root/etc/cont-init.d/98-themepark | 76 +- docker-mods/tautulli/Dockerfile | 10 +- .../root/etc/cont-init.d/98-themepark | 86 +- docker-mods/thelounge/Dockerfile | 10 +- .../root/etc/cont-init.d/98-themepark | 76 +- docker-mods/transmission/Dockerfile | 10 +- .../root/etc/cont-init.d/98-themepark | 76 +- docker-mods/vuetorrent/Dockerfile | 12 +- .../root/etc/cont-init.d/98-themepark | 264 +- index.html | 1110 +- themes.json | 1018 +- 518 files changed, 66693 insertions(+), 66693 deletions(-) diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md index 284da3a6..891a6fb9 100644 --- a/.github/CONTRIBUTING.md +++ b/.github/CONTRIBUTING.md @@ -1,29 +1,29 @@ -# Contributing to theme.park - -- If you want to discuss changes, you can also bring it up in our Discord server - -## New theme option - -- The current variables in use can be found in any of the CSS files in `/CSS/variables/` - -- New community contributed theme options will be placed in the `Community Themes` category on our docs page. - -- Community themes are not officially supported but as long as they follow the same variable structure as the other theme options it should look fine on all applications. - -- When contributing a new option, you must have example screeenshots of the theme being used. Preferrably at least 10 with the same image size. See examples on our [docs page](https://docs.theme-park.dev/community-themes/). - -### Specials - -Remember to also to change the variables in the the `Specials` section even if you dont use the application the variable refers to. - -- `--arr-queue-color` Please refrain from using an orange/yellowish color on the variable as its confusing from a UX standpoint as the "arrs" use that color range when something is wrong in the queue. - -## New application theme - -- When creating a new theme for an application please test multiple theme options to make sure it looks good on all options not just your favorite. - -- The PR must contain a screenshot of all the different theme options. Optionally you can also include screenshots with the community theme options. - -## Bug fixes - -- When submitting bugfixes please show a before and after screenshot of the fix, and a description of what the fix does. +# Contributing to theme.park + +- If you want to discuss changes, you can also bring it up in our Discord server + +## New theme option + +- The current variables in use can be found in any of the CSS files in `/CSS/variables/` + +- New community contributed theme options will be placed in the `Community Themes` category on our docs page. + +- Community themes are not officially supported but as long as they follow the same variable structure as the other theme options it should look fine on all applications. + +- When contributing a new option, you must have example screeenshots of the theme being used. Preferrably at least 10 with the same image size. See examples on our [docs page](https://docs.theme-park.dev/community-themes/). + +### Specials + +Remember to also to change the variables in the the `Specials` section even if you dont use the application the variable refers to. + +- `--arr-queue-color` Please refrain from using an orange/yellowish color on the variable as its confusing from a UX standpoint as the "arrs" use that color range when something is wrong in the queue. + +## New application theme + +- When creating a new theme for an application please test multiple theme options to make sure it looks good on all options not just your favorite. + +- The PR must contain a screenshot of all the different theme options. Optionally you can also include screenshots with the community theme options. + +## Bug fixes + +- When submitting bugfixes please show a before and after screenshot of the fix, and a description of what the fix does. diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml index 8c99c7f8..69860a66 100644 --- a/.github/FUNDING.yml +++ b/.github/FUNDING.yml @@ -1,3 +1,3 @@ -# These are supported funding model platforms - -github: GilbN +# These are supported funding model platforms + +github: GilbN diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md index 95282c3b..0108e93a 100644 --- a/.github/ISSUE_TEMPLATE/bug_report.md +++ b/.github/ISSUE_TEMPLATE/bug_report.md @@ -1,49 +1,49 @@ ---- -name: Bug report -about: Create a report to help us improve -title: '' -labels: 'bug' -assignees: '' - ---- - -**Describe the bug** -A clear and concise description of what the bug is. - -**Theme Install Method** (Don't skip) -- Docker run / Compose Config -- Webserver subfilter Config -- Stylus Config - -**Application Info** (Don't skip) -- Version -- Branch -- Container - -**To Reproduce** -Steps to reproduce the behavior: -1. Go to '...' -2. Click on '....' -3. Scroll down to '....' -4. See error - -**Expected behavior** -A clear and concise description of what you expected to happen. - -**Screenshots** -If applicable, add screenshots to help explain your problem. - - -**Desktop (If applicable) (please complete the following information):** - - OS: [e.g. iOS] - - Browser [e.g. chrome, safari] - - Version [e.g. 22] - -**Smartphone (If applicable) (please complete the following information):** - - Device: [e.g. iPhone6] - - OS: [e.g. iOS8.1] - - Browser [e.g. stock browser, safari] - - Version [e.g. 22] - -**Additional context** -Add any other context about the problem here. +--- +name: Bug report +about: Create a report to help us improve +title: '' +labels: 'bug' +assignees: '' + +--- + +**Describe the bug** +A clear and concise description of what the bug is. + +**Theme Install Method** (Don't skip) +- Docker run / Compose Config +- Webserver subfilter Config +- Stylus Config + +**Application Info** (Don't skip) +- Version +- Branch +- Container + +**To Reproduce** +Steps to reproduce the behavior: +1. Go to '...' +2. Click on '....' +3. Scroll down to '....' +4. See error + +**Expected behavior** +A clear and concise description of what you expected to happen. + +**Screenshots** +If applicable, add screenshots to help explain your problem. + + +**Desktop (If applicable) (please complete the following information):** + - OS: [e.g. iOS] + - Browser [e.g. chrome, safari] + - Version [e.g. 22] + +**Smartphone (If applicable) (please complete the following information):** + - Device: [e.g. iPhone6] + - OS: [e.g. iOS8.1] + - Browser [e.g. stock browser, safari] + - Version [e.g. 22] + +**Additional context** +Add any other context about the problem here. diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md index 33ec18e1..d7195d76 100644 --- a/.github/pull_request_template.md +++ b/.github/pull_request_template.md @@ -1,35 +1,35 @@ - - -[themeparkurl]: https://theme-park.dev -[![theme-park.dev](https://github.com/GilbN/theme.park/blob/master/banners/tp_banner.png)][themeparkurl] - - - - - - - - - ------------------------------- - - - [ ] I have read the [contributing](https://github.com/GilbN/theme.park/blob/master/.github/CONTRIBUTING.md) guideline and understand that I have made the correct modifications - ------------------------------- - - - -## Description: - - - -## Benefits of this PR and context: - - -## How Has This Been Tested? - - - - -## Source / References: + + +[themeparkurl]: https://theme-park.dev +[![theme-park.dev](https://github.com/GilbN/theme.park/blob/master/banners/tp_banner.png)][themeparkurl] + + + + + + + + + +------------------------------ + + - [ ] I have read the [contributing](https://github.com/GilbN/theme.park/blob/master/.github/CONTRIBUTING.md) guideline and understand that I have made the correct modifications + +------------------------------ + + + +## Description: + + + +## Benefits of this PR and context: + + +## How Has This Been Tested? + + + + +## Source / References: \ No newline at end of file diff --git a/.github/workflows/auto-build.yml b/.github/workflows/auto-build.yml index 3b22f959..0bf35594 100644 --- a/.github/workflows/auto-build.yml +++ b/.github/workflows/auto-build.yml @@ -1,71 +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 +name: autobuildallthemods +on: + push: + branches: + - master + paths: + - 'docker-mods/**' +jobs: + push_to_ghcr_io: + runs-on: ubuntu-latest + steps: + - name: checkout + uses: actions/checkout@v2 + with: + fetch-depth: 0 + - name: get changed files + id: getfile + run: | + echo "::set-output name=files::$(git diff-tree --no-commit-id --name-only -r ${{ github.sha }}| xargs)" + - name: Login to GitHub Container Registry + uses: docker/login-action@v1 + with: + registry: ghcr.io + username: ${{ github.repository_owner }} + password: ${{ secrets.GH_PAT }} + - name: find correct directory then build&push + run: | + for i in ${{ steps.getfile.outputs.files }} + do + directory="$( echo $i | cut -d'/' -f2 -s )" + if [ -z "$directory" ]; then + continue # Skip root dir + elif [ "$i" == *.md ]; then + continue # Skip markdown files + elif [ "$i" == *.yml ]; then + continue # Skip YAML files + fi + docker build docker-mods/$directory --tag ghcr.io/gilbn/theme.park:$directory + docker push ghcr.io/gilbn/theme.park:$directory + done + push_to_dockerhub: + runs-on: ubuntu-latest + steps: + - name: checkout + uses: actions/checkout@v2 + with: + fetch-depth: 0 + - name: get changed files + id: getfile + run: | + echo "::set-output name=files::$(git diff-tree --no-commit-id --name-only -r ${{ github.sha }}| xargs)" + - name: Login to Docker Hub + uses: docker/login-action@v1 + with: + username: ${{ secrets.DH_USER }} + password: ${{ secrets.DOCKERHUB_TOKEN }} + - name: find correct directory then build&push + run: | + for i in ${{ steps.getfile.outputs.files }} + do + directory="$( echo $i | cut -d'/' -f2 -s )" + if [ -z "$directory" ]; then + continue # Skip root dir + elif [ "$i" == *.md ]; then + continue # Skip markdown files + elif [ "$i" == *.yml ]; then + continue # Skip YAML files + fi + docker build docker-mods/$directory --tag gilbn/theme.park:$directory + docker push gilbn/theme.park:$directory done \ No newline at end of file diff --git a/.github/workflows/minify-and-deploy.yml b/.github/workflows/minify-and-deploy.yml index 5bbb2be6..1eac8f55 100644 --- a/.github/workflows/minify-and-deploy.yml +++ b/.github/workflows/minify-and-deploy.yml @@ -1,63 +1,63 @@ -name: Minify CSS and deploy to live branch -on: - push: - branches: - - master - paths-ignore: - - 'docker-mods/**' - - '.github/**' - - '.vscode/**' -jobs: - deploy: - runs-on: ubuntu-latest - steps: - - uses: actions/checkout@v2 - with: - fetch-depth: 0 - - name: Wrong domain check - run: | - echo "$(git diff-tree --no-commit-id --name-only -r ${{ github.sha }})" - if git grep -q -E ${{ secrets.DOMAIN }} -- *.css; then - echo "Game over man!" - exit 1 - fi - - name: Set up Python ${{ matrix.python-version }} - uses: actions/setup-python@v2 - - name: create themes.json - run: | - python themes.py - git config user.name github-actions - git config user.email github-actions@github.com - git add . - git commit -m "themes.json" || echo "Ignore commit failure, proceed" - git push || echo "Ignore push failure, proceed" - - name: Minify CSS - run: | - sudo npm install -g minify - sudo apt-get update - sudo apt-get -y install moreutils - - minify_file(){ - directory=$1 - basename=$(basename $directory); - extension="${basename##*.}" - output="${directory%/*}/" - filename="${basename%.*}" - output_path="${output}${filename}.${extension}" - minify ${directory} | sponge ${output_path} - echo "Minified ${directory} > ${output_path}" - } - - find ./CSS -type f -iname *base.css | while read fname - do - if [[ "$fname" != *"min."* ]]; then - minify_file $fname - fi - done - - name: Deploy - uses: peaceiris/actions-gh-pages@v3 - if: ${{ github.ref == 'refs/heads/master' }} - with: - publish_dir: ./ - publish_branch: live +name: Minify CSS and deploy to live branch +on: + push: + branches: + - master + paths-ignore: + - 'docker-mods/**' + - '.github/**' + - '.vscode/**' +jobs: + deploy: + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v2 + with: + fetch-depth: 0 + - name: Wrong domain check + run: | + echo "$(git diff-tree --no-commit-id --name-only -r ${{ github.sha }})" + if git grep -q -E ${{ secrets.DOMAIN }} -- *.css; then + echo "Game over man!" + exit 1 + fi + - name: Set up Python ${{ matrix.python-version }} + uses: actions/setup-python@v2 + - name: create themes.json + run: | + python themes.py + git config user.name github-actions + git config user.email github-actions@github.com + git add . + git commit -m "themes.json" || echo "Ignore commit failure, proceed" + git push || echo "Ignore push failure, proceed" + - name: Minify CSS + run: | + sudo npm install -g minify + sudo apt-get update + sudo apt-get -y install moreutils + + minify_file(){ + directory=$1 + basename=$(basename $directory); + extension="${basename##*.}" + output="${directory%/*}/" + filename="${basename%.*}" + output_path="${output}${filename}.${extension}" + minify ${directory} | sponge ${output_path} + echo "Minified ${directory} > ${output_path}" + } + + find ./CSS -type f -iname *base.css | while read fname + do + if [[ "$fname" != *"min."* ]]; then + minify_file $fname + fi + done + - name: Deploy + uses: peaceiris/actions-gh-pages@v3 + if: ${{ github.ref == 'refs/heads/master' }} + with: + publish_dir: ./ + publish_branch: live github_token: ${{ secrets.GITHUB_TOKEN }} \ No newline at end of file diff --git a/.nojekyll b/.nojekyll index 8b137891..d3f5a12f 100644 --- a/.nojekyll +++ b/.nojekyll @@ -1 +1 @@ - + diff --git a/CSS/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css b/CSS/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css index 46198c7f..81c8e54d 100644 --- a/CSS/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css +++ b/CSS/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css @@ -1,35 +1,35 @@ -/* Desktop */ -@media (min-width: 752px) { - .header-icon.px-3.m-0.d-none.d-md-block img { - display: none !important; - } - .header-icon.px-3.m-0.d-none.d-md-block:before { - background-image: url("https://theme-park.dev/CSS/addons/bazarr/bazarr-4k-logo/bazarr4k.png"); - display: inline-block; - width: 32px; - height: 32px; - content:""; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - } -} - -/* Mobile */ -@media (max-width: 767px) { - .sidebar-title.d-flex.align-items-center.d-md-none.container img { - display: none !important; - } - .sidebar-title.d-flex.align-items-center.d-md-none.container:before { - background-image: url("https://theme-park.dev/CSS/addons/bazarr/bazarr-4k-logo/bazarr4k.png"); - display: inline-block; - width: 32px; - height: 32px; - content:""; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - } -} +/* Desktop */ +@media (min-width: 752px) { + .header-icon.px-3.m-0.d-none.d-md-block img { + display: none !important; + } + .header-icon.px-3.m-0.d-none.d-md-block:before { + background-image: url("https://theme-park.dev/CSS/addons/bazarr/bazarr-4k-logo/bazarr4k.png"); + display: inline-block; + width: 32px; + height: 32px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + } +} + +/* Mobile */ +@media (max-width: 767px) { + .sidebar-title.d-flex.align-items-center.d-md-none.container img { + display: none !important; + } + .sidebar-title.d-flex.align-items-center.d-md-none.container:before { + background-image: url("https://theme-park.dev/CSS/addons/bazarr/bazarr-4k-logo/bazarr4k.png"); + display: inline-block; + width: 32px; + height: 32px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + } +} diff --git a/CSS/addons/bazarr/bazarr-darker/bazarr-darker.css b/CSS/addons/bazarr/bazarr-darker/bazarr-darker.css index 96d03ac3..29ece53b 100644 --- a/CSS/addons/bazarr/bazarr-darker/bazarr-darker.css +++ b/CSS/addons/bazarr/bazarr-darker/bazarr-darker.css @@ -1,65 +1,65 @@ -:root { - --main-bg-color: #313544; - - --modal-bg-color: #252833; - --modal-header-color: #252833; - --modal-footer-color: #252833; - - --drop-down-menu-bg: #252833; - - --button-color: #911f93; - --button-color-hover: #721873; - --button-text: #eee; - --button-text-hover: #fff; - - --accent-color: 145, 31, 147; - --accent-color-hover: rgb(var(--accent-color), .8); - --link-color: #b828bb; - --link-color-hover: #911f93; - --label-text-color: #eee; - - --text: #ccc; - --text-hover: #fff; - --text-muted: #999; - - /*Specials*/ - --arr-queue-color: #6c757d; - --side-menu-active: #252833; - --side-menu-color: #3a3f51; - --side-menu-link-color: #fff; - --scroller-hover: #606060; - --scroller: #707070; - --border-color: #606060; - --label-color: #911f93; - --label-info: #5d9cec; - --header-color: #911f93; -} - -/* HEADER */ -.header-container .bg-primary { - background-color: var(--header-color) !important; -} - -/* SIDE MENU */ -.sidebar-container { - background-color: var(--side-menu-color) !important; - color: white !important; -} - -.sidebar-container .sidebar-button { - color: var(--side-menu-link-color) !important; -} - -.sidebar-container .sidebar-button { - background-color: var(--side-menu-color) !important; -} -.sidebar-container .sidebar-button.sb-active, .sidebar-container .sidebar-button.sb-active:hover { - color: var(--side-menu-link-color) !important; - background-color: var(--side-menu-active) !important; -} - - -.sidebar-container .sidebar-button:hover { - background-color: var(--side-menu-active) !important; - color: var(--side-menu-link-color) !important; +:root { + --main-bg-color: #313544; + + --modal-bg-color: #252833; + --modal-header-color: #252833; + --modal-footer-color: #252833; + + --drop-down-menu-bg: #252833; + + --button-color: #911f93; + --button-color-hover: #721873; + --button-text: #eee; + --button-text-hover: #fff; + + --accent-color: 145, 31, 147; + --accent-color-hover: rgb(var(--accent-color), .8); + --link-color: #b828bb; + --link-color-hover: #911f93; + --label-text-color: #eee; + + --text: #ccc; + --text-hover: #fff; + --text-muted: #999; + + /*Specials*/ + --arr-queue-color: #6c757d; + --side-menu-active: #252833; + --side-menu-color: #3a3f51; + --side-menu-link-color: #fff; + --scroller-hover: #606060; + --scroller: #707070; + --border-color: #606060; + --label-color: #911f93; + --label-info: #5d9cec; + --header-color: #911f93; +} + +/* HEADER */ +.header-container .bg-primary { + background-color: var(--header-color) !important; +} + +/* SIDE MENU */ +.sidebar-container { + background-color: var(--side-menu-color) !important; + color: white !important; +} + +.sidebar-container .sidebar-button { + color: var(--side-menu-link-color) !important; +} + +.sidebar-container .sidebar-button { + background-color: var(--side-menu-color) !important; +} +.sidebar-container .sidebar-button.sb-active, .sidebar-container .sidebar-button.sb-active:hover { + color: var(--side-menu-link-color) !important; + background-color: var(--side-menu-active) !important; +} + + +.sidebar-container .sidebar-button:hover { + background-color: var(--side-menu-active) !important; + color: var(--side-menu-link-color) !important; } \ No newline at end of file diff --git a/CSS/addons/lidarr/lidarr-darker/lidarr-darker.css b/CSS/addons/lidarr/lidarr-darker/lidarr-darker.css index 16c08f6c..fc479d22 100644 --- a/CSS/addons/lidarr/lidarr-darker/lidarr-darker.css +++ b/CSS/addons/lidarr/lidarr-darker/lidarr-darker.css @@ -1,117 +1,117 @@ -:root { - --main-bg-color: #454545; - - --modal-bg-color: #353535; - --modal-header-color: #353535; - --modal-footer-color: #353535; - - --drop-down-menu-bg: #4d8069; - - --button-color: #5899eb; - --button-color-hover: #4b91ea; - --button-text: #eee; - --button-text-hover: #fff; - - --accent-color: 0, 166, 91; - --accent-color-hover: rgb(0, 166, 91, .8); - --link-color: rgb(0, 166, 91); - --link-color-hover: rgb(0, 166, 91, .8); - --label-text-color: #eee; - - --text: #ccc; - --text-hover: #fff; - --text-muted: #999; - - /*Specials*/ - --arr-queue-color: #00a65b; - --side-menu-active: #252525; - --scroller-hover: #606060; - --scroller: #707070; - --border-color: #606060; - --label-color: #1d563d; - --label-info: #5d9cec; - --header-color: #00a65b; - --side-menu-color: #353535; -} - -/* HEADER */ - -[class*="PageHeader-header-"] { - background-color: var(--header-color); - color: #fff; -} - -[class*="PageToolbar-toolbar-"] { - background-color: #1d563d; - color: #e1e2e3; -} - -/* SIDE MENU */ - -[class*="PageSidebar-sidebar-"] { - background-color: #353535; - color: #fff; -} - -[class*=PageSidebarItem-link-]:focus { - color: rgb(var(--accent-color)) !important; -} - -[class*=PageSidebarItem-isActiveLink-] { - color: var(--link-color) !important; -} - -[class*=PageSidebarItem-isActiveParentLink-] { - background-color: var(--side-menu-active); -} - -/* SCROLLER */ - -[class*=OverlayScroller-thumb-]:hover { - background-color: var(--scroller-hover) !important; -} - -[class*="OverlayScroller-thumb-"], -[class*=Scroller-scroller-]::-webkit-scrollbar-thumb { - background-color: var(--scroller) !important; -} - -/* MODALS */ - -[class*=ModalHeader-modalHeader-], -[class*=FieldSet-legend-] { - border-bottom: 1px solid var(--border-color); -} - -[class*=ModalFooter-modalFooter-] { - border-top: 1px solid var(--border-color); -} - -/* LABLES */ - -[class*="Label-default-"] { - border-color: var(--label-color); - background-color: var(--label-color); - color: white; -} - -[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) { - border-color: var(--label-info); - background-color: var(--label-info); - color: #fff; -} - -/* SETTINGS */ - -[class*=Settings-link-] { - border-bottom: 1px solid var(--border-color); -} - -/* SEARCH DROP DOWN */ - -[class*=ArtistSearchInput-containerOpen-] [class*=ArtistSearchInput-artistContainer-] { - border: 1px solid var(--main-bg-color); - background-color: var(--main-bg-color); - box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); - color: #e1e2e3; +:root { + --main-bg-color: #454545; + + --modal-bg-color: #353535; + --modal-header-color: #353535; + --modal-footer-color: #353535; + + --drop-down-menu-bg: #4d8069; + + --button-color: #5899eb; + --button-color-hover: #4b91ea; + --button-text: #eee; + --button-text-hover: #fff; + + --accent-color: 0, 166, 91; + --accent-color-hover: rgb(0, 166, 91, .8); + --link-color: rgb(0, 166, 91); + --link-color-hover: rgb(0, 166, 91, .8); + --label-text-color: #eee; + + --text: #ccc; + --text-hover: #fff; + --text-muted: #999; + + /*Specials*/ + --arr-queue-color: #00a65b; + --side-menu-active: #252525; + --scroller-hover: #606060; + --scroller: #707070; + --border-color: #606060; + --label-color: #1d563d; + --label-info: #5d9cec; + --header-color: #00a65b; + --side-menu-color: #353535; +} + +/* HEADER */ + +[class*="PageHeader-header-"] { + background-color: var(--header-color); + color: #fff; +} + +[class*="PageToolbar-toolbar-"] { + background-color: #1d563d; + color: #e1e2e3; +} + +/* SIDE MENU */ + +[class*="PageSidebar-sidebar-"] { + background-color: #353535; + color: #fff; +} + +[class*=PageSidebarItem-link-]:focus { + color: rgb(var(--accent-color)) !important; +} + +[class*=PageSidebarItem-isActiveLink-] { + color: var(--link-color) !important; +} + +[class*=PageSidebarItem-isActiveParentLink-] { + background-color: var(--side-menu-active); +} + +/* SCROLLER */ + +[class*=OverlayScroller-thumb-]:hover { + background-color: var(--scroller-hover) !important; +} + +[class*="OverlayScroller-thumb-"], +[class*=Scroller-scroller-]::-webkit-scrollbar-thumb { + background-color: var(--scroller) !important; +} + +/* MODALS */ + +[class*=ModalHeader-modalHeader-], +[class*=FieldSet-legend-] { + border-bottom: 1px solid var(--border-color); +} + +[class*=ModalFooter-modalFooter-] { + border-top: 1px solid var(--border-color); +} + +/* LABLES */ + +[class*="Label-default-"] { + border-color: var(--label-color); + background-color: var(--label-color); + color: white; +} + +[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) { + border-color: var(--label-info); + background-color: var(--label-info); + color: #fff; +} + +/* SETTINGS */ + +[class*=Settings-link-] { + border-bottom: 1px solid var(--border-color); +} + +/* SEARCH DROP DOWN */ + +[class*=ArtistSearchInput-containerOpen-] [class*=ArtistSearchInput-artistContainer-] { + border: 1px solid var(--main-bg-color); + background-color: var(--main-bg-color); + box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); + color: #e1e2e3; } \ No newline at end of file diff --git a/CSS/addons/organizr/glass/glass-base.css b/CSS/addons/organizr/glass/glass-base.css index 1a42d43c..056e0c4e 100644 --- a/CSS/addons/organizr/glass/glass-base.css +++ b/CSS/addons/organizr/glass/glass-base.css @@ -1,861 +1,861 @@ -/* Set the Organizr theme to either Aquamarine or Hotline */ -/* Import the glass-base.css and root variables in the Custom Theme CSS box like below */ -/* -@import "https://theme-park.dev/CSS/themes/organizr/organizr-base-old.css" -@import "https://theme-park.dev/CSS/addons/organizr/glass-base.css"; -:root { - --main-bg-color: url(https://domain.com/your/hosted/wallpaper.jpg) center center/cover no-repeat fixed; - --mobile-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; - - --link-color: #fff; - --custom-buttons-color: radial-gradient(ellipse at center, #3F51B5 0%, #009688 100%) center center/cover no-repeat fixed; - --hompage-item-hover: radial-gradient(ellipse at center, rgba(0, 150, 136, 0.33) 0%, #b53f3f73 100%) center center/cover no-repeat fixed; - --notification-box-line: #000; - - --div-background-color-10: rgba(0, 0, 0, 0.15); - --div-background-color-15: rgba(0, 0, 0, 0.25); - --div-background-color-25: rgba(0, 0, 0, 0.35); - --div-background-color-35: rgba(0, 0, 0, 0.45); -} - -*/ - -/* Replace the variables if you have a dark background */ -/* Light colors for dark backgrounds */ -/* - --div-background-color-10: rgba(255, 255, 255, 0.1); - --div-background-color-15: rgba(255, 255, 255, 0.15); - --div-background-color-25: rgba(255, 255, 255, 0.25); - --div-background-color-35: rgba(255, 255, 255, 0.35); -*/ -/* Dark blur colors for bright backgrounds */ -/* - --div-background-color-10: rgba(0, 0, 0, 0.15); - --div-background-color-15: rgba(0, 0, 0, 0.25); - --div-background-color-25: rgba(0, 0, 0, 0.35); - --div-background-color-35: rgba(0, 0, 0, 0.45); - -*/ - -/*Settings */ - -.feeds li>div i { - color: black !important; -} - -.row-in i { - font-size: 24px; - color: black; -} - -.profile-social-icons a { - color: #eee; -} - -.btn-info.btn-outline { - color: #eee !important; -} - -.btn-info.btn-outline:hover { - background: var(--div-background-color-15); - color: #fff; -} - -.content-wrap { - background: var(--div-background-color-15) !important; - border-radius: 0 0 15px 15px; -} - -.content-wrap section.content-current { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - background: rgba(0, 0, 0, 0); - border-radius: 0 0 15px 15px; -} - -.panel-blue .panel-heading, -.panel-info .panel-heading { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - background: transparent; - -} - -.panel .table { - background: transparent !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - -} - -.sttabs nav ul { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - border-radius: 15px 15px 0 0; - -} - -.sttabs nav { - background: var(--div-background-color-25); - border-radius: 15px 15px 0 0; -} - -#settings-main-system-settings-anchor>.sttabs nav ul li { - border-radius: 15px; -} - -.tab-content>.active { - background: transparent; -} - -.bg-title { - background: var(--div-background-color-10); - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - -} - -.white-box { - background: transparent; -} - -.white-popup-block { - background: var(--div-background-color-10) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); -} - -.user-bg { - border-top-left-radius: 15px; - border-top-right-radius: 15px; -} - -#internal-Settings .nav-tabs>li.active>a, -.nav-tabs>li.active>a:hover { - padding-top: 10px; -} - -/* Nav bar -.navbar-header { - background: transparent !important; -} -*/ -@media (min-width: 768px) { - .navbar-static-top { - background: var(--main-bg) !important; - } -} - -/* Dropdown */ -.dropdown-menu { - background: var(--div-background-color-25); - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - -} - -.open>.dropdown-menu { - display: block; - border-radius: 15px; -} - -.navbar-top-links .dropdown-user { - border-radius: 15px; -} - -#plexRecent .recent-filter { - background: var(--div-background-color-25) !important; - border-radius: 15px; -} - -/* Side bar */ -.sidebar { - background: var(--div-background-color-15) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - box-shadow: none; - -} - -.sidebar-head { - background: transparent !important; -} - -/*Calendar */ -.fc-toolbar { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - background: var(--div-background-color-15) !important; - -} - -.fc-view { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - background: var(--div-background-color-15) !important; - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; -} - -.fc-popover { - background: var(--div-background-color-25); - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - -} - -#homepageOrdercalendar .fc-toolbar { - border-top-left-radius: 15px; - border-top-right-radius: 15px; - -} - -.fc-row, -.fc-unthemed { - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; -} - -/* Calendar mobile*/ -.fc th.fc-widget-header { - padding-left: 5px; -} - -/*Error page */ -.error-body { - padding-top: 15%; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - height: -webkit-fill-available; - margin-top: -10%; - -} - - -/* notify - popup */ -.iziToast.update-notify.iziToast-layout2, -.iziToast.success-notify.iziToast-layout2 { - border: none; - background: var(--div-background-color-25) !important; - border-bottom: transparent; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - -} - -.iziToast.warning-notify.iziToast-layout2 { - background: var(--div-background-color-25); - border: 1px solid transparent; - border-bottom: transparent; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - -} - -.iziToast:after { - background: transparent !important; -} - -.mfp-container { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - -} - -.mfp-zoom-out.mfp-ready.mfp-bg { - opacity: 1 !important; - background: var(--main-bg-color) !important; -} - -.mfp-wrap { - background: var(--main-bg-color); -} - -.main-email-panel .panel-body { - background: var(--div-background-color-25) !important; - border-bottom-right-radius: 15px !important; - border-bottom-left-radius: 15px !important; -} - -.white-popup-block { - background: var(--div-background-color-25) !important; -} - -.white-popup .panel-footer { - background: var(--div-background-color-25); - border-top: 1px solid #fff; - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; -} - -.panel>.table-responsive:last-child>.table:last-child, -.panel>.table:last-child { - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; -} - -/* Homepage downloader */ - -#homepageOrderdownloader { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - background: var(--div-background-color-15); - padding: 10px; - border-radius: 15px; - -} - -#homepageOrderdownloader .nav-tabs>li.active>a, -.nav-tabs>li.active>a:hover { - padding-top: 14px; -} - -#homepageOrderdownloader .nav-tabs>li>a { - padding-top: 14px; -} - -/* Homepage card */ -.nowPlayingItem>.white-box>.el-card-item { - background: var(--div-background-color-15) !important; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - border-radius: 15px; - -} - -.active-tab-Homepage .white-popup .panel-body, -.white-popup>.col-md-6>.white-box:nth-child(2) { - background: var(--div-background-color-25) !important; - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; -} - -#plexStreams .el-element-overlay .el-card-item .el-overlay-1 img, -#plexStreams .el-element-overlay:hover .el-card-item:hover .el-overlay-1:hover img:hover { - border-top-right-radius: 15px; - border-top-left-radius: 15px; -} - -.el-element-overlay .el-card-item .el-overlay-1 { - border-top-right-radius: 15px; - border-top-left-radius: 15px; -} - -.el-element-overlay .el-card-item .el-overlay { - border-top-right-radius: 15px; - border-top-left-radius: 15px; -} - -.white-popup .panel-heading, -.white-popup>.col-md-6>.white-box:first-child { - background: var(--div-background-color-25) !important; - border-top-right-radius: 15px; - border-top-left-radius: 15px; -} - - -.label-info { - background: var(--div-background-color-25); -} - -#plexRecent, -#homepageOrderplexplaylist, -#homepageOrdercalendar, -#homepageOrderembyrecent, -#ombi-requests, -#homepageOrderdeluge, -#homepageOrdernzbget, -#homepageOrdertransmission, -#homepageOrderrTorrent, -#homepageOrderjdownloader, -#homepageOrdersabnzbd, -#homepageOrderqBittorrent { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - background: var(--div-background-color-15); - margin: 5px; - border-radius: 15px; - -} - -.bg-info { - background-color: transparent !important; -} - -/* Health checks */ -.card-body { - background: var(--div-background-color-25) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - -} - -.bg-inverse .healthPosition { - background: var(--div-background-color-25) !important; - -webkit-backdrop-filter: saturate(180%) blur(30px); - backdrop-filter: saturate(180%) blur(30px); - -} - -/* Unifi cards */ -.unifiCards .panel-wrapper.collapse.in { - background: var(--div-background-color-15); - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; - -} - -.unifiCards .panel-heading { - background: var(--div-background-color-35) !important; - color: #fff !important; - border-color: transparent !important; - text-align: inherit !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - border-top-left-radius: 15px; - border-top-right-radius: 15px; - border-bottom: 0px; -} - -.unifiCards .panel-warning .panel-heading, -.unifiCards .panel-success .panel-heading { - border-top-left-radius: 15px; - border-top-right-radius: 15px; - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; -} - -#allUnifi .unifiCards .panel .panel-warning { - border-radius: 15px !important; - -} - -.unifiCards .ti-close:before { - content: "\f111"; - font-family: FontAwesome; - font-size: 20px; - color: rgba(255, 69, 58, 1); -} - -.unifiCards .ti-minus:before { - content: "\f111"; - font-family: FontAwesome; - font-size: 20px; - color: rgba(255, 204, 0, 1); -} - -.unifiCards .ti-plus:before { - content: "\f111"; - font-family: FontAwesome; - font-size: 20px; - color: rgba(40, 205, 65, 1); -} - -/* Weather boxes */ -#homepageOrderWeatherAndAir .col-lg-2 .white-box, -#homepageOrderWeatherAndAir>div:nth-child(1)>div.col-lg-4.col-sm-12.col-xs-12>div, -#homepageOrderWeatherAndAir>div:nth-child(2)>div.col-lg-4.col-sm-12.col-xs-12>div { - background: var(--div-background-color-25) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px) -} - -/* Custom HTML */ -#homepageOrdercustomhtmlTwo, -#homepageOrdercustomhtml { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - background: var(--div-background-color-15); - border-radius: 15px; - padding-left: 10px; - padding-right: 10px; - margin-bottom: 5px; -} - -/* Invite */ -#invite-area .bg-org { - background: var(--div-background-color-15) !important; - border-radius: 15px; -} - -#new-invite-area .white-popup .panel-body, -#new-invite-area .white-popup>.col-md-6>.white-box:nth-child(2) { - background: var(--div-background-color-15) !important; - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; -} - -.white-popup .panel-body, -.white-popup>.col-md-6>.white-box:nth-child(2) { - background: var(--div-background-color-15) !important; - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; - -webkit-backdrop-filter: blur(10px) !important; - backdrop-filter: blur(10px) !important; -} - -/* Email users */ -.email-div .panel-body { - border-radius: 0px !important; -} - -/* Speedtest popup */ - -#speedtest-area .white-popup .panel-footer { - background: var(--div-background-color-25) !important; - border-bottom-right-radius: 15px; - border-bottom-left-radius: 15px; -} - -#speedtest-area .white-popup .panel-body, -#speedtest-area .white-popup>.col-md-6>.white-box:nth-child(2) { - border-bottom-right-radius: 0px !important; - border-bottom-left-radius: 0px !important; -} - -/* Modal */ -.modal-content, -.modal-header, -.modal-footer, -.modal-body { - background: var(--div-background-color-10) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - border-color: transparent; -} - -.modal-body { - border-bottom-left-radius: 15px; - border-bottom-right-radius: 15px; -} - -.modal-header { - border-top-left-radius: 15px; - border-top-right-radius: 15px; -} - -.modal-open .modal { - background: var(--main-bg-color); -} - -.modal-content { - border-radius: 15px; - box-shadow: none; -} - -/* loginpage sidemenu */ -@media (max-width: 480px) { - #wrapper .login-register>.login-box>.white-box { - background: transparent !important; - margin-top: auto !important; - width: 100% !important; - -webkit-backdrop-filter: blur(0px) !important; - backdrop-filter: blur(0px) !important; - - - } -} - -@media (max-width: 480px) { - .login-box.login-sidebar { - background: var(--div-background-color-15) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - - } -} - -/* logo */ -.white-box .visible-xs { - display: block !important; -} - -.loginLogo { - border: 0; - margin-top: -60%; - transform: translateY(-10%); -} - -@media (max-width: 480px) { - .loginLogo { - margin-top: -10% !important; - } -} - -.blockUI { - opacity: 1 !important; - background-color: transparent !important; -} - -.blockMsg { - background: rgba(0, 0, 0, 0.9) !important; - border: none !important; -} - -.login-register>.login-box>.white-box { - background: var(--div-background-color-25) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - border-radius: 15px; - -webkit-box-shadow: none; - box-shadow: none; -} - - -.login-register { - - height: 100%; - position: fixed; -} - -.slideInRight { - -webkit-animation-name: none; - animation-name: none; -} - -.login-register .login-box .white-box .bg-org { - background-color: transparent !important; -} - -/*2FA login button*/ -.panel-wrapper .panel-body>.btn-warning, -.btn-warning.disabled { - background: var(--div-background-color-15) !important; - border: 1px solid #ffc36d00 !important; -} - -/*2FA animation header*/ -.panel-warning .panel-heading, -.panel-yellow .panel-heading { - color: #fff; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.3); - border-color: #00000000; -} - -/*oAuth Successful*/ -.panel-green .panel-heading, -.panel-success .panel-heading { - color: #53e69d; - text-align: center; - text-transform: uppercase; - border-radius: 3px; - background-color: transparent; - border-color: transparent; -} - -/*Login sidebar*/ -.login-box.login-sidebar, -#login-panels .panel-body, -#login-panels .panel { - background: transparent; -} - -#login-panels .form-control, -#login-panels .btn { - background: rgba(255, 255, 255, 0.35); - color: white; - border-radius: 25px; - border: none; -} - -/* #login-panels { - height: 44px; - }*/ -#login-panles .btn-info.disabled.focus .btn-info.disabled:focus .btn-info.disabled:hover .btn-info.focus .btn-info:focus .btn-info:hover .btn:hover { - background: rgba(255, 255, 255, 0.65); - border: none; - -} - -/*Center login Box*/ -.login-sidebar { - position: relative; - right: initial; -} - -#lockScreen .white-box { - width: 400px; - height: 345px; -} - -.login-sidebar .white-box { - width: 100%; - position: absolute; - top: 50%; - transform: translateY(-50%); -} - -#lockScreen .white-box { - position: absolute; - top: 50%; - transform: translateY(-50%); - background: var(--div-background-color-25); - -webkit-box-shadow: none; - box-shadow: none; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - border-radius: 15px; -} - -.form-control::placeholder { - color: white; -} - -#login-username-Input, -#login-password-Input { - text-align: center; -} - -.panel .panel-heading .panel-title, -label, -span, -.fa-lock:before { - color: #ffffff; -} - -/* Lock screen */ -#lockScreen .form-material .form-control, -.form-material .form-control:focus { - background: rgba(255, 255, 255, 0.35); - border-radius: 25px; - padding: inherit; - text-align: center; -} - -#lockScreen .btn-info { - background: rgba(255, 255, 255, 0.35); - border-radius: 25px; -} - -/* Extra */ -.cbutton { - background-color: var(--div-background-color-25) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - border-radius: 15px !important; - border: none !important; - padding: 4px !important; - -} - -.cbutton:hover { - background: var(--div-background-color-25) !important; - -webkit-backdrop-filter: saturate(180%) blur(30px) !important; - backdrop-filter: saturate(180%) blur(30px) !important; - opacity: 1 !important; - -} - -/* Debug modal */ -.mdi-package-variant-closed:before { - content: "\F3D7"; - color: black; -} - -.mdi-receipt:before { - content: "\F449"; - color: black; -} - -.debugModal .modal-body { - border-bottom-left-radius: 0px !important; - border-bottom-right-radius: 0px !important; -} - -.debugModal .modal-footer { - background: var(--div-background-color-10) !important; - border-bottom-left-radius: 15px !important; - border-bottom-right-radius: 15px !important; -} - -#debugPreInfo .slimScrollDiv, -#debugResults .slimScrollDiv { - background: var(--div-background-color-15); -} - -/* Swal popup */ -.swal-overlay--show-modal .swal-modal { - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - background: var(--div-background-color-25); - border-radius: 15px; -} - -.swal-title { - color: white; -} - -.swal-overlay--show-modal { - background: var(--main-bg-color); -} - -/* Mobile*/ -@media (max-width: 480px) { - * { - -webkit-backdrop-filter: none !important; - backdrop-filter: none !important; - } - - #page-wrapper { - background: var(--mobile-bg-color) !important; - background-size: cover; - background-repeat: no-repeat; - width: 100%; - height: 100%; - } - - #side-menu { - background: var(--mobile-bg-color) !important; - } - - .navbar-header { - background: var(--div-background-color-25) !important; - } - - .navbar-default, - .show-sidebar .sidebar .sidebar-head { - background: var(--mobile-bg-color) !important; - } - - .dropdown-menu { - background: var(--mobile-bg-color) !important; - } - - #internal-Settings { - background: var(--mobile-bg-color) !important; - } - - .mfp-zoom-out.mfp-ready.mfp-bg { - opacity: 1 !important; - background: var(--mobile-bg-color) !important; - } - - .mfp-wrap { - background: var(--mobile-bg-color) !important; - } - - .modal-open .modal { - background: var(--mobile-bg-color) !important; - } - - #page-wrapper { - background: var(--mobile-bg-color) !important; - } - - #internal-Settings, - #preloader, - .preloader, - .active-tab-Settings, - .error-page { - background: var(--mobile-bg-color) !important; - } - - html { - background: var(--mobile-bg-color) !important; - } +/* Set the Organizr theme to either Aquamarine or Hotline */ +/* Import the glass-base.css and root variables in the Custom Theme CSS box like below */ +/* +@import "https://theme-park.dev/CSS/themes/organizr/organizr-base-old.css" +@import "https://theme-park.dev/CSS/addons/organizr/glass-base.css"; +:root { + --main-bg-color: url(https://domain.com/your/hosted/wallpaper.jpg) center center/cover no-repeat fixed; + --mobile-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; + + --link-color: #fff; + --custom-buttons-color: radial-gradient(ellipse at center, #3F51B5 0%, #009688 100%) center center/cover no-repeat fixed; + --hompage-item-hover: radial-gradient(ellipse at center, rgba(0, 150, 136, 0.33) 0%, #b53f3f73 100%) center center/cover no-repeat fixed; + --notification-box-line: #000; + + --div-background-color-10: rgba(0, 0, 0, 0.15); + --div-background-color-15: rgba(0, 0, 0, 0.25); + --div-background-color-25: rgba(0, 0, 0, 0.35); + --div-background-color-35: rgba(0, 0, 0, 0.45); +} + +*/ + +/* Replace the variables if you have a dark background */ +/* Light colors for dark backgrounds */ +/* + --div-background-color-10: rgba(255, 255, 255, 0.1); + --div-background-color-15: rgba(255, 255, 255, 0.15); + --div-background-color-25: rgba(255, 255, 255, 0.25); + --div-background-color-35: rgba(255, 255, 255, 0.35); +*/ +/* Dark blur colors for bright backgrounds */ +/* + --div-background-color-10: rgba(0, 0, 0, 0.15); + --div-background-color-15: rgba(0, 0, 0, 0.25); + --div-background-color-25: rgba(0, 0, 0, 0.35); + --div-background-color-35: rgba(0, 0, 0, 0.45); + +*/ + +/*Settings */ + +.feeds li>div i { + color: black !important; +} + +.row-in i { + font-size: 24px; + color: black; +} + +.profile-social-icons a { + color: #eee; +} + +.btn-info.btn-outline { + color: #eee !important; +} + +.btn-info.btn-outline:hover { + background: var(--div-background-color-15); + color: #fff; +} + +.content-wrap { + background: var(--div-background-color-15) !important; + border-radius: 0 0 15px 15px; +} + +.content-wrap section.content-current { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background: rgba(0, 0, 0, 0); + border-radius: 0 0 15px 15px; +} + +.panel-blue .panel-heading, +.panel-info .panel-heading { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background: transparent; + +} + +.panel .table { + background: transparent !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + +} + +.sttabs nav ul { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-radius: 15px 15px 0 0; + +} + +.sttabs nav { + background: var(--div-background-color-25); + border-radius: 15px 15px 0 0; +} + +#settings-main-system-settings-anchor>.sttabs nav ul li { + border-radius: 15px; +} + +.tab-content>.active { + background: transparent; +} + +.bg-title { + background: var(--div-background-color-10); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + +} + +.white-box { + background: transparent; +} + +.white-popup-block { + background: var(--div-background-color-10) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); +} + +.user-bg { + border-top-left-radius: 15px; + border-top-right-radius: 15px; +} + +#internal-Settings .nav-tabs>li.active>a, +.nav-tabs>li.active>a:hover { + padding-top: 10px; +} + +/* Nav bar +.navbar-header { + background: transparent !important; +} +*/ +@media (min-width: 768px) { + .navbar-static-top { + background: var(--main-bg) !important; + } +} + +/* Dropdown */ +.dropdown-menu { + background: var(--div-background-color-25); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + +} + +.open>.dropdown-menu { + display: block; + border-radius: 15px; +} + +.navbar-top-links .dropdown-user { + border-radius: 15px; +} + +#plexRecent .recent-filter { + background: var(--div-background-color-25) !important; + border-radius: 15px; +} + +/* Side bar */ +.sidebar { + background: var(--div-background-color-15) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + box-shadow: none; + +} + +.sidebar-head { + background: transparent !important; +} + +/*Calendar */ +.fc-toolbar { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background: var(--div-background-color-15) !important; + +} + +.fc-view { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background: var(--div-background-color-15) !important; + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; +} + +.fc-popover { + background: var(--div-background-color-25); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + +} + +#homepageOrdercalendar .fc-toolbar { + border-top-left-radius: 15px; + border-top-right-radius: 15px; + +} + +.fc-row, +.fc-unthemed { + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; +} + +/* Calendar mobile*/ +.fc th.fc-widget-header { + padding-left: 5px; +} + +/*Error page */ +.error-body { + padding-top: 15%; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + height: -webkit-fill-available; + margin-top: -10%; + +} + + +/* notify - popup */ +.iziToast.update-notify.iziToast-layout2, +.iziToast.success-notify.iziToast-layout2 { + border: none; + background: var(--div-background-color-25) !important; + border-bottom: transparent; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + +} + +.iziToast.warning-notify.iziToast-layout2 { + background: var(--div-background-color-25); + border: 1px solid transparent; + border-bottom: transparent; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + +} + +.iziToast:after { + background: transparent !important; +} + +.mfp-container { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + +} + +.mfp-zoom-out.mfp-ready.mfp-bg { + opacity: 1 !important; + background: var(--main-bg-color) !important; +} + +.mfp-wrap { + background: var(--main-bg-color); +} + +.main-email-panel .panel-body { + background: var(--div-background-color-25) !important; + border-bottom-right-radius: 15px !important; + border-bottom-left-radius: 15px !important; +} + +.white-popup-block { + background: var(--div-background-color-25) !important; +} + +.white-popup .panel-footer { + background: var(--div-background-color-25); + border-top: 1px solid #fff; + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; +} + +.panel>.table-responsive:last-child>.table:last-child, +.panel>.table:last-child { + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; +} + +/* Homepage downloader */ + +#homepageOrderdownloader { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background: var(--div-background-color-15); + padding: 10px; + border-radius: 15px; + +} + +#homepageOrderdownloader .nav-tabs>li.active>a, +.nav-tabs>li.active>a:hover { + padding-top: 14px; +} + +#homepageOrderdownloader .nav-tabs>li>a { + padding-top: 14px; +} + +/* Homepage card */ +.nowPlayingItem>.white-box>.el-card-item { + background: var(--div-background-color-15) !important; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-radius: 15px; + +} + +.active-tab-Homepage .white-popup .panel-body, +.white-popup>.col-md-6>.white-box:nth-child(2) { + background: var(--div-background-color-25) !important; + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; +} + +#plexStreams .el-element-overlay .el-card-item .el-overlay-1 img, +#plexStreams .el-element-overlay:hover .el-card-item:hover .el-overlay-1:hover img:hover { + border-top-right-radius: 15px; + border-top-left-radius: 15px; +} + +.el-element-overlay .el-card-item .el-overlay-1 { + border-top-right-radius: 15px; + border-top-left-radius: 15px; +} + +.el-element-overlay .el-card-item .el-overlay { + border-top-right-radius: 15px; + border-top-left-radius: 15px; +} + +.white-popup .panel-heading, +.white-popup>.col-md-6>.white-box:first-child { + background: var(--div-background-color-25) !important; + border-top-right-radius: 15px; + border-top-left-radius: 15px; +} + + +.label-info { + background: var(--div-background-color-25); +} + +#plexRecent, +#homepageOrderplexplaylist, +#homepageOrdercalendar, +#homepageOrderembyrecent, +#ombi-requests, +#homepageOrderdeluge, +#homepageOrdernzbget, +#homepageOrdertransmission, +#homepageOrderrTorrent, +#homepageOrderjdownloader, +#homepageOrdersabnzbd, +#homepageOrderqBittorrent { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background: var(--div-background-color-15); + margin: 5px; + border-radius: 15px; + +} + +.bg-info { + background-color: transparent !important; +} + +/* Health checks */ +.card-body { + background: var(--div-background-color-25) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + +} + +.bg-inverse .healthPosition { + background: var(--div-background-color-25) !important; + -webkit-backdrop-filter: saturate(180%) blur(30px); + backdrop-filter: saturate(180%) blur(30px); + +} + +/* Unifi cards */ +.unifiCards .panel-wrapper.collapse.in { + background: var(--div-background-color-15); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; + +} + +.unifiCards .panel-heading { + background: var(--div-background-color-35) !important; + color: #fff !important; + border-color: transparent !important; + text-align: inherit !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-top-left-radius: 15px; + border-top-right-radius: 15px; + border-bottom: 0px; +} + +.unifiCards .panel-warning .panel-heading, +.unifiCards .panel-success .panel-heading { + border-top-left-radius: 15px; + border-top-right-radius: 15px; + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; +} + +#allUnifi .unifiCards .panel .panel-warning { + border-radius: 15px !important; + +} + +.unifiCards .ti-close:before { + content: "\f111"; + font-family: FontAwesome; + font-size: 20px; + color: rgba(255, 69, 58, 1); +} + +.unifiCards .ti-minus:before { + content: "\f111"; + font-family: FontAwesome; + font-size: 20px; + color: rgba(255, 204, 0, 1); +} + +.unifiCards .ti-plus:before { + content: "\f111"; + font-family: FontAwesome; + font-size: 20px; + color: rgba(40, 205, 65, 1); +} + +/* Weather boxes */ +#homepageOrderWeatherAndAir .col-lg-2 .white-box, +#homepageOrderWeatherAndAir>div:nth-child(1)>div.col-lg-4.col-sm-12.col-xs-12>div, +#homepageOrderWeatherAndAir>div:nth-child(2)>div.col-lg-4.col-sm-12.col-xs-12>div { + background: var(--div-background-color-25) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px) +} + +/* Custom HTML */ +#homepageOrdercustomhtmlTwo, +#homepageOrdercustomhtml { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background: var(--div-background-color-15); + border-radius: 15px; + padding-left: 10px; + padding-right: 10px; + margin-bottom: 5px; +} + +/* Invite */ +#invite-area .bg-org { + background: var(--div-background-color-15) !important; + border-radius: 15px; +} + +#new-invite-area .white-popup .panel-body, +#new-invite-area .white-popup>.col-md-6>.white-box:nth-child(2) { + background: var(--div-background-color-15) !important; + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; +} + +.white-popup .panel-body, +.white-popup>.col-md-6>.white-box:nth-child(2) { + background: var(--div-background-color-15) !important; + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; + -webkit-backdrop-filter: blur(10px) !important; + backdrop-filter: blur(10px) !important; +} + +/* Email users */ +.email-div .panel-body { + border-radius: 0px !important; +} + +/* Speedtest popup */ + +#speedtest-area .white-popup .panel-footer { + background: var(--div-background-color-25) !important; + border-bottom-right-radius: 15px; + border-bottom-left-radius: 15px; +} + +#speedtest-area .white-popup .panel-body, +#speedtest-area .white-popup>.col-md-6>.white-box:nth-child(2) { + border-bottom-right-radius: 0px !important; + border-bottom-left-radius: 0px !important; +} + +/* Modal */ +.modal-content, +.modal-header, +.modal-footer, +.modal-body { + background: var(--div-background-color-10) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-color: transparent; +} + +.modal-body { + border-bottom-left-radius: 15px; + border-bottom-right-radius: 15px; +} + +.modal-header { + border-top-left-radius: 15px; + border-top-right-radius: 15px; +} + +.modal-open .modal { + background: var(--main-bg-color); +} + +.modal-content { + border-radius: 15px; + box-shadow: none; +} + +/* loginpage sidemenu */ +@media (max-width: 480px) { + #wrapper .login-register>.login-box>.white-box { + background: transparent !important; + margin-top: auto !important; + width: 100% !important; + -webkit-backdrop-filter: blur(0px) !important; + backdrop-filter: blur(0px) !important; + + + } +} + +@media (max-width: 480px) { + .login-box.login-sidebar { + background: var(--div-background-color-15) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + + } +} + +/* logo */ +.white-box .visible-xs { + display: block !important; +} + +.loginLogo { + border: 0; + margin-top: -60%; + transform: translateY(-10%); +} + +@media (max-width: 480px) { + .loginLogo { + margin-top: -10% !important; + } +} + +.blockUI { + opacity: 1 !important; + background-color: transparent !important; +} + +.blockMsg { + background: rgba(0, 0, 0, 0.9) !important; + border: none !important; +} + +.login-register>.login-box>.white-box { + background: var(--div-background-color-25) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-radius: 15px; + -webkit-box-shadow: none; + box-shadow: none; +} + + +.login-register { + + height: 100%; + position: fixed; +} + +.slideInRight { + -webkit-animation-name: none; + animation-name: none; +} + +.login-register .login-box .white-box .bg-org { + background-color: transparent !important; +} + +/*2FA login button*/ +.panel-wrapper .panel-body>.btn-warning, +.btn-warning.disabled { + background: var(--div-background-color-15) !important; + border: 1px solid #ffc36d00 !important; +} + +/*2FA animation header*/ +.panel-warning .panel-heading, +.panel-yellow .panel-heading { + color: #fff; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.3); + border-color: #00000000; +} + +/*oAuth Successful*/ +.panel-green .panel-heading, +.panel-success .panel-heading { + color: #53e69d; + text-align: center; + text-transform: uppercase; + border-radius: 3px; + background-color: transparent; + border-color: transparent; +} + +/*Login sidebar*/ +.login-box.login-sidebar, +#login-panels .panel-body, +#login-panels .panel { + background: transparent; +} + +#login-panels .form-control, +#login-panels .btn { + background: rgba(255, 255, 255, 0.35); + color: white; + border-radius: 25px; + border: none; +} + +/* #login-panels { + height: 44px; + }*/ +#login-panles .btn-info.disabled.focus .btn-info.disabled:focus .btn-info.disabled:hover .btn-info.focus .btn-info:focus .btn-info:hover .btn:hover { + background: rgba(255, 255, 255, 0.65); + border: none; + +} + +/*Center login Box*/ +.login-sidebar { + position: relative; + right: initial; +} + +#lockScreen .white-box { + width: 400px; + height: 345px; +} + +.login-sidebar .white-box { + width: 100%; + position: absolute; + top: 50%; + transform: translateY(-50%); +} + +#lockScreen .white-box { + position: absolute; + top: 50%; + transform: translateY(-50%); + background: var(--div-background-color-25); + -webkit-box-shadow: none; + box-shadow: none; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-radius: 15px; +} + +.form-control::placeholder { + color: white; +} + +#login-username-Input, +#login-password-Input { + text-align: center; +} + +.panel .panel-heading .panel-title, +label, +span, +.fa-lock:before { + color: #ffffff; +} + +/* Lock screen */ +#lockScreen .form-material .form-control, +.form-material .form-control:focus { + background: rgba(255, 255, 255, 0.35); + border-radius: 25px; + padding: inherit; + text-align: center; +} + +#lockScreen .btn-info { + background: rgba(255, 255, 255, 0.35); + border-radius: 25px; +} + +/* Extra */ +.cbutton { + background-color: var(--div-background-color-25) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-radius: 15px !important; + border: none !important; + padding: 4px !important; + +} + +.cbutton:hover { + background: var(--div-background-color-25) !important; + -webkit-backdrop-filter: saturate(180%) blur(30px) !important; + backdrop-filter: saturate(180%) blur(30px) !important; + opacity: 1 !important; + +} + +/* Debug modal */ +.mdi-package-variant-closed:before { + content: "\F3D7"; + color: black; +} + +.mdi-receipt:before { + content: "\F449"; + color: black; +} + +.debugModal .modal-body { + border-bottom-left-radius: 0px !important; + border-bottom-right-radius: 0px !important; +} + +.debugModal .modal-footer { + background: var(--div-background-color-10) !important; + border-bottom-left-radius: 15px !important; + border-bottom-right-radius: 15px !important; +} + +#debugPreInfo .slimScrollDiv, +#debugResults .slimScrollDiv { + background: var(--div-background-color-15); +} + +/* Swal popup */ +.swal-overlay--show-modal .swal-modal { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background: var(--div-background-color-25); + border-radius: 15px; +} + +.swal-title { + color: white; +} + +.swal-overlay--show-modal { + background: var(--main-bg-color); +} + +/* Mobile*/ +@media (max-width: 480px) { + * { + -webkit-backdrop-filter: none !important; + backdrop-filter: none !important; + } + + #page-wrapper { + background: var(--mobile-bg-color) !important; + background-size: cover; + background-repeat: no-repeat; + width: 100%; + height: 100%; + } + + #side-menu { + background: var(--mobile-bg-color) !important; + } + + .navbar-header { + background: var(--div-background-color-25) !important; + } + + .navbar-default, + .show-sidebar .sidebar .sidebar-head { + background: var(--mobile-bg-color) !important; + } + + .dropdown-menu { + background: var(--mobile-bg-color) !important; + } + + #internal-Settings { + background: var(--mobile-bg-color) !important; + } + + .mfp-zoom-out.mfp-ready.mfp-bg { + opacity: 1 !important; + background: var(--mobile-bg-color) !important; + } + + .mfp-wrap { + background: var(--mobile-bg-color) !important; + } + + .modal-open .modal { + background: var(--mobile-bg-color) !important; + } + + #page-wrapper { + background: var(--mobile-bg-color) !important; + } + + #internal-Settings, + #preloader, + .preloader, + .active-tab-Settings, + .error-page { + background: var(--mobile-bg-color) !important; + } + + html { + background: var(--mobile-bg-color) !important; + } } \ No newline at end of file diff --git a/CSS/addons/organizr/glass/glass-login.css b/CSS/addons/organizr/glass/glass-login.css index af0faf9e..02003837 100644 --- a/CSS/addons/organizr/glass/glass-login.css +++ b/CSS/addons/organizr/glass/glass-login.css @@ -1,192 +1,192 @@ -:root { - --div-background-color-10: rgba(0, 0, 0, 0.15); - --div-background-color-15: rgba(0, 0, 0, 0.25); - --div-background-color-25: rgba(0, 0, 0, 0.35); - --div-background-color-35: rgba(0, 0, 0, 0.45); -} - -/* Replace the variables if you have a dark background */ -/* Light colors for dark backgrounds */ -/* - --div-background-color-10: rgba(255, 255, 255, 0.1); - --div-background-color-15: rgba(255, 255, 255, 0.15); - --div-background-color-25: rgba(255, 255, 255, 0.25); - --div-background-color-35: rgba(255, 255, 255, 0.35); -*/ -/* Dark blur colors for bright backgrounds */ -/* - --div-background-color-10: rgba(0, 0, 0, 0.15); - --div-background-color-15: rgba(0, 0, 0, 0.25); - --div-background-color-25: rgba(0, 0, 0, 0.35); - --div-background-color-35: rgba(0, 0, 0, 0.45); - -*/ - -/* loginpage sidemenu */ -@media (max-width: 480px) { - #wrapper .login-register > .login-box > .white-box { - background: transparent !important; - margin-top: auto !important; - width: 100% !important; - -webkit-backdrop-filter: blur(0px) !important; - backdrop-filter: blur(0px) !important; - - - } - } - -@media (max-width: 480px) { - .login-box.login-sidebar { - background: var(--div-background-color-15) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - -} -} - -/* logo */ - .white-box .visible-xs { - display: block!important; - } - .loginLogo { - border: 0; - margin-top: -60%; - transform: translateY(-10%); - } - @media (max-width: 480px) { - .loginLogo { - margin-top: -10% !important; - } - } - .blockUI { - opacity: 1 !important; - background-color: transparent !important; - } - .blockMsg { - background: rgba(0, 0, 0, 0.9) !important; - border: none !important; - } - - .login-register > .login-box > .white-box { - background: var(--div-background-color-25) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - border-radius: 15px; - -webkit-box-shadow: none; - box-shadow: none; - } - - - .login-register { - - height: 100%; - position: fixed; - } - - .slideInRight { - -webkit-animation-name: none; - animation-name: none; - } - - .login-register .login-box .white-box .bg-org { - background-color: transparent !important; - } - - /*2FA login button*/ - .panel-wrapper .panel-body > .btn-warning, .btn-warning.disabled { - background: var(--div-background-color-15) !important; - border: 1px solid #ffc36d00 !important; - } - - /*2FA animation header*/ - .panel-warning .panel-heading, .panel-yellow .panel-heading { - color: #fff; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.3); - border-color: #00000000; - } - - /*oAuth Successful*/ - .panel-green .panel-heading, .panel-success .panel-heading { - color: #53e69d; - text-align: center; - text-transform: uppercase; - border-radius: 3px; - background-color: transparent; - border-color: transparent; - } - - /*Login sidebar*/ - .login-box.login-sidebar, - #login-panels .panel-body, - #login-panels .panel { - background: transparent; - } - - #login-panels .form-control , #login-panels .btn { - background: rgba(255, 255, 255, 0.35); - color: white; - border-radius: 25px; - border: none; - } - /* #login-panels { - height: 44px; - }*/ - #login-panles .btn-info.disabled.focus .btn-info.disabled:focus .btn-info.disabled:hover .btn-info.focus .btn-info:focus .btn-info:hover .btn:hover { - background: rgba(255,255, 255, 0.65); - border:none; - - } - /*Center login Box*/ - .login-sidebar { - position: relative; - right: initial; - } - - #lockScreen .white-box { - width: 400px; - height: 345px; - } - .login-sidebar .white-box { - width: 100%; - position: absolute; - top: 50%; - transform: translateY(-50%); - } - - #lockScreen .white-box { - position: absolute; - top: 50%; - transform: translateY(-50%); - background: var(--div-background-color-25); - -webkit-box-shadow: none; - box-shadow: none; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - border-radius: 15px; - } - .form-control::placeholder { - color: white; - } - #login-username-Input, #login-password-Input { - text-align: center; - } - .panel .panel-heading .panel-title, label, span, .fa-lock:before { - color: #ffffff; - } - /* Lock screen */ - #lockScreen .form-material .form-control, .form-material .form-control:focus { - background: rgba(255, 255, 255, 0.35); - border-radius: 25px; - padding: inherit; - text-align: center; - } - #lockScreen .btn-info { - background: rgba(255, 255, 255, 0.35); - border-radius: 25px; - border: 1px solid transparent; - } - #lockScreen .btn-info:hover { - border: 1px solid transparent; - } - +:root { + --div-background-color-10: rgba(0, 0, 0, 0.15); + --div-background-color-15: rgba(0, 0, 0, 0.25); + --div-background-color-25: rgba(0, 0, 0, 0.35); + --div-background-color-35: rgba(0, 0, 0, 0.45); +} + +/* Replace the variables if you have a dark background */ +/* Light colors for dark backgrounds */ +/* + --div-background-color-10: rgba(255, 255, 255, 0.1); + --div-background-color-15: rgba(255, 255, 255, 0.15); + --div-background-color-25: rgba(255, 255, 255, 0.25); + --div-background-color-35: rgba(255, 255, 255, 0.35); +*/ +/* Dark blur colors for bright backgrounds */ +/* + --div-background-color-10: rgba(0, 0, 0, 0.15); + --div-background-color-15: rgba(0, 0, 0, 0.25); + --div-background-color-25: rgba(0, 0, 0, 0.35); + --div-background-color-35: rgba(0, 0, 0, 0.45); + +*/ + +/* loginpage sidemenu */ +@media (max-width: 480px) { + #wrapper .login-register > .login-box > .white-box { + background: transparent !important; + margin-top: auto !important; + width: 100% !important; + -webkit-backdrop-filter: blur(0px) !important; + backdrop-filter: blur(0px) !important; + + + } + } + +@media (max-width: 480px) { + .login-box.login-sidebar { + background: var(--div-background-color-15) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + +} +} + +/* logo */ + .white-box .visible-xs { + display: block!important; + } + .loginLogo { + border: 0; + margin-top: -60%; + transform: translateY(-10%); + } + @media (max-width: 480px) { + .loginLogo { + margin-top: -10% !important; + } + } + .blockUI { + opacity: 1 !important; + background-color: transparent !important; + } + .blockMsg { + background: rgba(0, 0, 0, 0.9) !important; + border: none !important; + } + + .login-register > .login-box > .white-box { + background: var(--div-background-color-25) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-radius: 15px; + -webkit-box-shadow: none; + box-shadow: none; + } + + + .login-register { + + height: 100%; + position: fixed; + } + + .slideInRight { + -webkit-animation-name: none; + animation-name: none; + } + + .login-register .login-box .white-box .bg-org { + background-color: transparent !important; + } + + /*2FA login button*/ + .panel-wrapper .panel-body > .btn-warning, .btn-warning.disabled { + background: var(--div-background-color-15) !important; + border: 1px solid #ffc36d00 !important; + } + + /*2FA animation header*/ + .panel-warning .panel-heading, .panel-yellow .panel-heading { + color: #fff; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.3); + border-color: #00000000; + } + + /*oAuth Successful*/ + .panel-green .panel-heading, .panel-success .panel-heading { + color: #53e69d; + text-align: center; + text-transform: uppercase; + border-radius: 3px; + background-color: transparent; + border-color: transparent; + } + + /*Login sidebar*/ + .login-box.login-sidebar, + #login-panels .panel-body, + #login-panels .panel { + background: transparent; + } + + #login-panels .form-control , #login-panels .btn { + background: rgba(255, 255, 255, 0.35); + color: white; + border-radius: 25px; + border: none; + } + /* #login-panels { + height: 44px; + }*/ + #login-panles .btn-info.disabled.focus .btn-info.disabled:focus .btn-info.disabled:hover .btn-info.focus .btn-info:focus .btn-info:hover .btn:hover { + background: rgba(255,255, 255, 0.65); + border:none; + + } + /*Center login Box*/ + .login-sidebar { + position: relative; + right: initial; + } + + #lockScreen .white-box { + width: 400px; + height: 345px; + } + .login-sidebar .white-box { + width: 100%; + position: absolute; + top: 50%; + transform: translateY(-50%); + } + + #lockScreen .white-box { + position: absolute; + top: 50%; + transform: translateY(-50%); + background: var(--div-background-color-25); + -webkit-box-shadow: none; + box-shadow: none; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + border-radius: 15px; + } + .form-control::placeholder { + color: white; + } + #login-username-Input, #login-password-Input { + text-align: center; + } + .panel .panel-heading .panel-title, label, span, .fa-lock:before { + color: #ffffff; + } + /* Lock screen */ + #lockScreen .form-material .form-control, .form-material .form-control:focus { + background: rgba(255, 255, 255, 0.35); + border-radius: 25px; + padding: inherit; + text-align: center; + } + #lockScreen .btn-info { + background: rgba(255, 255, 255, 0.35); + border-radius: 25px; + border: 1px solid transparent; + } + #lockScreen .btn-info:hover { + border: 1px solid transparent; + } + diff --git a/CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.css b/CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.css index 35f46daf..b14fcec4 100644 --- a/CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.css +++ b/CSS/addons/plex/overseerr-side-menu/overseerr-side-menu.css @@ -1,111 +1,111 @@ -/* dP dP dP */ -/* 88 88 88 */ -/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ -/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ -/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ -/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ -/* 88 */ -/* dP */ - -/* Made by @gilbN */ -/* https://github.com/gilbN/theme.park */ - -/* PLEX OVERSEERR SIDE MENU */ - -/* APP VARS*/ -:root { - --sidebar-color: #1f2937; - --menu-item: #111827; - --menu-item-hover: #374151; -} - -/* EXTRA CSS */ -[class*="SourceSidebar-openSidebar-"][class*="SourceSidebar-sidebar-"], -[class*="SourceSidebar-sidebar-"] { - background: var(--sidebar-color) !important; - padding-top: 10px; -} - -[class*="SourceSidebarLink-isSelected-"]:before { - background-color: transparent !important; -} - -[class*="NavBar-container-"] { - background: rgb(0 0 0 / 0%) !important; -} - -[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isSelected-"] { - background: var(--menu-item); - box-shadow: inset 4px 0 0 0 transparent !important; - border-radius: 5px; - margin-bottom: 5px; - -} - -[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-iconContainer-"], -[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-title-"] { - color: white; -} - -[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-button-"]:hover, -[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isActive-"] { - background: var(--menu-item-hover); - border-radius: 5px; -} - -[class*="SourceSidebarLink-button-"] { - margin-bottom: 5px; -} - -[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] { - background: var(--sidebar-color) !important; -} - -[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarLink-isSelected-"] { - background: var(--menu-item) !important; -} - -[class*="SourceSidebarContent-expandedSidebarContent-"], -[class*="AllSourcesSidebarContent-container-"] { - padding: 10px; -} - -[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="AllSourcesSidebarContent-container-"] { - padding: 0px; -} - -[class*="SourceSidebarContent-expandedSidebarContent-"] div { - border-radius: 5px; -} - -[class*="SourceSidebarContent-expandedSidebarContent-"] div:hover:not([data-qa-id="sidebarMore"] div) { - background-color: var(--menu-item-hover); -} - -[class*="SourceSidebar-collapsedSidebar-"] [class*="SourceSidebar-sidebar-"] { - border-radius: 0px !important; -} - -[class*="SourceSidebarContent-expandedSidebarContent-"] [class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"] { - box-shadow: none !important; - border-radius: 5px; -} - -[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarItem-button-"][class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarItem-isSelected-"][class*="SourceSidebarLink-isSelected-"] { - box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important; - border-radius: 0px; -} - -[class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover { - box-shadow: none !important; - background: var(--menu-item-hover) !important; -} - -[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover { - box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important; -} - -[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-iconContainer-"], -[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-title-"] { - color: white; +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* PLEX OVERSEERR SIDE MENU */ + +/* APP VARS*/ +:root { + --sidebar-color: #1f2937; + --menu-item: #111827; + --menu-item-hover: #374151; +} + +/* EXTRA CSS */ +[class*="SourceSidebar-openSidebar-"][class*="SourceSidebar-sidebar-"], +[class*="SourceSidebar-sidebar-"] { + background: var(--sidebar-color) !important; + padding-top: 10px; +} + +[class*="SourceSidebarLink-isSelected-"]:before { + background-color: transparent !important; +} + +[class*="NavBar-container-"] { + background: rgb(0 0 0 / 0%) !important; +} + +[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isSelected-"] { + background: var(--menu-item); + box-shadow: inset 4px 0 0 0 transparent !important; + border-radius: 5px; + margin-bottom: 5px; + +} + +[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-iconContainer-"], +[class*="SourceSidebarLink-isSelected-"] [class*="SourceSidebarLink-title-"] { + color: white; +} + +[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-button-"]:hover, +[class*="SourceSidebar-openSidebar-"] [class*="SourceSidebarLink-isActive-"] { + background: var(--menu-item-hover); + border-radius: 5px; +} + +[class*="SourceSidebarLink-button-"] { + margin-bottom: 5px; +} + +[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] { + background: var(--sidebar-color) !important; +} + +[class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarLink-isSelected-"] { + background: var(--menu-item) !important; +} + +[class*="SourceSidebarContent-expandedSidebarContent-"], +[class*="AllSourcesSidebarContent-container-"] { + padding: 10px; +} + +[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="AllSourcesSidebarContent-container-"] { + padding: 0px; +} + +[class*="SourceSidebarContent-expandedSidebarContent-"] div { + border-radius: 5px; +} + +[class*="SourceSidebarContent-expandedSidebarContent-"] div:hover:not([data-qa-id="sidebarMore"] div) { + background-color: var(--menu-item-hover); +} + +[class*="SourceSidebar-collapsedSidebar-"] [class*="SourceSidebar-sidebar-"] { + border-radius: 0px !important; +} + +[class*="SourceSidebarContent-expandedSidebarContent-"] [class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"] { + box-shadow: none !important; + border-radius: 5px; +} + +[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebar-sidebar-"] [class*="SourceSidebarItem-button-"][class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarItem-isSelected-"][class*="SourceSidebarLink-isSelected-"] { + box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important; + border-radius: 0px; +} + +[class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover { + box-shadow: none !important; + background: var(--menu-item-hover) !important; +} + +[class*="SourceSidebar-collapsedSidebar-"][class*="SourceSidebarLink-button-"][class*="SidebarLink-sidebarLink-"][class*="Link-default-"][class*="SourceSidebarLink-small-"][class*="SourceSidebarLink-isSelected-"]:hover { + box-shadow: inset 4px 0 0 0 rgb(var(--accent-color)) !important; +} + +[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-iconContainer-"], +[class*="SourceSidebarLink-sourceLink-"]:hover [class*="SourceSidebarLink-title-"] { + color: white; } \ No newline at end of file diff --git a/CSS/addons/plex/plex-alt-logo/plex-alt-logo.css b/CSS/addons/plex/plex-alt-logo/plex-alt-logo.css index b444713a..3e9bc7c7 100644 --- a/CSS/addons/plex/plex-alt-logo/plex-alt-logo.css +++ b/CSS/addons/plex/plex-alt-logo/plex-alt-logo.css @@ -1,8 +1,8 @@ -[class*="NavBar-plexLogo-"] { - background-image: url("https://theme-park.dev/CSS/addons/plex/plex-alt-logo/SeekPng.com_your-logo-here-png_2467553.png"); - background-position: 50%; - background-repeat: no-repeat; - background-size: contain; - margin: 0 10px; - width: 45px; +[class*="NavBar-plexLogo-"] { + background-image: url("https://theme-park.dev/CSS/addons/plex/plex-alt-logo/SeekPng.com_your-logo-here-png_2467553.png"); + background-position: 50%; + background-repeat: no-repeat; + background-size: contain; + margin: 0 10px; + width: 45px; } \ No newline at end of file diff --git a/CSS/addons/prowlarr/prowlarr-darker/prowlarr-darker.css b/CSS/addons/prowlarr/prowlarr-darker/prowlarr-darker.css index 767a3200..5b36960c 100644 --- a/CSS/addons/prowlarr/prowlarr-darker/prowlarr-darker.css +++ b/CSS/addons/prowlarr/prowlarr-darker/prowlarr-darker.css @@ -1,119 +1,119 @@ -:root { - --main-bg-color: #454545; - - --modal-bg-color: #454545; - --modal-header-color: #454545; - --modal-footer-color: #454545; - - --drop-down-menu-bg: #606060; - - --button-color: #5899eb; - --button-color-hover: #4b91ea; - --button-text: #eee; - --button-text-hover: #fff; - - --accent-color: 230, 96, 0; - --accent-color-hover: rgb(var(--accent-color),.8); - --link-color: rgb(230, 96, 0); - --link-color-hover: rgb(230, 96, 0, .8); - --label-text-color: #eee; - - --text: #ccc; - --text-hover: #fff; - --text-muted: #999; - - /*Specials*/ - --arr-queue-color: #5d9cec; - --side-menu-active: #333333; - --scroller-hover: #606060; - --scroller: #707070; - --border-color: #606060; - --label-color: #707070; - --label-info: #5d9cec; - --header-color: #e66000; - --side-menu-color: #595959; - --side-menu-link-color: #e66000; -} - -/* HEADER */ - -[class*="PageHeader-header-"] { - background-color: var(--header-color); - color: #fff; -} - -[class*="PageToolbar-toolbar-"] { - background-color: #707070; - color: var(--text); -} - -/* SIDE MENU */ - -[class*="PageSidebar-sidebar-"] { - background-color: var(--side-menu-color); - color: #fff; -} - -[class*=PageSidebarItem-link-]:focus { - color: rgb(var(--accent-color)) !important; -} - -[class*=PageSidebarItem-isActiveLink-] { - color: var(--side-menu-link-color) !important; -} - -[class*=PageSidebarItem-isActiveParentLink-] { - background-color: var(--side-menu-active); -} - -/* SCROLLER */ - -[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover, -[class*=OverlayScroller-thumb-]:hover { - background-color: var(--scroller-hover) !important; -} - -[class*="OverlayScroller-thumb-"], -[class*=Scroller-scroller-]::-webkit-scrollbar-thumb { - background-color: var(--scroller) !important; -} - -/* MODALS */ - -[class*=ModalHeader-modalHeader-], -[class*=FieldSet-legend-] { - border-bottom: 1px solid var(--border-color); -} - -[class*=ModalFooter-modalFooter-] { - border-top: 1px solid var(--border-color); -} - -/* LABLES */ - -[class*="Label-default-"] { - border-color: var(--label-color); - background-color: var(--label-color); - color: white; -} - -[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) { - border-color: var(--label-info); - background-color: var(--label-info); - color: #fff; -} - -/* SETTINGS */ - -[class*=Settings-link-] { - border-bottom: 1px solid var(--border-color); -} - -/* SEARCH DROP DOWN */ - -[class*=IndexerSearchInput-containerOpen-] [class*=IndexerSearchInput-movieContainer-] { - border: 1px solid var(--drop-down-menu-bg); - background-color: var(--drop-down-menu-bg); - box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); - color: #e1e2e3; +:root { + --main-bg-color: #454545; + + --modal-bg-color: #454545; + --modal-header-color: #454545; + --modal-footer-color: #454545; + + --drop-down-menu-bg: #606060; + + --button-color: #5899eb; + --button-color-hover: #4b91ea; + --button-text: #eee; + --button-text-hover: #fff; + + --accent-color: 230, 96, 0; + --accent-color-hover: rgb(var(--accent-color),.8); + --link-color: rgb(230, 96, 0); + --link-color-hover: rgb(230, 96, 0, .8); + --label-text-color: #eee; + + --text: #ccc; + --text-hover: #fff; + --text-muted: #999; + + /*Specials*/ + --arr-queue-color: #5d9cec; + --side-menu-active: #333333; + --scroller-hover: #606060; + --scroller: #707070; + --border-color: #606060; + --label-color: #707070; + --label-info: #5d9cec; + --header-color: #e66000; + --side-menu-color: #595959; + --side-menu-link-color: #e66000; +} + +/* HEADER */ + +[class*="PageHeader-header-"] { + background-color: var(--header-color); + color: #fff; +} + +[class*="PageToolbar-toolbar-"] { + background-color: #707070; + color: var(--text); +} + +/* SIDE MENU */ + +[class*="PageSidebar-sidebar-"] { + background-color: var(--side-menu-color); + color: #fff; +} + +[class*=PageSidebarItem-link-]:focus { + color: rgb(var(--accent-color)) !important; +} + +[class*=PageSidebarItem-isActiveLink-] { + color: var(--side-menu-link-color) !important; +} + +[class*=PageSidebarItem-isActiveParentLink-] { + background-color: var(--side-menu-active); +} + +/* SCROLLER */ + +[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover, +[class*=OverlayScroller-thumb-]:hover { + background-color: var(--scroller-hover) !important; +} + +[class*="OverlayScroller-thumb-"], +[class*=Scroller-scroller-]::-webkit-scrollbar-thumb { + background-color: var(--scroller) !important; +} + +/* MODALS */ + +[class*=ModalHeader-modalHeader-], +[class*=FieldSet-legend-] { + border-bottom: 1px solid var(--border-color); +} + +[class*=ModalFooter-modalFooter-] { + border-top: 1px solid var(--border-color); +} + +/* LABLES */ + +[class*="Label-default-"] { + border-color: var(--label-color); + background-color: var(--label-color); + color: white; +} + +[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) { + border-color: var(--label-info); + background-color: var(--label-info); + color: #fff; +} + +/* SETTINGS */ + +[class*=Settings-link-] { + border-bottom: 1px solid var(--border-color); +} + +/* SEARCH DROP DOWN */ + +[class*=IndexerSearchInput-containerOpen-] [class*=IndexerSearchInput-movieContainer-] { + border: 1px solid var(--drop-down-menu-bg); + background-color: var(--drop-down-menu-bg); + box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); + color: #e1e2e3; } \ No newline at end of file diff --git a/CSS/addons/radarr/radarr-4k-logo/radarr-4k-logo.css b/CSS/addons/radarr/radarr-4k-logo/radarr-4k-logo.css index 094f9fb3..bedc13f3 100644 --- a/CSS/addons/radarr/radarr-4k-logo/radarr-4k-logo.css +++ b/CSS/addons/radarr/radarr-4k-logo/radarr-4k-logo.css @@ -1,96 +1,96 @@ -/* Desktop */ -@media (min-width: 752px) { - .navbar-brand>img { - display:none !important; - } - .navbar > .container-fluid .navbar-brand:before { - background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr4k.png"); - display: inline-block; - width: 128px; - height: 128px; - content:""; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - } - } - /* Mobile */ - @media (max-width: 767px) { - .navbar-brand .visible-xs img { - display: none !important; - } - .navbar-brand .visible-xs { - display: inline !important; - } - .navbar > .container-fluid .navbar-brand:before { - background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr4k.png"); - display: inline-block; - width: 32px; - height: 32px; - content:""; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - margin-bottom: -12px; - } - } - -/* Radarr V3*/ -@media (min-width: 752px) { - [class*="PageHeader-logoFull-"] { - display: none !important; - } - [class*="PageHeader-logoContainer-"]:before { - background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr4k-v3.png"); - display: inline-block; - width: 148px; - height: 48px; - content:""; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - } -} - -@media (max-width: 767px) { - [class*="PageHeader-logo-"] { - display: none !important; - } - [class*="PageHeader-logoContainer-"]{ - background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png"); - display: inline-block; - width: 32px; - height: 32px; - content:""; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - margin-left: 20px; - margin-right: 8px; - flex: 0 0 32px; - } -} - -[class*="LoadingPage-logoFull-"] { - display: none !important; -} - -[class*="LoadingPage-page-"]:before { - background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr4k-v3.png"); - display: inline-block; - width: 148px; - height: 48px; - content:""; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - margin-top: 50px; - margin-right: auto; - margin-left: auto; - -} +/* Desktop */ +@media (min-width: 752px) { + .navbar-brand>img { + display:none !important; + } + .navbar > .container-fluid .navbar-brand:before { + background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr4k.png"); + display: inline-block; + width: 128px; + height: 128px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + } + } + /* Mobile */ + @media (max-width: 767px) { + .navbar-brand .visible-xs img { + display: none !important; + } + .navbar-brand .visible-xs { + display: inline !important; + } + .navbar > .container-fluid .navbar-brand:before { + background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr4k.png"); + display: inline-block; + width: 32px; + height: 32px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + margin-bottom: -12px; + } + } + +/* Radarr V3*/ +@media (min-width: 752px) { + [class*="PageHeader-logoFull-"] { + display: none !important; + } + [class*="PageHeader-logoContainer-"]:before { + background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr4k-v3.png"); + display: inline-block; + width: 148px; + height: 48px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + } +} + +@media (max-width: 767px) { + [class*="PageHeader-logo-"] { + display: none !important; + } + [class*="PageHeader-logoContainer-"]{ + background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr-v3-mobile.png"); + display: inline-block; + width: 32px; + height: 32px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + margin-left: 20px; + margin-right: 8px; + flex: 0 0 32px; + } +} + +[class*="LoadingPage-logoFull-"] { + display: none !important; +} + +[class*="LoadingPage-page-"]:before { + background-image: url("https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo/radarr4k-v3.png"); + display: inline-block; + width: 148px; + height: 48px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + margin-top: 50px; + margin-right: auto; + margin-left: auto; + +} diff --git a/CSS/addons/radarr/radarr-darker/radarr-darker.css b/CSS/addons/radarr/radarr-darker/radarr-darker.css index 1b7f3bca..31743298 100644 --- a/CSS/addons/radarr/radarr-darker/radarr-darker.css +++ b/CSS/addons/radarr/radarr-darker/radarr-darker.css @@ -1,124 +1,124 @@ -:root { - --main-bg-color: #454545; - - --modal-bg-color: #595959; - --modal-header-color: #595959; - --modal-footer-color: #595959; - - --drop-down-menu-bg: #606060; - - --button-color: #5899eb; - --button-color-hover: #4b91ea; - --button-text: #eee; - --button-text-hover: #fff; - - --accent-color: 255, 194, 48; - --accent-color-hover: rgb(255, 194, 48, .8); - --link-color: rgb(255, 194, 48); - --link-color-hover: rgb(255, 194, 48, .8); - --label-text-color: #eee; - - --text: #ccc; - --text-hover: #fff; - --text-muted: #999; - - /*Specials*/ - --arr-queue-color: #5d9cec; - --side-menu-active: #333333; - --scroller-hover: #606060; - --scroller: #707070; - --border-color: #606060; - --label-color: #707070; - --label-info: #5d9cec; - --header-color: #464b51; - --side-menu-color: #595959; -} - -/* HEADER */ - -[class*="PageHeader-header-"] { - background-color: var(--header-color); - color: #fff; -} - -[class*="PageToolbar-toolbar-"] { - background-color: #707070; - color: var(--text); -} - -/* SIDE MENU */ - -[class*="PageSidebar-sidebar-"] { - background-color: var(--side-menu-color); - color: #fff; -} - -[class*=PageSidebarItem-link-]:focus { - color: rgb(var(--accent-color)) !important; -} - -[class*=PageSidebarItem-isActiveLink-] { - color: var(--link-color) !important; -} - -[class*=PageSidebarItem-isActiveParentLink-] { - background-color: var(--side-menu-active); -} - -/* SCROLLER */ -[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover, -[class*=OverlayScroller-thumb-]:hover { - background-color: var(--scroller-hover) !important; -} - -[class*="OverlayScroller-thumb-"], -[class*=Scroller-scroller-]::-webkit-scrollbar-thumb { - background-color: var(--scroller) !important; -} - -/* MODALS */ - -[class*=ModalHeader-modalHeader-], -[class*=FieldSet-legend-] { - border-bottom: 1px solid var(--border-color); -} - -[class*=ModalFooter-modalFooter-] { - border-top: 1px solid var(--border-color); -} - -/* LABLES */ - -[class*="Label-default-"] { - border-color: var(--label-color); - background-color: var(--label-color); - color: white; -} - -[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) { - border-color: var(--label-info); - background-color: var(--label-info); - color: #fff; -} - -/* SETTINGS */ - -[class*=Settings-link-] { - border-bottom: 1px solid var(--border-color); -} - -/* SEARCH DROP DOWN */ - -[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] { - border: 1px solid var(--drop-down-menu-bg); - background-color: var(--drop-down-menu-bg); - box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); - color: #e1e2e3; -} - -/* SERIES PAGE */ - -[class*="MovieIndexPoster-controls-"] { - background-color: var(--label-color) !important; - color: #fff !important; +:root { + --main-bg-color: #454545; + + --modal-bg-color: #595959; + --modal-header-color: #595959; + --modal-footer-color: #595959; + + --drop-down-menu-bg: #606060; + + --button-color: #5899eb; + --button-color-hover: #4b91ea; + --button-text: #eee; + --button-text-hover: #fff; + + --accent-color: 255, 194, 48; + --accent-color-hover: rgb(255, 194, 48, .8); + --link-color: rgb(255, 194, 48); + --link-color-hover: rgb(255, 194, 48, .8); + --label-text-color: #eee; + + --text: #ccc; + --text-hover: #fff; + --text-muted: #999; + + /*Specials*/ + --arr-queue-color: #5d9cec; + --side-menu-active: #333333; + --scroller-hover: #606060; + --scroller: #707070; + --border-color: #606060; + --label-color: #707070; + --label-info: #5d9cec; + --header-color: #464b51; + --side-menu-color: #595959; +} + +/* HEADER */ + +[class*="PageHeader-header-"] { + background-color: var(--header-color); + color: #fff; +} + +[class*="PageToolbar-toolbar-"] { + background-color: #707070; + color: var(--text); +} + +/* SIDE MENU */ + +[class*="PageSidebar-sidebar-"] { + background-color: var(--side-menu-color); + color: #fff; +} + +[class*=PageSidebarItem-link-]:focus { + color: rgb(var(--accent-color)) !important; +} + +[class*=PageSidebarItem-isActiveLink-] { + color: var(--link-color) !important; +} + +[class*=PageSidebarItem-isActiveParentLink-] { + background-color: var(--side-menu-active); +} + +/* SCROLLER */ +[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover, +[class*=OverlayScroller-thumb-]:hover { + background-color: var(--scroller-hover) !important; +} + +[class*="OverlayScroller-thumb-"], +[class*=Scroller-scroller-]::-webkit-scrollbar-thumb { + background-color: var(--scroller) !important; +} + +/* MODALS */ + +[class*=ModalHeader-modalHeader-], +[class*=FieldSet-legend-] { + border-bottom: 1px solid var(--border-color); +} + +[class*=ModalFooter-modalFooter-] { + border-top: 1px solid var(--border-color); +} + +/* LABLES */ + +[class*="Label-default-"] { + border-color: var(--label-color); + background-color: var(--label-color); + color: white; +} + +[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) { + border-color: var(--label-info); + background-color: var(--label-info); + color: #fff; +} + +/* SETTINGS */ + +[class*=Settings-link-] { + border-bottom: 1px solid var(--border-color); +} + +/* SEARCH DROP DOWN */ + +[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] { + border: 1px solid var(--drop-down-menu-bg); + background-color: var(--drop-down-menu-bg); + box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); + color: #e1e2e3; +} + +/* SERIES PAGE */ + +[class*="MovieIndexPoster-controls-"] { + background-color: var(--label-color) !important; + color: #fff !important; } \ No newline at end of file diff --git a/CSS/addons/readarr/readarr-alt-logo/readarr-alt-logo.css b/CSS/addons/readarr/readarr-alt-logo/readarr-alt-logo.css index fb0427c5..ca630185 100644 --- a/CSS/addons/readarr/readarr-alt-logo/readarr-alt-logo.css +++ b/CSS/addons/readarr/readarr-alt-logo/readarr-alt-logo.css @@ -1,53 +1,53 @@ -@media (min-width: 752px) { - [class*="PageHeader-logo-"] { - display: none !important; - } - [class*="PageHeader-logoContainer-"]:before { - background-image: url("https://theme-park.dev/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png"); - display: inline-block; - width: 34px; - height: 34px; - content:""; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - } -} - -@media (max-width: 767px) { - [class*="PageHeader-logo-"] { - display: none !important; - } - [class*="PageHeader-logoContainer-"]:before { - background-image: url("https://theme-park.dev/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png"); - display: inline-block; - width: 34px; - height: 34px; - content:""; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - } -} - -[class*="LoadingPage-logoFull-"] { - display: none !important; -} - -[class*="LoadingPage-page-"]:before { - background-image: url("https://theme-park.dev/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png"); - display: inline-block; - width: 48px; - height: 48px; - content:""; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - margin-top: 50px; - margin-right: auto; - margin-left: auto; - -} +@media (min-width: 752px) { + [class*="PageHeader-logo-"] { + display: none !important; + } + [class*="PageHeader-logoContainer-"]:before { + background-image: url("https://theme-park.dev/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png"); + display: inline-block; + width: 34px; + height: 34px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + } +} + +@media (max-width: 767px) { + [class*="PageHeader-logo-"] { + display: none !important; + } + [class*="PageHeader-logoContainer-"]:before { + background-image: url("https://theme-park.dev/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png"); + display: inline-block; + width: 34px; + height: 34px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + } +} + +[class*="LoadingPage-logoFull-"] { + display: none !important; +} + +[class*="LoadingPage-page-"]:before { + background-image: url("https://theme-park.dev/CSS/addons/readarr/readarr-alt-logo/readarr_alt.png"); + display: inline-block; + width: 48px; + height: 48px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + margin-top: 50px; + margin-right: auto; + margin-left: auto; + +} diff --git a/CSS/addons/readarr/readarr-alt-logo/readme.md b/CSS/addons/readarr/readarr-alt-logo/readme.md index 4d6f057a..5fd9901a 100644 --- a/CSS/addons/readarr/readarr-alt-logo/readme.md +++ b/CSS/addons/readarr/readarr-alt-logo/readme.md @@ -1,3 +1,3 @@ -Headphone Icon svg made by monkik from www.flaticon.com - +Headphone Icon svg made by monkik from www.flaticon.com + https://www.flaticon.com/free-icon/music_2503487?term=headset&related_id=2503487 \ No newline at end of file diff --git a/CSS/addons/readarr/readarr-darker/readarr-darker.css b/CSS/addons/readarr/readarr-darker/readarr-darker.css index 6f86088c..415a258c 100644 --- a/CSS/addons/readarr/readarr-darker/readarr-darker.css +++ b/CSS/addons/readarr/readarr-darker/readarr-darker.css @@ -1,126 +1,126 @@ -:root { - --main-bg-color: #4a4a4b; - - --modal-bg-color: #353535; - --modal-header-color: #353535; - --modal-footer-color: #353535; - - --drop-down-menu-bg: #66001a; - - --button-color: #5899eb; - --button-color-hover: #4b91ea; - --button-text: #eee; - --button-text-hover: #fff; - - --accent-color: 202, 48, 45; - --accent-color-hover: rgb(var(--accent-color), .8); - --link-color: rgb(93, 156, 236); - --link-color-hover: rgb(93, 156, 236, .8); - --label-text-color: #eee; - - --text: #ccc; - --text-hover: #fff; - --text-muted: #999; - - /*Specials*/ - --arr-queue-color: #1d563d; - --side-menu-active: #252525; - --scroller-hover: #606060; - --scroller: #707070; - --border-color: #606060; - --label-color: #810020; - --label-info: #5d9cec; - --header-color: #a41726; - --side-menu-color: #353535; - --side-menu-link-color: #ca302d; -} - -/* HEADER */ - -[class*="PageHeader-header-"] { - background-color: var(--header-color); - color: #fff; -} - -[class*="PageToolbar-toolbar-"] { - background-color: #810020; - color: #e1e2e3; -} - -/* SIDE MENU */ - -[class*="PageSidebar-sidebar-"] { - background-color: #353535; - color: #fff; -} - -[class*=PageSidebarItem-link-]:focus { - color: rgb(var(--accent-color)) !important; -} - -[class*=PageSidebarItem-isActiveLink-] { - color: var(--side-menu-link-color) !important; -} - -[class*=PageSidebarItem-isActiveParentLink-] { - background-color: var(--side-menu-active); -} - -/* SCROLLER */ -[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover, -[class*=OverlayScroller-thumb-]:hover { - background-color: var(--scroller-hover) !important; -} - -[class*="OverlayScroller-thumb-"], -[class*=Scroller-scroller-]::-webkit-scrollbar-thumb { - background-color: var(--scroller) !important; -} - -/* MODALS */ -[class*=ModalHeader-modalHeader-], -[class*=FieldSet-legend-] { - border-bottom: 1px solid var(--border-color); -} - -[class*=ModalFooter-modalFooter-] { - border-top: 1px solid var(--border-color); -} - -/* LABLES */ -[class*="Label-default-"] { - border-color: var(--label-color); - background-color: var(--label-color); - color: white; -} - -[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) { - border-color: var(--label-info); - background-color: var(--label-info); - color: #fff; -} -.Label-default-xecWd { - border-color: #810020; - background-color: #810020; -} - -/* SETTINGS */ - -[class*=Settings-link-] { - border-bottom: 1px solid var(--border-color); -} - -/* SEARCH DROP DOWN */ -[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] { - border: 1px solid var(--drop-down-menu-bg); - background-color: var(--drop-down-menu-bg); - box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); - color: #e1e2e3; -} - -/* AUTHOR PAGE */ - -[class*="AuthorDetailsHeader-headerContent-"], [class*="BookDetailsHeader-headerContent-"] { - color: #fff; - background: #4a4a4b; +:root { + --main-bg-color: #4a4a4b; + + --modal-bg-color: #353535; + --modal-header-color: #353535; + --modal-footer-color: #353535; + + --drop-down-menu-bg: #66001a; + + --button-color: #5899eb; + --button-color-hover: #4b91ea; + --button-text: #eee; + --button-text-hover: #fff; + + --accent-color: 202, 48, 45; + --accent-color-hover: rgb(var(--accent-color), .8); + --link-color: rgb(93, 156, 236); + --link-color-hover: rgb(93, 156, 236, .8); + --label-text-color: #eee; + + --text: #ccc; + --text-hover: #fff; + --text-muted: #999; + + /*Specials*/ + --arr-queue-color: #1d563d; + --side-menu-active: #252525; + --scroller-hover: #606060; + --scroller: #707070; + --border-color: #606060; + --label-color: #810020; + --label-info: #5d9cec; + --header-color: #a41726; + --side-menu-color: #353535; + --side-menu-link-color: #ca302d; +} + +/* HEADER */ + +[class*="PageHeader-header-"] { + background-color: var(--header-color); + color: #fff; +} + +[class*="PageToolbar-toolbar-"] { + background-color: #810020; + color: #e1e2e3; +} + +/* SIDE MENU */ + +[class*="PageSidebar-sidebar-"] { + background-color: #353535; + color: #fff; +} + +[class*=PageSidebarItem-link-]:focus { + color: rgb(var(--accent-color)) !important; +} + +[class*=PageSidebarItem-isActiveLink-] { + color: var(--side-menu-link-color) !important; +} + +[class*=PageSidebarItem-isActiveParentLink-] { + background-color: var(--side-menu-active); +} + +/* SCROLLER */ +[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover, +[class*=OverlayScroller-thumb-]:hover { + background-color: var(--scroller-hover) !important; +} + +[class*="OverlayScroller-thumb-"], +[class*=Scroller-scroller-]::-webkit-scrollbar-thumb { + background-color: var(--scroller) !important; +} + +/* MODALS */ +[class*=ModalHeader-modalHeader-], +[class*=FieldSet-legend-] { + border-bottom: 1px solid var(--border-color); +} + +[class*=ModalFooter-modalFooter-] { + border-top: 1px solid var(--border-color); +} + +/* LABLES */ +[class*="Label-default-"] { + border-color: var(--label-color); + background-color: var(--label-color); + color: white; +} + +[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) { + border-color: var(--label-info); + background-color: var(--label-info); + color: #fff; +} +.Label-default-xecWd { + border-color: #810020; + background-color: #810020; +} + +/* SETTINGS */ + +[class*=Settings-link-] { + border-bottom: 1px solid var(--border-color); +} + +/* SEARCH DROP DOWN */ +[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] { + border: 1px solid var(--drop-down-menu-bg); + background-color: var(--drop-down-menu-bg); + box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); + color: #e1e2e3; +} + +/* AUTHOR PAGE */ + +[class*="AuthorDetailsHeader-headerContent-"], [class*="BookDetailsHeader-headerContent-"] { + color: #fff; + background: #4a4a4b; } \ No newline at end of file diff --git a/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css b/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css index faf5db5b..0f0f47f1 100644 --- a/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css +++ b/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k-logo.css @@ -1,53 +1,53 @@ -@media (min-width: 752px) { - [class*="PageHeader-logo-"] { - display: none !important; - } - [class*="PageHeader-logoContainer-"]:before { - background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k.png"); - display: inline-block; - width: 32px; - height: 32px; - content:""; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - } -} - -@media (max-width: 767px) { - [class*="PageHeader-logo-"] { - display: none !important; - } - [class*="PageHeader-logoContainer-"]:before { - background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k.png"); - display: inline-block; - width: 32px; - height: 32px; - content:""; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - } -} - -[class*="LoadingPage-logoFull-"] { - display: none !important; -} - -[class*="LoadingPage-page-"]:before { - background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k.png"); - display: inline-block; - width: 48px; - height: 48px; - content:""; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - margin-top: 50px; - margin-right: auto; - margin-left: auto; - -} +@media (min-width: 752px) { + [class*="PageHeader-logo-"] { + display: none !important; + } + [class*="PageHeader-logoContainer-"]:before { + background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k.png"); + display: inline-block; + width: 32px; + height: 32px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + } +} + +@media (max-width: 767px) { + [class*="PageHeader-logo-"] { + display: none !important; + } + [class*="PageHeader-logoContainer-"]:before { + background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k.png"); + display: inline-block; + width: 32px; + height: 32px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + } +} + +[class*="LoadingPage-logoFull-"] { + display: none !important; +} + +[class*="LoadingPage-page-"]:before { + background-image: url("https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo/sonarr-4k.png"); + display: inline-block; + width: 48px; + height: 48px; + content:""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + margin-top: 50px; + margin-right: auto; + margin-left: auto; + +} diff --git a/CSS/addons/sonarr/sonarr-darker/sonarr-darker.css b/CSS/addons/sonarr/sonarr-darker/sonarr-darker.css index 5efcc267..b1eb1ff0 100644 --- a/CSS/addons/sonarr/sonarr-darker/sonarr-darker.css +++ b/CSS/addons/sonarr/sonarr-darker/sonarr-darker.css @@ -1,125 +1,125 @@ -:root { - --main-bg-color: #4f566f; - - --modal-bg-color: #3a3f51; - --modal-header-color: #3a3f51; - --modal-footer-color: #3a3f51; - - --drop-down-menu-bg: #3a3f51; - - --button-color: #5899eb; - --button-color-hover: #3483e7; - --button-text: #eee; - --button-text-hover: #fff; - - --accent-color: 53, 197, 244; - --accent-color-hover: rgb(33, 147, 181); - --link-color: #35c5f4; - --link-color-hover: rgb(53, 197, 244, .8); - --label-text-color: #4f566f; - - --text: #ccc; - --text-hover: #fff; - --text-muted: #999; - - /*Specials*/ - --arr-queue-color: #35c5f4; - --side-menu-active: #252833; - --scroller-hover: #656d8c; - --scroller: #9ea4b9; - --border-color: #4f566f; - --label-color: #4f566f; - --label-info: #5d9cec; - --header-color: #2193b5; - --side-menu-color: #3a3f51; -} - -/* HEADER */ - -[class*="PageHeader-header-"] { - background-color: var(--header-color); - color: #fff; -} - -/* SIDE MENU */ - -[class*="PageSidebar-sidebar-"] { - background-color: var(--side-menu-color); - color: #fff; -} - -[class*=PageSidebarItem-link-]:focus { - color: rgb(var(--accent-color)) !important; -} - -[class*=PageSidebarItem-isActiveLink-] { - color: var(--link-color) !important; -} - -[class*=PageSidebarItem-isActiveParentLink-] { - background-color: var(--side-menu-active); -} - -/* SCROLLER */ -[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover, -[class*=OverlayScroller-thumb-]:hover { - background-color: var(--scroller-hover) !important; -} - -[class*="OverlayScroller-thumb-"], -[class*=Scroller-scroller-]::-webkit-scrollbar-thumb { - background-color: var(--scroller) !important; -} - -/* MODALS */ -[class*=ModalHeader-modalHeader-], -[class*=FieldSet-legend-] { - border-bottom: 1px solid var(--border-color); -} - -[class*=ModalFooter-modalFooter-] { - border-top: 1px solid var(--border-color); -} - -/* LABLES */ -[class*=Label-default-] { - border-color: var(--label-color); - background-color: var(--label-color); - color: white; -} - -[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) { - border-color: var(--label-info); - background-color: var(--label-info); - color: white; -} - -/* SETTINGS */ - -[class*=Settings-link-] { - border-bottom: 1px solid var(--border-color); -} - -/* SEARCH DROP DOWN */ -[class*="SeriesSearchInput-containerOpen-"] [class*="SeriesSearchInput-seriesContainer-"] { - border: 1px solid var(--drop-down-menu-bg); - background-color: var(--drop-down-menu-bg); - box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); - color: #e1e2e3; -} - -/* SERIES PAGE */ -[class*="SeriesIndexPoster-controls-"] { - background-color: var(--label-color) !important; - color: #fff !important; -} - -[class*="SeriesIndexPoster-posterContainer-"]>span>button { - background-color: transparent; - color: white !important; -} - -[class*="SeriesIndexPoster-action-"]:hover, -[class*=SeriesIndexPoster-action-] .fa-search:hover { - color: #ccc !important; +:root { + --main-bg-color: #4f566f; + + --modal-bg-color: #3a3f51; + --modal-header-color: #3a3f51; + --modal-footer-color: #3a3f51; + + --drop-down-menu-bg: #3a3f51; + + --button-color: #5899eb; + --button-color-hover: #3483e7; + --button-text: #eee; + --button-text-hover: #fff; + + --accent-color: 53, 197, 244; + --accent-color-hover: rgb(33, 147, 181); + --link-color: #35c5f4; + --link-color-hover: rgb(53, 197, 244, .8); + --label-text-color: #4f566f; + + --text: #ccc; + --text-hover: #fff; + --text-muted: #999; + + /*Specials*/ + --arr-queue-color: #35c5f4; + --side-menu-active: #252833; + --scroller-hover: #656d8c; + --scroller: #9ea4b9; + --border-color: #4f566f; + --label-color: #4f566f; + --label-info: #5d9cec; + --header-color: #2193b5; + --side-menu-color: #3a3f51; +} + +/* HEADER */ + +[class*="PageHeader-header-"] { + background-color: var(--header-color); + color: #fff; +} + +/* SIDE MENU */ + +[class*="PageSidebar-sidebar-"] { + background-color: var(--side-menu-color); + color: #fff; +} + +[class*=PageSidebarItem-link-]:focus { + color: rgb(var(--accent-color)) !important; +} + +[class*=PageSidebarItem-isActiveLink-] { + color: var(--link-color) !important; +} + +[class*=PageSidebarItem-isActiveParentLink-] { + background-color: var(--side-menu-active); +} + +/* SCROLLER */ +[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover, +[class*=OverlayScroller-thumb-]:hover { + background-color: var(--scroller-hover) !important; +} + +[class*="OverlayScroller-thumb-"], +[class*=Scroller-scroller-]::-webkit-scrollbar-thumb { + background-color: var(--scroller) !important; +} + +/* MODALS */ +[class*=ModalHeader-modalHeader-], +[class*=FieldSet-legend-] { + border-bottom: 1px solid var(--border-color); +} + +[class*=ModalFooter-modalFooter-] { + border-top: 1px solid var(--border-color); +} + +/* LABLES */ +[class*=Label-default-] { + border-color: var(--label-color); + background-color: var(--label-color); + color: white; +} + +[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) { + border-color: var(--label-info); + background-color: var(--label-info); + color: white; +} + +/* SETTINGS */ + +[class*=Settings-link-] { + border-bottom: 1px solid var(--border-color); +} + +/* SEARCH DROP DOWN */ +[class*="SeriesSearchInput-containerOpen-"] [class*="SeriesSearchInput-seriesContainer-"] { + border: 1px solid var(--drop-down-menu-bg); + background-color: var(--drop-down-menu-bg); + box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); + color: #e1e2e3; +} + +/* SERIES PAGE */ +[class*="SeriesIndexPoster-controls-"] { + background-color: var(--label-color) !important; + color: #fff !important; +} + +[class*="SeriesIndexPoster-posterContainer-"]>span>button { + background-color: transparent; + color: white !important; +} + +[class*="SeriesIndexPoster-action-"]:hover, +[class*=SeriesIndexPoster-action-] .fa-search:hover { + color: #ccc !important; } \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/alien_base.css b/CSS/addons/unraid/login-page/alien/alien_base.css index da099aa8..7e310e22 100644 --- a/CSS/addons/unraid/login-page/alien/alien_base.css +++ b/CSS/addons/unraid/login-page/alien/alien_base.css @@ -1,245 +1,245 @@ -@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"; -@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap"; -@import "https://fonts.googleapis.com/css?family=VT323"; - - - /* Replace the variables if you have a dark background */ - /* Light colors for dark backgrounds */ - /* - --div-background-color-10: rgba(255, 255, 255, 0.1); - --div-background-color-15: rgba(255, 255, 255, 0.15); - --div-background-color-25: rgba(255, 255, 255, 0.25); - --div-background-color-35: rgba(255, 255, 255, 0.35); - https://www.transparenttextures.com/patterns/hexellence.png - https://www.transparenttextures.com/patterns/gplay.png - https://www.transparenttextures.com/patterns/simple-horizontal-light.png - https://www.colourlovers.com/palette/3428762/Fallout?widths=1 - - https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES - https://brennan.io/2017/06/14/alien-computer-card/ - https://www.cssmatic.com/noise-texture - - https://codepen.io/somethingformed/pen/raWJXV - radial-gradient(ellipse at center,#0f7 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, - */ - -* { - outline: none; -} - -@media only screen and (max-width: 500px) { - #login { - -webkit-backdrop-filter: blur(0px); - backdrop-filter: blur(0px); - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - height: 100%; - width: 100%; - border-radius: none !important; - } - .background-wrap,#video-bg-elem {display: none;} - - #login { - -webkit-box-shadow: inset 0px 0px 0px 2px #F000 !important; - box-shadow: inset 0px 0px 0px 2px #F000 !important; - } -} - -html { - background: var(--main-bg) !important; -} - -body { - background: var(--main-bg) !important; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - height: 100%; - width: 100%; - overflow: hidden; -} -@media only screen and (max-width: 768px) { - #login { - min-width: 300px; - } -} -/*FOR VIDEO BACKGROUND*/ -.background-wrap { - position: fixed; - z-index: -1000; - width: 100%; - height: 100%; - overflow: hidden; - top: 0; - left: 0; -} -#video-bg-elem { - position: absolute; - top: 0; - left: 0; - min-height: 100%; - min-width: 100%; -} -/*TEXT COLOR*/ -#login h1, -#login h2, -#login .error { - color: var(--text-color) !important; - text-shadow: var(--text-shadow) var(--text-color); - font-size: 20px; -} -#login a { - color: var(--link-color); - text-shadow: var(--text-shadow) var(--text-color); -} -#login a:hover { - color: var(--link-color-hover); - text-shadow: var(--text-shadow) var(--text-color); -} -#login input { - color: var(--input-color); - text-shadow: 0 0 5px var(--text-color); -} -#login ::placeholder { - color: var(--input-color); - text-shadow: 0 0 5px var(--text-color); -} -#login ::-webkit-input-placeholder { - color: var(--input-color); - text-shadow: 0 0 5px var(--text-color); -} -#login ::-moz-placeholder { - color: var(--input-color); - text-shadow: 0 0 5px var(--text-color); -} -#login :-ms-input-placeholder { - color: var(--input-color); - text-shadow: 0 0 5px var(--text-color); -} -#login :-moz-placeholder { - color: var(--input-color); - text-shadow: 0 0 5px var(--text-color); -} -#login input:focus::-webkit-input-placeholder { - color: transparent !important; - text-shadow: 0 0 0px transparent; -} -#login input:focus:-moz-placeholder { - color: transparent !important; - text-shadow: 0 0 0px transparent; -} -#login input:focus::-moz-placeholder { - color: transparent !important; - text-shadow: 0 0 0px transparent; -} -#login input:focus:-ms-input-placeholder { - color: transparent !important; - text-shadow: 0 0 0px transparent; -} - -/*TEXT FONT*/ -#login h1, -#login h2, -#login a, -#login .button, -#login .error { - font-family: var(--text-font); - -webkit-font-smoothing: none; - line-height: 1.2; -} - -/* CASE COLOR */ -#login [class^='case-'], -#login [class*=' case-'] { - font-family: cases!important; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - color: var(--case-color); - text-shadow: var(--text-shadow) var(--text-color); -} -/*INPUT FORMS*/ -#login [type=text], -#login [type=password] { - font-family: var(--input-font); - background-color: rgba(0, 0, 0, 0.25); - border: 2px solid transparent; - text-transform: uppercase; - border-radius: 5px; -} -#login [type=text]:active, -#login [type=text]:focus, -#login [type=password]:active, -#login [type=password]:focus { - font-family: var(--input-font); - background-color: rgba(0, 0, 0, 0.25); - border: 2px solid transparent; - text-transform: uppercase; - -} - - -/*BUTTON*/ -#login .button { - color: var(--button-text-color); - text-shadow: var(--text-shadow) var(--text-color); - background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat; - background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat; - background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%; -} -#login .button:hover { - color: var(--button-text-color-hover); - text-shadow: var(--text-shadow) var(--button-color-hover); - box-shadow: var(--box-shadow) var(--button-color-hover); - background-color: var(--button-color-hover); - background: -webkit-gradient(linear, left top, right top, from(var(--button-color2-hover)), to(var(--button-color-hover))); - background: linear-gradient(90deg, var(--button-color2-hover) 0, var(--button-color-hover)); -} - - -#login { - background: var(--div-background-color-15) !important; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - padding-top: 1rem; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%) !; - -ms-transform: translate(-50%, -50%); - -webkit-transform: translate(-50%, -50%); - margin: 0 !important; - text-transform: uppercase; - min-width: 300px; -} - -#login .angle:after { - display: none; -} -#login .wordmark { - display: none; -} - -#login .logo { - background: var(--logo); - background-size: contain; - padding: 2rem; - border-radius: 0; - margin: 0rem 1rem 0rem 1rem; -} -#login .error { - animation-name: shake; - animation-duration: .8s; -} -/*LOGIN BOX SHADOW*/ -.shadow { - -webkit-box-shadow: inset 0px 0px 0px 2px var(--text-color) !important; - box-shadow: inset 0px 0px 0px 2px var(--text-color) !important; -} +@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"; +@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap"; +@import "https://fonts.googleapis.com/css?family=VT323"; + + + /* Replace the variables if you have a dark background */ + /* Light colors for dark backgrounds */ + /* + --div-background-color-10: rgba(255, 255, 255, 0.1); + --div-background-color-15: rgba(255, 255, 255, 0.15); + --div-background-color-25: rgba(255, 255, 255, 0.25); + --div-background-color-35: rgba(255, 255, 255, 0.35); + https://www.transparenttextures.com/patterns/hexellence.png + https://www.transparenttextures.com/patterns/gplay.png + https://www.transparenttextures.com/patterns/simple-horizontal-light.png + https://www.colourlovers.com/palette/3428762/Fallout?widths=1 + + https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES + https://brennan.io/2017/06/14/alien-computer-card/ + https://www.cssmatic.com/noise-texture + + https://codepen.io/somethingformed/pen/raWJXV + radial-gradient(ellipse at center,#0f7 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, + */ + +* { + outline: none; +} + +@media only screen and (max-width: 500px) { + #login { + -webkit-backdrop-filter: blur(0px); + backdrop-filter: blur(0px); + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: 100%; + width: 100%; + border-radius: none !important; + } + .background-wrap,#video-bg-elem {display: none;} + + #login { + -webkit-box-shadow: inset 0px 0px 0px 2px #F000 !important; + box-shadow: inset 0px 0px 0px 2px #F000 !important; + } +} + +html { + background: var(--main-bg) !important; +} + +body { + background: var(--main-bg) !important; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: 100%; + width: 100%; + overflow: hidden; +} +@media only screen and (max-width: 768px) { + #login { + min-width: 300px; + } +} +/*FOR VIDEO BACKGROUND*/ +.background-wrap { + position: fixed; + z-index: -1000; + width: 100%; + height: 100%; + overflow: hidden; + top: 0; + left: 0; +} +#video-bg-elem { + position: absolute; + top: 0; + left: 0; + min-height: 100%; + min-width: 100%; +} +/*TEXT COLOR*/ +#login h1, +#login h2, +#login .error { + color: var(--text-color) !important; + text-shadow: var(--text-shadow) var(--text-color); + font-size: 20px; +} +#login a { + color: var(--link-color); + text-shadow: var(--text-shadow) var(--text-color); +} +#login a:hover { + color: var(--link-color-hover); + text-shadow: var(--text-shadow) var(--text-color); +} +#login input { + color: var(--input-color); + text-shadow: 0 0 5px var(--text-color); +} +#login ::placeholder { + color: var(--input-color); + text-shadow: 0 0 5px var(--text-color); +} +#login ::-webkit-input-placeholder { + color: var(--input-color); + text-shadow: 0 0 5px var(--text-color); +} +#login ::-moz-placeholder { + color: var(--input-color); + text-shadow: 0 0 5px var(--text-color); +} +#login :-ms-input-placeholder { + color: var(--input-color); + text-shadow: 0 0 5px var(--text-color); +} +#login :-moz-placeholder { + color: var(--input-color); + text-shadow: 0 0 5px var(--text-color); +} +#login input:focus::-webkit-input-placeholder { + color: transparent !important; + text-shadow: 0 0 0px transparent; +} +#login input:focus:-moz-placeholder { + color: transparent !important; + text-shadow: 0 0 0px transparent; +} +#login input:focus::-moz-placeholder { + color: transparent !important; + text-shadow: 0 0 0px transparent; +} +#login input:focus:-ms-input-placeholder { + color: transparent !important; + text-shadow: 0 0 0px transparent; +} + +/*TEXT FONT*/ +#login h1, +#login h2, +#login a, +#login .button, +#login .error { + font-family: var(--text-font); + -webkit-font-smoothing: none; + line-height: 1.2; +} + +/* CASE COLOR */ +#login [class^='case-'], +#login [class*=' case-'] { + font-family: cases!important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + color: var(--case-color); + text-shadow: var(--text-shadow) var(--text-color); +} +/*INPUT FORMS*/ +#login [type=text], +#login [type=password] { + font-family: var(--input-font); + background-color: rgba(0, 0, 0, 0.25); + border: 2px solid transparent; + text-transform: uppercase; + border-radius: 5px; +} +#login [type=text]:active, +#login [type=text]:focus, +#login [type=password]:active, +#login [type=password]:focus { + font-family: var(--input-font); + background-color: rgba(0, 0, 0, 0.25); + border: 2px solid transparent; + text-transform: uppercase; + +} + + +/*BUTTON*/ +#login .button { + color: var(--button-text-color); + text-shadow: var(--text-shadow) var(--text-color); + background: linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color2) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color2) 0, var(--button-color2)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat; + background: -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color2)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color2)), to(var(--button-color2))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat; + background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%; +} +#login .button:hover { + color: var(--button-text-color-hover); + text-shadow: var(--text-shadow) var(--button-color-hover); + box-shadow: var(--box-shadow) var(--button-color-hover); + background-color: var(--button-color-hover); + background: -webkit-gradient(linear, left top, right top, from(var(--button-color2-hover)), to(var(--button-color-hover))); + background: linear-gradient(90deg, var(--button-color2-hover) 0, var(--button-color-hover)); +} + + +#login { + background: var(--div-background-color-15) !important; + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + padding-top: 1rem; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%) !; + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + margin: 0 !important; + text-transform: uppercase; + min-width: 300px; +} + +#login .angle:after { + display: none; +} +#login .wordmark { + display: none; +} + +#login .logo { + background: var(--logo); + background-size: contain; + padding: 2rem; + border-radius: 0; + margin: 0rem 1rem 0rem 1rem; +} +#login .error { + animation-name: shake; + animation-duration: .8s; +} +/*LOGIN BOX SHADOW*/ +.shadow { + -webkit-box-shadow: inset 0px 0px 0px 2px var(--text-color) !important; + box-shadow: inset 0px 0px 0px 2px var(--text-color) !important; +} diff --git a/CSS/addons/unraid/login-page/alien/custom.css b/CSS/addons/unraid/login-page/alien/custom.css index 5680f3d2..c1118533 100644 --- a/CSS/addons/unraid/login-page/alien/custom.css +++ b/CSS/addons/unraid/login-page/alien/custom.css @@ -1,22 +1,22 @@ -@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); -:root { - --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, - url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed; - --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/nostromogreen2.png) center no-repeat; - --text-color: #37f592; - --input-color: #37f592; - --link-color: #37f592; - --link-color-hover: #68ffff; - --case-color: #37f592; - --button-text-color: #37f592; - --button-text-color-hover: #000; - --button-color: #37f592; - --button-color2: #0C833D; - --button-color-hover: #68ffff; - --button-color2-hover: #68ffff; - --input-font: 'Share Tech Mono', monospace; - --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ - --div-background-color-15: rgba(0, 255, 111, 0.03); - --text-shadow: 0 0 8px; - --box-shadow: 0 0 15px; +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); +:root { + --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, + url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/nostromogreen2.png) center no-repeat; + --text-color: #37f592; + --input-color: #37f592; + --link-color: #37f592; + --link-color-hover: #68ffff; + --case-color: #37f592; + --button-text-color: #37f592; + --button-text-color-hover: #000; + --button-color: #37f592; + --button-color2: #0C833D; + --button-color-hover: #68ffff; + --button-color2-hover: #68ffff; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ + --div-background-color-15: rgba(0, 255, 111, 0.03); + --text-shadow: 0 0 8px; + --box-shadow: 0 0 15px; } \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/hallway.css b/CSS/addons/unraid/login-page/alien/hallway.css index a56b5802..a0724cde 100644 --- a/CSS/addons/unraid/login-page/alien/hallway.css +++ b/CSS/addons/unraid/login-page/alien/hallway.css @@ -1,22 +1,22 @@ -@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); -:root { - --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, - url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway.jpg) center center/cover no-repeat fixed; - --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; - --text-color: #37f592; - --input-color: #37f592; - --link-color: #37f592; - --link-color-hover: #68ffff; - --case-color: #37f592; - --button-text-color: #37f592; - --button-text-color-hover: #000; - --button-color: #37f592; - --button-color2: #0C833D; - --button-color-hover: #68ffff; - --button-color2-hover: #68ffff; - --input-font: 'Share Tech Mono', monospace; - --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ - --div-background-color-15: rgba(0, 255, 111, 0.03); - --text-shadow: 0 0 8px; - --box-shadow: 0 0 15px; +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); +:root { + --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, + url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway.jpg) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; + --text-color: #37f592; + --input-color: #37f592; + --link-color: #37f592; + --link-color-hover: #68ffff; + --case-color: #37f592; + --button-text-color: #37f592; + --button-text-color-hover: #000; + --button-color: #37f592; + --button-color2: #0C833D; + --button-color-hover: #68ffff; + --button-color2-hover: #68ffff; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ + --div-background-color-15: rgba(0, 255, 111, 0.03); + --text-shadow: 0 0 8px; + --box-shadow: 0 0 15px; } \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/hallway2.css b/CSS/addons/unraid/login-page/alien/hallway2.css index 2c490be1..38ec4a1a 100644 --- a/CSS/addons/unraid/login-page/alien/hallway2.css +++ b/CSS/addons/unraid/login-page/alien/hallway2.css @@ -1,22 +1,22 @@ -@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); -:root { - --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, - url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed; - --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; - --text-color: #37f592; - --input-color: #37f592; - --link-color: #37f592; - --link-color-hover: #68ffff; - --case-color: #37f592; - --button-text-color: #37f592; - --button-text-color-hover: #000; - --button-color: #37f592; - --button-color2: #0C833D; - --button-color-hover: #68ffff; - --button-color2-hover: #68ffff; - --input-font: 'Share Tech Mono', monospace; - --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ - --div-background-color-15: rgba(0, 255, 111, 0.03); - --text-shadow: 0 0 8px; - --box-shadow: 0 0 15px; +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); +:root { + --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, + url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; + --text-color: #37f592; + --input-color: #37f592; + --link-color: #37f592; + --link-color-hover: #68ffff; + --case-color: #37f592; + --button-text-color: #37f592; + --button-text-color-hover: #000; + --button-color: #37f592; + --button-color2: #0C833D; + --button-color-hover: #68ffff; + --button-color2-hover: #68ffff; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ + --div-background-color-15: rgba(0, 255, 111, 0.03); + --text-shadow: 0 0 8px; + --box-shadow: 0 0 15px; } \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/hallway3.css b/CSS/addons/unraid/login-page/alien/hallway3.css index e166f370..85719c35 100644 --- a/CSS/addons/unraid/login-page/alien/hallway3.css +++ b/CSS/addons/unraid/login-page/alien/hallway3.css @@ -1,22 +1,22 @@ -@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); -:root { - --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, - url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway3.jpg) center center/cover no-repeat fixed; - --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; - --text-color: #37f592; - --input-color: #37f592; - --link-color: #37f592; - --link-color-hover: #68ffff; - --case-color: #37f592; - --button-text-color: #37f592; - --button-text-color-hover: #000; - --button-color: #37f592; - --button-color2: #0C833D; - --button-color-hover: #68ffff; - --button-color2-hover: #68ffff; - --input-font: 'Share Tech Mono', monospace; - --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ - --div-background-color-15: rgba(0, 255, 111, 0.03); - --text-shadow: 0 0 8px; - --box-shadow: 0 0 15px; +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); +:root { + --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, + url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway3.jpg) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; + --text-color: #37f592; + --input-color: #37f592; + --link-color: #37f592; + --link-color-hover: #68ffff; + --case-color: #37f592; + --button-text-color: #37f592; + --button-text-color-hover: #000; + --button-color: #37f592; + --button-color2: #0C833D; + --button-color-hover: #68ffff; + --button-color2-hover: #68ffff; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ + --div-background-color-15: rgba(0, 255, 111, 0.03); + --text-shadow: 0 0 8px; + --box-shadow: 0 0 15px; } \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/hallway4.css b/CSS/addons/unraid/login-page/alien/hallway4.css index e95feddb..f747496c 100644 --- a/CSS/addons/unraid/login-page/alien/hallway4.css +++ b/CSS/addons/unraid/login-page/alien/hallway4.css @@ -1,22 +1,22 @@ -@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); -:root { - --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, - url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway4.jpg) center center/cover no-repeat fixed; - --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; - --text-color: #37f592; - --input-color: #37f592; - --link-color: #37f592; - --link-color-hover: #68ffff; - --case-color: #37f592; - --button-text-color: #37f592; - --button-text-color-hover: #000; - --button-color: #37f592; - --button-color2: #0C833D; - --button-color-hover: #68ffff; - --button-color2-hover: #68ffff; - --input-font: 'Share Tech Mono', monospace; - --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ - --div-background-color-15: rgba(0, 255, 111, 0.03); - --text-shadow: 0 0 8px; - --box-shadow: 0 0 15px; +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); +:root { + --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, + url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/hallway4.jpg) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; + --text-color: #37f592; + --input-color: #37f592; + --link-color: #37f592; + --link-color-hover: #68ffff; + --case-color: #37f592; + --button-text-color: #37f592; + --button-text-color-hover: #000; + --button-color: #37f592; + --button-color2: #0C833D; + --button-color-hover: #68ffff; + --button-color2-hover: #68ffff; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ + --div-background-color-15: rgba(0, 255, 111, 0.03); + --text-shadow: 0 0 8px; + --box-shadow: 0 0 15px; } \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/isolation.css b/CSS/addons/unraid/login-page/alien/isolation.css index be8a7d47..04170095 100644 --- a/CSS/addons/unraid/login-page/alien/isolation.css +++ b/CSS/addons/unraid/login-page/alien/isolation.css @@ -1,22 +1,22 @@ -@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); -:root { - --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, - url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/isolation.png) center center/cover no-repeat fixed; - --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; - --text-color: #37f592; - --input-color: #37f592; - --link-color: #37f592; - --link-color-hover: #68ffff; - --case-color: #37f592; - --button-text-color: #37f592; - --button-text-color-hover: #000; - --button-color: #37f592; - --button-color2: #0C833D; - --button-color-hover: #68ffff; - --button-color2-hover: #68ffff; - --input-font: 'Share Tech Mono', monospace; - --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ - --div-background-color-15: rgba(0, 255, 111, 0.03); - --text-shadow: 0 0 8px; - --box-shadow: 0 0 15px; +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); +:root { + --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, + url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/isolation.png) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; + --text-color: #37f592; + --input-color: #37f592; + --link-color: #37f592; + --link-color-hover: #68ffff; + --case-color: #37f592; + --button-text-color: #37f592; + --button-text-color-hover: #000; + --button-color: #37f592; + --button-color2: #0C833D; + --button-color-hover: #68ffff; + --button-color2-hover: #68ffff; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ + --div-background-color-15: rgba(0, 255, 111, 0.03); + --text-shadow: 0 0 8px; + --box-shadow: 0 0 15px; } \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/isolation_video.css b/CSS/addons/unraid/login-page/alien/isolation_video.css index 5764f38a..7f1f89ab 100644 --- a/CSS/addons/unraid/login-page/alien/isolation_video.css +++ b/CSS/addons/unraid/login-page/alien/isolation_video.css @@ -1,21 +1,21 @@ -@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); -:root { - --main-bg: transparent; - --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; - --text-color: #37f592; - --input-color: #37f592; - --link-color: #37f592; - --link-color-hover: #68ffff; - --case-color: #37f592; - --button-text-color: #37f592; - --button-text-color-hover: #000; - --button-color: #37f592; - --button-color2: #0C833D; - --button-color-hover: #68ffff; - --button-color2-hover: #68ffff; - --input-font: 'Share Tech Mono', monospace; - --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ - --div-background-color-15: rgba(0, 255, 111, 0.03); - --text-shadow: 0 0 8px; - --box-shadow: 0 0 15px; +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); +:root { + --main-bg: transparent; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; + --text-color: #37f592; + --input-color: #37f592; + --link-color: #37f592; + --link-color-hover: #68ffff; + --case-color: #37f592; + --button-text-color: #37f592; + --button-text-color-hover: #000; + --button-color: #37f592; + --button-color2: #0C833D; + --button-color-hover: #68ffff; + --button-color2-hover: #68ffff; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ + --div-background-color-15: rgba(0, 255, 111, 0.03); + --text-shadow: 0 0 8px; + --box-shadow: 0 0 15px; } \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/js/isolation.js b/CSS/addons/unraid/login-page/alien/js/isolation.js index 6b788591..78eb7778 100644 --- a/CSS/addons/unraid/login-page/alien/js/isolation.js +++ b/CSS/addons/unraid/login-page/alien/js/isolation.js @@ -1,6 +1,6 @@ -// Adds a video background - -let video = ` -
-` +// Adds a video background + +let video = ` +
+` document.body.innerHTML += video \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/nightmare.css b/CSS/addons/unraid/login-page/alien/nightmare.css index 625596d7..a75b65ca 100644 --- a/CSS/addons/unraid/login-page/alien/nightmare.css +++ b/CSS/addons/unraid/login-page/alien/nightmare.css @@ -1,22 +1,22 @@ -@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); -:root { - --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, - url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/nightmare.png) center center/cover no-repeat fixed; - --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_red.png) center no-repeat; - --text-color: #e22828; - --input-color: #e22828; - --link-color: #e22828; - --link-color-hover: #f07777; - --case-color: #e22828; - --button-text-color: #e22828; - --button-text-color-hover: #000; - --button-color: #e22828; - --button-color2: #e22828; - --button-color-hover: #db3232; - --button-color2-hover: #db3232; - --input-font: 'Share Tech Mono', monospace; - --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ - --div-background-color-15: rgba(0, 0, 0, 0.55); - --text-shadow: 0 0 8px; - --box-shadow: 0 0 15px; +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); +:root { + --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, + url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/nightmare.png) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/wings_red.png) center no-repeat; + --text-color: #e22828; + --input-color: #e22828; + --link-color: #e22828; + --link-color-hover: #f07777; + --case-color: #e22828; + --button-text-color: #e22828; + --button-text-color-hover: #000; + --button-color: #e22828; + --button-color2: #e22828; + --button-color-hover: #db3232; + --button-color2-hover: #db3232; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ + --div-background-color-15: rgba(0, 0, 0, 0.55); + --text-shadow: 0 0 8px; + --box-shadow: 0 0 15px; } \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/alien/scanner.css b/CSS/addons/unraid/login-page/alien/scanner.css index 839e8590..73f97cb8 100644 --- a/CSS/addons/unraid/login-page/alien/scanner.css +++ b/CSS/addons/unraid/login-page/alien/scanner.css @@ -1,22 +1,22 @@ -@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); -:root { - --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, - url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/scanner.jpg) center center/cover no-repeat fixed; - --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/nostromogreen2.png) center no-repeat; - --text-color: #37f592; - --input-color: #37f592; - --link-color: #37f592; - --link-color-hover: #68ffff; - --case-color: #37f592; - --button-text-color: #37f592; - --button-text-color-hover: #000; - --button-color: #37f592; - --button-color2: #0C833D; - --button-color-hover: #68ffff; - --button-color2-hover: #68ffff; - --input-font: 'Share Tech Mono', monospace; - --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ - --div-background-color-15: rgba(0, 255, 111, 0.03); - --text-shadow: 0 0 8px; - --box-shadow: 0 0 15px; +@import url("https://theme-park.dev/CSS/addons/unraid/login-page/alien/alien_base.css"); +:root { + --main-bg: radial-gradient(ellipse at center,rgba(0, 255, 119, 0.1) 0,rgba(0,255,119,0) 100%) center center/cover no-repeat fixed, + url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/wallpaper/scanner.jpg) center center/cover no-repeat fixed; + --logo: url(https://theme-park.dev/CSS/addons/unraid/login-page/alien/logo/nostromogreen2.png) center no-repeat; + --text-color: #37f592; + --input-color: #37f592; + --link-color: #37f592; + --link-color-hover: #68ffff; + --case-color: #37f592; + --button-text-color: #37f592; + --button-text-color-hover: #000; + --button-color: #37f592; + --button-color2: #0C833D; + --button-color-hover: #68ffff; + --button-color2-hover: #68ffff; + --input-font: 'Share Tech Mono', monospace; + --text-font: 'Share Tech Mono', monospace; /*'VT323', 'Share Tech Mono'*/ + --div-background-color-15: rgba(0, 255, 111, 0.03); + --text-shadow: 0 0 8px; + --box-shadow: 0 0 15px; } \ No newline at end of file diff --git a/CSS/addons/unraid/login-page/custom_login.sh b/CSS/addons/unraid/login-page/custom_login.sh index bf6a6a68..55567590 100644 --- a/CSS/addons/unraid/login-page/custom_login.sh +++ b/CSS/addons/unraid/login-page/custom_login.sh @@ -1,67 +1,67 @@ -#!/bin/bash -TYPE="retro-terminal" -THEME="green.css" -DOMAIN="theme-park.dev" #if you update the domain after the script has been run, You must disable and re enable JS or the whole theme. -ADD_JS="true" -JS="custom_text_header.js" -DISABLE_THEME="false" - -echo -e "Variables set:\\n\ -THEME = ${THEME}\\n\ -DOMAIN = ${DOMAIN}\\n\ -ADD_JS = ${ADD_JS}\\n\ -JS = ${JS}\\n\ -DISABLE_THEME = ${DISABLE_THEME}\\n" - -# Restore login.php -if [ ${DISABLE_THEME} = "true" ]; then - echo "Restoring backup of login.php" - cp -p /usr/local/emhttp/login.php.backup /usr/local/emhttp/login.php - exit 0 -fi - -# Backup login page if needed. -if [ ! -f /usr/local/emhttp/login.php.backup ]; then - echo "Creating backup of login.php" - cp -p /usr/local/emhttp/login.php /usr/local/emhttp/login.php.backup -fi - -# Use correct domain style -case ${DOMAIN} in - *"github.io"*) - echo "Switching to github.io URL style" - DOMAIN="${DOMAIN}\/theme.park" - ;; -esac - -# Adding stylesheets -if ! grep -q ${DOMAIN} /usr/local/emhttp/login.php; then - echo "Adding stylesheet" - sed -i -e "\@