diff --git a/react/features/base/ui/Tokens.ts b/react/features/base/ui/Tokens.ts
index 850ce85e9..1f0b81a25 100644
--- a/react/features/base/ui/Tokens.ts
+++ b/react/features/base/ui/Tokens.ts
@@ -73,6 +73,11 @@ export const colorMap = {
     ui03: 'surface04',
     ui04: 'surface05',
     ui05: 'surface06',
+    ui06: 'surface07',
+    ui07: 'surface08',
+    ui08: 'surface09',
+    ui09: 'surface10',
+    ui10: 'surface11',
 
     // ----- Actions -----
 
diff --git a/react/features/base/ui/types.ts b/react/features/base/ui/types.ts
index c2a7be47c..9203e1c1c 100644
--- a/react/features/base/ui/types.ts
+++ b/react/features/base/ui/types.ts
@@ -13,6 +13,11 @@ export interface Theme {
         ui03: string;
         ui04: string;
         ui05: string;
+        ui06: string;
+        ui07: string;
+        ui08: string;
+        ui09: string;
+        ui10: string;
         action01: string;
         action01Hover: string;
         action01Active: string;