From c285859d047110807e37fc71bfba4150c462577d Mon Sep 17 00:00:00 2001
From: Kevin Silva <kevin.silva@sonarsource.com>
Date: Tue, 10 Jan 2023 17:28:01 +0100
Subject: [PATCH] SONAR-17845 [1099483] Elements must have sufficient color
 contrast

---
 .../src/main/js/components/facet/FacetHeader.tsx   |  5 ++++-
 .../src/main/js/components/search-navigator.css    | 14 +-------------
 2 files changed, 5 insertions(+), 14 deletions(-)

diff --git a/server/sonar-web/src/main/js/components/facet/FacetHeader.tsx b/server/sonar-web/src/main/js/components/facet/FacetHeader.tsx
index 9fb79deb1eb..96a00bf418d 100644
--- a/server/sonar-web/src/main/js/components/facet/FacetHeader.tsx
+++ b/server/sonar-web/src/main/js/components/facet/FacetHeader.tsx
@@ -79,7 +79,10 @@ export default class FacetHeader extends React.PureComponent<Props> {
       name
     );
     return (
-      <div className="search-navigator-facet-header-wrapper display-flex-center">
+      <div
+        aria-disabled={disabled}
+        className="search-navigator-facet-header-wrapper display-flex-center"
+      >
         {this.props.onClick ? (
           <span className="search-navigator-facet-header display-flex-center">
             <button
diff --git a/server/sonar-web/src/main/js/components/search-navigator.css b/server/sonar-web/src/main/js/components/search-navigator.css
index 0ef0cacc6ca..e7ea7d675df 100644
--- a/server/sonar-web/src/main/js/components/search-navigator.css
+++ b/server/sonar-web/src/main/js/components/search-navigator.css
@@ -59,7 +59,6 @@
 
 .search-navigator-facet-box-forbidden {
   background-color: transparent;
-  opacity: 0.5;
 }
 
 .search-navigator-facet-box-forbidden .search-navigator-facet-list,
@@ -68,20 +67,9 @@
   display: none;
 }
 
-.search-navigator-facet-box-forbidden .search-navigator-facet-header {
-  color: var(--secondFontColor);
-}
-
-.search-navigator-facet-box-forbidden .search-navigator-facet-header:hover {
-  color: var(--blue);
-}
-
 .search-navigator-facet-box-forbidden .search-navigator-facet-header {
   cursor: default;
-}
-
-.search-navigator-facet-box-forbidden .search-navigator-facet-header:hover {
-  color: var(--secondFontColor);
+  color: var(--gray60);
 }
 
 .search-navigator-facet,
-- 
2.39.5