Update status component: new color and shape of indicator (#811)

Co-authored-by: Wojciech Adaszynski <wojciecha@spotify.com>

packages/theme/src/themes.ts

@@ -23,11 +23,12 @@ export const lightTheme = createTheme({
     default: '#F8F8F8',
   },
   status: {
-    ok: '#1db855',
-    warning: '#f49b20',
-    error: '#CA001B',
-    running: '#BEBEBE',
-    pending: '#5BC0DE',
+    ok: '#1DB954',
+    warning: '#FF9800',
+    error: '#E22134',
+    running: '#2E77D0',
+    pending: '#FFED51',
+    aborted: '#757575',
     background: '#F8F8F8',
   },
   bursts: {
@@ -63,12 +64,13 @@ export const darkTheme = createTheme({
     default: '#333333',
   },
   status: {
-    ok: '#1db855',
-    warning: '#f49b20',
-    error: '#CA001B',
-    running: '#BEBEBE',
-    pending: '#5BC0DE',
-    background: '#282828',
+    ok: '#1DB954',
+    warning: '#FF9800',
+    error: '#E22134',
+    running: '#2E77D0',
+    pending: '#FFED51',
+    aborted: '#757575',
+    background: '#F8F8F8',
   },
   bursts: {
     fontColor: '#FEFEFE',

packages/theme/src/types.ts

@@ -27,6 +27,7 @@ type PaletteAdditions = {
     error: string;
     pending: string;
     running: string;
+    aborted: string;
     background: string;
   };
   border: string;