From dfee8c33330a2b65488cbf5b5c6b18e3c49c1978 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sat, 13 Nov 2021 11:32:40 +0100 Subject: [PATCH 01/11] Fixed Plex background after update --- css/base/plex/plex-base.css | 21 ++++++++++++--------- 1 file changed, 12 insertions(+), 9 deletions(-) diff --git a/css/base/plex/plex-base.css b/css/base/plex/plex-base.css index bbc0195c..788888c7 100644 --- a/css/base/plex/plex-base.css +++ b/css/base/plex/plex-base.css @@ -118,11 +118,9 @@ a[class*="MetadataTableRow-title-"]:hover { } /* BODY */ -[class*="FullPageBackground-backgroundContainer-"] [class*="CrossFadeImage-crossFade-"], -#plex>[class*="background-container-"]>div>div>div:nth-child(2), -#plex>div[class*="FullPageBackground-backgroundContainer-"]>div>div:nth-child(2), -#plex>div[class*="FullPageBackground-backgroundContainer-"]>div>div:nth-child(4) { - background: var(--main-bg-color) !important; +html body, +.application { + background: var(--main-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; @@ -132,6 +130,10 @@ a[class*="MetadataTableRow-title-"]:hover { -o-background-size: auto, cover; } +.plex-preloader-container { + background-color: transparent; +} + [class*="BottomBar-bottomBar-"] { background-color: rgb(0 0 0 / 70%); box-shadow: 0 0 4px 0 rgb(0 0 0 / 50%); @@ -269,11 +271,11 @@ button:hover [class*="DisclosureArrow-disclosureArrow-"] { } [class*="PivotTab-selectedButton-"]:after { - background-color: rgb(var(--accent-color)); + background-color: rgb(var(--accent-color)) !important; } [class*="PivotTab-selectedButton-"]:hover:after { - background-color: var(--link-color-hover); + background-color: var(--link-color-hover) !important; } [class*="MetadataPosterCardOverlay-unplayedBadge-"], @@ -637,8 +639,9 @@ fieldset[disabled] .btn-primary:hover { /* SETTINGS */ [class*="SettingsFormSection-sectionWrapper-"], [class*="ServerDashboardPageSection-section-"], +[class*="SettingsFormSection-sectionWrapper-"], hr { - border-top: 2px solid rgb(255 255 255 / 30%); + border-top: 2px solid rgba(255, 255, 255, 0.3) !important; } [class*="SettingsFormSection-sectionWrapper-"]:last-of-type, @@ -670,7 +673,7 @@ hr { background-color: rgb(0 0 0 / 25%); } -a>[class*="DirectoryListTableHeader-tableHeaderCell-"]:hover, +a>[class*="DirectoryListTableHeader-tableHeaderCell-"]:hover, button>[class*="DirectoryListTableHeader-tableHeaderCell-"]:hover, [class*="DirectoryListTableHeader-columnMenuButton-"]:hover { background-color: rgba(255, 255, 255, 0.1); From 0ef0e54c3cdce7b0e8814cde715afae86efdb7a9 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sat, 13 Nov 2021 11:38:52 +0100 Subject: [PATCH 02/11] Added blurred sidemenu on Plex --- css/base/plex/plex-base.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/css/base/plex/plex-base.css b/css/base/plex/plex-base.css index 788888c7..93605e25 100644 --- a/css/base/plex/plex-base.css +++ b/css/base/plex/plex-base.css @@ -155,7 +155,7 @@ html body, } [class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] { - background: var(--modal-bg-color) !important; + background: var(--modal-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; @@ -165,6 +165,15 @@ html body, -o-background-size: auto, cover; } +@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { + [class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] { + background: var(--header-blur-background); + -webkit-backdrop-filter: saturate(1.8) blur(1.5em); + backdrop-filter: saturate(1.8) blur(1.5em); + background-color: rgba(0, 0, 0, .5); + } +} + [class*="DisclosureArrow-isSelected-"] { border-color: rgb(var(--accent-color)); } From f29cce55d0df3e407474d9f56f6c6081311d0abb Mon Sep 17 00:00:00 2001 From: GilbN Date: Sat, 13 Nov 2021 22:02:08 +0100 Subject: [PATCH 03/11] develop domain fix --- themes.py | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/themes.py b/themes.py index eb34682d..09cb6709 100644 --- a/themes.py +++ b/themes.py @@ -154,7 +154,9 @@ if __name__ == "__main__": themes = [name for name in listdir('./css/theme-options') if isfile(join('./css/theme-options', name))] community_themes = [name for name in listdir('./css/community-theme-options') if isfile(join('./css/community-theme-options', name))] with open("CNAME", "rt", closefd=True) as cname: - DOMAIN = cname.readline() + CNAME = cname.readline() + develop = True if subprocess.check_output(["git", "symbolic-ref", "--short", "HEAD"]).decode('ascii').strip() == "develop" else False + DOMAIN = CNAME if not develop else f"develop.{CNAME}" apps = loads(create_json(app_folders=app_folders, themes=themes, community_themes=community_themes)) with open("themes.json", "w") as outfile: dump(apps, outfile, indent=2, sort_keys=True) From 049ab4689e3cf33dda5107acc1393b93303e1c4a Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 14 Nov 2021 11:56:14 +0100 Subject: [PATCH 04/11] Fixed *arr sidebar toggle color --- css/base/lidarr/lidarr-base.css | 9 +++++++++ css/base/prowlarr/prowlarr-base.css | 9 +++++++++ css/base/radarr/radarr-base.css | 9 +++++++++ css/base/readarr/readarr-base.css | 9 +++++++++ css/base/sonarr/sonarr-base.css | 9 +++++++++ 5 files changed, 45 insertions(+) diff --git a/css/base/lidarr/lidarr-base.css b/css/base/lidarr/lidarr-base.css index 986aa3d0..86500307 100644 --- a/css/base/lidarr/lidarr-base.css +++ b/css/base/lidarr/lidarr-base.css @@ -321,6 +321,15 @@ a:hover { border-left: 3px solid rgb(var(--accent-color)); } +#sidebar-toggle-button { + color: var(--text); +} +#sidebar-toggle-button:hover, +#sidebar-toggle-button:focus, +#sidebar-toggle-button:active { + color: var(--text-hover); +} + /* LIBRARY PAGE */ /* LIDARR SPECIFIC */ [class*="ArtistIndexPoster-controls-"] { diff --git a/css/base/prowlarr/prowlarr-base.css b/css/base/prowlarr/prowlarr-base.css index 56cd1d19..91145eaa 100644 --- a/css/base/prowlarr/prowlarr-base.css +++ b/css/base/prowlarr/prowlarr-base.css @@ -267,6 +267,15 @@ a:hover { border-left: 3px solid rgb(var(--accent-color)); } +#sidebar-toggle-button { + color: var(--text); +} +#sidebar-toggle-button:hover, +#sidebar-toggle-button:focus, +#sidebar-toggle-button:active { + color: var(--text-hover); +} + /* MOVIES PAGE */ /* RADARR SPECIFIC */ [class*="MovieIndexPoster-controls-"] { diff --git a/css/base/radarr/radarr-base.css b/css/base/radarr/radarr-base.css index b2b5c0a9..1b780758 100644 --- a/css/base/radarr/radarr-base.css +++ b/css/base/radarr/radarr-base.css @@ -274,6 +274,15 @@ a:hover { border-left: 3px solid rgb(var(--accent-color)); } +#sidebar-toggle-button { + color: var(--text); +} +#sidebar-toggle-button:hover, +#sidebar-toggle-button:focus, +#sidebar-toggle-button:active { + color: var(--text-hover); +} + /* MOVIES PAGE */ /* RADARR SPECIFIC */ [class*="MovieIndexPoster-controls-"] { diff --git a/css/base/readarr/readarr-base.css b/css/base/readarr/readarr-base.css index cecf782b..f7bc44e8 100644 --- a/css/base/readarr/readarr-base.css +++ b/css/base/readarr/readarr-base.css @@ -321,6 +321,15 @@ a:hover { border-left: 3px solid rgb(var(--accent-color)); } +#sidebar-toggle-button { + color: var(--text); +} +#sidebar-toggle-button:hover, +#sidebar-toggle-button:focus, +#sidebar-toggle-button:active { + color: var(--text-hover); +} + /* LIBRARY PAGE */ /* LIDARR SPECIFIC */ [class*="AuthorIndexPoster-controls-"] { diff --git a/css/base/sonarr/sonarr-base.css b/css/base/sonarr/sonarr-base.css index 64f5d997..ffd19c0c 100644 --- a/css/base/sonarr/sonarr-base.css +++ b/css/base/sonarr/sonarr-base.css @@ -287,6 +287,15 @@ a:hover { border-left: 3px solid rgb(var(--accent-color)); } +#sidebar-toggle-button { + color: var(--text); +} +#sidebar-toggle-button:hover, +#sidebar-toggle-button:focus, +#sidebar-toggle-button:active { + color: var(--text-hover); +} + /* SERIES PAGE */ /* SONARR SPECIFIC */ [class*="SeriesIndexPoster-controls-"] { From c8b5768d4887a0a4212481ec78fcafa87b3f459d Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 14 Nov 2021 12:18:41 +0100 Subject: [PATCH 05/11] Fixed Unraid CA button/link colors --- css/base/unraid/unraid-base.css | 23 +++++++++++++++++++++-- 1 file changed, 21 insertions(+), 2 deletions(-) diff --git a/css/base/unraid/unraid-base.css b/css/base/unraid/unraid-base.css index 89388e23..a964c61c 100644 --- a/css/base/unraid/unraid-base.css +++ b/css/base/unraid/unraid-base.css @@ -457,13 +457,14 @@ li.caMenuItem:hover { .supportPopup, .popupProfile, .repoPopup, -.ca_favouriteRepo { +.ca_favouriteRepo, +.donate { color: var(--button-text) !important; background: var(--button-color) !important; border-color: var(--button-color) !important; } -#templates_content > div > div > div.ca_bottomLine > div.infoButton.ca_appPopup { +.infoButton { color: var(--button-text) !important; background: var(--button-color) !important; border-color: var(--button-color) !important; @@ -551,6 +552,24 @@ li.caMenuItem:hover { color: #e22828 !important; } +.card_readmore { + color: var(--link-color) !important; +} + +.card_readmore:hover { + color: var(--link-color-hover) !important; +} + +.actionsButton { + color: var(--button-text) !important; + background: var(--button-color) !important; +} + +.actionsButton:hover { + color: var(--button-text-hover) !important; + background: var(--button-color-hover) !important; +} + /* CA search input */ #searchButton:hover { color: rgb(var(--accent-color)); From 4135f6647556afacabb1a7e4249d58e75824568f Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 14 Nov 2021 18:54:11 +0100 Subject: [PATCH 06/11] Fixed Prowlarr PageHeader hover --- css/base/prowlarr/prowlarr-base.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/css/base/prowlarr/prowlarr-base.css b/css/base/prowlarr/prowlarr-base.css index 91145eaa..b8ac5a79 100644 --- a/css/base/prowlarr/prowlarr-base.css +++ b/css/base/prowlarr/prowlarr-base.css @@ -33,14 +33,22 @@ body { } /* LINKS */ -[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]) { +[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="PageHeader-"]):not([class*="Button-small-"]) { color: var(--link-color); } -[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover { +[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="PageHeader-translate"]):hover:not([class*="Button-small-"]):hover { color: var(--link-color-hover); } +[class*="PageHeaderActionsMenu-menuButton-"]:hover { + color: #515253; +} + +[class*="PageHeader-donate-"]:hover { + color: #9c1f30 !important; +} + a { color: var(--link-color); } From d138e2c0e766203122902094b83c521f5a1be2e5 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 14 Nov 2021 18:54:43 +0100 Subject: [PATCH 07/11] Fixed Prowlarr-darker label text and bg color --- .../prowlarr/prowlarr-darker/prowlarr-darker.css | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/css/addons/prowlarr/prowlarr-darker/prowlarr-darker.css b/css/addons/prowlarr/prowlarr-darker/prowlarr-darker.css index 5b36960c..b84c55b8 100644 --- a/css/addons/prowlarr/prowlarr-darker/prowlarr-darker.css +++ b/css/addons/prowlarr/prowlarr-darker/prowlarr-darker.css @@ -103,6 +103,18 @@ color: #fff; } +[class*="Label-disabled-"][class*="Label-outline-"] { + color: #000; +} + +[class*="Label-outline-"] { + background-color: #989898; +} + +[class*="Label-success-"] { + color: #000; +} + /* SETTINGS */ [class*=Settings-link-] { @@ -116,4 +128,6 @@ background-color: var(--drop-down-menu-bg); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); color: #e1e2e3; -} \ No newline at end of file +} + +/* BUTTONS */ From 94355d93c97f019a0c96c3f9cfbeee039834efb9 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 14 Nov 2021 19:08:07 +0100 Subject: [PATCH 08/11] Removed !important from tooltip/popover on *arrs --- css/base/lidarr/lidarr-base.css | 2 +- css/base/prowlarr/prowlarr-base.css | 2 +- css/base/radarr/radarr-base.css | 2 +- css/base/readarr/readarr-base.css | 2 +- css/base/sonarr/sonarr-base.css | 4 ++-- 5 files changed, 6 insertions(+), 6 deletions(-) diff --git a/css/base/lidarr/lidarr-base.css b/css/base/lidarr/lidarr-base.css index 86500307..46e2baa4 100644 --- a/css/base/lidarr/lidarr-base.css +++ b/css/base/lidarr/lidarr-base.css @@ -451,7 +451,7 @@ a:hover { [class*="SeasonInfo-title-"], [class*="Popover-body-"], [class*="Tooltip-body-"] { - background: var(--modal-bg-color) !important; + background: var(--modal-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; diff --git a/css/base/prowlarr/prowlarr-base.css b/css/base/prowlarr/prowlarr-base.css index b8ac5a79..aeb96bfa 100644 --- a/css/base/prowlarr/prowlarr-base.css +++ b/css/base/prowlarr/prowlarr-base.css @@ -389,7 +389,7 @@ a:hover { [class*="SeasonInfo-title-"], [class*="Popover-body-"], [class*="Tooltip-body-"] { - background: var(--modal-bg-color) !important; + background: var(--modal-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; diff --git a/css/base/radarr/radarr-base.css b/css/base/radarr/radarr-base.css index 1b780758..999ea23f 100644 --- a/css/base/radarr/radarr-base.css +++ b/css/base/radarr/radarr-base.css @@ -390,7 +390,7 @@ a:hover { [class*="SeasonInfo-title-"], [class*="Popover-body-"], [class*="Tooltip-body-"] { - background: var(--modal-bg-color) !important; + background: var(--modal-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; diff --git a/css/base/readarr/readarr-base.css b/css/base/readarr/readarr-base.css index f7bc44e8..c3cd95bf 100644 --- a/css/base/readarr/readarr-base.css +++ b/css/base/readarr/readarr-base.css @@ -447,7 +447,7 @@ a:hover { [class*="SeasonInfo-title-"], [class*="Popover-body-"], [class*="Tooltip-body-"] { - background: var(--modal-bg-color) !important; + background: var(--modal-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; diff --git a/css/base/sonarr/sonarr-base.css b/css/base/sonarr/sonarr-base.css index ffd19c0c..9138bcef 100644 --- a/css/base/sonarr/sonarr-base.css +++ b/css/base/sonarr/sonarr-base.css @@ -392,11 +392,11 @@ a:hover { background-color: rgba(0, 0, 0, .25) !important; } -[class*="Popover-title-"], +[cl*="Popover-title-"]ass, [class*="SeasonInfo-title-"], [class*="Popover-body-"], [class*="Tooltip-bod-"] { - background: var(--modal-bg-color) !important; + background: var(--modal-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; From 36bb6fd17d63241a687cde345eb52076c383c44b Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 14 Nov 2021 19:21:34 +0100 Subject: [PATCH 09/11] Added !important on tooltip/popover on *arrs --- css/base/lidarr/lidarr-base.css | 14 +++++++------- css/base/prowlarr/prowlarr-base.css | 14 +++++++------- css/base/radarr/radarr-base.css | 14 +++++++------- css/base/readarr/readarr-base.css | 14 +++++++------- css/base/sonarr/sonarr-base.css | 14 +++++++------- 5 files changed, 35 insertions(+), 35 deletions(-) diff --git a/css/base/lidarr/lidarr-base.css b/css/base/lidarr/lidarr-base.css index 86500307..a07168aa 100644 --- a/css/base/lidarr/lidarr-base.css +++ b/css/base/lidarr/lidarr-base.css @@ -452,13 +452,13 @@ a:hover { [class*="Popover-body-"], [class*="Tooltip-body-"] { background: var(--modal-bg-color) !important; - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; } [class*="Tooltip-tooltipContainer-"] { diff --git a/css/base/prowlarr/prowlarr-base.css b/css/base/prowlarr/prowlarr-base.css index b8ac5a79..363f42bd 100644 --- a/css/base/prowlarr/prowlarr-base.css +++ b/css/base/prowlarr/prowlarr-base.css @@ -390,13 +390,13 @@ a:hover { [class*="Popover-body-"], [class*="Tooltip-body-"] { background: var(--modal-bg-color) !important; - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; } [class*="Tooltip-tooltipContainer-"] { diff --git a/css/base/radarr/radarr-base.css b/css/base/radarr/radarr-base.css index 1b780758..9be9ca9f 100644 --- a/css/base/radarr/radarr-base.css +++ b/css/base/radarr/radarr-base.css @@ -391,13 +391,13 @@ a:hover { [class*="Popover-body-"], [class*="Tooltip-body-"] { background: var(--modal-bg-color) !important; - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; } [class*="Tooltip-tooltipContainer-"] { diff --git a/css/base/readarr/readarr-base.css b/css/base/readarr/readarr-base.css index f7bc44e8..2af5d02d 100644 --- a/css/base/readarr/readarr-base.css +++ b/css/base/readarr/readarr-base.css @@ -448,13 +448,13 @@ a:hover { [class*="Popover-body-"], [class*="Tooltip-body-"] { background: var(--modal-bg-color) !important; - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; } [class*="Tooltip-tooltipContainer-"] { diff --git a/css/base/sonarr/sonarr-base.css b/css/base/sonarr/sonarr-base.css index ffd19c0c..922b5873 100644 --- a/css/base/sonarr/sonarr-base.css +++ b/css/base/sonarr/sonarr-base.css @@ -397,13 +397,13 @@ a:hover { [class*="Popover-body-"], [class*="Tooltip-bod-"] { background: var(--modal-bg-color) !important; - background-repeat: repeat, no-repeat; - background-attachment: fixed, fixed; - background-position: center center, center center; - background-size: auto, cover; - -webkit-background-size: auto, cover; - -moz-background-size: auto, cover; - -o-background-size: auto, cover; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; } [class*="Tooltip-tooltipContainer-"] { From b43c1f13b661450377b27389e8bcac06756b1c02 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 14 Nov 2021 21:37:57 +0100 Subject: [PATCH 10/11] Fixed Sonarr base typo --- css/base/sonarr/sonarr-base.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/css/base/sonarr/sonarr-base.css b/css/base/sonarr/sonarr-base.css index 83a7f506..8ea4b12e 100644 --- a/css/base/sonarr/sonarr-base.css +++ b/css/base/sonarr/sonarr-base.css @@ -43,11 +43,11 @@ body { } /* LINKS */ -[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]) { +[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-medium-"]) { color: var(--link-color); } -[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover { +[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-medium-"]):hover { color: var(--link-color-hover); } @@ -392,7 +392,7 @@ a:hover { background-color: rgba(0, 0, 0, .25) !important; } -[cl*="Popover-title-"]ass, +[class*="Popover-title-"], [class*="SeasonInfo-title-"], [class*="Popover-body-"], [class*="Tooltip-bod-"] { From 564dd8dc658591fb2ffea8c4db8975fae07a1cb6 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 14 Nov 2021 22:17:15 +0100 Subject: [PATCH 11/11] *arr label fixes --- css/base/lidarr/lidarr-base.css | 24 ++++++++++++++++++++++-- css/base/radarr/radarr-base.css | 24 ++++++++++++++++++++++-- css/base/readarr/readarr-base.css | 24 ++++++++++++++++++++++-- css/base/sonarr/sonarr-base.css | 18 ++++++++++++++++-- 4 files changed, 82 insertions(+), 8 deletions(-) diff --git a/css/base/lidarr/lidarr-base.css b/css/base/lidarr/lidarr-base.css index a07168aa..a20a4725 100644 --- a/css/base/lidarr/lidarr-base.css +++ b/css/base/lidarr/lidarr-base.css @@ -42,11 +42,11 @@ body { } /* LINKS */ -[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]) { +[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]) { color: var(--link-color); } -[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover { +[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover { color: var(--link-color-hover); } @@ -510,6 +510,26 @@ a:hover { color: var(--label-text-color); } +[class*="Label-success-"] { + border-color: #27c24c; + background-color: #27c24c; + color: var(--label-text-color); +} + +[class*="Label-disabled-"][class*="Label-outline-"] { + color: #000; +} + +[class*="Label-outline-"] { + background-color: #999; +} + +[class*="Label-disabled-"] { + border-color: #999; + background-color: #999; + color: #000; +} + /* Table options*/ [class*="TableOptionsColumn-column-"] { background: rgba(0, 0, 0, .25); diff --git a/css/base/radarr/radarr-base.css b/css/base/radarr/radarr-base.css index 9be9ca9f..ee7e9109 100644 --- a/css/base/radarr/radarr-base.css +++ b/css/base/radarr/radarr-base.css @@ -41,11 +41,11 @@ body { } /* LINKS */ -[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]) { +[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]) { color: var(--link-color); } -[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover { +[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover { color: var(--link-color-hover); } @@ -462,6 +462,26 @@ a:hover { color: var(--text-hover); } +[class*="Label-success-"] { + border-color: #27c24c; + background-color: #27c24c; + color: var(--label-text-color); +} + +[class*="Label-disabled-"][class*="Label-outline-"] { + color: #000; +} + +[class*="Label-outline-"] { + background-color: #999; +} + +[class*="Label-disabled-"] { + border-color: #999; + background-color: #999; + color: #000; +} + /* Table options*/ [class*="TableOptionsColumn-column-"] { background: rgba(0, 0, 0, .25); diff --git a/css/base/readarr/readarr-base.css b/css/base/readarr/readarr-base.css index 2af5d02d..4675658e 100644 --- a/css/base/readarr/readarr-base.css +++ b/css/base/readarr/readarr-base.css @@ -42,11 +42,11 @@ body { } /* LINKS */ -[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]) { +[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]) { color: var(--link-color); } -[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover { +[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover { color: var(--link-color-hover); } @@ -514,6 +514,26 @@ a:hover { color: #fff; } +[class*="Label-success-"] { + border-color: #27c24c; + background-color: #27c24c; + color: var(--label-text-color); +} + +[class*="Label-disabled-"][class*="Label-outline-"] { + color: #000; +} + +[class*="Label-outline-"] { + background-color: #999; +} + +[class*="Label-disabled-"] { + border-color: #999; + background-color: #999; + color: #000; +} + /* Table options*/ [class*="TableOptionsColumn-column-"] { background: rgba(0, 0, 0, .25); diff --git a/css/base/sonarr/sonarr-base.css b/css/base/sonarr/sonarr-base.css index 8ea4b12e..19d97d0a 100644 --- a/css/base/sonarr/sonarr-base.css +++ b/css/base/sonarr/sonarr-base.css @@ -43,11 +43,11 @@ body { } /* LINKS */ -[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-medium-"]) { +[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]) { color: var(--link-color); } -[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-medium-"]):hover { +[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover { color: var(--link-color-hover); } @@ -488,6 +488,20 @@ a:hover { color: var(--label-text-color); } +[class*="Label-disabled-"][class*="Label-outline-"] { + color: #000; +} + +[class*="Label-outline-"] { + background-color: #999; +} + +[class*="Label-disabled-"] { + border-color: #999; + background-color: #999; + color: #000; +} + /* Table options*/ [class*="TableOptionsColumn-column-"] { background: rgba(0, 0, 0, .25);