feat(tokens) Added more colors to theme (#10381)

react/features/base/ui/Tokens.js

@@ -40,7 +40,17 @@ export const colors = {
 
     warning05: '#F8AE1A',
     warning06: '#ED9E1B',
-    warning07: '#D77976'
+    warning07: '#D77976',
+
+    support01: '#FF9B42',
+    support02: '#F96E57',
+    support03: '#DF486F',
+    support04: '#B23683',
+    support05: '#73348C',
+    support06: '#6A50D3',
+    support07: '#4380E2',
+    support08: '#00A8B3',
+    support09: '#2AA076'
 };
 
 // Mapping between the token used and the color
@@ -233,7 +243,20 @@ export const colorMap = {
     warning02: 'warning06',
 
     // Color for insecure room
-    warning03: 'warning07'
+    warning03: 'warning07',
+
+    // Backgrounds for avatars
+    support01: 'support01',
+    support02: 'support02',
+    support03: 'support03',
+    support04: 'support04',
+    support05: 'support05',
+    support06: 'support06',
+    support08: 'support08',
+    support09: 'support09',
+
+    // Used for avatars and raise hand badge
+    support07: 'support07'
 };
 
 

resources/custom-theme/custom-theme.json

@@ -68,7 +68,16 @@
       "success01": "#1EC26A",
       "success02": "#1EC26A",
       "warning01": "#F8AE1A",
-      "warning02": "#ED9E1B"
+      "warning02": "#ED9E1B",
+      "support01": "#FF9B42",
+      "support02": "#F96E57",
+      "support03": "#DF486F",
+      "support04": "#B23683",
+      "support05": "#73348C",
+      "support06": "#6A50D3",
+      "support07": "#4380E2",
+      "support08": "#00A8B3",
+      "support09": "#2AA076"
    },
    "typography": {
       "font": {