chore: Update incoming chat bubble background color design token (#3015)

cloudscape-design · Nov 15, 2024 · d8a1a65 · d8a1a65
1 parent 5343b83
commit d8a1a65
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 8 deletions.
diff --git a/src/__integ__/__snapshots__/themes.test.ts.snap b/src/__integ__/__snapshots__/themes.test.ts.snap
@@ -2684,7 +2684,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh"
   "color-background-button-primary-hover": "#002b66",
   "color-background-calendar-current-date": "#f3f3f7",
   "color-background-cell-shaded": "#f6f6f9",
-  "color-background-chat-bubble-incoming": "#f3f3f7",
+  "color-background-chat-bubble-incoming": "#f6f6f9",
   "color-background-chat-bubble-outgoing": "transparent",
   "color-background-code-editor-gutter-active-line-default": "#656871",
   "color-background-code-editor-gutter-active-line-error": "#db0000",
@@ -3341,7 +3341,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-background-button-primary-hover": "#002b66",
   "color-background-calendar-current-date": "#f3f3f7",
   "color-background-cell-shaded": "#f6f6f9",
-  "color-background-chat-bubble-incoming": "#f3f3f7",
+  "color-background-chat-bubble-incoming": "#f6f6f9",
   "color-background-chat-bubble-outgoing": "transparent",
   "color-background-code-editor-gutter-active-line-default": "#656871",
   "color-background-code-editor-gutter-active-line-error": "#db0000",

diff --git a/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap b/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap
@@ -17232,7 +17232,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
           "$description": "The background color of \`incoming\` chat bubble.",
           "$value": {
             "dark": "#0f141a",
-            "light": "#f3f3f7",
+            "light": "#f6f6f9",
           },
         },
         "color-background-chat-bubble-outgoing": {
@@ -22110,7 +22110,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
           "$description": "The background color of \`incoming\` chat bubble.",
           "$value": {
             "dark": "#0f141a",
-            "light": "#f3f3f7",
+            "light": "#f6f6f9",
           },
         },
         "color-background-chat-bubble-outgoing": {
@@ -24549,7 +24549,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
           "$description": "The background color of \`incoming\` chat bubble.",
           "$value": {
             "dark": "#0f141a",
-            "light": "#f3f3f7",
+            "light": "#f6f6f9",
           },
         },
         "color-background-chat-bubble-outgoing": {
@@ -26988,7 +26988,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
           "$description": "The background color of \`incoming\` chat bubble.",
           "$value": {
             "dark": "#0f141a",
-            "light": "#f3f3f7",
+            "light": "#f6f6f9",
           },
         },
         "color-background-chat-bubble-outgoing": {
@@ -34305,7 +34305,7 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t
       "$description": "The background color of \`incoming\` chat bubble.",
       "$value": {
         "dark": "#0f141a",
-        "light": "#f3f3f7",
+        "light": "#f6f6f9",
       },
     },
     "color-background-chat-bubble-outgoing": {

diff --git a/style-dictionary/classic/colors.ts b/style-dictionary/classic/colors.ts
@@ -46,6 +46,7 @@ const tokens: StyleDictionary.ColorsDictionary = {
   colorBackgroundSegmentHover: '{colorBackgroundButtonNormalDefault}',
   colorBackgroundTilesDisabled: { dark: '{colorGrey700}' },
   colorBackgroundToggleCheckedDisabled: { dark: '{colorBlue700}' },
+  colorBackgroundChatBubbleIncoming: { light: '{colorGrey150}', dark: '{colorGrey900}' },
   colorBorderButtonNormalActive: '{colorBorderButtonNormalDefault}',
   colorBorderButtonNormalDefault: { light: '{colorGrey600}', dark: '{colorGrey500}' },
   colorBorderToggleButtonNormalPressed: { light: '{colorGrey600}', dark: '{colorGrey500}' },

diff --git a/style-dictionary/visual-refresh/colors.ts b/style-dictionary/visual-refresh/colors.ts
@@ -97,7 +97,7 @@ const tokens: StyleDictionary.ColorsDictionary = {
   colorBackgroundLoadingBarGenAi:
     'linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)',
   colorBackgroundChatBubbleOutgoing: 'transparent',
-  colorBackgroundChatBubbleIncoming: { light: '{colorGrey150}', dark: '{colorGrey900}' },
+  colorBackgroundChatBubbleIncoming: { light: '{colorGrey125}', dark: '{colorGrey900}' },
   colorTextChatBubbleOutgoing: '{colorTextBodyDefault}',
   colorTextChatBubbleIncoming: '{colorTextBodyDefault}',
   colorBorderButtonNormalActive: { light: '{colorBlue800}', dark: '{colorBlue400}' },