adjust colors after system-status removal

mmurawski-dn · mmurawski-dn · commit 9faf1c443204 · 2026-04-15T10:34:33.000+02:00
diff --git a/packages/design-system/src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.module.scss b/packages/design-system/src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.module.scss
@@ -9,7 +9,7 @@ $color-secondary-default: var(--action-cta3);
 $color-secondary-hover: var(--neutral-4);
 $color-secondary-disabled: var(--action-disabled);
 
-$color-error-default: var(--system-status-error);
+$color-error-default: var(--background-background-negative);
 $color-error-hover: var(--utility-error);
 $color-error-active: var(--utility-error);
 $color-error-disabled: var(--action-disabled);
diff --git a/packages/design-system/src/components/ds-table/stories/components/progress-infographic/progress-infographic.module.scss b/packages/design-system/src/components/ds-table/stories/components/progress-infographic/progress-infographic.module.scss
@@ -1,3 +1,5 @@
+@use '../../../../../styles/root_updated';
+
 .progressInfographic {
 	width: 100%;
 	height: 20px;
@@ -17,15 +19,15 @@
 		transition: width 0.3s ease-in-out;
 
 		&--low {
-			background-color: var(--system-status-error);
+			background-color: var(--background-background-negative);
 		}
 
 		&--medium {
-			background-color: var(--system-status-info);
+			background-color: var(--background-background-info-strong);
 		}
 
 		&--high {
-			background-color: var(--system-status-ok);
+			background-color: var(--background-background-positive-strong);
 		}
 	}
 }
diff --git a/packages/design-system/src/components/ds-table/stories/ds-table.stories.module.scss b/packages/design-system/src/components/ds-table/stories/ds-table.stories.module.scss
@@ -20,15 +20,15 @@
 	color: var(--white);
 
 	&--single {
-		background-color: var(--system-status-ok);
+		background-color: var(--background-background-positive-strong);
 	}
 
 	&--relationship {
-		background-color: var(--system-status-info);
+		background-color: var(--background-background-info-strong);
 	}
 
 	&--complicated {
-		background-color: var(--system-status-error);
+		background-color: var(--background-background-negative);
 	}
 }
 
@@ -328,5 +328,5 @@
 }
 
 .destructiveAction {
-	color: var(--system-status-error);
+	color: var(--background-background-negative);
 }
diff --git a/packages/design-system/src/styles/_colors.scss b/packages/design-system/src/styles/_colors.scss
@@ -27,10 +27,6 @@ $colors: (
 	action-active-light: #c7d8ff,
 	action-hover-light: #e0eaff,
 	action-disabled: #b0b4bf,
-	// System Status
-	system-status-ok: #067a00,
-	system-status-info: #005dcf,
-	system-status-error: #d70a00,
 	// Utility
 	utility-ok: #d6f5cf,
 	utility-info: #c4dcff,

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use '../../../../../styles/root_updated';`
	`2`	`+`
`1`	`3`	`.progressInfographic {`
`2`	`4`	`width: 100%;`
`3`	`5`	`height: 20px;`
`@@ -17,15 +19,15 @@`
`17`	`19`	`transition: width 0.3s ease-in-out;`
`18`	`20`
`19`	`21`	`&--low {`
`20`		`- background-color: var(--system-status-error);`
	`22`	`+ background-color: var(--background-background-negative);`
`21`	`23`	`}`
`22`	`24`
`23`	`25`	`&--medium {`
`24`		`- background-color: var(--system-status-info);`
	`26`	`+ background-color: var(--background-background-info-strong);`
`25`	`27`	`}`
`26`	`28`
`27`	`29`	`&--high {`
`28`		`- background-color: var(--system-status-ok);`
	`30`	`+ background-color: var(--background-background-positive-strong);`
`29`	`31`	`}`
`30`	`32`	`}`
`31`	`33`	`}`
Original file line number	Diff line number	Diff line change
`@@ -20,15 +20,15 @@`
`20`	`20`	`color: var(--white);`
`21`	`21`
`22`	`22`	`&--single {`
`23`		`- background-color: var(--system-status-ok);`
	`23`	`+ background-color: var(--background-background-positive-strong);`
`24`	`24`	`}`
`25`	`25`
`26`	`26`	`&--relationship {`
`27`		`- background-color: var(--system-status-info);`
	`27`	`+ background-color: var(--background-background-info-strong);`
`28`	`28`	`}`
`29`	`29`
`30`	`30`	`&--complicated {`
`31`		`- background-color: var(--system-status-error);`
	`31`	`+ background-color: var(--background-background-negative);`
`32`	`32`	`}`
`33`	`33`	`}`
`34`	`34`
`@@ -328,5 +328,5 @@`
`328`	`328`	`}`
`329`	`329`
`330`	`330`	`.destructiveAction {`
`331`		`- color: var(--system-status-error);`
	`331`	`+ color: var(--background-background-negative);`
`332`	`332`	`}`