SONAR-12505 More consistent color for issue boxes and highlight

6 files changed, 15 insertions, 15 deletions

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 de6d453ef1b..e96cadffe86 100644
--- 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 03be11a0d01..258cccbb588 100644
--- 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 c44a6de914d..0d8a4685d9a 100644
--- 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 7745bce4e32..1acd134e8e0 100644
--- 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 cb1c722b995..7bf3e19b0cf 100644
--- 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 37198351c10..fa11b7baf61 100644
--- 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 {