mirror of
https://github.com/gilbN/theme.park.git
synced 2024-10-05 15:07:11 +02:00
commit
cb9dff4574
90
.github/workflows/docker-build.yml
vendored
90
.github/workflows/docker-build.yml
vendored
@ -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:
|
||||
|
@ -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";
|
||||
}
|
@ -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;
|
||||
}
|
@ -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;
|
||||
}
|
@ -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;
|
||||
}
|
@ -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;
|
||||
}
|
@ -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
|
||||
|
@ -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;
|
||||
}
|
@ -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 {
|
||||
color: var(--button-text-hover);
|
||||
background: var(--button-color-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);
|
||||
}
|
||||
|
||||
.mantine-Button-subtle.mantine-Button-root.mantine-Group-child[class*="bazarr-"]:hover {
|
||||
.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;
|
||||
}
|
||||
|
||||
.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));
|
||||
}
|
@ -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*="CalendarEvent-event-"]>div>div>a {
|
||||
color: var(--transparency-light-95) !important;
|
||||
}
|
||||
|
||||
[class*="Calendar-calendar-"] [class*="CalendarEvent-downloaded-"]:hover {
|
||||
background: rgb(var(--calendar-available) / .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-missing-"] {
|
||||
background: rgb(var(--calendar-missing) / .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-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*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover {
|
||||
background: rgb(var(--calendar-unmonitored) / .5) !important;
|
||||
border-left-color: transparent !important;
|
||||
}
|
||||
|
||||
[class*="CalendarEvent-downloading-"],
|
||||
[class*="CalendarEvent-queue-"] {
|
||||
background: rgb(var(--calendar-downloading) / .7) !important;
|
||||
border-left-color: transparent !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,
|
||||
|
@ -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);
|
||||
}
|
||||
|
||||
#__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));
|
||||
[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.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.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), .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 {
|
||||
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);
|
||||
}
|
@ -257,83 +257,6 @@
|
||||
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*="Calendar-calendar-"] [class*="CalendarEvent-unmonitored-"]:hover {
|
||||
background: rgb(var(--calendar-unmonitored) / .5) !important;
|
||||
border-left-color: transparent !important;
|
||||
}
|
||||
|
||||
[class*="CalendarEvent-downloading-"],
|
||||
[class*="CalendarEvent-queue-"] {
|
||||
background: rgb(var(--calendar-downloading) / .7) !important;
|
||||
border-left-color: transparent !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-movieTitle-"],
|
||||
[class*="CalendarEvent-movieInfo-"] {
|
||||
color: #fff !important;
|
||||
@ -343,6 +266,21 @@
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
|
||||
[class*="CalendarEvent-missingMonitored-"].colorImpaired {
|
||||
background: var(--transparency-light-15);
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
/* Custom filter */
|
||||
[class*="SelectMovieModalContent-path-"] {
|
||||
color: var(--text);
|
||||
|
@ -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-"] {
|
||||
|
@ -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-"] {
|
||||
|
@ -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 {
|
||||
|
@ -92,8 +92,6 @@ fi
|
||||
sed_file(){
|
||||
sed -i "s/<\/body>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/qbittorrent\/qbittorrent-base.css'><\/body> /g" $1
|
||||
sed -i "s/<\/body>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/body> /g" $1
|
||||
sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/qbittorrent\/qbittorrent-base.css'><\/head> /g" $1
|
||||
sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" $1
|
||||
printf 'Stylesheet set to %s on %s\n\n' "${TP_THEME}" "$1"
|
||||
}
|
||||
|
||||
|
@ -79,8 +79,6 @@ fi
|
||||
sed_file(){
|
||||
sed -i "s/<\/body>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/qbittorrent\/qbittorrent-base.css'><\/body> /g" $1
|
||||
sed -i "s/<\/body>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/body> /g" $1
|
||||
sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/base\/qbittorrent\/qbittorrent-base.css'><\/head> /g" $1
|
||||
sed -i "s/<\/head>/<link rel='stylesheet' href='${TP_SCHEME}:\/\/${TP_DOMAIN}\/css\/${THEME_TYPE}\/${TP_THEME}.css'><\/head> /g" $1
|
||||
printf 'Stylesheet set to %s on %s\n\n' "${TP_THEME}" "$1"
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user