diff --git a/src/plugins/Accident.js b/src/plugins/Accident.js
index 93808e4..c4a168a 100644
--- a/src/plugins/Accident.js
+++ b/src/plugins/Accident.js
@@ -52,7 +52,7 @@ function Accident(props) {
 			{
 				time === 0 ?
 					<Aid color="plain" size="xlarge" />
-					:<Impact color="#D0C100" size="xlarge" />
+					:<Impact color="status-critical" size="xlarge" />
 			}
 			<Heading>{
 				time === 0 ?
diff --git a/src/plugins/PetMode.js b/src/plugins/PetMode.js
index 2645001..9adcef5 100644
--- a/src/plugins/PetMode.js
+++ b/src/plugins/PetMode.js
@@ -23,7 +23,7 @@ function PetMode(props) {
 		<GenericPageWithIcon
 			title={temp === null ? "Fetching temperature": `${temp}°C`}
 			description={`The temperature inside is ${temp}°C. The pet / child is ${temp > 35 ? "un": ""}safe.`}
-			icon={<Sun color={temp > 35 ? "#E30000": "plain"} size="xlarge" />}
+			icon={<Sun color={temp > 35 ? "status-critical": "plain"} size="xlarge" />}
 			close={props.close}
 		/>);
 }
diff --git a/src/plugins/Warning.js b/src/plugins/Warning.js
index cf466f5..2076b1c 100644
--- a/src/plugins/Warning.js
+++ b/src/plugins/Warning.js
@@ -8,7 +8,7 @@ function Warning(props) {
 		<GenericPageWithIcon
 			title={props.data.title}
 			description={props.data.description}
-			icon={<Alert color="#D0C100" size="xlarge" />}
+			icon={<Alert color="status-critical" size="xlarge" />}
 			close={props.close}
 		/>);
 }