chore: Update GenAI gradients (#3361)

Author: at-susie

src/__integ__/__snapshots__/themes.test.ts.snap

@@ -44,7 +44,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] =
   "border-width-field": "1px",
   "border-width-popover": "1px",
   "color-background-avatar-default": "#545b64",
-  "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
+  "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top right, #b8e7ff 0%, #0099ff 25%, #5c7fff 40% , #8575ff 60%, #962eff 80%)",
   "color-background-badge-icon": "#d13212",
   "color-background-button-link-active": "#eaeded",
   "color-background-button-link-hover": "#fafafa",
@@ -94,7 +94,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] =
   "color-background-layout-toggle-selected-active": "#0073bb",
   "color-background-layout-toggle-selected-default": "#0073bb",
   "color-background-layout-toggle-selected-hover": "#0a4a74",
-  "color-background-loading-bar-gen-ai": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)",
+  "color-background-loading-bar-gen-ai": "linear-gradient(90deg, #b8e7ff 0%, #0099ff 10%, #5c7fff 24%, #8575ff 50%, #962eff 76%, #0099ff 90%, #b8e7ff 100%)",
   "color-background-modal-overlay": "rgba(242, 243, 243, 0.9)",
   "color-background-notification-blue": "#0073bb",
   "color-background-notification-green": "#1d8102",
@@ -709,7 +709,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = `
   "border-width-field": "1px",
   "border-width-popover": "1px",
   "color-background-avatar-default": "#545b64",
-  "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
+  "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top right, #b8e7ff 0%, #0099ff 25%, #5c7fff 40% , #8575ff 60%, #962eff 80%)",
   "color-background-badge-icon": "#ff5d64",
   "color-background-button-link-active": "#16191f",
   "color-background-button-link-hover": "#21252c",
@@ -759,7 +759,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = `
   "color-background-layout-toggle-selected-active": "#00a1c9",
   "color-background-layout-toggle-selected-default": "#44b9d6",
   "color-background-layout-toggle-selected-hover": "#44b9d6",
-  "color-background-loading-bar-gen-ai": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)",
+  "color-background-loading-bar-gen-ai": "linear-gradient(90deg, #b8e7ff 0%, #0099ff 10%, #5c7fff 24%, #8575ff 50%, #962eff 76%, #0099ff 90%, #b8e7ff 100%)",
   "color-background-modal-overlay": "rgba(22, 25, 31, 0.8)",
   "color-background-notification-blue": "#0073bb",
   "color-background-notification-green": "#1d8102",
@@ -1374,7 +1374,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = `
   "border-width-field": "1px",
   "border-width-popover": "1px",
   "color-background-avatar-default": "#545b64",
-  "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
+  "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top right, #b8e7ff 0%, #0099ff 25%, #5c7fff 40% , #8575ff 60%, #962eff 80%)",
   "color-background-badge-icon": "#d13212",
   "color-background-button-link-active": "#eaeded",
   "color-background-button-link-hover": "#fafafa",
@@ -1424,7 +1424,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = `
   "color-background-layout-toggle-selected-active": "#0073bb",
   "color-background-layout-toggle-selected-default": "#0073bb",
   "color-background-layout-toggle-selected-hover": "#0a4a74",
-  "color-background-loading-bar-gen-ai": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)",
+  "color-background-loading-bar-gen-ai": "linear-gradient(90deg, #b8e7ff 0%, #0099ff 10%, #5c7fff 24%, #8575ff 50%, #962eff 76%, #0099ff 90%, #b8e7ff 100%)",
   "color-background-modal-overlay": "rgba(242, 243, 243, 0.9)",
   "color-background-notification-blue": "#0073bb",
   "color-background-notification-green": "#1d8102",
@@ -2039,7 +2039,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion"
   "border-width-field": "1px",
   "border-width-popover": "1px",
   "color-background-avatar-default": "#545b64",
-  "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
+  "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top right, #b8e7ff 0%, #0099ff 25%, #5c7fff 40% , #8575ff 60%, #962eff 80%)",
   "color-background-badge-icon": "#d13212",
   "color-background-button-link-active": "#eaeded",
   "color-background-button-link-hover": "#fafafa",
@@ -2089,7 +2089,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion"
   "color-background-layout-toggle-selected-active": "#0073bb",
   "color-background-layout-toggle-selected-default": "#0073bb",
   "color-background-layout-toggle-selected-hover": "#0a4a74",
-  "color-background-loading-bar-gen-ai": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)",
+  "color-background-loading-bar-gen-ai": "linear-gradient(90deg, #b8e7ff 0%, #0099ff 10%, #5c7fff 24%, #8575ff 50%, #962eff 76%, #0099ff 90%, #b8e7ff 100%)",
   "color-background-modal-overlay": "rgba(242, 243, 243, 0.9)",
   "color-background-notification-blue": "#0073bb",
   "color-background-notification-green": "#1d8102",
