SONAR-16782 [892425] Text content lacks 4.5:1 contrast ratio

diff --git a/server/sonar-web/src/main/js/app/theme.js b/server/sonar-web/src/main/js/app/theme.js
index 7f786d2a4c94bce4dd9d7a5d747743bbeca9961d..7e61fdb060c0551a25177cff722596ada255b05e 100644 (file)
--- a/server/sonar-web/src/main/js/app/theme.js
+++ b/server/sonar-web/src/main/js/app/theme.js
@@ -33,7 +33,7 @@ module.exports = {
     veryLightGreen: '#f5f9fc',
     yellow: '#eabe06',
     orange: '#ed7d20',
-    red: '#d4333f',
+    red: '#D02F3A',
     purple: '#9139d4',
     white: '#ffffff',
 
@@ -75,7 +75,7 @@ module.exports = {
 
     // fonts
     baseFontColor: '#333',
-    secondFontColor: '#666',
+    secondFontColor: '#656565',
 
     // forms
     mandatoryFieldColor: '#a4030f',

diff --git a/server/sonar-web/src/main/js/apps/code/components/__tests__/__snapshots__/ComponentName-test.tsx.snap b/server/sonar-web/src/main/js/apps/code/components/__tests__/__snapshots__/ComponentName-test.tsx.snap
index 522ceab3d251f12560ca1fedcb522942c81893b4..e54bcc69a923ee83fc3d3a073aeebcd2bc1d54be 100644 (file)
--- a/server/sonar-web/src/main/js/apps/code/components/__tests__/__snapshots__/ComponentName-test.tsx.snap
+++ b/server/sonar-web/src/main/js/apps/code/components/__tests__/__snapshots__/ComponentName-test.tsx.snap
@@ -106,7 +106,7 @@ foo"
       <span
         style={
           Object {
-            "color": "#666",
+            "color": "#656565",
           }
         }
       >

diff --git a/server/sonar-web/src/main/js/components/charts/__tests__/__snapshots__/ColorGradientLegend-test.tsx.snap b/server/sonar-web/src/main/js/components/charts/__tests__/__snapshots__/ColorGradientLegend-test.tsx.snap
index d0e9902dc140c3398fc8fedf9153297106631926..98ca58c599ba5d467eb32c40c7b041e7daaac0fb 100644 (file)
--- a/server/sonar-web/src/main/js/components/charts/__tests__/__snapshots__/ColorGradientLegend-test.tsx.snap
+++ b/server/sonar-web/src/main/js/components/charts/__tests__/__snapshots__/ColorGradientLegend-test.tsx.snap
@@ -33,7 +33,7 @@ exports[`should render properly 1`] = `
       <stop
         key="4"
         offset={1}
-        stopColor="#d4333f"
+        stopColor="#D02F3A"
       />
     </linearGradient>
     <pattern

diff --git a/server/sonar-web/src/main/js/components/controls/DayPicker.css b/server/sonar-web/src/main/js/components/controls/DayPicker.css
index c35a9ec501840a6d193fd1b8bd8cb85853ef2d8d..5d02b626d3b8d5877d9ba6bbcf614134d8217356 100644 (file)
--- a/server/sonar-web/src/main/js/components/controls/DayPicker.css
+++ b/server/sonar-web/src/main/js/components/controls/DayPicker.css
@@ -56,7 +56,6 @@
   padding: var(--gridSize);
   font-size: var(--smallFontSize);
   text-align: center;
-  color: var(--gray60);
 }
 
 .DayPicker-Weekday abbr[title] {
@@ -106,16 +105,6 @@
   cursor: not-allowed;
 }
 
-/* Example modifiers */
-
-.DayPicker-Day--sunday {
-  background-color: #f7f8f8;
-}
-
-.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
-  color: #dce0e0;
-}
-
 .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
   background-color: var(--blue);
   color: #fff;

diff --git a/server/sonar-web/src/main/js/components/controls/__tests__/__snapshots__/BackButton-test.tsx.snap b/server/sonar-web/src/main/js/components/controls/__tests__/__snapshots__/BackButton-test.tsx.snap
index 3822c058327b34251bdabbe2fc530749124b002c..a4fc44f5eca216a1949f5e12e7d90971fdc569fc 100644 (file)
--- a/server/sonar-web/src/main/js/components/controls/__tests__/__snapshots__/BackButton-test.tsx.snap
+++ b/server/sonar-web/src/main/js/components/controls/__tests__/__snapshots__/BackButton-test.tsx.snap
@@ -16,7 +16,7 @@ exports[`should handle click 1`] = `
     >
       <path
         d="M3.845 12.9992l5.993 5.993.052.056c.049.061.093.122.129.191.082.159.121.339.111.518-.006.102-.028.203-.064.298-.149.39-.537.652-.954.644-.102-.002-.204-.019-.301-.052-.148-.05-.273-.135-.387-.241l-8.407-8.407 8.407-8.407.056-.052c.061-.048.121-.092.19-.128.116-.06.237-.091.366-.108.076-.004.075-.004.153-.003.155.015.3.052.437.129.088.051.169.115.239.19.246.266.33.656.214.999-.051.149-.135.273-.241.387l-5.983 5.984c5.287-.044 10.577-.206 15.859.013.073.009.091.009.163.027.187.047.359.15.49.292.075.081.136.175.18.276.044.101.072.209.081.319.032.391-.175.775-.521.962-.097.052-.202.089-.311.107-.073.012-.091.01-.165.013H3.845z"
-        fill="#666"
+        fill="#656565"
       />
     </svg>
   </a>
@@ -39,7 +39,7 @@ exports[`should render properly 1`] = `
     >
       <path
         d="M3.845 12.9992l5.993 5.993.052.056c.049.061.093.122.129.191.082.159.121.339.111.518-.006.102-.028.203-.064.298-.149.39-.537.652-.954.644-.102-.002-.204-.019-.301-.052-.148-.05-.273-.135-.387-.241l-8.407-8.407 8.407-8.407.056-.052c.061-.048.121-.092.19-.128.116-.06.237-.091.366-.108.076-.004.075-.004.153-.003.155.015.3.052.437.129.088.051.169.115.239.19.246.266.33.656.214.999-.051.149-.135.273-.241.387l-5.983 5.984c5.287-.044 10.577-.206 15.859.013.073.009.091.009.163.027.187.047.359.15.49.292.075.081.136.175.18.276.044.101.072.209.081.319.032.391-.175.775-.521.962-.097.052-.202.089-.311.107-.073.012-.091.01-.165.013H3.845z"
-        fill="#666"
+        fill="#656565"
       />
     </svg>
   </a>

diff --git a/server/sonar-web/src/main/js/components/controls/__tests__/__snapshots__/ReloadButton-test.tsx.snap b/server/sonar-web/src/main/js/components/controls/__tests__/__snapshots__/ReloadButton-test.tsx.snap
index 96a3a37d1d1f4a14868b7f503a34ba302b1e7c80..f94c6cfc6f2a6ceb5a091f44955adeae93e73c8f 100644 (file)
--- a/server/sonar-web/src/main/js/components/controls/__tests__/__snapshots__/ReloadButton-test.tsx.snap
+++ b/server/sonar-web/src/main/js/components/controls/__tests__/__snapshots__/ReloadButton-test.tsx.snap
@@ -16,7 +16,7 @@ exports[`should handle click 1`] = `
     >
       <path
         d="M16.6454 8.1084c-.3-.5-.9-.7-1.4-.4-.5.3-.7.9-.4 1.4.9 1.6 1.1 3.4.6 5.1-.5 1.7-1.7 3.2-3.2 4-3.3 1.8-7.4.6-9.1-2.7-1.8-3.1-.8-6.9 2.1-8.8v3.3h2v-7h-7v2h3.9c-3.7 2.5-5 7.5-2.8 11.4 1.6 3 4.6 4.6 7.7 4.6 1.4 0 2.8-.3 4.2-1.1 2-1.1 3.5-3 4.2-5.2.6-2.2.3-4.6-.8-6.6z"
-        fill="#666"
+        fill="#656565"
       />
     </svg>
   </a>
@@ -39,7 +39,7 @@ exports[`should render properly 1`] = `
     >
       <path
         d="M16.6454 8.1084c-.3-.5-.9-.7-1.4-.4-.5.3-.7.9-.4 1.4.9 1.6 1.1 3.4.6 5.1-.5 1.7-1.7 3.2-3.2 4-3.3 1.8-7.4.6-9.1-2.7-1.8-3.1-.8-6.9 2.1-8.8v3.3h2v-7h-7v2h3.9c-3.7 2.5-5 7.5-2.8 11.4 1.6 3 4.6 4.6 7.7 4.6 1.4 0 2.8-.3 4.2-1.1 2-1.1 3.5-3 4.2-5.2.6-2.2.3-4.6-.8-6.6z"
-        fill="#666"
+        fill="#656565"
       />
     </svg>
   </a>

diff --git a/server/sonar-web/src/main/js/components/issue/Issue.css b/server/sonar-web/src/main/js/components/issue/Issue.css
index 920dc0fc9c2454d134426daa42806f186a5d8b1b..397d8781c1495fea8e351bf8f683083f528fb93f 100644 (file)
--- a/server/sonar-web/src/main/js/components/issue/Issue.css
+++ b/server/sonar-web/src/main/js/components/issue/Issue.css
@@ -284,3 +284,13 @@
 .issue-comment-tile {
   background-color: var(--barBackgroundColor);
 }
+
+.issue .button-link {
+  color: var(--veryDarkBlue);
+}
+
+.issue .button-link:hover,
+.issue .button-link:focus,
+.issue .button-link:active {
+  color: var(--darkBlue);
+}