diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md index 3121d921..eb34244b 100644 --- a/.github/CONTRIBUTING.md +++ b/.github/CONTRIBUTING.md @@ -3,6 +3,10 @@ - If you want to discuss changes, you can also bring it up in our Discord server - PR's are done against the develop branch. +## Bug fixes + +- When submitting bugfixes please show a before and after screenshot of the fix, and a description of what the fix does. + ## New theme option - The current variables in use can be found in any of the CSS files in `/css/theme-options/` and `/css/community-theme-options/` @@ -24,7 +28,3 @@ Remember to also to change the variables in the the `Specials` section even if y - 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/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md index 0108e93a..a80ace86 100644 --- a/.github/ISSUE_TEMPLATE/bug_report.md +++ b/.github/ISSUE_TEMPLATE/bug_report.md @@ -12,6 +12,7 @@ A clear and concise description of what the bug is. **Theme Install Method** (Don't skip) - Docker run / Compose Config + - If using docker mods share your container logs.. - Webserver subfilter Config - Stylus Config @@ -19,6 +20,7 @@ A clear and concise description of what the bug is. - Version - Branch - Container +- Logs **To Reproduce** Steps to reproduce the behavior: diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md index 879155f1..9dd35b0e 100644 --- a/.github/pull_request_template.md +++ b/.github/pull_request_template.md @@ -15,10 +15,15 @@ - [ ] 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 +- PR's are done against the develop branch. ------------------------------ +## Bug fixes + +- When submitting bugfixes please show a before and after screenshot of the fix, and a description of what the fix does. + ## Description: diff --git a/.github/workflows/auto-build.yml b/.github/workflows/auto-build.yml index fef13e45..654126be 100644 --- a/.github/workflows/auto-build.yml +++ b/.github/workflows/auto-build.yml @@ -5,6 +5,43 @@ on: - master paths: - 'docker-mods/**' + workflow_dispatch: + inputs: + app: + description: 'Select an app' + required: true + type: choice + options: + - radarr + - sonarr + - readarr + - lidarr + - bazarr + - whisparr + - prowlarr + - plex + - jellyfin + - emby + - sabnzbd + - synclounge + - transmission + - calibre-web + - lazylibrarian + - mylar3 + - duplicati + - tautulli + - vuetorrent + - deluge + - jackett + - librespeed + - nzbget + - qbittorrent + - rutorrent + - swag + - thelounge + append-tag: + required: false + description: 'Append a the tag with "-custom" e.g :radarr-custom' jobs: push_to_ghcr_io: runs-on: ubuntu-latest @@ -24,6 +61,7 @@ jobs: username: ${{ github.repository_owner }} password: ${{ secrets.GH_PAT }} - name: find correct directory then build&push + if: ${{ github.event_name == 'push' }} run: | for i in ${{ steps.getfile.outputs.files }} do @@ -38,6 +76,11 @@ jobs: docker build docker-mods/$directory --tag ghcr.io/gilbn/theme.park:$directory docker push ghcr.io/gilbn/theme.park:$directory done + - name: manually build + if: ${{ github.event.inputs.app }} + run: | + docker build docker-mods/${{ github.event.inputs.app }} --tag ghcr.io/gilbn/theme.park:${{ github.event.inputs.app }}${{ github.event.inputs.append-tag }} + docker push ghcr.io/gilbn/theme.park:${{ github.event.inputs.app }}${{ github.event.inputs.append-tag }} push_to_dockerhub: runs-on: ubuntu-latest steps: @@ -55,6 +98,7 @@ jobs: username: ${{ secrets.DH_USER }} password: ${{ secrets.DOCKERHUB_TOKEN }} - name: find correct directory then build&push + if: ${{ github.event_name == 'push' }} run: | for i in ${{ steps.getfile.outputs.files }} do @@ -68,4 +112,9 @@ jobs: fi docker build docker-mods/$directory --tag gilbn/theme.park:$directory docker push gilbn/theme.park:$directory - done \ No newline at end of file + done + - name: manually build + if: ${{ github.event.inputs.app }} + run: | + docker build docker-mods/${{ github.event.inputs.app }} --tag gilbn/theme.park:${{ github.event.inputs.app }}${{ github.event.inputs.append-tag }} + docker push gilbn/theme.park:${{ github.event.inputs.app }}${{ github.event.inputs.append-tag }} \ No newline at end of file diff --git a/.github/workflows/minify-and-deploy.yml b/.github/workflows/minify-and-deploy.yml index 55cf9195..09e4dbb3 100644 --- a/.github/workflows/minify-and-deploy.yml +++ b/.github/workflows/minify-and-deploy.yml @@ -85,4 +85,9 @@ jobs: publish_dir: ./ publish_branch: live_testing github_token: ${{ secrets.GITHUB_TOKEN }} - exclude_assets: '' \ No newline at end of file + exclude_assets: '' + - name: Clear CF Cache + run: | + curl -X GET "https://api.cloudflare.com/client/v4/user/tokens/verify" \ + -H "Authorization: Bearer ${{ secrets.CLOUDFLARE_CACHE_PURGE }}" \ + -H "Content-Type:application/json" \ No newline at end of file diff --git a/README.md b/README.md index 60811746..49db51e1 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ - + [![Docs](https://img.shields.io/static/v1.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=theme-park.dev&message=Docs)](https://docs.theme-park.dev "Documentation for all the themes in this repository.") [![Discord](https://img.shields.io/discord/591352397830553601.svg?color=009688&labelColor=555555&logoColor=ffffff&style=for-the-badge&label=Discord&logo=discord)](https://discord.gg/HM5uUKU "Discord for theme installation support") @@ -23,7 +23,7 @@ Dracula Overseerr -Organizr +Organizr Aquamarine Hotline Hotpink @@ -31,9 +31,12 @@ Dark Plex Nord +Maroon

Installation

+-

Docker image

+

Addons

Community Themes

@@ -67,15 +70,20 @@

Prowlarr

+

+

Whisparr

+ +

Bazarr

+ + +

Plex

- -

Jellyfin

@@ -100,12 +108,13 @@

Overseerr

+ + +

Deluge

- -

qBittorrent

@@ -130,12 +139,13 @@

NZBHydra 2

+ + +

Jackett

- -

Netdata

@@ -161,21 +171,20 @@

Calibre-web

+ + +

Xbackbone

- -

Filebrowser

-

librespeed

-

Lazylibrarian

@@ -192,12 +201,13 @@

Uptime Kuma

+ + +

Mylar 3

- -

Bitwarden

@@ -222,12 +232,13 @@

Unraid

+ + +

Moviematch

- -

Petio

@@ -252,13 +263,14 @@

Synclounge

- -

-

The Lounge (Deprecated)

- + +

+

Nginx Proxy Manager

+ +

Grafana (Deprecated)

@@ -279,20 +291,11 @@

PLPP (Deprecated)

- - - - +

+

The Lounge (Deprecated)

-
- -

Honourable mentions

- -

Archmonger/Blackberry-Themes

\ No newline at end of file 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 009d2010..7b31e225 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,19 @@ -/* Desktop */ -@media (min-width: 752px) { - .header-icon.px-3.m-0.d-none.d-md-block img { + .mantine-Avatar-root[class*="bazarr-"] img { display: none !important; } - .header-icon.px-3.m-0.d-none.d-md-block:before { - background-image: url("/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 { + .mantine-Avatar-root[class*="bazarr-"]:before { background-image: url("/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png"); display: inline-block; - width: 32px; + width: 32px; height: 32px; - content:""; - background-size: cover; - -webkit-background-size: cover; - -moz-background-size: cover; + content: ""; + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; -o-background-size: cover; - } -} + } + + #root>div>nav>div>div.mantine-Group-root.mantine-Group-child[class*="bazarr-"]>div>span:after { + content: " 4K"; + } \ No newline at end of file diff --git a/css/addons/bazarr/bazarr-darker/bazarr-darker.css b/css/addons/bazarr/bazarr-darker/bazarr-darker.css index 29ece53b..e4514d98 100644 --- a/css/addons/bazarr/bazarr-darker/bazarr-darker.css +++ b/css/addons/bazarr/bazarr-darker/bazarr-darker.css @@ -1,11 +1,11 @@ :root { - --main-bg-color: #313544; + --main-bg-color: #202020; - --modal-bg-color: #252833; - --modal-header-color: #252833; - --modal-footer-color: #252833; + --modal-bg-color: #2a2a2a; + --modal-header-color: #2a2a2a; + --modal-footer-color: #2a2a2a; - --drop-down-menu-bg: #252833; + --drop-down-menu-bg: #333; --button-color: #911f93; --button-color-hover: #721873; @@ -24,42 +24,32 @@ /*Specials*/ --arr-queue-color: #6c757d; - --side-menu-active: #252833; - --side-menu-color: #3a3f51; + --side-menu-active: #333333; --side-menu-link-color: #fff; --scroller-hover: #606060; --scroller: #707070; --border-color: #606060; --label-color: #911f93; --label-info: #5d9cec; - --header-color: #911f93; + --header-color: #2a2a2a; + --toolbar-background: #262626; + --side-menu-color: #2a2a2a; } /* HEADER */ -.header-container .bg-primary { +.mantine-Header-root[class*="bazarr-"] { background-color: var(--header-color) !important; + border-bottom: 1px solid var(--transparency-light-15); } /* SIDE MENU */ -.sidebar-container { +.mantine-Navbar-root[class*="bazarr-"] { 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>div>div>main>div>div.mantine-Group-root[class*="bazarr-"], +#root>div>div>main>div>div>div.mantine-Group-root[class*="bazarr-"], +#root>div>div>main>form>div.mantine-Group-root[class*="bazarr-"] { + background: #262626 !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 fc479d22..d68dfdc7 100644 --- a/css/addons/lidarr/lidarr-darker/lidarr-darker.css +++ b/css/addons/lidarr/lidarr-darker/lidarr-darker.css @@ -1,11 +1,12 @@ +@import url("/css/defaults/servarr-darker-base.css"); :root { - --main-bg-color: #454545; + --main-bg-color: #202020; - --modal-bg-color: #353535; - --modal-header-color: #353535; - --modal-footer-color: #353535; + --modal-bg-color: #2a2a2a; + --modal-header-color: #2a2a2a; + --modal-footer-color: #2a2a2a; - --drop-down-menu-bg: #4d8069; + --drop-down-menu-bg: #333; --button-color: #5899eb; --button-color-hover: #4b91ea; @@ -24,87 +25,16 @@ /*Specials*/ --arr-queue-color: #00a65b; - --side-menu-active: #252525; + --side-menu-active: #333333; --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); + --header-color: #2a2a2a; + --toolbar-background: #262626; + --side-menu-color: #2a2a2a; + --side-menu-link-color: #00a65b; } /* SEARCH DROP DOWN */ 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 8d72ab59..89382f18 100644 --- a/css/addons/plex/plex-alt-logo/plex-alt-logo.css +++ b/css/addons/plex/plex-alt-logo/plex-alt-logo.css @@ -4,5 +4,9 @@ background-repeat: no-repeat; background-size: contain; margin: 0 10px; - width: 45px; + width: 40px; +} + +[class*="NavBar-plexLogo-"] svg { + display: none; } \ 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 b84c55b8..75c317fe 100644 --- a/css/addons/prowlarr/prowlarr-darker/prowlarr-darker.css +++ b/css/addons/prowlarr/prowlarr-darker/prowlarr-darker.css @@ -1,11 +1,12 @@ +@import url("/css/defaults/servarr-darker-base.css"); :root { - --main-bg-color: #454545; + --main-bg-color: #202020; - --modal-bg-color: #454545; - --modal-header-color: #454545; - --modal-footer-color: #454545; + --modal-bg-color: #2a2a2a; + --modal-header-color: #2a2a2a; + --modal-footer-color: #2a2a2a; - --drop-down-menu-bg: #606060; + --drop-down-menu-bg: #333; --button-color: #5899eb; --button-color-hover: #4b91ea; @@ -28,106 +29,27 @@ --scroller-hover: #606060; --scroller: #707070; --border-color: #606060; - --label-color: #707070; + --label-color: #e66000; --label-info: #5d9cec; - --header-color: #e66000; - --side-menu-color: #595959; + --header-color: #2a2a2a; + --toolbar-background: #262626; + --side-menu-color: #2a2a2a; --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; -} - -[class*="Label-disabled-"][class*="Label-outline-"] { - color: #000; -} - -[class*="Label-outline-"] { - background-color: #989898; -} - -[class*="Label-success-"] { - color: #000; -} - -/* 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%); + box-shadow: none; color: #e1e2e3; } -/* BUTTONS */ +canvas { + filter: none !important +} + +[class*="Stats-fullWidthChart-"], [class*="Stats-halfWidthChart-"] { + background: transparent !important; +} diff --git a/css/addons/radarr/radarr-darker/radarr-darker.css b/css/addons/radarr/radarr-darker/radarr-darker.css index 31743298..29e6bb7e 100644 --- a/css/addons/radarr/radarr-darker/radarr-darker.css +++ b/css/addons/radarr/radarr-darker/radarr-darker.css @@ -1,11 +1,12 @@ +@import url("/css/defaults/servarr-darker-base.css"); :root { - --main-bg-color: #454545; + --main-bg-color: #202020; - --modal-bg-color: #595959; - --modal-header-color: #595959; - --modal-footer-color: #595959; + --modal-bg-color: #2a2a2a; + --modal-header-color: #2a2a2a; + --modal-footer-color: #2a2a2a; - --drop-down-menu-bg: #606060; + --drop-down-menu-bg: #333; --button-color: #5899eb; --button-color-hover: #4b91ea; @@ -13,10 +14,10 @@ --button-text-hover: #fff; --accent-color: 255, 194, 48; - --accent-color-hover: rgb(255, 194, 48, .8); - --link-color: rgb(255, 194, 48); + --accent-color-hover: rgba(255, 194, 48, 0.8); + --link-color: #ffc230; --link-color-hover: rgb(255, 194, 48, .8); - --label-text-color: #eee; + --label-text-color: #2f2f2f; --text: #ccc; --text-hover: #fff; @@ -28,83 +29,12 @@ --scroller-hover: #606060; --scroller: #707070; --border-color: #606060; - --label-color: #707070; + --label-color: #ffc230; --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); + --header-color: #2a2a2a; + --toolbar-background: #262626; + --side-menu-color: #2a2a2a; + --side-menu-link-color: #ffc230; } /* SEARCH DROP DOWN */ @@ -120,5 +50,5 @@ [class*="MovieIndexPoster-controls-"] { background-color: var(--label-color) !important; - color: #fff !important; + color: var(--label-text-color) !important; } \ 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 415a258c..6800b40d 100644 --- a/css/addons/readarr/readarr-darker/readarr-darker.css +++ b/css/addons/readarr/readarr-darker/readarr-darker.css @@ -1,11 +1,12 @@ +@import url("/css/defaults/servarr-darker-base.css"); :root { - --main-bg-color: #4a4a4b; + --main-bg-color: #202020; - --modal-bg-color: #353535; - --modal-header-color: #353535; - --modal-footer-color: #353535; + --modal-bg-color: #2a2a2a; + --modal-header-color: #2a2a2a; + --modal-footer-color: #2a2a2a; - --drop-down-menu-bg: #66001a; + --drop-down-menu-bg: #333; --button-color: #5899eb; --button-color-hover: #4b91ea; @@ -23,104 +24,22 @@ --text-muted: #999; /*Specials*/ - --arr-queue-color: #1d563d; - --side-menu-active: #252525; + --arr-queue-color: #5d9cec; + --side-menu-active: #333333; --scroller-hover: #606060; --scroller: #707070; --border-color: #606060; --label-color: #810020; --label-info: #5d9cec; - --header-color: #a41726; - --side-menu-color: #353535; + --header-color: #2a2a2a; + --toolbar-background: #262626; + --side-menu-color: #2a2a2a; --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; + color: var(--text); + background: var(--main-bg-color); } \ No newline at end of file diff --git a/css/addons/sonarr/sonarr-darker/sonarr-darker.css b/css/addons/sonarr/sonarr-darker/sonarr-darker.css index b1eb1ff0..7c3c2ddc 100644 --- a/css/addons/sonarr/sonarr-darker/sonarr-darker.css +++ b/css/addons/sonarr/sonarr-darker/sonarr-darker.css @@ -1,11 +1,12 @@ +@import url("/css/defaults/servarr-darker-base.css"); :root { - --main-bg-color: #4f566f; + --main-bg-color: #202020; - --modal-bg-color: #3a3f51; - --modal-header-color: #3a3f51; - --modal-footer-color: #3a3f51; + --modal-bg-color: #2a2a2a; + --modal-header-color: #2a2a2a; + --modal-footer-color: #2a2a2a; - --drop-down-menu-bg: #3a3f51; + --drop-down-menu-bg: #333; --button-color: #5899eb; --button-color-hover: #3483e7; @@ -16,50 +17,25 @@ --accent-color-hover: rgb(33, 147, 181); --link-color: #35c5f4; --link-color-hover: rgb(53, 197, 244, .8); - --label-text-color: #4f566f; + --label-text-color: #272a36; --text: #ccc; --text-hover: #fff; - --text-muted: #999; + --text-muted: #bebebe; /*Specials*/ --arr-queue-color: #35c5f4; - --side-menu-active: #252833; - --scroller-hover: #656d8c; - --scroller: #9ea4b9; - --border-color: #4f566f; - --label-color: #4f566f; + --side-menu-active: #333333; + --scroller-hover: #606060; + --scroller: #707070; + --border-color: #606060; + --label-color: #35c5f4; --label-info: #5d9cec; - --header-color: #2193b5; - --side-menu-color: #3a3f51; + --header-color: #2a2a2a; + --toolbar-background: #262626; + --side-menu-color: #2a2a2a; + --side-menu-link-color: #35c5f4; } - -/* 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 { @@ -71,35 +47,6 @@ 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); diff --git a/css/addons/sonarr/sonarr-text-logo/sonarr-text-logo.css b/css/addons/sonarr/sonarr-text-logo/sonarr-text-logo.css new file mode 100644 index 00000000..0979cbe5 --- /dev/null +++ b/css/addons/sonarr/sonarr-text-logo/sonarr-text-logo.css @@ -0,0 +1,38 @@ +@media (min-width: 752px) { + [class*="PageHeader-logo-"] { + display: none !important; + } + [class*="PageHeader-logoContainer-"]:before { + background-image: url("/css/addons/sonarr/sonarr-text-logo/sonarr-text.png"); + display: inline-block; + margin-left: 15px; + width: 124px; + height: 40px; + 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("/css/addons/sonarr/sonarr-text-logo/sonarr-text.png"); + display: inline-block; + width: 124px; + height: 40px; + 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-text-logo/sonarr-text.png b/css/addons/sonarr/sonarr-text-logo/sonarr-text.png new file mode 100644 index 00000000..d8494cd3 Binary files /dev/null and b/css/addons/sonarr/sonarr-text-logo/sonarr-text.png differ diff --git a/css/addons/unraid/login-page/alien/alien_base.css b/css/addons/unraid/login-page/alien/alien-base.css similarity index 100% rename from css/addons/unraid/login-page/alien/alien_base.css rename to css/addons/unraid/login-page/alien/alien-base.css diff --git a/css/addons/unraid/login-page/alien/custom.css b/css/addons/unraid/login-page/alien/custom.css index eec0e7e3..3b127bdf 100644 --- a/css/addons/unraid/login-page/alien/custom.css +++ b/css/addons/unraid/login-page/alien/custom.css @@ -1,4 +1,4 @@ -@import url("/css/addons/unraid/login-page/alien/alien_base.css"); +@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed; diff --git a/css/addons/unraid/login-page/alien/hallway.css b/css/addons/unraid/login-page/alien/hallway.css index 6247189f..72232d4c 100644 --- a/css/addons/unraid/login-page/alien/hallway.css +++ b/css/addons/unraid/login-page/alien/hallway.css @@ -1,4 +1,4 @@ -@import url("/css/addons/unraid/login-page/alien/alien_base.css"); +@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/hallway.jpg) center center/cover no-repeat fixed; diff --git a/css/addons/unraid/login-page/alien/hallway2.css b/css/addons/unraid/login-page/alien/hallway2.css index fef31746..a1fdba5d 100644 --- a/css/addons/unraid/login-page/alien/hallway2.css +++ b/css/addons/unraid/login-page/alien/hallway2.css @@ -1,4 +1,4 @@ -@import url("/css/addons/unraid/login-page/alien/alien_base.css"); +@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/hallway2.jpg) center center/cover no-repeat fixed; diff --git a/css/addons/unraid/login-page/alien/hallway3.css b/css/addons/unraid/login-page/alien/hallway3.css index 3f7cc521..eaa87edd 100644 --- a/css/addons/unraid/login-page/alien/hallway3.css +++ b/css/addons/unraid/login-page/alien/hallway3.css @@ -1,4 +1,4 @@ -@import url("/css/addons/unraid/login-page/alien/alien_base.css"); +@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/hallway3.jpg) center center/cover no-repeat fixed; diff --git a/css/addons/unraid/login-page/alien/hallway4.css b/css/addons/unraid/login-page/alien/hallway4.css index bfd5e75c..aeb86d48 100644 --- a/css/addons/unraid/login-page/alien/hallway4.css +++ b/css/addons/unraid/login-page/alien/hallway4.css @@ -1,4 +1,4 @@ -@import url("/css/addons/unraid/login-page/alien/alien_base.css"); +@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/hallway4.jpg) center center/cover no-repeat fixed; diff --git a/css/addons/unraid/login-page/alien/isolation.css b/css/addons/unraid/login-page/alien/isolation.css index eb795ea3..8a65e839 100644 --- a/css/addons/unraid/login-page/alien/isolation.css +++ b/css/addons/unraid/login-page/alien/isolation.css @@ -1,4 +1,4 @@ -@import url("/css/addons/unraid/login-page/alien/alien_base.css"); +@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/isolation.png) center center/cover no-repeat fixed; diff --git a/css/addons/unraid/login-page/alien/isolation_video.css b/css/addons/unraid/login-page/alien/isolation_video.css index a66b918a..76e9a924 100644 --- a/css/addons/unraid/login-page/alien/isolation_video.css +++ b/css/addons/unraid/login-page/alien/isolation_video.css @@ -1,4 +1,4 @@ -@import url("/css/addons/unraid/login-page/alien/alien_base.css"); +@import url("/css/addons/unraid/login-page/alien/alien-base.css"); :root { --main-bg: transparent; --logo: url(/css/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; diff --git a/css/addons/unraid/login-page/alien/nightmare.css b/css/addons/unraid/login-page/alien/nightmare.css index 8c6cadb1..a3f1d315 100644 --- a/css/addons/unraid/login-page/alien/nightmare.css +++ b/css/addons/unraid/login-page/alien/nightmare.css @@ -1,4 +1,4 @@ -@import url("/css/addons/unraid/login-page/alien/alien_base.css"); +@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/nightmare.png) center center/cover no-repeat fixed; diff --git a/css/addons/unraid/login-page/alien/scanner.css b/css/addons/unraid/login-page/alien/scanner.css index 7c65e7d6..27cc81f7 100644 --- a/css/addons/unraid/login-page/alien/scanner.css +++ b/css/addons/unraid/login-page/alien/scanner.css @@ -1,4 +1,4 @@ -@import url("/css/addons/unraid/login-page/alien/alien_base.css"); +@import url("/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(/css/addons/unraid/login-page/alien/wallpaper/scanner.jpg) center center/cover no-repeat fixed; diff --git a/css/addons/unraid/login-page/custom_login.sh b/css/addons/unraid/login-page/custom_login.sh index 7d32d7f2..19abdce1 100644 --- a/css/addons/unraid/login-page/custom_login.sh +++ b/css/addons/unraid/login-page/custom_login.sh @@ -1,67 +1,92 @@ -#!/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 "\@