@@ -2704,7 +2704,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh"
   "border-width-field": "2px",
   "border-width-popover": "2px",
   "color-background-avatar-default": "#424650",
-  "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
+  "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top right, #b8e7ff 0%, #0099ff 25%, #5c7fff 40% , #8575ff 60%, #962eff 80%)",
   "color-background-badge-icon": "#db0000",
   "color-background-button-link-active": "#d1f1ff",
   "color-background-button-link-hover": "#f0fbff",
@@ -2754,7 +2754,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh"
   "color-background-layout-toggle-selected-active": "#006ce0",
   "color-background-layout-toggle-selected-default": "#006ce0",
   "color-background-layout-toggle-selected-hover": "#004a9e",
-  "color-background-loading-bar-gen-ai": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)",
+  "color-background-loading-bar-gen-ai": "linear-gradient(90deg, #b8e7ff 0%, #0099ff 10%, #5c7fff 24%, #8575ff 50%, #962eff 76%, #0099ff 90%, #b8e7ff 100%)",
   "color-background-modal-overlay": "rgba(35, 43, 55, 0.7)",
   "color-background-notification-blue": "#006ce0",
   "color-background-notification-green": "#00802f",
@@ -3369,7 +3369,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "border-width-field": "2px",
   "border-width-popover": "2px",
   "color-background-avatar-default": "#424650",
-  "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
+  "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top right, #b8e7ff 0%, #0099ff 25%, #5c7fff 40% , #8575ff 60%, #962eff 80%)",
   "color-background-badge-icon": "#db0000",
   "color-background-button-link-active": "#d1f1ff",
   "color-background-button-link-hover": "#f0fbff",
@@ -3419,7 +3419,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-background-layout-toggle-selected-active": "#006ce0",
   "color-background-layout-toggle-selected-default": "#006ce0",
   "color-background-layout-toggle-selected-hover": "#004a9e",
-  "color-background-loading-bar-gen-ai": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)",
+  "color-background-loading-bar-gen-ai": "linear-gradient(90deg, #b8e7ff 0%, #0099ff 10%, #5c7fff 24%, #8575ff 50%, #962eff 76%, #0099ff 90%, #b8e7ff 100%)",
   "color-background-modal-overlay": "rgba(35, 43, 55, 0.7)",
   "color-background-notification-blue": "#006ce0",
   "color-background-notification-green": "#00802f",
@@ -4034,7 +4034,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "border-width-field": "2px",
   "border-width-popover": "2px",
   "color-background-avatar-default": "#424650",
-  "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
+  "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top right, #b8e7ff 0%, #0099ff 25%, #5c7fff 40% , #8575ff 60%, #962eff 80%)",
   "color-background-badge-icon": "#ff7a7a",
   "color-background-button-link-active": "#333843",
   "color-background-button-link-hover": "#1b232d",
@@ -4084,7 +4084,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-background-layout-toggle-selected-active": "#42b4ff",
   "color-background-layout-toggle-selected-default": "#42b4ff",
   "color-background-layout-toggle-selected-hover": "#75cfff",
-  "color-background-loading-bar-gen-ai": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)",
+  "color-background-loading-bar-gen-ai": "linear-gradient(90deg, #b8e7ff 0%, #0099ff 10%, #5c7fff 24%, #8575ff 50%, #962eff 76%, #0099ff 90%, #b8e7ff 100%)",
   "color-background-modal-overlay": "rgba(15, 20, 26, 0.7)",
   "color-background-notification-blue": "#006ce0",
   "color-background-notification-green": "#00802f",
@@ -4699,7 +4699,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "border-width-field": "2px",
   "border-width-popover": "2px",
   "color-background-avatar-default": "#424650",
-  "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)",
+  "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top right, #b8e7ff 0%, #0099ff 25%, #5c7fff 40% , #8575ff 60%, #962eff 80%)",
   "color-background-badge-icon": "#ff7a7a",
   "color-background-button-link-active": "#333843",
   "color-background-button-link-hover": "#1b232d",
@@ -4749,7 +4749,7 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh-
   "color-background-layout-toggle-selected-active": "#42b4ff",
   "color-background-layout-toggle-selected-default": "#42b4ff",
   "color-background-layout-toggle-selected-hover": "#75cfff",
-  "color-background-loading-bar-gen-ai": "linear-gradient(90deg, #99f7ff 0%, #0096fa 10%, #bf80ff 24%, #7300e5 50%, #bf80ff 76%, #0096fa 90%, #99f7ff 100%)",
+  "color-background-loading-bar-gen-ai": "linear-gradient(90deg, #b8e7ff 0%, #0099ff 10%, #5c7fff 24%, #8575ff 50%, #962eff 76%, #0099ff 90%, #b8e7ff 100%)",
   "color-background-modal-overlay": "rgba(15, 20, 26, 0.7)",
   "color-background-notification-blue": "#006ce0",
   "color-background-notification-green": "#00802f",