aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--server/sonar-web/src/main/js/components/ui/CoverageRating.tsx4
-rw-r--r--server/sonar-web/src/main/js/components/ui/DuplicationsRating.css18
-rw-r--r--server/sonar-web/src/main/js/components/ui/__tests__/__snapshots__/CoverageRating-test.tsx.snap4
3 files changed, 13 insertions, 13 deletions
diff --git a/server/sonar-web/src/main/js/components/ui/CoverageRating.tsx b/server/sonar-web/src/main/js/components/ui/CoverageRating.tsx
index cad8dfba2f9..e928884c689 100644
--- a/server/sonar-web/src/main/js/components/ui/CoverageRating.tsx
+++ b/server/sonar-web/src/main/js/components/ui/CoverageRating.tsx
@@ -45,8 +45,8 @@ export default function CoverageRating({
if (value != null) {
const numberValue = Number(value);
data = [
- { value: numberValue, fill: muted ? colors.gray71 : colors.green },
- { value: FULL_PERCENT - numberValue, fill: muted ? 'transparent' : colors.lineCoverageRed }
+ { value: numberValue, fill: muted ? colors.gray71 : colors.success500 },
+ { value: FULL_PERCENT - numberValue, fill: muted ? 'transparent' : colors.error500 }
];
if (numberValue !== 0 && numberValue < FULL_PERCENT) {
padAngle = 0.1; // Same for all sizes, because it scales automatically
diff --git a/server/sonar-web/src/main/js/components/ui/DuplicationsRating.css b/server/sonar-web/src/main/js/components/ui/DuplicationsRating.css
index d5b24f7c8b1..1335b21ca15 100644
--- a/server/sonar-web/src/main/js/components/ui/DuplicationsRating.css
+++ b/server/sonar-web/src/main/js/components/ui/DuplicationsRating.css
@@ -63,7 +63,7 @@
}
.duplications-rating-A {
- border-color: var(--green);
+ border-color: var(--success500);
}
.duplications-rating-A:after {
@@ -71,13 +71,13 @@
}
.duplications-rating-B {
- border-color: var(--lightGreen);
+ border-color: var(--successVariant);
}
.duplications-rating-B:after {
width: 6px;
height: 6px;
- background-color: var(--lightGreen);
+ background-color: var(--successVariant);
}
.duplications-rating-small.duplications-rating-B:after {
@@ -96,13 +96,13 @@
}
.duplications-rating-C {
- border-color: var(--yellow);
+ border-color: var(--warningVariant);
}
.duplications-rating-C:after {
width: 8px;
height: 8px;
- background-color: var(--yellow);
+ background-color: var(--warningVariant);
}
.duplications-rating-small.duplications-rating-C:after {
@@ -121,13 +121,13 @@
}
.duplications-rating-D {
- border-color: var(--orange);
+ border-color: var(--warningAccent);
}
.duplications-rating-D:after {
width: var(--smallFontSize);
height: var(--smallFontSize);
- background-color: var(--orange);
+ background-color: var(--warningAccent);
}
.duplications-rating-small.duplications-rating-D:after {
@@ -146,13 +146,13 @@
}
.duplications-rating-E {
- border-color: var(--red);
+ border-color: var(--error500);
}
.duplications-rating-E:after {
width: 14px;
height: 14px;
- background-color: var(--red);
+ background-color: var(--error500);
}
.duplications-rating-small.duplications-rating-E:after {
diff --git a/server/sonar-web/src/main/js/components/ui/__tests__/__snapshots__/CoverageRating-test.tsx.snap b/server/sonar-web/src/main/js/components/ui/__tests__/__snapshots__/CoverageRating-test.tsx.snap
index e99f960c29e..1da133e8db5 100644
--- a/server/sonar-web/src/main/js/components/ui/__tests__/__snapshots__/CoverageRating-test.tsx.snap
+++ b/server/sonar-web/src/main/js/components/ui/__tests__/__snapshots__/CoverageRating-test.tsx.snap
@@ -5,11 +5,11 @@ exports[`should render correctly 1`] = `
data={
Array [
Object {
- "fill": "#00aa00",
+ "fill": "#008A25",
"value": 25,
},
Object {
- "fill": "#a4030f",
+ "fill": "#D02F3A",
"value": 75,
},
]