adapt styles to new severities

src/pages/index.tsx

@@ -22,11 +22,11 @@ function statusIcon(state: State): ReactElement {
 
 function statusStyle(state: State) {
   if (state === State.Outage) {
-    return styles.down
+    return styles.outage
   } else if (state === State.Degraded) {
-    return styles.warning
+    return styles.degraded
   } else {
-    return styles.up
+    return styles.normal
   }
 }
 

src/styles/Home.module.css

@@ -102,11 +102,11 @@
   stroke: var(--color-primary);
 }
 
-.warning {
+.degraded {
   border-color: var(--brand-alert-yellow);
 }
 
-.down {
+.outage {
   border-color: var(--brand-alert-red);
 }
 
@@ -147,11 +147,11 @@
   list-style-position: outside;
 }
 
-.warning .messages {
+.degraded .messages {
   color: var(--brand-alert-orange);
 }
 
-.down .messages {
+.outage .messages {
   color: var(--brand-alert-red);
 }