SONAR-16731 [891652] An icon lacks 3 to 1 contrast ratio

diff --git a/server/sonar-web/src/main/js/components/controls/SearchBox.css b/server/sonar-web/src/main/js/components/controls/SearchBox.css
index 105c31ead18056bcf54beab2f0d3eff4b76acadc..25fbe9de8f6445fe170b5819879fe2d037b5fa68 100644 (file)
--- a/server/sonar-web/src/main/js/components/controls/SearchBox.css
+++ b/server/sonar-web/src/main/js/components/controls/SearchBox.css
@@ -77,7 +77,7 @@
   position: absolute;
   top: 4px;
   left: 4px;
-  color: var(--gray60);
+  color: var(--gray52);
   transition: color 0.3s ease;
 }
 

diff --git a/server/sonar-web/src/main/js/components/controls/Select.tsx b/server/sonar-web/src/main/js/components/controls/Select.tsx
index d6de185293fa11a7db6f8657a1afeb64a11a05cf..bb80725f6e6e1705aa1621b0cd948fba3fe4c990 100644 (file)
--- a/server/sonar-web/src/main/js/components/controls/Select.tsx
+++ b/server/sonar-web/src/main/js/components/controls/Select.tsx
@@ -40,7 +40,7 @@ import { colors, others, sizes, zIndexes } from '../../app/theme';
 import { ClearButton } from './buttons';
 
 const ArrowSpan = styled.span`
-  border-color: #999 transparent transparent;
+  border-color: ${colors.gray52} transparent transparent;
   border-style: solid;
   border-width: 4px 4px 2px;
   display: inline-block;