Use standardized colors instead of color codes

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 ?

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}
 		/>);
 }

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}
 		/>);
 }