feat(ui): add color to new status (#2734)

* feat(ui): add colour to new statuses. * add colors on delete selected modal --------- Co-authored-by: Luiz Pegoraro <[email protected]>
orb-community · Oct 9, 2023 · e475f4b · e475f4b
1 parent c2c9266
commit e475f4b
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 2 deletions.
diff --git a/ui/src/app/pages/sinks/list/sink.list.component.scss b/ui/src/app/pages/sinks/list/sink.list.component.scss
@@ -151,6 +151,15 @@ tr div p {
   &idle {
     color: #f2994a;
   }
+  &provisioning {
+    color: #3089fc;
+  }
+  &provioning_error {
+    color: #df316f;
+  }
+  &warning {
+    color: #f2c94c;
+  }
 }
 
 span {

diff --git a/ui/src/app/pages/sinks/view/sink.view.component.scss b/ui/src/app/pages/sinks/view/sink.view.component.scss
@@ -119,6 +119,15 @@ h4 {
   &idle {
     color: #f2994a;
   }
+  &provisioning {
+    color: #3089fc;
+  }
+  &provioning_error {
+    color: #df316f;
+  }
+  &warning {
+    color: #f2c94c;
+  }
 }
 
 .last-update {

diff --git a/ui/src/app/shared/components/delete/delete.selected.component.scss b/ui/src/app/shared/components/delete/delete.selected.component.scss
@@ -59,14 +59,17 @@ nb-card {
     &stale, &none, &not, &idle {
       color: #f2994a;
     }
-    &error, &failure {
+    &error, &failure, &provioning_error {
       color: #df316f;
     }
     &offline {
       color: #969fb9;
     }
+    &provisioning {
+      color: #3089fc;
+    }
     &warning {
-      color: #f2dc4a;
+      color: #f2c94c;
     }
   }
   .element-list {