[Color tokens] - Update avatars colors (#783)

Updating surface avatar color tokens for all themes
livechat · Sep 15, 2023 · 034da08 · 034da08
1 parent cde1098
commit 034da08
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 15 deletions.
diff --git a/packages/react-components/src/themes/dark.scss b/packages/react-components/src/themes/dark.scss
@@ -282,12 +282,12 @@ $surface-tertiary-hover: #43434b;
   --popover-background: #{$surface-secondary-default};
   --surface-avatar-1: #8609ff;
   --surface-avatar-2: #ca0005;
-  --surface-avatar-3: #e8bb00;
+  --surface-avatar-3: #328dff;
   --surface-avatar-4: #00893c;
-  --surface-avatar-5: #06f;
+  --surface-avatar-5: #9146ff;
   --surface-avatar-6: #ff5100;
-  --surface-avatar-7: #328dff;
+  --surface-avatar-7: #06f;
   --surface-avatar-8: #a372ff;
-  --surface-avatar-9: #ffd000;
-  --surface-avatar-10: #00c057;
+  --surface-avatar-9: #b08c00;
+  --surface-avatar-10: #00a449;
 }
diff --git a/packages/react-components/src/themes/legacy.scss b/packages/react-components/src/themes/legacy.scss
@@ -280,12 +280,12 @@ $surface-tertiary-hover: #d3dde3;
   --popover-background: #{$surface-primary-default};
   --surface-avatar-1: #8609ff;
   --surface-avatar-2: #ca0005;
-  --surface-avatar-3: #e8bb00;
+  --surface-avatar-3: #328dff;
   --surface-avatar-4: #00893c;
-  --surface-avatar-5: #06f;
+  --surface-avatar-5: #9146ff;
   --surface-avatar-6: #ff5100;
-  --surface-avatar-7: #328dff;
+  --surface-avatar-7: #06f;
   --surface-avatar-8: #a372ff;
-  --surface-avatar-9: #ffd000;
-  --surface-avatar-10: #00c057;
+  --surface-avatar-9: #b08c00;
+  --surface-avatar-10: #00a449;
 }
diff --git a/packages/react-components/src/themes/light.scss b/packages/react-components/src/themes/light.scss
@@ -278,12 +278,12 @@ $surface-tertiary-hover: #e4e4e5;
   --popover-background: #{$surface-primary-default};
   --surface-avatar-1: #8609ff;
   --surface-avatar-2: #ca0005;
-  --surface-avatar-3: #e8bb00;
+  --surface-avatar-3: #328dff;
   --surface-avatar-4: #00893c;
-  --surface-avatar-5: #06f;
+  --surface-avatar-5: #9146ff;
   --surface-avatar-6: #ff5100;
-  --surface-avatar-7: #328dff;
+  --surface-avatar-7: #06f;
   --surface-avatar-8: #a372ff;
-  --surface-avatar-9: #ffd000;
-  --surface-avatar-10: #00c057;
+  --surface-avatar-9: #b08c00;
+  --surface-avatar-10: #00a449;
 }