From e80b2c0d86682de5556b4062d5a7180e155b154d Mon Sep 17 00:00:00 2001 From: Marius <24592972+gilbN@users.noreply.github.com> Date: Fri, 2 Jul 2021 17:12:19 +0200 Subject: [PATCH] *arr sidemenu changes --- CSS/themes/bazarr/bazarr-base.css | 15 ++++++++------- CSS/themes/lidarr/lidarr-base.css | 15 +++++++-------- CSS/themes/prowlarr/prowlarr-base.css | 15 +++++++-------- CSS/themes/radarr/radarr-base.css | 15 +++++++-------- CSS/themes/readarr/readarr-base.css | 15 +++++++-------- CSS/themes/sonarr/sonarr-base.css | 15 +++++++-------- 6 files changed, 43 insertions(+), 47 deletions(-) diff --git a/CSS/themes/bazarr/bazarr-base.css b/CSS/themes/bazarr/bazarr-base.css index d28bb7e1..8ecc9864 100644 --- a/CSS/themes/bazarr/bazarr-base.css +++ b/CSS/themes/bazarr/bazarr-base.css @@ -199,21 +199,22 @@ a:hover { .sidebar-container .sidebar-button:active, .sidebar-container .sidebar-button:focus { - color: #fff !important; - background-color: hsla(0, 0%, 100%, .08) !important; + color: rgb(var(--accent-color)) !important; + background-color: rgba(0, 0, 0, 0.15) !important; } .sidebar-container .sidebar-button:hover { - background-color: hsla(0, 0%, 100%, .08) !important; - color: var(--text-hover) !important; + background-color: transparent !important; + color: rgb(var(--accent-color)) !important; } .content-header.bg-dark .btn-dark:hover { color:var(--text-hover) !important; } -.sidebar-container .sidebar-button.sb-active { - background-color: hsla(0, 0%, 100%, .08); - color: #fff !important; +.sidebar-container .sidebar-button.sb-active, +.sidebar-container .sidebar-button.sb-active:hover { + background-color: rgba(0, 0, 0, 0.15) !important; + color: rgb(var(--accent-color)) !important; } .content-header.bg-dark>button { diff --git a/CSS/themes/lidarr/lidarr-base.css b/CSS/themes/lidarr/lidarr-base.css index dff868fc..2c8849f3 100644 --- a/CSS/themes/lidarr/lidarr-base.css +++ b/CSS/themes/lidarr/lidarr-base.css @@ -246,20 +246,19 @@ a:hover { background-color: transparent; } -[class*="PageSidebarItem-link-"]:hover, -[class*="PageSidebarItem-link-"]:focus { - color: var(--text-hover) !important; - background-color: hsla(0, 0%, 100%, .08); +[class*="PageSidebarItem-link-"]:hover { + color: var(--accent-color); text-decoration: none; } -[class*="PageSidebarItem-isActiveLink-"] { - color: #FFF !important; - background-color: hsla(0, 0%, 100%, .08) !important; +[class*="PageSidebarItem-isActiveLink-"], +[class*="PageSidebarItem-isActiveLink-"]:hover, +[class*="PageSidebarItem-link-"]:focus { + color: var(--accent-color) !important; } [class*="PageSidebarItem-isActiveParentLink-"] { - background-color: transparent; + background-color: rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 768px) { diff --git a/CSS/themes/prowlarr/prowlarr-base.css b/CSS/themes/prowlarr/prowlarr-base.css index d9670e2b..66cfdfd3 100644 --- a/CSS/themes/prowlarr/prowlarr-base.css +++ b/CSS/themes/prowlarr/prowlarr-base.css @@ -208,20 +208,19 @@ a:hover { background-color: transparent; } -[class*="PageSidebarItem-link-"]:hover, -[class*="PageSidebarItem-link-"]:focus { - color: var(--text-hover) !important; - background-color: hsla(0, 0%, 100%, .08); +[class*="PageSidebarItem-link-"]:hover { + color: var(--accent-color); text-decoration: none; } -[class*="PageSidebarItem-isActiveLink-"] { - color: #FFF !important; - background-color: hsla(0, 0%, 100%, .08) !important; +[class*="PageSidebarItem-isActiveLink-"], +[class*="PageSidebarItem-isActiveLink-"]:hover, +[class*="PageSidebarItem-link-"]:focus { + color: var(--accent-color) !important; } [class*="PageSidebarItem-isActiveParentLink-"] { - background-color: transparent; + background-color: rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 768px) { diff --git a/CSS/themes/radarr/radarr-base.css b/CSS/themes/radarr/radarr-base.css index 5f42fdbb..0d12ebae 100644 --- a/CSS/themes/radarr/radarr-base.css +++ b/CSS/themes/radarr/radarr-base.css @@ -207,20 +207,19 @@ a:hover { background-color: transparent; } -[class*="PageSidebarItem-link-"]:hover, -[class*="PageSidebarItem-link-"]:focus { - color: var(--text-hover) !important; - background-color: hsla(0, 0%, 100%, .08); +[class*="PageSidebarItem-link-"]:hover { + color: var(--accent-color); text-decoration: none; } -[class*="PageSidebarItem-isActiveLink-"] { - color: #FFF !important; - background-color: hsla(0, 0%, 100%, .08) !important; +[class*="PageSidebarItem-isActiveLink-"], +[class*="PageSidebarItem-isActiveLink-"]:hover, +[class*="PageSidebarItem-link-"]:focus { + color: var(--accent-color) !important; } [class*="PageSidebarItem-isActiveParentLink-"] { - background-color: transparent; + background-color: rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 768px) { diff --git a/CSS/themes/readarr/readarr-base.css b/CSS/themes/readarr/readarr-base.css index caaeda55..894e3685 100644 --- a/CSS/themes/readarr/readarr-base.css +++ b/CSS/themes/readarr/readarr-base.css @@ -246,20 +246,19 @@ a:hover { background-color: transparent; } -[class*="PageSidebarItem-link-"]:hover, -[class*="PageSidebarItem-link-"]:focus { - color: var(--text-hover) !important; - background-color: hsla(0, 0%, 100%, .08); +[class*="PageSidebarItem-link-"]:hover { + color: var(--accent-color); text-decoration: none; } -[class*="PageSidebarItem-isActiveLink-"] { - color: #FFF !important; - background-color: hsla(0, 0%, 100%, .08) !important; +[class*="PageSidebarItem-isActiveLink-"], +[class*="PageSidebarItem-isActiveLink-"]:hover, +[class*="PageSidebarItem-link-"]:focus { + color: var(--accent-color) !important; } [class*="PageSidebarItem-isActiveParentLink-"] { - background-color: transparent; + background-color: rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 768px) { diff --git a/CSS/themes/sonarr/sonarr-base.css b/CSS/themes/sonarr/sonarr-base.css index cb3689e1..bd81ba1c 100644 --- a/CSS/themes/sonarr/sonarr-base.css +++ b/CSS/themes/sonarr/sonarr-base.css @@ -225,20 +225,19 @@ a:hover { background-color: transparent; } -[class*="PageSidebarItem-link-"]:hover, -[class*="PageSidebarItem-link-"]:focus { - color: var(--text-hover) !important; - background-color: hsla(0, 0%, 100%, .08); +[class*="PageSidebarItem-link-"]:hover { + color: var(--accent-color); text-decoration: none; } -[class*="PageSidebarItem-isActiveLink-"] { - color: #FFF !important; - background-color: hsla(0, 0%, 100%, .08) !important; +[class*="PageSidebarItem-isActiveLink-"], +[class*="PageSidebarItem-isActiveLink-"]:hover, +[class*="PageSidebarItem-link-"]:focus { + color: var(--accent-color) !important; } [class*="PageSidebarItem-isActiveParentLink-"] { - background-color: transparent; + background-color: rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 768px) {