SONAR-12505 More consistent color for issue boxes and highlight

diff --git a/server/sonar-web/src/main/js/app/styles/components/panels.css b/server/sonar-web/src/main/js/app/styles/components/panels.css
index de6d453ef1b9fc40d5cda4cb8d874da1b42620cc..e96cadffe863dd19a838e273859551c68c59e2d7 100644 (file)
--- a/server/sonar-web/src/main/js/app/styles/components/panels.css
+++ b/server/sonar-web/src/main/js/app/styles/components/panels.css
@@ -36,7 +36,7 @@
 }
 
 .panel-warning {
-  border: 1px solid #faebcc;
-  background-color: #fcf8e3;
+  border: 1px solid var(--alertBorderWarning);
+  background-color: var(--alertBackgroundWarning);
   color: #8a6d3b;
 }

diff --git a/server/sonar-web/src/main/js/app/styles/components/ui.css b/server/sonar-web/src/main/js/app/styles/components/ui.css
index 03be11a0d0139383537bb79298110d29bd9ea0fd..258cccbb5881abfb52600425205e6a058a427b4e 100644 (file)
--- a/server/sonar-web/src/main/js/app/styles/components/ui.css
+++ b/server/sonar-web/src/main/js/app/styles/components/ui.css
@@ -47,7 +47,7 @@
 }
 
 .flash.in {
-  background-color: #fcf8e3;
+  background-color: var(--alertBackgroundWarning);
 }
 
 .flash-heavy.in {

diff --git a/server/sonar-web/src/main/js/app/theme.js b/server/sonar-web/src/main/js/app/theme.js
index c44a6de914dc4475f65323c11860d67cd4c3232e..0d8a4685d9a416cf77e90cbacb74334d96e34ae6 100644 (file)
--- a/server/sonar-web/src/main/js/app/theme.js
+++ b/server/sonar-web/src/main/js/app/theme.js
@@ -71,7 +71,7 @@ module.exports = {
     snippetFontColor: '#f0f0f0',
 
     //issues
-    issueBgColor: '#ffeaea',
+    issueBgColor: '#f2dede',
     hotspotBgColor: '#eeeff4',
 
     // alerts

diff --git a/server/sonar-web/src/main/js/apps/overview/styles.css b/server/sonar-web/src/main/js/apps/overview/styles.css
index 7745bce4e329ce3cbc2b5963777b9067c3a42ca5..1acd134e8e0652a58c8f902b441afbbb2d850a70 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/styles.css
+++ b/server/sonar-web/src/main/js/apps/overview/styles.css
@@ -469,9 +469,9 @@
 .overview-deprecated-rules {
   margin: 4px -6px 4px;
   padding: 3px 6px !important;
-  border: 1px solid #ebccd1;
+  border: 1px solid var(--alertBorderError);
   border-radius: 3px;
-  background-color: #f2dede;
+  background-color: var(--alertBackgroundError);
 }
 
 /*

diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/styles.css b/server/sonar-web/src/main/js/apps/quality-profiles/styles.css
index cb1c722b995fd91b8bc168ad20140e6624457e47..7bf3e19b0cfe6290755a8658a0be001d58d43e81 100644 (file)
--- a/server/sonar-web/src/main/js/apps/quality-profiles/styles.css
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/styles.css
@@ -65,13 +65,13 @@
 .quality-profile-rules-deprecated {
   margin-top: 20px;
   padding: 15px 20px;
-  background-color: #f2dede;
+  background-color: var(--alertBackgroundError);
 }
 
 .quality-profile-rules-sonarway-missing {
   margin-top: 20px;
   padding: 15px 20px;
-  background-color: #fcf8e3;
+  background-color: var(--alertBackgroundWarning);
 }
 
 .quality-profile-not-found {
@@ -84,13 +84,13 @@
 }
 
 .quality-profiles-evolution-deprecated {
-  border-color: #ebccd1;
-  background-color: #f2dede;
+  border-color: var(--alertBorderError);
+  background-color: var(--alertBackgroundError);
 }
 
 .quality-profiles-evolution-stagnant {
-  border-color: #faebcc;
-  background-color: #fcf8e3;
+  border-color: var(--alertBorderWarning);
+  background-color: var(--alertBackgroundWarning);
 }
 
 .quality-profile-comparison-table {

diff --git a/server/sonar-web/src/main/js/apps/settings/styles.css b/server/sonar-web/src/main/js/apps/settings/styles.css
index 37198351c10fa40558e335e6fc27f5fef50f00d5..fa11b7baf613cead59ffd0a6c45fac7ad825863f 100644 (file)
--- a/server/sonar-web/src/main/js/apps/settings/styles.css
+++ b/server/sonar-web/src/main/js/apps/settings/styles.css
@@ -35,9 +35,9 @@
 }
 
 .settings-definition-changed {
-  border-top: 1px solid #faebcc;
-  border-bottom: 1px solid #faebcc;
-  background-color: #fcf8e3;
+  border-top: 1px solid var(--alertBorderWarning);
+  border-bottom: 1px solid var(--alertBorderWarning);
+  background-color: var(--alertBackgroundWarning);
 }
 
 .settings-definition-left {