diff --git a/.github/workflows/docker-build.yml b/.github/workflows/docker-build.yml index fdf4a016..2fb8d375 100644 --- a/.github/workflows/docker-build.yml +++ b/.github/workflows/docker-build.yml @@ -14,7 +14,7 @@ on: - develop - testing tag: - description: 'Add a tag' + description: 'Append a the tag with "-custom" e.g :develop-custom' push: branches: - develop @@ -29,68 +29,68 @@ jobs: architecture: [linux-arm-v7,linux-arm64,linux-amd64] steps: - name: checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3.1.0 with: fetch-depth: 0 - name: Prepare id: prep run: | - ARCHITECTURE=${{ matrix.architecture }} - echo ::set-output name=created::$(date -u +'%Y-%m-%dT%H:%M:%SZ') - echo ::set-output name=title::${GITHUB_REPOSITORY,,}:${{ github.ref_name }} - echo ::set-output name=revision::${GITHUB_SHA} - echo ::set-output name=source::${GITHUB_SERVER_URL}/${GITHUB_REPOSITORY,,}/tree/${{ github.ref_name }} - echo ::set-output name=vendor::${{ github.repository_owner }} - echo ::set-output name=url::${GITHUB_SERVER_URL}/${GITHUB_REPOSITORY,,}/blob/master/README.md - echo ::set-output name=VERSION::${{ github.event.release.tag_name }} - echo ::set-output name=platform::${ARCHITECTURE//-/\/} - echo ::set-output name=cache::${GITHUB_REPOSITORY,,}:${{ github.ref_name }}-cache-${{ matrix.architecture }} - echo ::set-output name=tag::${GITHUB_REPOSITORY,,}:${{ github.ref_name }}-${GITHUB_SHA:0:7}-${GITHUB_RUN_NUMBER}-${{ matrix.architecture }} - echo ::set-output name=release::${{ github.event.release.target_commitish }} + echo "ARCHITECTURE=${{ matrix.architecture }}" >> $GITHUB_ENV + echo "created=$(date -u +'%Y-%m-%dT%H:%M:%SZ')" >> $GITHUB_ENV + echo "title=${GITHUB_REPOSITORY,,}:${{ github.ref_name }}" >> $GITHUB_ENV + echo "revision=${GITHUB_SHA}" >> $GITHUB_ENV + echo "source=${GITHUB_SERVER_URL}/${GITHUB_REPOSITORY,,}/tree/${{ github.ref_name }}" >> $GITHUB_ENV + echo "vendor=${{ github.repository_owner }}" >> $GITHUB_ENV + echo "url=${GITHUB_SERVER_URL}/${GITHUB_REPOSITORY,,}/blob/master/README.md" >> $GITHUB_ENV + echo "VERSION=${{ github.event.release.tag_name }}" >> $GITHUB_ENV + echo "platform=${ARCHITECTURE//-/\/}" >> $GITHUB_ENV + echo "cache=${GITHUB_REPOSITORY,,}:${{ github.ref_name }}-cache-${{ matrix.architecture }}${{ github.event.inputs.tag }}" >> $GITHUB_ENV + echo "tag=${GITHUB_REPOSITORY,,}:${{ github.ref_name }}-${GITHUB_SHA:0:7}-${GITHUB_RUN_NUMBER}-${{ matrix.architecture }}${{ github.event.inputs.tag }}" >> $GITHUB_ENV + echo "release=${{ github.event.release.target_commitish }}" >> $GITHUB_ENV - name: Set up QEMU - uses: docker/setup-qemu-action@v1 + uses: docker/setup-qemu-action@v2.1.0 - name: Set up Docker Buildx id: buildx - uses: docker/setup-buildx-action@v1 + uses: docker/setup-buildx-action@v2.2.1 - name: Login to GitHub Container Registry - uses: docker/login-action@v1 + uses: docker/login-action@v2.1.0 with: registry: ghcr.io username: ${{ github.repository_owner }} password: ${{ secrets.GH_PAT }} - name: Login to Docker Hub - uses: docker/login-action@v1 + uses: docker/login-action@v2.1.0 with: username: ${{ secrets.DH_USER }} password: ${{ secrets.DOCKERHUB_TOKEN }} - name: build&push - uses: docker/build-push-action@v2 + uses: docker/build-push-action@v3.2.0 with: push: ${{ github.event_name != 'pull_request' }} - platforms: ${{ steps.prep.outputs.platform }} + platforms: ${{ env.platform }} file: ./${{ matrix.architecture }}.Dockerfile - cache-from: docker.io/${{ steps.prep.outputs.cache }} - cache-to: docker.io/${{ steps.prep.outputs.cache }} + cache-from: docker.io/${{ env.cache }} + cache-to: docker.io/${{ env.cache }} tags: | - docker.io/${{ steps.prep.outputs.tag }} - ghcr.io/${{ steps.prep.outputs.tag }} + docker.io/${{ env.tag }} + ghcr.io/${{ env.tag }} labels: | - org.opencontainers.image.created=${{ steps.prep.outputs.created }} - org.opencontainers.image.title=${{ steps.prep.outputs.title }} - org.opencontainers.image.revision=${{ steps.prep.outputs.revision }} - org.opencontainers.image.source=${{ steps.prep.outputs.source }} - org.opencontainers.image.vendor=${{ steps.prep.outputs.vendor }} - org.opencontainers.image.url=${{ steps.prep.outputs.url }} - org.opencontainers.image.version=${{ steps.prep.outputs.VERSION }} + org.opencontainers.image.created=${{ env.created }} + org.opencontainers.image.title=${{ env.title }} + org.opencontainers.image.revision=${{ env.revision }} + org.opencontainers.image.source=${{ env.source }} + org.opencontainers.image.vendor=${{ env.vendor }} + org.opencontainers.image.url=${{ env.url }} + org.opencontainers.image.version=${{ env.VERSION }} build-args: | - TP_RELEASE=${{ steps.prep.outputs.VERSION }} - BUILD_DATE=${{ steps.date_time.outputs.created }} - BUILD_ARCHITECTURE=${{ matrix.architecture }} + TP_RELEASE=${{ env.VERSION }} + BUILD_DATE=${{ env.created }} + BUILD_ARCHITECTURE=${{ env.ARCHITECTURE }} publish: runs-on: ubuntu-latest @@ -100,11 +100,11 @@ jobs: needs: [build-and-push-it-to-the-limit] steps: - name: Checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3.1.0 - name: Login to DockerHub if: matrix.registry == 'docker.io' - uses: docker/login-action@v1 + uses: docker/login-action@v2.1.0 with: registry: docker.io username: ${{ secrets.DH_USER }} @@ -112,7 +112,7 @@ jobs: - name: Login to GitHub Container Registry if: matrix.registry == 'ghcr.io' - uses: docker/login-action@v1 + uses: docker/login-action@v2.1.0 with: registry: ghcr.io username: ${{ github.repository_owner }} @@ -123,16 +123,16 @@ jobs: DOCKER_CLI_EXPERIMENTAL: enabled run: | IMAGE=${{ matrix.registry }}/${GITHUB_REPOSITORY,,} - TAG=${{ github.ref_name }} - SOURCE=${IMAGE}:${TAG}-${GITHUB_SHA:0:7}-${GITHUB_RUN_NUMBER} - VERSION=${{ steps.prep.outputs.VERSION }} - [[ -f linux-amd64.Dockerfile ]] && AMD64=${SOURCE}-linux-amd64 - [[ -f linux-arm64.Dockerfile ]] && ARM64=${SOURCE}-linux-arm64 - [[ -f linux-arm-v7.Dockerfile ]] && ARMV7=${SOURCE}-linux-arm-v7 + TAG=${{ github.ref_name }}-${GITHUB_SHA:0:7}-${GITHUB_RUN_NUMBER} + SOURCE=${IMAGE}:${TAG} + [[ -f linux-amd64.Dockerfile ]] && AMD64=${SOURCE}-linux-amd64${{ github.event.inputs.tag }} + [[ -f linux-arm64.Dockerfile ]] && ARM64=${SOURCE}-linux-arm64${{ github.event.inputs.tag }} + [[ -f linux-arm-v7.Dockerfile ]] && ARMV7=${SOURCE}-linux-arm-v7${{ github.event.inputs.tag }} + docker manifest create ${IMAGE}:${TAG}${{ github.event.inputs.tag }} ${AMD64} ${ARM64} ${ARMV7} + docker manifest push ${IMAGE}:${TAG}${{ github.event.inputs.tag }} + TAG=${{ github.ref_name }}${{ github.event.inputs.tag }} docker manifest create ${IMAGE}:${TAG} ${AMD64} ${ARM64} ${ARMV7} docker manifest push ${IMAGE}:${TAG} - docker manifest create ${IMAGE}:${TAG}-${GITHUB_SHA:0:7} ${AMD64} ${ARM64} ${ARMV7} - docker manifest push ${IMAGE}:${TAG}-${GITHUB_SHA:0:7} - name: Latest manifest if: ${{ github.event.release.target_commitish == 'master' }} env: 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 7b31e225..c8338ec0 100644 --- a/css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css +++ b/css/addons/bazarr/bazarr-4k-logo/bazarr-4k-logo.css @@ -1,8 +1,8 @@ - .mantine-Avatar-root[class*="bazarr-"] img { + .bazarr-Avatar-root[class*="bazarr-"] img { display: none !important; } - .mantine-Avatar-root[class*="bazarr-"]:before { + .bazarr-Avatar-root[class*="bazarr-"]:before { background-image: url("/css/addons/bazarr/bazarr-4k-logo/bazarr4k.png"); display: inline-block; width: 32px; @@ -14,6 +14,6 @@ -o-background-size: cover; } - #root>div>nav>div>div.mantine-Group-root.mantine-Group-child[class*="bazarr-"]>div>span:after { + #root>div>header>div>div.bazarr-Group-root[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 e4514d98..d06c8414 100644 --- a/css/addons/bazarr/bazarr-darker/bazarr-darker.css +++ b/css/addons/bazarr/bazarr-darker/bazarr-darker.css @@ -37,19 +37,19 @@ } /* HEADER */ -.mantine-Header-root[class*="bazarr-"] { +.bazarr-Header-root[class*="bazarr-"] { background-color: var(--header-color) !important; border-bottom: 1px solid var(--transparency-light-15); } /* SIDE MENU */ -.mantine-Navbar-root[class*="bazarr-"] { +.bazarr-Navbar-root[class*="bazarr-"] { background-color: var(--side-menu-color) !important; color: white !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-"] { +#root>div>div>main>div>div.bazarr-Group-root[class*="bazarr-"], +#root>div>div>main>div>div>div.bazarr-Group-root[class*="bazarr-"], +#root>div>div>main>form>div.bazarr-Group-root[class*="bazarr-"] { background: #262626 !important; } \ No newline at end of file diff --git a/css/addons/lidarr/lidarr-alt-calendar/lidarr-alt-calendar.css b/css/addons/lidarr/lidarr-alt-calendar/lidarr-alt-calendar.css new file mode 100644 index 00000000..4789dc35 --- /dev/null +++ b/css/addons/lidarr/lidarr-alt-calendar/lidarr-alt-calendar.css @@ -0,0 +1,19 @@ +[class*="CalendarEvent-downloaded-"] { + background: rgb(var(--calendar-downloaded) / .4) !important; +} + +[class*="CalendarEvent-downloading-"] { + background: rgb(var(--calendar-downloading) / .4) !important; +} + +[class*="CalendarEvent-unmonitored-"] { + background: rgb(var(--calendar-unmonitored) / .4) !important; +} + +[class*="CalendarEvent-missing-"] { + background: rgb(var(--calendar-missing) / .4) !important; +} + +[class*="CalendarEvent-unreleased-"] { + background: rgb(var(--calendar-unreleased) / .4) !important; +} \ No newline at end of file diff --git a/css/addons/radarr/radarr-alt-calendar/radarr-alt-calendar.css b/css/addons/radarr/radarr-alt-calendar/radarr-alt-calendar.css new file mode 100644 index 00000000..ee66372d --- /dev/null +++ b/css/addons/radarr/radarr-alt-calendar/radarr-alt-calendar.css @@ -0,0 +1,31 @@ + +[class*="CalendarEvent-event-"] { + background: rgb(var(--calendar-unmonitored) / .4); +} + +[class*="CalendarEvent-downloaded-"] { + background: rgb(var(--calendar-available) / .4) !important; +} + +[class*="CalendarEvent-missing-"], +[class*="CalendarEvent-missingMonitored"] { + background-color: rgb(var(--calendar-missing) / .4); +} + +[class*="CalendarEvent-missingUnmonitored-"] { + background: rgb(var(--calendar-missing-unmonitored) / .4) !important; +} + +[class*="CalendarEvent-unreleased-"], +[class*="CalendarEvent-continuing-"] { + background: rgb(var(--calendar-unaired) / .4) !important; +} + +[class*="CalendarEvent-unmonitored-"] { + background: rgb(var(--calendar-unmonitored) / .4) !important; +} + +[class*="CalendarEvent-downloading-"], +[class*="CalendarEvent-queue-"] { + background: rgb(var(--calendar-downloading) / .4) !important; +} \ No newline at end of file diff --git a/css/addons/readarr/readarr-alt-calendar/readarr-alt-calendar.css b/css/addons/readarr/readarr-alt-calendar/readarr-alt-calendar.css new file mode 100644 index 00000000..3cdff79e --- /dev/null +++ b/css/addons/readarr/readarr-alt-calendar/readarr-alt-calendar.css @@ -0,0 +1,20 @@ +[class*="CalendarEvent-downloaded-"]:not([class*="AgendaEvent-"]) { + background: rgb(var(--calendar-downloaded) / .4) !important; +} + +[class*="CalendarEvent-missing-"]:not([class*="AgendaEvent-"]) { + background: rgb(var(--calendar-missing) / .4) !important; +} + +[class*="CalendarEvent-unreleased-"]:not([class*="AgendaEvent-"]) { + background: rgb(var(--calendar-unreleased) / .4) !important; +} + +[class*="CalendarEvent-unmonitored-"]:not([class*="AgendaEvent-"]) { + background: rgb(var(--calendar-unmonitored) / .4) !important; +} + +[class*="CalendarEvent-downloading-"]:not([class*="AgendaEvent-"]), +[class*="CalendarEvent-queue-"]:not([class*="AgendaEvent-"]) { + background: rgb(var(--calendar-downloading) / .4) !important; +} \ 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 19abdce1..a6dbbee2 100644 --- a/css/addons/unraid/login-page/custom_login.sh +++ b/css/addons/unraid/login-page/custom_login.sh @@ -16,6 +16,8 @@ DISABLE_THEME="false" # If your custom domain uses a subfolder you must escape the forward slash. (custom.com\/subfolder) + # If you are on an Unraid version older than 6.10 you need to update the LOGIN_PAGE variable to "/usr/local/emhttp/login.php" + echo -e "Variables set:\\n\ TYPE = ${TYPE}\\n\ THEME = ${THEME}\\n\ @@ -25,16 +27,15 @@ ADD_JS = ${ADD_JS}\\n\ JS = ${JS}\\n\ DISABLE_THEME = ${DISABLE_THEME}\\n" +echo "NOTE: Change the LOGIN_PAGE variable to /usr/local/emhttp/login.php if you are on a version older than 6.10" +LOGIN_PAGE="/usr/local/emhttp/webGui/include/.login.php" + + IFS='"' set $(cat /etc/unraid-version) UNRAID_VERSION="$2" IFS=$' \t\n' -LOGIN_PAGE="/usr/local/emhttp/login.php" -# Changing file path to login.php if version >= 6.10 -if [[ "${UNRAID_VERSION}" =~ ^6.10.* ]]; then -echo "Unraid version: ${UNRAID_VERSION}, changing path to login page" -LOGIN_PAGE="/usr/local/emhttp/webGui/include/.login.php" -fi +echo "Unraid version: ${UNRAID_VERSION}" # Restore login.php if [ ${DISABLE_THEME} = "true" ]; then diff --git a/css/addons/whisparr/whisparr-alt-calendar/whisparr-alt-calendar.css b/css/addons/whisparr/whisparr-alt-calendar/whisparr-alt-calendar.css new file mode 100644 index 00000000..827f6533 --- /dev/null +++ b/css/addons/whisparr/whisparr-alt-calendar/whisparr-alt-calendar.css @@ -0,0 +1,58 @@ +:root { + --calendar-in-cinemas: 53 197 244; + --calendar-downloading: 122 67 182; + --calendar-unmonitored: 173 173 173; + --calendar-unaired: 93 156 236; + --calendar-missing: 240 80 80; + --calendar-missing-unmonitored: 255 165 0; + --calendar-available: 39 194 76; +} + +/* CALENDAR */ +[class*="CalendarEvent-downloaded-"] { + background: rgb(var(--calendar-available) / .4) !important; + +} + +[class*="CalendarEvent-missing-"], +[class*="CalendarEvent-missingMonitored"] { + background-color: rgb(var(--calendar-missing) / .4); + +} + +[class*="CalendarEvent-missingUnmonitored-"] { + background: rgb(var(--calendar-missing-unmonitored) / .4) !important; + +} + +[class*="CalendarEvent-unreleased-"], +[class*="CalendarEvent-continuing-"] { + background: rgb(var(--calendar-unaired) / .4) !important; + +} + +[class*="CalendarEvent-event-"] { + background: rgb(var(--calendar-unmonitored) / .4); +} + +[class*="CalendarEvent-unmonitored-"] { + background: rgb(var(--calendar-unmonitored) / .4) !important; + +} + +[class*="CalendarEvent-downloading-"], +[class*="CalendarEvent-queue-"] { + background: rgb(var(--calendar-downloading) / .4) !important; + +} + +/* Color Impaired Mode */ + +[class*="CalendarEvent-missing-"].colorImpaired, +[class*="CalendarEvent-missingMonitored-"].colorImpaired { + background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing) / .2), rgb(var(--calendar-missing) / .2) 5px, rgb(var(--calendar-missing) / .4) 5px, rgb(var(--calendar-missing) / .4) 10px) !important; +} + +[class*="CalendarEvent-missingUnmonitored-"].colorImpaired { + background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing-unmonitored) / .2), rgb(var(--calendar-missing-unmonitored) / .2) 5px, rgb(var(--calendar-missing-unmonitored) / .4) 5px, rgb(var(--calendar-missing-unmonitored) / .4) 10px) !important; +} \ No newline at end of file diff --git a/css/base/bazarr/bazarr-base.css b/css/base/bazarr/bazarr-base.css index 26629e05..63308018 100644 --- a/css/base/bazarr/bazarr-base.css +++ b/css/base/bazarr/bazarr-base.css @@ -21,17 +21,17 @@ html { color: var(--text-hover) !important; } -.mantine-Text-root[class*="bazarr-"]:not(.mantine-Badge-light span div):not(.mantine-Progress-bar div):not(a) { +.bazarr-Text-root[class*="bazarr-"]:not(.bazarr-Badge-light span div):not(.bazarr-Progress-bar div):not(a) { color: var(--text); } a, -.mantine-Text-root.mantine-Anchor-root[class*="bazarr-"] { +.bazarr-Text-root.bazarr-Anchor-root[class*="bazarr-"] { color: var(--link-color); } a:hover, -.mantine-Text-root.mantine-Anchor-root[class*="bazarr-"]:hover { +.bazarr-Text-root.bazarr-Anchor-root[class*="bazarr-"]:hover { color: var(--link-color-hover); } @@ -42,58 +42,56 @@ h3, h4, h5, h6, -.mantine-Blockquote-icon { +.bazarr-Blockquote-icon { color: var(--text-hover) !important; } /* HEADER */ -.mantine-Header-root[class*="bazarr-"] { +.bazarr-Header-root[class*="bazarr-"] { background: var(--main-bg-color); border-bottom: 1px solid var(--transparency-light-15); } /* SUBHEADER */ -/* .mantine-Container-root[class*="bazarr-"] .mantine-Group-root[class*="bazarr-"]:not(td>*):not(.mantine-Card-root div), */ -#root>div>div>main>div>div.mantine-Group-root[class*="bazarr-"], -#root>div>div>main>div>div>div.mantine-Group-root[class*="bazarr-"]:not([role="navigation"]), -#root>div>div>main>form>div.mantine-Group-root[class*="bazarr-"] { +#root>div>div>main>div>div.bazarr-Group-root[class*="bazarr-"], +#root>div>div>main>form>div.bazarr-Group-root[class*="bazarr-"] { background: var(--transparency-dark-25); } -.mantine-Button-icon.mantine-Button-leftIcon[class*="bazarr-"] { +.bazarr-Button-icon.bazarr-Button-leftIcon[class*="bazarr-"] { color: var(--text) } /* SIDEMENU */ -.mantine-Navbar-root[class*="bazarr-"] { +.bazarr-Navbar-root[class*="bazarr-"] { background: var(--transparency-dark-25); border-right: 1px solid var(--transparency-light-15); } -.mantine-Divider-root .mantine-Divider-horizontal[class*="bazarr-"] { +.bazarr-Divider-root .bazarr-Divider-horizontal[class*="bazarr-"] { border-top-color: var(--transparency-light-10); } -.mantine-Navbar-root[class*="bazarr-"] .mantine-Stack-root[class*="bazarr-"] a[aria-current="page"] { +.bazarr-Navbar-root[class*="bazarr-"] .bazarr-Stack-root[class*="bazarr-"] a[aria-current="page"] { background: var(--transparency-dark-15) !important; border-left: 2px solid rgb(var(--accent-color)); } -.mantine-Navbar-root[class*="bazarr-"] .mantine-Stack-root[class*="bazarr-"] a { +.bazarr-Navbar-root[class*="bazarr-"] .bazarr-Stack-root[class*="bazarr-"] a { border-left: 2px solid var(--transparency-light-10); } -.mantine-Navbar-root[class*="bazarr-"] .mantine-Stack-root a [class*="bazarr-"]:hover:not(.mantine-Badge-light):not(.mantine-Badge-inner), -.mantine-Navbar-root[class*="bazarr-"] .mantine-Stack-root [class*="bazarr-"]:hover:not(.mantine-Badge-light):not(.mantine-Badge-inner) { +.bazarr-Navbar-root[class*="bazarr-"] .bazarr-Stack-root a [class*="bazarr-"]:hover:not(.bazarr-Badge-light):not(.bazarr-Badge-inner), +.bazarr-Navbar-root[class*="bazarr-"] .bazarr-Stack-root [class*="bazarr-"]:hover:not(.bazarr-Badge-light):not(.bazarr-Badge-inner) { color: rgb(var(--accent-color)); background: transparent; } -.mantine-Navbar-root[class*="bazarr-"] { +.bazarr-Navbar-root[class*="bazarr-"] { background: var(--main-bg-color); } @@ -111,11 +109,12 @@ h6, border-bottom: 1px solid var(--transparency-light-20) !important; } -[class*="bazarr-"].__mantine-ref-striped tbody tr:nth-of-type(2n+1) { +[class*="bazarr-"].__bazarr-ref-striped tbody tr:nth-of-type(2n+1), +[class*="bazarr-"][data-striped] tbody tr:nth-of-type(2n+1) { background: var(--transparency-dark-15) !important; } -.mantine-Table-root .__mantine-ref-striped .mantine-Table-striped[class*="bazarr-"] { +.bazarr-Table-root .__bazarr-ref-striped .bazarr-Table-striped[class*="bazarr-"] { color: var(--text) } @@ -124,28 +123,28 @@ h6, color: var(--text-hover) !important; } -.mantine-Skeleton-root.mantine-Skeleton-visible[class*="bazarr-"]::after { +.bazarr-Skeleton-root.bazarr-Skeleton-visible[class*="bazarr-"]::after { background: var(--transparency-light-10); } -.mantine-Skeleton-root.mantine-Skeleton-visible[class*="bazarr-"]::before { +.bazarr-Skeleton-root.bazarr-Skeleton-visible[class*="bazarr-"]::before { background: var(--transparency-dark-25); } /* PAGINATION */ -.mantine-Group-child.mantine-Pagination-item { +.bazarr-Group-child.bazarr-Pagination-item { border: 1px solid var(--transparency-light-10); background: var(--transparency-dark-15); color: var(--text); } -.mantine-Group-child.mantine-Pagination-item[class*="bazarr-"]:disabled { +.bazarr-Group-child.bazarr-Pagination-item[class*="bazarr-"]:disabled { background: var(--transparency-light-15); color: var(--text-muted); } -.mantine-Group-child.mantine-Pagination-item.mantine-Pagination-active[class*="bazarr-"] { +.bazarr-Group-child.bazarr-Pagination-item.bazarr-Pagination-active[class*="bazarr-"] { background: rgb(var(--accent-color)); color: var(--label-text-color); } @@ -153,332 +152,360 @@ h6, /* BUTTONS */ -.mantine-Button-filled.mantine-Button-root.mantine-Group-child[class*="bazarr-"] { +.bazarr-UnstyledButton-root.bazarr-Button-root { color: var(--button-text); background: var(--button-color); } -.mantine-Button-filled.mantine-Button-root.mantine-Group-child[class*="bazarr-"]:hover { +.bazarr-UnstyledButton-root.bazarr-Button-root:disabled, +.bazarr-UnstyledButton-root.bazarr-Button-root[data-disabled] { + border-color: transparent; + background-color: var(--transparency-light-15); + color: var(--text-muted); +} + +.bazarr-UnstyledButton-root.bazarr-Button-root:hover { color: var(--button-text-hover); background: var(--button-color-hover); + border: 1px solid var(--button-color-hover) !important; } -.mantine-Button-subtle.mantine-Button-root.mantine-Group-child[class*="bazarr-"]:hover { +.bazarr-Button-subtle.bazarr-Button-root.bazarr-Group-child[class*="bazarr-"]:hover { background: var(--transparency-dark-15); } -.mantine-Button-subtle.mantine-Button-root.mantine-Group-child[class*="bazarr-"]:not(.__mantine-ref-loading):disabled { +.bazarr-Button-subtle.bazarr-Button-root.bazarr-Group-child[class*="bazarr-"]:not(.__bazarr-ref-loading):disabled { background: transparent; opacity: .5; } -.mantine-ActionIcon-hover.mantine-ActionIcon-root[class*="bazarr-"]:hover { +.bazarr-ActionIcon-hover.bazarr-ActionIcon-root[class*="bazarr-"]:hover { background: var(--transparency-dark-15); } -.mantine-Button-filled.mantine-Button-root[class*="bazarr-"] { +.bazarr-Button-filled.bazarr-Button-root[class*="bazarr-"] { color: var(--button-text); background: var(--button-color); } -.mantine-Button-filled.mantine-Button-root[class*="bazarr-"]:hover { +.bazarr-Button-filled.bazarr-Button-root[class*="bazarr-"]:hover { color: var(--button-text-hover); background: var(--button-color-hover); } -[class*="bazarr-"].mantine-Switch-input:checked { +[class*="bazarr-"].bazarr-Switch-input:checked { background-color: rgb(var(--accent-color)); border-color: rgb(var(--accent-color)); } -[class*="bazarr-"].mantine-Switch-input:checked::before { +input:checked+[class*="bazarr-"] { + background-color: rgb(var(--accent-color)) !important; + border-color: rgb(var(--accent-color)) !important; + color: rgb(255, 255, 255); + transition: color 150ms ease 0s; +} + +[class*="bazarr-"].bazarr-Switch-input:checked::before { border-color: var(--label-text-color); background: var(--label-text-color); } -[class*="bazarr-"].mantine-Switch-input:checked::after { +[class*="bazarr-"].bazarr-Switch-input:checked::after { color: var(--label-text-color); } -[class*="bazarr-"].mantine-Switch-label { +[class*="bazarr-"].bazarr-Switch-label { color: var(--text-hover); } -[class*="bazarr-"].mantine-Switch-input { +[class*="bazarr-"].bazarr-Switch-input { background: var(--transparency-dark-15); border: 1px solid var(--transparency-light-10); } -.mantine-UnstyledButton-root.__mantine-ref-control.mantine-Accordion-control[class*="bazarr-"]:hover { +.bazarr-UnstyledButton-root.__bazarr-ref-control.bazarr-Accordion-control[class*="bazarr-"]:hover { background: var(--transparency-dark-15); } -.mantine-Accordion-item[class*="bazarr-"] { +.bazarr-Accordion-item[class*="bazarr-"] { border-bottom: var(--transparency-light-10) 1px solid; } -.__mantine-ref-icon.mantine-Accordion-icon[class*="bazarr-"] { +.__bazarr-ref-icon.bazarr-Accordion-icon[class*="bazarr-"] { color: rgb(var(--accent-color)) } -.mantine-ActionIcon-transparent.mantine-ActionIcon-root[class*="bazarr-"] { +.bazarr-ActionIcon-transparent.bazarr-ActionIcon-root[class*="bazarr-"] { color: rgb(var(--accent-color)) } -.mantine-UnstyledButton-root[class*="bazarr-"] { - color: var(--text); +.bazarr-UnstyledButton-root[class*="bazarr-"] { + color: var(--button-text); border: 1px solid var(--transparency-light-10); } -.mantine-UnstyledButton-root[class*="bazarr-"]:hover { +.bazarr-UnstyledButton-root[class*="bazarr-"]:hover { box-shadow: rgb(0 0 0 / 5%) 0px 1px 3px, rgb(0 0 0 / 5%) 0px 20px 25px -5px, rgb(0 0 0 / 4%) 0px 10px 10px -5px; border: 1px solid rgb(var(--accent-color)); } -.mantine-Slider-bar[class*="bazarr-"] { +.bazarr-Slider-bar[class*="bazarr-"] { background: rgb(var(--accent-color)); } -.mantine-Slider-thumb[class*="bazarr-"] { +.bazarr-Slider-thumb[class*="bazarr-"] { border: 4px solid rgb(var(--accent-color)); color: var(--label-text-color); background: var(--label-text-color); } -.mantine-Slider-mark.mantine-Slider-markFilled[class*="bazarr-"] { +.bazarr-Slider-mark.bazarr-Slider-markFilled[class*="bazarr-"] { border: 2px solid var(--label-text-color); background: var(--label-text-color); } -[class*="bazarr-"].mantine-Slider-track::before { +[class*="bazarr-"].bazarr-Slider-track::before { background: var(--transparency-dark-15); } -[class*="bazarr-"].mantine-Slider-mark { +[class*="bazarr-"].bazarr-Slider-mark { border: 2px solid rgb(var(--accent-color)); background-color: rgb(var(--accent-color)) } /* ACTION BUTTON */ -.mantine-ActionIcon-light.mantine-ActionIcon-root[class*="bazarr-"] { +.bazarr-ActionIcon-root[class*="bazarr-"] { background: var(--button-color); color: var(--button-text); border: 1px solid var(--button-color) } -.mantine-ActionIcon-light.mantine-ActionIcon-root[class*="bazarr-"]:hover { +.bazarr-ActionIcon-root[class*="bazarr-"]:disabled { + background: var(--transparency-light-15); + color: var(--text-muted); + border: 1px solid var(--transparency-light-15); +} + + +.bazarr-ActionIcon-root[class*="bazarr-"]:hover { background: var(--button-color-hover); color: var(--button-text-hover); border: 1px solid var(--button-color-hover) } -.mantine-ActionIcon-hover.mantine-ActionIcon-root.mantine-Group-child[class*="bazarr-"] { +.bazarr-ActionIcon-hover.bazarr-ActionIcon-root.bazarr-Group-child[class*="bazarr-"] { color: var(--text); } /* BADGES/PROGRESSBARS */ -.mantine-Progress-root[class*="bazarr-"] { +.bazarr-Progress-root[class*="bazarr-"] { background: var(--transparency-dark-15); } -.mantine-Badge-light.mantine-Badge-root[class*="bazarr-"]:not(#root > div > div > main > div > div > div.mantine-Stack-root[class*="bazarr-"] > div[class*="bazarr-"] > table > tbody > tr > td > div > div > div > div) { +.bazarr-Badge-root[class*="bazarr-"]:not(#root > div > div > main > div > div > div.bazarr-Stack-root[class*="bazarr-"] > div[class*="bazarr-"] > table > tbody > tr > td > div > div > div > div) { background-color: rgb(var(--accent-color)); color: var(--label-text-color) } -[class*="mantine-MultiSelect-"].mantine-MultiSelect-value[class*="bazarr-"], -.mantine-ActionIcon-transparent.mantine-ActionIcon-root.mantine-MultiSelect-defaultValueRemove[class*="bazarr-"] { +[class*="bazarr-MultiSelect-"].bazarr-MultiSelect-value[class*="bazarr-"], +.bazarr-ActionIcon-transparent.bazarr-ActionIcon-root.bazarr-MultiSelect-defaultValueRemove[class*="bazarr-"] { background: rgb(var(--accent-color)); color: var(--label-text-color) } /* INPUT */ -[class*="mantine-Autocomplete-"].mantine-Autocomplete-input.mantine-Autocomplete-withIcon[class*="bazarr-"], -[class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"], -[class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"], -[class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"] { +[class*="bazarr-Autocomplete-"].bazarr-Autocomplete-input.bazarr-Autocomplete-withIcon[class*="bazarr-"], +[class*="bazarr-TextInput-"].bazarr-TextInput-input[class*="bazarr-"], +[class*="bazarr-NumberInput-"].bazarr-NumberInput-input[class*="bazarr-"], +[class*="bazarr-PasswordInput-"].bazarr-PasswordInput-input.bazarr-PasswordInput-input[class*="bazarr-"] { background: var(--transparency-dark-25); border: 1px solid var(--transparency-light-10); color: var(--text); } -[class*="mantine-Autocomplete-"].mantine-Autocomplete-input.mantine-Autocomplete-withIcon[class*="bazarr-"]:focus, -[class*="mantine-Autocomplete-"].mantine-Autocomplete-input.mantine-Autocomplete-withIcon[class*="bazarr-"]:focus-within, -[class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"]:focus, -[class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"]:focus-within, -[class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"]:focus, -[class*="mantine-NumberInput-"].mantine-NumberInput-input[class*="bazarr-"]:focus-within, -[class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"]:focus, -[class*="mantine-PasswordInput-"].mantine-PasswordInput-input.mantine-PasswordInput-input[class*="bazarr-"]:focus-within { +[class*="bazarr-Autocomplete-"].bazarr-Autocomplete-input.bazarr-Autocomplete-withIcon[class*="bazarr-"]:focus, +[class*="bazarr-Autocomplete-"].bazarr-Autocomplete-input.bazarr-Autocomplete-withIcon[class*="bazarr-"]:focus-within, +[class*="bazarr-TextInput-"].bazarr-TextInput-input[class*="bazarr-"]:focus, +[class*="bazarr-TextInput-"].bazarr-TextInput-input[class*="bazarr-"]:focus-within, +[class*="bazarr-NumberInput-"].bazarr-NumberInput-input[class*="bazarr-"]:focus, +[class*="bazarr-NumberInput-"].bazarr-NumberInput-input[class*="bazarr-"]:focus-within, +[class*="bazarr-PasswordInput-"].bazarr-PasswordInput-input.bazarr-PasswordInput-input[class*="bazarr-"]:focus, +[class*="bazarr-PasswordInput-"].bazarr-PasswordInput-input.bazarr-PasswordInput-input[class*="bazarr-"]:focus-within { outline: none; border-color: rgb(var(--accent-color)) !important; color: var(--text-hover) } -.mantine-NumberInput-control.mantine-NumberInput-controlUp[class*="bazarr-"] { +.bazarr-NumberInput-control.bazarr-NumberInput-controlUp[class*="bazarr-"] { border-bottom-color: var(--transparency-light-10); border-left-color: var(--transparency-light-10); } -.mantine-NumberInput-control.mantine-NumberInput-controlDown[class*="bazarr-"] { +.bazarr-NumberInput-control.bazarr-NumberInput-controlDown[class*="bazarr-"] { border-left-color: var(--transparency-light-10); } -.mantine-NumberInput-control.mantine-NumberInput-controlUp[class*="bazarr-"]::after { +.bazarr-NumberInput-control.bazarr-NumberInput-controlUp[class*="bazarr-"]::after { border-color: transparent transparent var(--text); } -.mantine-NumberInput-control.mantine-NumberInput-controlDown[class*="bazarr-"]::after { +.bazarr-NumberInput-control.bazarr-NumberInput-controlDown[class*="bazarr-"]::after { border-color: var(--text) transparent transparent; } -[class*="bazarr-"].mantine-Checkbox-inner input { +[class*="bazarr-"].bazarr-Checkbox-inner input { background: var(--transparency-dark-15); border: 1px solid var(--transparency-light-10); } -[class*="bazarr-"].mantine-Checkbox-input:checked { +[class*="bazarr-"].bazarr-Checkbox-input:checked { background-color: rgb(var(--accent-color)); border-color: rgb(var(--accent-color)); } -.__mantine-ref-icon[class*="bazarr-"].mantine-Checkbox-icon { +.__bazarr-ref-icon[class*="bazarr-"].bazarr-Checkbox-icon { color: var(--label-text-color) } -[class*="mantine-TextInput-"].mantine-TextInput-input[class*="bazarr-"], -[class*="mantine-Autocomplete-"].mantine-Autocomplete-input.mantine-Autocomplete-withIcon[class*="bazarr-"] { +[class*="bazarr-TextInput-"].bazarr-TextInput-input[class*="bazarr-"], +[class*="bazarr-Autocomplete-"].bazarr-Autocomplete-input.bazarr-Autocomplete-withIcon[class*="bazarr-"] { color: var(--text); } textarea, -[class*="mantine-Textarea-"].mantine-Textarea-input[class*="bazarr-"] { +[class*="bazarr-Textarea-"].bazarr-Textarea-input[class*="bazarr-"] { background: var(--transparency-dark-15); } textarea:focus, -[class*="mantine-Textarea-"].mantine-Textarea-input[class*="bazarr-"]:focus, +[class*="bazarr-Textarea-"].bazarr-Textarea-input[class*="bazarr-"]:focus, textarea:focus-within, -[class*="mantine-Textarea-"].mantine-Textarea-input[class*="bazarr-"]:focus-within { +[class*="bazarr-Textarea-"].bazarr-Textarea-input[class*="bazarr-"]:focus-within { border-color: rgb(var(--accent-color)) !important; } /* SELECT */ -.mantine-Select-wrapper[class*="bazarr-"] input, -[class*="mantine-MultiSelect-"].mantine-MultiSelect-input[class*="bazarr-"] { +.bazarr-Select-wrapper[class*="bazarr-"] input, +[class*="bazarr-MultiSelect-"].bazarr-MultiSelect-input[class*="bazarr-"] { background-color: var(--transparency-dark-15); color: var(--text); border: 1px solid var(--transparency-light-10); } -[class*="mantine-MultiSelect-"].mantine-MultiSelect-input[class*="bazarr-"]:focus, -[class*="mantine-MultiSelect-"].mantine-MultiSelect-input[class*="bazarr-"]:focus-within { +[class*="bazarr-MultiSelect-"].bazarr-MultiSelect-input[class*="bazarr-"]:focus, +[class*="bazarr-MultiSelect-"].bazarr-MultiSelect-input[class*="bazarr-"]:focus-within { border-color: rgb(var(--accent-color)) !important; } -.mantine-Select-wrapper[class*="bazarr-"] input:focus, -.mantine-Select-wrapper[class*="bazarr-"] input:focus-within { +.bazarr-Select-wrapper[class*="bazarr-"] input:focus, +.bazarr-Select-wrapper[class*="bazarr-"] input:focus-within { outline: none; border-color: rgb(var(--accent-color)) !important; } /* DROPDOWNS */ -.mantine-Paper-root.mantine-Menu-body[class*="bazarr-"] { +.bazarr-Select-dropdown { + background: rgba(255, 0, 0, 0.283); +} + +.bazarr-Paper-root.bazarr-Menu-body[class*="bazarr-"], +.bazarr-Menu-dropdown[class*="bazarr-"] { border: 1px solid var(--transparency-light-10); background: var(--drop-down-menu-bg); } -[class*="bazarr-"].mantine-Menu-itemInner { +[class*="bazarr-"].bazarr-Menu-itemInner { color: var(--text); } -.mantine-Menu-item[class*="bazarr-"]:disabled [class*="bazarr-"].mantine-Menu-itemInner { +.bazarr-Menu-item[class*="bazarr-"]:disabled [class*="bazarr-"].bazarr-Menu-itemInner { color: var(--text-muted) !important; } -.mantine-Menu-item.mantine-Menu-itemHovered[class*="bazarr-"] { +.bazarr-Menu-item.bazarr-Menu-itemHovered[class*="bazarr-"] { background-color: var(--transparency-light-10); color: var(--text-hover); } -.mantine-Menu-item[class*="bazarr-"]:hover { +.bazarr-Menu-item[class*="bazarr-"]:hover { color: var(--text-hover); + background-color: var(--transparency-light-10); } -.mantine-ScrollArea-root.mantine-Paper-root.mantine-Select-dropdown[class*="bazarr-"] { +.bazarr-ScrollArea-root.bazarr-Paper-root.bazarr-Select-dropdown[class*="bazarr-"] { background: var(--drop-down-menu-bg); border: 1px solid var(--drop-down-menu-bg); } -.mantine-Select-item.mantine-Select-selected[class*="bazarr-"] { +.bazarr-Select-item.bazarr-Select-selected[class*="bazarr-"] { background: var(--transparency-light-10); } -[class*="bazarr-"].mantine-Select-item:hover { +[class*="bazarr-"].bazarr-Select-item:hover { background: var(--transparency-dark-15) } -.mantine-ScrollArea-root.mantine-Paper-root.mantine-Autocomplete-dropdown[class*="bazarr-"] { +.bazarr-ScrollArea-root.bazarr-Paper-root.bazarr-Autocomplete-dropdown[class*="bazarr-"] { background: var(--drop-down-menu-bg); color: var(--text); border: 1px solid var(--drop-down-menu-bg); } -.mantine-Autocomplete-item.mantine-Autocomplete-hovered[class*="bazarr-"] { +.bazarr-Autocomplete-item.bazarr-Autocomplete-hovered[class*="bazarr-"] { background: var(--transparency-dark-15); } -[class*="bazarr-"].mantine-Autocomplete-item { +[class*="bazarr-"].bazarr-Autocomplete-item { color: var(--text); } /* MODAL */ -.mantine-Paper-root.mantine-Modal-modal[class*="bazarr-"] { +.bazarr-Paper-root.bazarr-Modal-modal[class*="bazarr-"] { color: var(--text); box-shadow: rgb(0 0 0 / 5%) 0px 1px 3px, rgb(0 0 0 / 5%) 0px 28px 23px -7px, rgb(0 0 0 / 4%) 0px 12px 12px -7px; background: var(--modal-bg-color); } -.mantine-Divider-root.mantine-Divider-horizontal[class*="bazarr-"] { +.bazarr-Divider-root.bazarr-Divider-horizontal[class*="bazarr-"] { border-top-color: var(--transparency-light-10); } -.mantine-ActionIcon-hover.mantine-ActionIcon-root.mantine-Modal-close[class*="bazarr-"]:hover { +.bazarr-ActionIcon-hover.bazarr-ActionIcon-root.bazarr-Modal-close[class*="bazarr-"]:hover { background: var(--transparency-dark-15); } -.mantine-ActionIcon-hover.mantine-ActionIcon-root.mantine-Modal-close[class*="bazarr-"] { +.bazarr-ActionIcon-hover.bazarr-ActionIcon-root.bazarr-Modal-close[class*="bazarr-"] { color: var(--text); } -.mantine-ActionIcon-hover.mantine-ActionIcon-root[class*="bazarr-"] { +.bazarr-ActionIcon-hover.bazarr-ActionIcon-root[class*="bazarr-"] { color: var(--text); } /* RELEASES */ -.mantine-Paper-root.mantine-Card-root[class*="bazarr-"] { +.bazarr-Paper-root.bazarr-Card-root[class*="bazarr-"] { background: var(--transparency-dark-15); } -.mantine-List-item[class*="bazarr-"] { +.bazarr-List-item[class*="bazarr-"] { color: var(--text); } /* ALERTS */ -.mantine-Alert-root.mantine-Alert-light[class*="bazarr-"] { +.bazarr-Alert-root[class*="bazarr-"] { background: var(--transparency-dark-15); } -[class*="bazarr-"].mantine-Alert-message { +[class*="bazarr-"].bazarr-Alert-message { color: var(--text); } -[class*="bazarr-"].mantine-Alert-label { +[class*="bazarr-"].bazarr-Alert-label { color: var(--text-hover) } @@ -504,41 +531,41 @@ line { } /* NOTIFICATIONS */ -.mantine-Notification-root.mantine-Notification-withIcon[class*="bazarr-"], -.mantine-Notification-root[class*="bazarr-"] { +.bazarr-Notification-root.bazarr-Notification-withIcon[class*="bazarr-"], +.bazarr-Notification-root[class*="bazarr-"] { background: var(--drop-down-menu-bg); border: 1px solid var(--drop-down-menu-bg); } code, -.mantine-Code-root[class*="bazarr-"] { +.bazarr-Code-root[class*="bazarr-"] { background: rgb(var(--accent-color)); color: var(--label-text-color); } -.mantine-Code-root.mantine-Code-block[class*="bazarr-"] { +.bazarr-Code-root.bazarr-Code-block[class*="bazarr-"] { background: var(--transparency-dark-15); color: var(text); } /* SPINNER */ -.mantine-Notification-root.mantine-Notification-withIcon[class*="bazarr-"] svg { +.bazarr-Notification-root.bazarr-Notification-withIcon[class*="bazarr-"] svg { stroke: rgb(var(--accent-color)); } /* PROGRESSBAR */ -[class*="bazarr-"].mantine-Progress-bar[style="width: 100%;"] { +[class*="bazarr-"].bazarr-Progress-bar[style="width: 100%;"] { background: rgb(var(--accent-color)); } -[class*="bazarr-"].mantine-Progress-bar[style="width: 100%;"] .mantine-Text-root.mantine-Progress-label[class*="bazarr-"] { +[class*="bazarr-"].bazarr-Progress-bar[style="width: 100%;"] .bazarr-Text-root.bazarr-Progress-label[class*="bazarr-"] { color: var(--label-text-color); } /* LOADER */ -.mantine-LoadingOverlay-root[class*="bazarr-"] svg { +.bazarr-LoadingOverlay-root[class*="bazarr-"] svg { stroke: rgb(var(--accent-color)); } \ No newline at end of file diff --git a/css/base/lidarr/lidarr-base.css b/css/base/lidarr/lidarr-base.css index f934a224..9efcb2e2 100644 --- a/css/base/lidarr/lidarr-base.css +++ b/css/base/lidarr/lidarr-base.css @@ -15,12 +15,11 @@ @import url("/css/defaults/servarr-base.css"); :root { - --calendar-downloading: 122 67 182; --calendar-downloaded: 39 194 76; - --calendar-unreleased: 93 156 236; - --calendar-partial: 255, 165, 0; + --calendar-downloading: 122 67 182; --calendar-unmonitored: 173 173 173; --calendar-missing: 240 80 80; + --calendar-unreleased: 93 156 236; } /* LIDARR SPECIFIC */ @@ -213,56 +212,21 @@ } /* CALENDAR */ -[class*="CalendarEvent-downloaded-"] { - background: rgb(var(--calendar-available) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover { - background: rgb(var(--calendar-available) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-missing-"] { - background: rgb(var(--calendar-missing) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover { - background: rgba(var(--calendar-missing) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unreleased-"] { - background: rgb(var(--calendar-unaired) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover { - background: rgb(var(--calendar-unaired) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unmonitored-"] { - background: rgb(var(--calendar-unmonitored) / .7) !important; - border-left-color: transparent !important; +[class*="CalendarEvent-event-"]>div>div>a { + color: var(--transparency-light-95) !important; } -[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover { - background: rgb(var(--calendar-unmonitored) / .5) !important; - border-left-color: transparent !important; +/* Color Impaired Mode */ +[class*="CalendarEvent-unmonitored-"].colorImpaired { + background: repeating-linear-gradient(90deg, rgb(var(--calendar-unmonitored) / .2), rgb(var(--calendar-unmonitored) / .2) 5px, rgb(var(--calendar-unmonitored) / .4) 5px, rgb(var(--calendar-unmonitored) / .4) 10px) !important; } -[class*="CalendarEvent-downloading-"], -[class*="CalendarEvent-queue-"] { - background: rgb(var(--calendar-downloading) / .7) !important; - border-left-color: transparent !important; +[class*="CalendarEvent-missing-"].colorImpaired{ + background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing) / .2), rgb(var(--calendar-missing) / .2) 5px, rgb(var(--calendar-missing) / .4) 5px, rgb(var(--calendar-missing) / .4) 10px) !important; } -[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover, -[class*="Calendar-calendar-"] [class*="CalendarEvent-queue-"]:hover { - background: rgb(var(--calendar-downloading) / .5) !important; - border-left-color: transparent !important; +[class*="CalendarEvent-unreleased-"].colorImpaired{ + background: repeating-linear-gradient(90deg, rgb(var(--calendar-unreleased) / .2), rgb(var(--calendar-unreleased) / .2) 5px, rgb(var(--calendar-unreleased) / .4) 5px, rgb(var(--calendar-unreleased) / .4) 10px) !important; } [class*="ArtistIndexHeader-sortName-"]:hover, diff --git a/css/base/overseerr/overseerr-base.css b/css/base/overseerr/overseerr-base.css index d12d00cc..3af4236d 100644 --- a/css/base/overseerr/overseerr-base.css +++ b/css/base/overseerr/overseerr-base.css @@ -2,18 +2,24 @@ @import url("/css/defaults/transparent.css"); /* TEXT */ -[class*="text-gray-"]:not(button:disabled):not(button) { +[class*="text-gray-"]:not(button:disabled):not(button):not(.text-gray-100) { color: var(--text); } -[class*="text-indigo-"]:not(.text-indigo-100) { - color: rgb(var(--accent-color)) +[class*="text-indigo-"]:not(.text-indigo-100), +.text-overseerr { + color: rgb(var(--accent-color)); } .text-indigo-100 { color: var(--label-text-color); } +.text-gray-400, +.text-gray-200 { + color: var(--transparency-light-95) !important; +} + h1, h2, h3, @@ -68,13 +74,21 @@ button[class*="bg-indigo-"], button[class*="bg-gray-"], button[class*="border-indigo-"], button[class*="border-gray-"], -#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5 > div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3 > a, +#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5>div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3>a, button.input-action { - background-color: var(--button-color); - border-color: var(--button-color); + background-color: rgb(var(--accent-color), .5); + border-color: rgb(var(--accent-color), .5); + color: var(--button-text); +} + +#headlessui-listbox-button-\:r5\:>span:nth-child(1)>span.ml-1.truncate.text-gray-400 { color: var(--button-text); } +.focus\:border-blue-300:focus { + border-color: rgb(var(--accent-color)) !important; +} + button[type="submit"], button[class="input-action"] { color: var(--button-text) @@ -86,10 +100,10 @@ button[class*="border-indigo-"]:hover, button[class*="border-gray-"]:hover, button.input-action:hover, button[class="input-action"]:hover, -#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5 > div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3 > a:hover { - background-color: var(--button-color-hover); - border-color: var(--button-color-hover); - color: var(--button-text-hover); +#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5>div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3>a:hover { + background-color: rgb(var(--accent-color), .8); + border-color: rgb(var(--accent-color), .8); + color: var(--button-text-hover) !important; } button[type="submit"]:hover, @@ -123,13 +137,36 @@ textarea:focus { input[type=password], input[type=text], -select, textarea { border-color: rgba(255, 255, 255, .1); background: var(--transparency-dark-25); color: var(--text); } +select:focus { + border-color: rgba(255, 255, 255, .1) !important; + background: var(--drop-down-menu-bg) !important; + color: var(--text) !important; +} + +select, +#__next>div>div.relative.mb-16.flex.w-0.min-w-0.flex-1.flex-col.lg\:ml-64>main>div>div>div.mb-4.flex.flex-col.justify-between.lg\:flex-row.lg\:items-end>div.mt-2.flex.flex-grow.flex-col.sm\:flex-row.lg\:flex-grow-0>div>span { + border-color: rgba(255, 255, 255, .1) !important; + background: var(--transparency-dark-25) !important; + color: var(--text) !important; +} + +select { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important; + background-position: right .5rem center !important; + background-repeat: no-repeat !important; + background-size: 1.5em 1.5em !important; + padding-right: 2.5rem !important; + -webkit-print-color-adjust: exact !important; + color-adjust: exact !important; + print-color-adjust: exact !important; +} + input[type=checkbox] { color: rgba(var(--accent-color)); } @@ -154,6 +191,7 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent span.bg-indigo-500 { background-color: rgb(var(--accent-color)); color: var(--label-text-color) !important; + border-color: rgb(var(--accent-color)); } .react-select-container .react-select__control { @@ -197,9 +235,9 @@ body { color: var(--text); } -.bg-gray-800 { - --tw-bg-opacity: 0.05; - background-color: rgb(255, 255, 255, var(--tw-bg-opacity)); +[data-popper-placement] { + background: rgb(var(--accent-color)) !important; + color: var(--label-text-color) !important; } .hover\:bg-gray-700:hover { @@ -274,14 +312,30 @@ body { --tw-gradient-to: rgb(var(--accent-color), .8); } +[role="menuitem"]:hover { + background: rgb(var(--accent-color), .3); +} + #__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500, #__next>div>div.lg\:hidden>div>div.relative.flex.flex-col.flex-1.w-full.max-w-xs.bg-gray-800.sidebar.appear-done.enter-done>div.flex.flex-col.flex-1.h-0.pt-8.pb-8.overflow-y-auto.sm\:pb-4>nav>a.flex.items-center.px-2.py-2.text-base.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 { - --tw-gradient-from: rgb(var(--accent-color), .5); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--accent-color), .5)); + --tw-gradient-from: rgb(var(--accent-color), .3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--accent-color), .3)); +} + +.from-indigo-600 { + --tw-gradient-from: rgb(var(--accent-color), .3); + --tw-gradient-to: rgba(var(--accent-color), .3); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} + +.from-indigo-600:hover { + --tw-gradient-from: rgb(var(--accent-color), .7); + --tw-gradient-to: rgba(var(--accent-color), .7); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } #__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500, -#__next > div > div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0 > div > div > div > nav > a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 > svg { +#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500>svg { color: rgb(var(--accent-color)) !important; } @@ -315,9 +369,9 @@ body>div.fixed.top-0.left-0.z-50.w-full.transition-opacity.ease-out.duration-400 background-color: rgb(var(--accent-color)); } -body>div.fixed.top-0.left-0.z-50.w-full .bg-indigo-400 { +/* body>div.fixed.top-0.left-0.z-50.w-full .bg-indigo-400 { background-color: rgb(var(--accent-color)); -} +} */ /* DISCOVER PAGE */ @@ -330,9 +384,15 @@ a.slider-title:hover { color: var(--accent-color-hover); } +/* CARDS */ +#__next>div>div.relative.mb-16.flex.w-0.min-w-0.flex-1.flex-col.lg\:ml-64>main>div>div>div>div.hide-scrollbar.relative.-my-2.-ml-4.-mr-4.overflow-y-auto.overflow-x-scroll.overscroll-x-contain.whitespace-nowrap.px-2.py-2>div>a, +#__next>div>div.relative.mb-16.flex.w-0.min-w-0.flex-1.flex-col.lg\:ml-64>main>div>div>div>div>div.hide-scrollbar.relative.-my-2.-ml-4.-mr-4.overflow-y-auto.overflow-x-scroll.overscroll-x-contain.whitespace-nowrap.px-2.py-2>div>a>div { + background: var(--transparency-light-15) +} + /* CARD HOVER */ #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div>div>div:hover a { - background: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0,0,0,.7) 100%) !important; + background: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0, .7) 100%) !important; } #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div.absolute.inset-0.z-0>div.absolute.inset-0 { @@ -340,13 +400,13 @@ a.slider-title:hover { } #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a:hover { - background: linear-gradient(rgba(var(--accent-color), .04) 0%, rgba(var(--accent-color), 0.3) 100%); + background: linear-gradient(rgba(var(--accent-color), .4) 0%, rgba(var(--accent-color), 0.3) 100%); } /* SHOW PAGE */ #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-page-bg-image>div.absolute.inset-0, -#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.absolute.left-0.right-0.z-0.-top-16.h-96 > div > div > div.absolute.inset-0 { +#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.absolute.left-0.right-0.z-0.-top-16.h-96>div>div>div.absolute.inset-0 { background: var(--overseerr-gradient) !important; } @@ -511,11 +571,19 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent display: none !important; } +body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.h-full.w-full.items-center.justify-center.bg-gray-800.bg-opacity-70.opacity-100>div>div.absolute.top-0.left-0.right-0.z-0.h-64.max-h-full.w-full>span>img { + display: none !important; +} + body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div.absolute.inset-0, body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div.absolute.inset-0 { background: transparent !important; } +body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.h-full.w-full.items-center.justify-center.bg-gray-800.bg-opacity-70.opacity-100>div[aria-modal="true"] { + background: var(--main-bg-color); +} + body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.flex.flex-col>div>div>div>table>tbody { background: var(--transparency-light-10); } @@ -523,11 +591,11 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent /* DROPDOWN */ -#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div.bg-gray-700, +/* #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div.bg-gray-700, #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a, #__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.mt-10.text-white > form > div:nth-child(5) > div > div > div > div > div > div { background: var(--drop-down-menu-bg); -} +} */ #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a:hover { background: var(--transparency-light-10); @@ -537,7 +605,8 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent [aria-labelledby="user-menu"] { background: var(--drop-down-menu-bg); } -[aria-labelledby="user-menu"] a:hover{ + +[aria-labelledby="user-menu"] a:hover { background: var(--transparency-light-05); } @@ -556,4 +625,20 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent #toast-container .text-gray-400, #toast-container .text-white { color: var(--label-text-color); +} + +/* BLURSTUFF */ + +.backdrop-blur:not(.bg-yellow-500) { + background: rgb(var(--accent-color), 0.3); + --tw-backdrop-blur: blur(8px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + border-color: rgb(var(--accent-color), 0.3); +} + + +[aria-labelledby*="headlessui-label"][data-headlessui-state*="checked"] { + background: rgb(var(--accent-color), 0.3); + border-color: rgb(var(--accent-color), 0.3); } \ No newline at end of file diff --git a/css/base/radarr/radarr-base.css b/css/base/radarr/radarr-base.css index ca316ca4..be4cb2ac 100644 --- a/css/base/radarr/radarr-base.css +++ b/css/base/radarr/radarr-base.css @@ -257,90 +257,28 @@ color: var(--text-hover); } -/* CALENDAR */ -[class*="CalendarEvent-downloaded-"] { - background: rgb(var(--calendar-available) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover { - background: rgb(var(--calendar-available) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-missing-"], -[class*="CalendarEvent-missingMonitored"] { - background: rgb(var(--calendar-missing) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover, -[class*="Calendar-calendar-"] [class*="CalendarEvent-missingMonitored"]:hover { - background: rgba(var(--calendar-missing) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-missingUnmonitored-"] { - background: rgb(var(--calendar-missing-unmonitored) / .7) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-missingUnmonitored-"]:hover { - background: rgb(var(--calendar-missing-unmonitored) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unreleased-"], -[class*="CalendarEvent-continuing-"] { - background: rgb(var(--calendar-unaired) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover, -[class*="Calendar-calendar-"] [class*="CalendarEvent-continuing-"]:hover { - background: rgb(var(--calendar-unaired) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-event-"] { - background: rgb(var(--calendar-unmonitored) / .7); - border-left-color: transparent; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-event-"]:hover { - background: rgb(var(--calendar-unmonitored) / .5); - border-left-color: transparent; -} - -[class*="CalendarEvent-unmonitored-"] { - background: rgb(var(--calendar-unmonitored) / .7) !important; - border-left-color: transparent !important; +[class*="CalendarEvent-movieTitle-"], +[class*="CalendarEvent-movieInfo-"] { + color: #fff !important; } -[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover { - background: rgb(var(--calendar-unmonitored) / .5) !important; - border-left-color: transparent !important; +[class*="CalendarEventGroup-movieTitle-"] { + color: var(--text-hover) !important; } -[class*="CalendarEvent-downloading-"], -[class*="CalendarEvent-queue-"] { - background: rgb(var(--calendar-downloading) / .7) !important; - border-left-color: transparent !important; +[class*="CalendarEvent-missingMonitored-"].colorImpaired { + background: var(--transparency-light-15); } -[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover, -[class*="Calendar-calendar-"] [class*="CalendarEvent-queue-"]:hover { - background: rgb(var(--calendar-downloading) / .5) !important; - border-left-color: transparent !important; -} +/* Color Impaired Mode */ -[class*="CalendarEvent-movieTitle-"], -[class*="CalendarEvent-movieInfo-"] { - color: #fff !important; +[class*="CalendarEvent-missing-"].colorImpaired, +[class*="CalendarEvent-missingMonitored-"].colorImpaired { + background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing) / .2), rgb(var(--calendar-missing) / .2) 5px, rgb(var(--calendar-missing) / .4) 5px, rgb(var(--calendar-missing) / .4) 10px) !important; } -[class*="CalendarEventGroup-movieTitle-"] { - color: var(--text-hover) !important; +[class*="CalendarEvent-missingUnmonitored-"].colorImpaired { + background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing-unmonitored) / .2), rgb(var(--calendar-missing-unmonitored) / .2) 5px, rgb(var(--calendar-missing-unmonitored) / .4) 5px, rgb(var(--calendar-missing-unmonitored) / .4) 10px) !important; } /* Custom filter */ diff --git a/css/base/readarr/readarr-base.css b/css/base/readarr/readarr-base.css index 4d165ec9..58b999c5 100644 --- a/css/base/readarr/readarr-base.css +++ b/css/base/readarr/readarr-base.css @@ -207,57 +207,6 @@ } /* CALENDAR */ -[class*="CalendarEvent-downloaded-"]:not([class*="AgendaEvent-"]) { - background: rgb(var(--calendar-downloaded) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover:not([class*="AgendaEvent-"]) { - background: rgb(var(--calendar-downloaded) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-missing-"]:not([class*="AgendaEvent-"]) { - background: rgb(var(--calendar-missing) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover:not([class*="AgendaEvent-"]) { - background: rgba(var(--calendar-missing) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unreleased-"]:not([class*="AgendaEvent-"]) { - background: rgb(var(--calendar-unreleased) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-unreleased-"]:hover:not([class*="AgendaEvent-"]) { - background: rgb(var(--calendar-unreleased) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unmonitored-"]:not([class*="AgendaEvent-"]) { - background: rgb(var(--calendar-unmonitored) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover:not([class*="AgendaEvent-"]) { - background: rgb(var(--calendar-unmonitored) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-downloading-"]:not([class*="AgendaEvent-"]), -[class*="CalendarEvent-queue-"]:not([class*="AgendaEvent-"]) { - background: rgb(var(--calendar-downloading) / .7) !important; - border-left-color: transparent !important; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover:not([class*="AgendaEvent-"]), -[class*="Calendar-calendar-"] [class*="CalendarEvent-queue-"]:hover:not([class*="AgendaEvent-"]) { - background: rgb(var(--calendar-downloading) / .5) !important; - border-left-color: transparent !important; -} [class*="CalendarEvent-authorName-"] a, [class*="CalendarEvent-authorName-"], @@ -271,6 +220,19 @@ color: #eee !important; color: #fff !important; } +/* Color Impaired Mode */ +[class*="CalendarEvent-unmonitored-"].colorImpaired { + background: repeating-linear-gradient(90deg, rgb(var(--calendar-unmonitored) / .2), rgb(var(--calendar-unmonitored) / .2) 5px, rgb(var(--calendar-unmonitored) / .4) 5px, rgb(var(--calendar-unmonitored) / .4) 10px) !important; +} + +[class*="CalendarEvent-missing-"].colorImpaired{ + background: repeating-linear-gradient(90deg, rgb(var(--calendar-missing) / .2), rgb(var(--calendar-missing) / .2) 5px, rgb(var(--calendar-missing) / .4) 5px, rgb(var(--calendar-missing) / .4) 10px) !important; +} + +[class*="CalendarEvent-unreleased-"].colorImpaired{ + background: repeating-linear-gradient(90deg, rgb(var(--calendar-unreleased) / .2), rgb(var(--calendar-unreleased) / .2) 5px, rgb(var(--calendar-unreleased) / .4) 5px, rgb(var(--calendar-unreleased) / .4) 10px) !important; +} + /* Library */ [class*="AuthorIndexPoster-link-"], [class*="AuthorIndexPoster-title-"] { diff --git a/css/base/sonarr/sonarr-base.css b/css/base/sonarr/sonarr-base.css index 0a2deaf2..a48674b3 100644 --- a/css/base/sonarr/sonarr-base.css +++ b/css/base/sonarr/sonarr-base.css @@ -237,72 +237,6 @@ stroke: #fff; } -[class*="CalendarEvent-downloaded-"] { - background: rgb(var(--calendar-tv-available) / .7) !important; - border-left-color: transparent !important; - color: #fff; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover { - background: rgb(var(--calendar-tv-available) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-missing-"] { - background: rgb(var(--calendar-tv-missing) / .7) !important; - border-left-color: transparent !important; - color: #fff; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover { - background: rgb(var(--calendar-tv-missing) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unaired-"] { - background: rgb(var(--calendar-tv-unaired) / .7) !important; - border-left-color: transparent !important; - color: #fff; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-unaired-"]:hover { - background: rgb(var(--calendar-tv-unaired) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-unmonitored-"] { - background: rgb(var(--calendar-tv-unmonitored) / .7) !important; - border-left-color: transparent !important; - color: #fff; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover { - background: rgb(var(--calendar-tv-unmonitored) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-onAir-"] { - background: rgb(var(--calendar-tv-on-air) / .7) !important; - border-left-color: transparent !important; - color: #fff; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-onAir-"]:hover { - background: rgb(var(--calendar-tv-on-air) / .5) !important; - border-left-color: transparent !important; -} - -[class*="CalendarEvent-downloading-"] { - background: rgb(var(--calendar-tv-downloading) / .7) !important; - border-left-color: transparent !important; - color: #fff; -} - -[class*="Calendar-calendar-"] [class*="CalendarEvent-downloading-"]:hover { - background: rgb(var(--calendar-tv-downloading) / .5) !important; - border-left-color: transparent !important; -} - [class*="CalendarEvent-seriesTitle-"], [class*="CalendarEvent-episodeInfo-"], [class*="CalendarEvent-airTime-"] { diff --git a/css/base/uptime-kuma/uptime-kuma-base.css b/css/base/uptime-kuma/uptime-kuma-base.css index 0fb36df6..68c4d346 100644 --- a/css/base/uptime-kuma/uptime-kuma-base.css +++ b/css/base/uptime-kuma/uptime-kuma-base.css @@ -1,5 +1,39 @@ -@import url("/css/defaults/placeholders.css"); +/* @import url("/css/defaults/placeholders.css"); */ @import url("/css/defaults/transparent.css"); + *:not(#floatingInput)::-webkit-input-placeholder { + color: var(--text-muted) !important; + } + + *:not(#floatingInput):focus::-webkit-input-placeholder { + color: var(--text-hover) !important; + } + + /* Firefox < 19 */ + *:not(#floatingInput):-moz-placeholder { + color: var(--text-muted) !important; + } + + *:not(#floatingInput):focus:-moz-placeholder { + color: var(--text-hover) !important; + } + + /* Firefox > 19 */ + *:not(#floatingInput)::-moz-placeholder { + color: var(--text-muted) !important; + } + + *:not(#floatingInput):focus::-moz-placeholder { + color: var(--text-hover) !important; + } + + /* Internet Explorer 10 */ + *:not(#floatingInput):-ms-input-placeholder { + color: var(--text-muted) !important; + } + + *:not(#floatingInput):focus:-ms-input-placeholder { + color: var(--text-hover) !important; + } body, .dark { diff --git a/docker-mods/qbittorrent/root/etc/cont-init.d/98-themepark b/docker-mods/qbittorrent/root/etc/cont-init.d/98-themepark index 42da5848..e7a8df69 100755 --- a/docker-mods/qbittorrent/root/etc/cont-init.d/98-themepark +++ b/docker-mods/qbittorrent/root/etc/cont-init.d/98-themepark @@ -92,8 +92,6 @@ fi sed_file(){ sed -i "s/<\/body>/<\/body> /g" $1 sed -i "s/<\/body>/<\/body> /g" $1 - sed -i "s/<\/head>/<\/head> /g" $1 - sed -i "s/<\/head>/<\/head> /g" $1 printf 'Stylesheet set to %s on %s\n\n' "${TP_THEME}" "$1" } diff --git a/docker-mods/qbittorrent/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/run b/docker-mods/qbittorrent/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/run index f830a825..76305fd5 100755 --- a/docker-mods/qbittorrent/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/run +++ b/docker-mods/qbittorrent/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/run @@ -79,8 +79,6 @@ fi sed_file(){ sed -i "s/<\/body>/<\/body> /g" $1 sed -i "s/<\/body>/<\/body> /g" $1 - sed -i "s/<\/head>/<\/head> /g" $1 - sed -i "s/<\/head>/<\/head> /g" $1 printf 'Stylesheet set to %s on %s\n\n' "${TP_THEME}" "$1" }