Browse Source

chore: remove underscore in util class name and css variable (#6221)

Joel 9 months ago
parent
commit
f46792334c
3 changed files with 500 additions and 501 deletions
  1. 167 167
      web/themes/dark.css
  2. 167 167
      web/themes/light.css
  3. 166 167
      web/themes/tailwind-theme-var-define.ts

+ 167 - 167
web/themes/dark.css

@@ -174,7 +174,7 @@ html[data-theme="dark"] {
   --color-components-badge-status-light-success-halo: #17B26A4D;
 
   --color-components-badge-status-light-border-outer: #222225;
-  --color-components-badge-status-light-_high-light: #FFFFFF4D;
+  --color-components-badge-status-light-high-light: #FFFFFF4D;
   --color-components-badge-status-light-warning-bg: #F79009;
   --color-components-badge-status-light-warning-border-inner: #FDB022;
   --color-components-badge-status-light-warning-halo: #F790094D;
@@ -249,7 +249,7 @@ html[data-theme="dark"] {
   --color-text-accent-secondary: #84ABFF;
   --color-text-accent-light-mode-only: #D9D9DE;
   --color-text-text-selected: #155AEF4D;
-  --color-text-_secondary-on-surface: #FFFFFFE5;
+  --color-text-secondary-on-surface: #FFFFFFE5;
   --color-text-logo-text: #E9E9EC;
   --color-text-empty-state-icon: #C8CEDA4D;
 
@@ -298,12 +298,12 @@ html[data-theme="dark"] {
   --color-shadow-shadow-2: #00000014;
   --color-shadow-shadow-10: #00000066;
 
-  --color-workflow-block-_border: #FFFFFF14;
-  --color-workflow-block-_panel-bg: #27272B;
+  --color-workflow-block-border: #FFFFFF14;
+  --color-workflow-block-panel-bg: #27272B;
   --color-workflow-block-border: #FFFFFF14;
   --color-workflow-block-parma-bg: #FFFFFF0D;
-  --color-workflow-block-_nav-bg: #1D1D20;
-  --color-workflow-block-_nav-border-right: #FFFFFF0D;
+  --color-workflow-block-nav-bg: #1D1D20;
+  --color-workflow-block-nav-border-right: #FFFFFF0D;
   --color-workflow-block-bg: #27272B;
 
   --color-workflow-canvas-workflow-dot-color: #8585AD26;
@@ -395,167 +395,167 @@ html[data-theme="dark"] {
   --color-effects-highlight-lightmode-off: #C8CEDA14;
   --color-effects-image-frame: #FFFFFF;
 
-  --color-_util-colors-orange-dark-orange-dark-50: #57130A;
-  --color-_util-colors-orange-dark-orange-dark-100: #771A0D;
-  --color-_util-colors-orange-dark-orange-dark-200: #97180C;
-  --color-_util-colors-orange-dark-orange-dark-300: #BC1B06;
-  --color-_util-colors-orange-dark-orange-dark-400: #E62E05;
-  --color-_util-colors-orange-dark-orange-dark-500: #FF4405;
-  --color-_util-colors-orange-dark-orange-dark-600: #FF692E;
-  --color-_util-colors-orange-dark-orange-dark-700: #FF9C66;
-
-  --color-_util-colors-orange-orange-50: #511C10;
-  --color-_util-colors-orange-orange-100: #772917;
-  --color-_util-colors-orange-orange-200: #932F19;
-  --color-_util-colors-orange-orange-300: #B93815;
-  --color-_util-colors-orange-orange-400: #E04F16;
-  --color-_util-colors-orange-orange-500: #EF6820;
-  --color-_util-colors-orange-orange-600: #F38744;
-  --color-_util-colors-orange-orange-700: #F7B27A;
-
-  --color-_util-colors-pink-pink-50: #4E0D30;
-  --color-_util-colors-pink-pink-100: #851651;
-  --color-_util-colors-pink-pink-200: #9E165F;
-  --color-_util-colors-pink-pink-300: #C11574;
-  --color-_util-colors-pink-pink-400: #DD2590;
-  --color-_util-colors-pink-pink-500: #EE46BC;
-  --color-_util-colors-pink-pink-600: #F670C7;
-  --color-_util-colors-pink-pink-700: #FAA7E0;
-
-  --color-_util-colors-fuchsia-fuchsia-50: #47104C;
-  --color-_util-colors-fuchsia-fuchsia-100: #6F1877;
-  --color-_util-colors-fuchsia-fuchsia-200: #821890;
-  --color-_util-colors-fuchsia-fuchsia-300: #9F1AB1;
-  --color-_util-colors-fuchsia-fuchsia-400: #BA24D5;
-  --color-_util-colors-fuchsia-fuchsia-500: #D444F1;
-  --color-_util-colors-fuchsia-fuchsia-600: #E478FA;
-  --color-_util-colors-fuchsia-fuchsia-700: #EEAAFD;
-
-  --color-_util-colors-purple-purple-50: #27115F;
-  --color-_util-colors-purple-purple-100: #3E1C96;
-  --color-_util-colors-purple-purple-200: #4A1FB8;
-  --color-_util-colors-purple-purple-300: #5925DC;
-  --color-_util-colors-purple-purple-400: #6938EF;
-  --color-_util-colors-purple-purple-500: #7A5AF8;
-  --color-_util-colors-purple-purple-600: #9B8AFB;
-  --color-_util-colors-purple-purple-700: #BDB4FE;
-
-  --color-_util-colors-indigo-indigo-50: #1F235B;
-  --color-_util-colors-indigo-indigo-100: #2D3282;
-  --color-_util-colors-indigo-indigo-200: #2D31A6;
-  --color-_util-colors-indigo-indigo-300: #3538CD;
-  --color-_util-colors-indigo-indigo-400: #444CE7;
-  --color-_util-colors-indigo-indigo-500: #6172F3;
-  --color-_util-colors-indigo-indigo-600: #8098F9;
-  --color-_util-colors-indigo-indigo-700: #A4BCFD;
-
-  --color-_util-colors-blue-blue-50: #102A56;
-  --color-_util-colors-blue-blue-100: #194185;
-  --color-_util-colors-blue-blue-200: #1849A9;
-  --color-_util-colors-blue-blue-300: #175CD3;
-  --color-_util-colors-blue-blue-400: #1570EF;
-  --color-_util-colors-blue-blue-500: #2E90FA;
-  --color-_util-colors-blue-blue-600: #53B1FD;
-  --color-_util-colors-blue-blue-700: #84CAFF;
-
-  --color-_util-colors-blue-light-blue-light-50: #062C41;
-  --color-_util-colors-blue-light-blue-light-100: #0B4A6F;
-  --color-_util-colors-blue-light-blue-light-200: #065986;
-  --color-_util-colors-blue-light-blue-light-300: #026AA2;
-  --color-_util-colors-blue-light-blue-light-400: #0086C9;
-  --color-_util-colors-blue-light-blue-light-500: #0BA5EC;
-  --color-_util-colors-blue-light-blue-light-600: #36BFFA;
-  --color-_util-colors-blue-light-blue-light-700: #7CD4FD;
-
-  --color-_util-colors-gray-blue-gray-blue-50: #0D0F1C;
-  --color-_util-colors-gray-blue-gray-blue-100: #101323;
-  --color-_util-colors-gray-blue-gray-blue-200: #293056;
-  --color-_util-colors-gray-blue-gray-blue-300: #363F72;
-  --color-_util-colors-gray-blue-gray-blue-400: #3E4784;
-  --color-_util-colors-gray-blue-gray-blue-500: #4E5BA6;
-  --color-_util-colors-gray-blue-gray-blue-600: #717BBC;
-  --color-_util-colors-gray-blue-gray-blue-700: #B3B8DB;
-
-  --color-_util-colors-blue-brand-blue-brand-50: #002066;
-  --color-_util-colors-blue-brand-blue-brand-100: #00329E;
-  --color-_util-colors-blue-brand-blue-brand-200: #003DC1;
-  --color-_util-colors-blue-brand-blue-brand-300: #004AEB;
-  --color-_util-colors-blue-brand-blue-brand-400: #155AEF;
-  --color-_util-colors-blue-brand-blue-brand-500: #296DFF;
-  --color-_util-colors-blue-brand-blue-brand-600: #5289FF;
-  --color-_util-colors-blue-brand-blue-brand-700: #84ABFF;
-
-  --color-_util-colors-red-red-50: #55160C;
-  --color-_util-colors-red-red-100: #7A271A;
-  --color-_util-colors-red-red-200: #912018;
-  --color-_util-colors-red-red-300: #B42318;
-  --color-_util-colors-red-red-400: #D92D20;
-  --color-_util-colors-red-red-500: #F04438;
-  --color-_util-colors-red-red-600: #F97066;
-  --color-_util-colors-red-red-700: #FDA29B;
-
-  --color-_util-colors-green-green-50: #053321;
-  --color-_util-colors-green-green-100: #074D31;
-  --color-_util-colors-green-green-200: #085D3A;
-  --color-_util-colors-green-green-300: #067647;
-  --color-_util-colors-green-green-400: #079455;
-  --color-_util-colors-green-green-500: #17B26A;
-  --color-_util-colors-green-green-600: #47CD89;
-  --color-_util-colors-green-green-700: #75E0A7;
-
-  --color-_util-colors-warning-warning-50: #4E1D09;
-  --color-_util-colors-warning-warning-100: #7A2E0E;
-  --color-_util-colors-warning-warning-200: #93370D;
-  --color-_util-colors-warning-warning-300: #B54708;
-  --color-_util-colors-warning-warning-400: #DC6803;
-  --color-_util-colors-warning-warning-500: #F79009;
-  --color-_util-colors-warning-warning-600: #FDB022;
-  --color-_util-colors-warning-warning-700: #FEC84B;
-
-  --color-_util-colors-yellow-yellow-50: #542C0D;
-  --color-_util-colors-yellow-yellow-100: #713B12;
-  --color-_util-colors-yellow-yellow-200: #854A0E;
-  --color-_util-colors-yellow-yellow-300: #A15C07;
-  --color-_util-colors-yellow-yellow-400: #CA8504;
-  --color-_util-colors-yellow-yellow-500: #EAAA08;
-  --color-_util-colors-yellow-yellow-600: #FAC515;
-  --color-_util-colors-yellow-yellow-700: #FDE272;
-
-  --color-_util-colors-teal-teal-50: #0A2926;
-  --color-_util-colors-teal-teal-100: #134E48;
-  --color-_util-colors-teal-teal-200: #125D56;
-  --color-_util-colors-teal-teal-300: #107569;
-  --color-_util-colors-teal-teal-400: #0E9384;
-  --color-_util-colors-teal-teal-500: #15B79E;
-  --color-_util-colors-teal-teal-600: #2ED3B7;
-  --color-_util-colors-teal-teal-700: #5FE9D0;
-
-  --color-_util-colors-cyan-cyan-50: #0D2D3A;
-  --color-_util-colors-cyan-cyan-100: #164C63;
-  --color-_util-colors-cyan-cyan-200: #155B75;
-  --color-_util-colors-cyan-cyan-300: #0E7090;
-  --color-_util-colors-cyan-cyan-400: #088AB2;
-  --color-_util-colors-cyan-cyan-500: #06AED4;
-  --color-_util-colors-cyan-cyan-600: #22CCEE;
-  --color-_util-colors-cyan-cyan-700: #67E3F9;
-
-  --color-_util-colors-violet-violet-50: #2E125E;
-  --color-_util-colors-violet-violet-100: #491C96;
-  --color-_util-colors-violet-violet-200: #5720B7;
-  --color-_util-colors-violet-violet-300: #6927DA;
-  --color-_util-colors-violet-violet-400: #7839EE;
-  --color-_util-colors-violet-violet-500: #875BF7;
-  --color-_util-colors-violet-violet-600: #A48AFB;
-  --color-_util-colors-violet-violet-700: #C3B5FD;
-
-  --color-_util-colors-gray-gray-50: #0C111C;
-  --color-_util-colors-gray-gray-100: #101828;
-  --color-_util-colors-gray-gray-200: #18222F;
-  --color-_util-colors-gray-gray-300: #354052;
-  --color-_util-colors-gray-gray-400: #495464;
-  --color-_util-colors-gray-gray-500: #676F83;
-  --color-_util-colors-gray-gray-600: #98A2B2;
-  --color-_util-colors-gray-gray-700: #D0D5DC;
+  --color-util-colors-orange-dark-orange-dark-50: #57130A;
+  --color-util-colors-orange-dark-orange-dark-100: #771A0D;
+  --color-util-colors-orange-dark-orange-dark-200: #97180C;
+  --color-util-colors-orange-dark-orange-dark-300: #BC1B06;
+  --color-util-colors-orange-dark-orange-dark-400: #E62E05;
+  --color-util-colors-orange-dark-orange-dark-500: #FF4405;
+  --color-util-colors-orange-dark-orange-dark-600: #FF692E;
+  --color-util-colors-orange-dark-orange-dark-700: #FF9C66;
+
+  --color-util-colors-orange-orange-50: #511C10;
+  --color-util-colors-orange-orange-100: #772917;
+  --color-util-colors-orange-orange-200: #932F19;
+  --color-util-colors-orange-orange-300: #B93815;
+  --color-util-colors-orange-orange-400: #E04F16;
+  --color-util-colors-orange-orange-500: #EF6820;
+  --color-util-colors-orange-orange-600: #F38744;
+  --color-util-colors-orange-orange-700: #F7B27A;
+
+  --color-util-colors-pink-pink-50: #4E0D30;
+  --color-util-colors-pink-pink-100: #851651;
+  --color-util-colors-pink-pink-200: #9E165F;
+  --color-util-colors-pink-pink-300: #C11574;
+  --color-util-colors-pink-pink-400: #DD2590;
+  --color-util-colors-pink-pink-500: #EE46BC;
+  --color-util-colors-pink-pink-600: #F670C7;
+  --color-util-colors-pink-pink-700: #FAA7E0;
+
+  --color-util-colors-fuchsia-fuchsia-50: #47104C;
+  --color-util-colors-fuchsia-fuchsia-100: #6F1877;
+  --color-util-colors-fuchsia-fuchsia-200: #821890;
+  --color-util-colors-fuchsia-fuchsia-300: #9F1AB1;
+  --color-util-colors-fuchsia-fuchsia-400: #BA24D5;
+  --color-util-colors-fuchsia-fuchsia-500: #D444F1;
+  --color-util-colors-fuchsia-fuchsia-600: #E478FA;
+  --color-util-colors-fuchsia-fuchsia-700: #EEAAFD;
+
+  --color-util-colors-purple-purple-50: #27115F;
+  --color-util-colors-purple-purple-100: #3E1C96;
+  --color-util-colors-purple-purple-200: #4A1FB8;
+  --color-util-colors-purple-purple-300: #5925DC;
+  --color-util-colors-purple-purple-400: #6938EF;
+  --color-util-colors-purple-purple-500: #7A5AF8;
+  --color-util-colors-purple-purple-600: #9B8AFB;
+  --color-util-colors-purple-purple-700: #BDB4FE;
+
+  --color-util-colors-indigo-indigo-50: #1F235B;
+  --color-util-colors-indigo-indigo-100: #2D3282;
+  --color-util-colors-indigo-indigo-200: #2D31A6;
+  --color-util-colors-indigo-indigo-300: #3538CD;
+  --color-util-colors-indigo-indigo-400: #444CE7;
+  --color-util-colors-indigo-indigo-500: #6172F3;
+  --color-util-colors-indigo-indigo-600: #8098F9;
+  --color-util-colors-indigo-indigo-700: #A4BCFD;
+
+  --color-util-colors-blue-blue-50: #102A56;
+  --color-util-colors-blue-blue-100: #194185;
+  --color-util-colors-blue-blue-200: #1849A9;
+  --color-util-colors-blue-blue-300: #175CD3;
+  --color-util-colors-blue-blue-400: #1570EF;
+  --color-util-colors-blue-blue-500: #2E90FA;
+  --color-util-colors-blue-blue-600: #53B1FD;
+  --color-util-colors-blue-blue-700: #84CAFF;
+
+  --color-util-colors-blue-light-blue-light-50: #062C41;
+  --color-util-colors-blue-light-blue-light-100: #0B4A6F;
+  --color-util-colors-blue-light-blue-light-200: #065986;
+  --color-util-colors-blue-light-blue-light-300: #026AA2;
+  --color-util-colors-blue-light-blue-light-400: #0086C9;
+  --color-util-colors-blue-light-blue-light-500: #0BA5EC;
+  --color-util-colors-blue-light-blue-light-600: #36BFFA;
+  --color-util-colors-blue-light-blue-light-700: #7CD4FD;
+
+  --color-util-colors-gray-blue-gray-blue-50: #0D0F1C;
+  --color-util-colors-gray-blue-gray-blue-100: #101323;
+  --color-util-colors-gray-blue-gray-blue-200: #293056;
+  --color-util-colors-gray-blue-gray-blue-300: #363F72;
+  --color-util-colors-gray-blue-gray-blue-400: #3E4784;
+  --color-util-colors-gray-blue-gray-blue-500: #4E5BA6;
+  --color-util-colors-gray-blue-gray-blue-600: #717BBC;
+  --color-util-colors-gray-blue-gray-blue-700: #B3B8DB;
+
+  --color-util-colors-blue-brand-blue-brand-50: #002066;
+  --color-util-colors-blue-brand-blue-brand-100: #00329E;
+  --color-util-colors-blue-brand-blue-brand-200: #003DC1;
+  --color-util-colors-blue-brand-blue-brand-300: #004AEB;
+  --color-util-colors-blue-brand-blue-brand-400: #155AEF;
+  --color-util-colors-blue-brand-blue-brand-500: #296DFF;
+  --color-util-colors-blue-brand-blue-brand-600: #5289FF;
+  --color-util-colors-blue-brand-blue-brand-700: #84ABFF;
+
+  --color-util-colors-red-red-50: #55160C;
+  --color-util-colors-red-red-100: #7A271A;
+  --color-util-colors-red-red-200: #912018;
+  --color-util-colors-red-red-300: #B42318;
+  --color-util-colors-red-red-400: #D92D20;
+  --color-util-colors-red-red-500: #F04438;
+  --color-util-colors-red-red-600: #F97066;
+  --color-util-colors-red-red-700: #FDA29B;
+
+  --color-util-colors-green-green-50: #053321;
+  --color-util-colors-green-green-100: #074D31;
+  --color-util-colors-green-green-200: #085D3A;
+  --color-util-colors-green-green-300: #067647;
+  --color-util-colors-green-green-400: #079455;
+  --color-util-colors-green-green-500: #17B26A;
+  --color-util-colors-green-green-600: #47CD89;
+  --color-util-colors-green-green-700: #75E0A7;
+
+  --color-util-colors-warning-warning-50: #4E1D09;
+  --color-util-colors-warning-warning-100: #7A2E0E;
+  --color-util-colors-warning-warning-200: #93370D;
+  --color-util-colors-warning-warning-300: #B54708;
+  --color-util-colors-warning-warning-400: #DC6803;
+  --color-util-colors-warning-warning-500: #F79009;
+  --color-util-colors-warning-warning-600: #FDB022;
+  --color-util-colors-warning-warning-700: #FEC84B;
+
+  --color-util-colors-yellow-yellow-50: #542C0D;
+  --color-util-colors-yellow-yellow-100: #713B12;
+  --color-util-colors-yellow-yellow-200: #854A0E;
+  --color-util-colors-yellow-yellow-300: #A15C07;
+  --color-util-colors-yellow-yellow-400: #CA8504;
+  --color-util-colors-yellow-yellow-500: #EAAA08;
+  --color-util-colors-yellow-yellow-600: #FAC515;
+  --color-util-colors-yellow-yellow-700: #FDE272;
+
+  --color-util-colors-teal-teal-50: #0A2926;
+  --color-util-colors-teal-teal-100: #134E48;
+  --color-util-colors-teal-teal-200: #125D56;
+  --color-util-colors-teal-teal-300: #107569;
+  --color-util-colors-teal-teal-400: #0E9384;
+  --color-util-colors-teal-teal-500: #15B79E;
+  --color-util-colors-teal-teal-600: #2ED3B7;
+  --color-util-colors-teal-teal-700: #5FE9D0;
+
+  --color-util-colors-cyan-cyan-50: #0D2D3A;
+  --color-util-colors-cyan-cyan-100: #164C63;
+  --color-util-colors-cyan-cyan-200: #155B75;
+  --color-util-colors-cyan-cyan-300: #0E7090;
+  --color-util-colors-cyan-cyan-400: #088AB2;
+  --color-util-colors-cyan-cyan-500: #06AED4;
+  --color-util-colors-cyan-cyan-600: #22CCEE;
+  --color-util-colors-cyan-cyan-700: #67E3F9;
+
+  --color-util-colors-violet-violet-50: #2E125E;
+  --color-util-colors-violet-violet-100: #491C96;
+  --color-util-colors-violet-violet-200: #5720B7;
+  --color-util-colors-violet-violet-300: #6927DA;
+  --color-util-colors-violet-violet-400: #7839EE;
+  --color-util-colors-violet-violet-500: #875BF7;
+  --color-util-colors-violet-violet-600: #A48AFB;
+  --color-util-colors-violet-violet-700: #C3B5FD;
+
+  --color-util-colors-gray-gray-50: #0C111C;
+  --color-util-colors-gray-gray-100: #101828;
+  --color-util-colors-gray-gray-200: #18222F;
+  --color-util-colors-gray-gray-300: #354052;
+  --color-util-colors-gray-gray-400: #495464;
+  --color-util-colors-gray-gray-500: #676F83;
+  --color-util-colors-gray-gray-600: #98A2B2;
+  --color-util-colors-gray-gray-700: #D0D5DC;
 
   --color-third-party-LangChain: #FFFFFF;
   --color-third-party-Langfuse: #FFFFFF;

+ 167 - 167
web/themes/light.css

@@ -174,7 +174,7 @@ html[data-theme="light"] {
   --color-components-badge-status-light-success-halo: #17B26A40;
 
   --color-components-badge-status-light-border-outer: #FFFFFF;
-  --color-components-badge-status-light-_high-light: #FFFFFF4D;
+  --color-components-badge-status-light-high-light: #FFFFFF4D;
   --color-components-badge-status-light-warning-bg: #FDB022;
   --color-components-badge-status-light-warning-border-inner: #F79009;
   --color-components-badge-status-light-warning-halo: #F7900940;
@@ -249,7 +249,7 @@ html[data-theme="light"] {
   --color-text-accent-secondary: #296DFF;
   --color-text-accent-light-mode-only: #155AEF;
   --color-text-text-selected: #155AEF24;
-  --color-text-_secondary-on-surface: #FFFFFFE5;
+  --color-text-secondary-on-surface: #FFFFFFE5;
   --color-text-logo-text: #18222F;
   --color-text-empty-state-icon: #D0D5DC;
 
@@ -298,12 +298,12 @@ html[data-theme="light"] {
   --color-shadow-shadow-2: #09090B0A;
   --color-shadow-shadow-10: #09090B0D;
 
-  --color-workflow-block-_border: #18181B14;
-  --color-workflow-block-_panel-bg: #FFFFFF;
+  --color-workflow-block-border: #18181B14;
+  --color-workflow-block-panel-bg: #FFFFFF;
   --color-workflow-block-border: #FFFFFF;
   --color-workflow-block-parma-bg: #F2F4F7;
-  --color-workflow-block-_nav-bg: #FFFFFF;
-  --color-workflow-block-_nav-border-right: #FFFFFF;
+  --color-workflow-block-nav-bg: #FFFFFF;
+  --color-workflow-block-nav-border-right: #FFFFFF;
   --color-workflow-block-bg: #FCFCFD;
 
   --color-workflow-canvas-workflow-dot-color: #8585AD26;
@@ -395,167 +395,167 @@ html[data-theme="light"] {
   --color-effects-highlight-lightmode-off: #FFFFFF00;
   --color-effects-image-frame: #FFFFFF;
 
-  --color-_util-colors-orange-dark-orange-dark-50: #FFF4ED;
-  --color-_util-colors-orange-dark-orange-dark-100: #FFE6D5;
-  --color-_util-colors-orange-dark-orange-dark-200: #FFD6AE;
-  --color-_util-colors-orange-dark-orange-dark-300: #FF9C66;
-  --color-_util-colors-orange-dark-orange-dark-400: #FF692E;
-  --color-_util-colors-orange-dark-orange-dark-500: #FF4405;
-  --color-_util-colors-orange-dark-orange-dark-600: #E62E05;
-  --color-_util-colors-orange-dark-orange-dark-700: #BC1B06;
-
-  --color-_util-colors-orange-orange-50: #FEF6EE;
-  --color-_util-colors-orange-orange-100: #FDEAD7;
-  --color-_util-colors-orange-orange-200: #F9DBAF;
-  --color-_util-colors-orange-orange-300: #F7B27A;
-  --color-_util-colors-orange-orange-400: #F38744;
-  --color-_util-colors-orange-orange-500: #EF6820;
-  --color-_util-colors-orange-orange-600: #E04F16;
-  --color-_util-colors-orange-orange-700: #B93815;
-
-  --color-_util-colors-pink-pink-50: #FDF2FA;
-  --color-_util-colors-pink-pink-100: #FCE7F6;
-  --color-_util-colors-pink-pink-200: #FCCEEE;
-  --color-_util-colors-pink-pink-300: #FAA7E0;
-  --color-_util-colors-pink-pink-400: #F670C7;
-  --color-_util-colors-pink-pink-500: #EE46BC;
-  --color-_util-colors-pink-pink-600: #DD2590;
-  --color-_util-colors-pink-pink-700: #C11574;
-
-  --color-_util-colors-fuchsia-fuchsia-50: #FDF4FF;
-  --color-_util-colors-fuchsia-fuchsia-100: #FBE8FF;
-  --color-_util-colors-fuchsia-fuchsia-200: #F6D0FE;
-  --color-_util-colors-fuchsia-fuchsia-300: #EEAAFD;
-  --color-_util-colors-fuchsia-fuchsia-400: #E478FA;
-  --color-_util-colors-fuchsia-fuchsia-500: #D444F1;
-  --color-_util-colors-fuchsia-fuchsia-600: #BA24D5;
-  --color-_util-colors-fuchsia-fuchsia-700: #9F1AB1;
-
-  --color-_util-colors-purple-purple-50: #F4F3FF;
-  --color-_util-colors-purple-purple-100: #EBE9FE;
-  --color-_util-colors-purple-purple-200: #D9D6FE;
-  --color-_util-colors-purple-purple-300: #BDB4FE;
-  --color-_util-colors-purple-purple-400: #9B8AFB;
-  --color-_util-colors-purple-purple-500: #7A5AF8;
-  --color-_util-colors-purple-purple-600: #6938EF;
-  --color-_util-colors-purple-purple-700: #5925DC;
-
-  --color-_util-colors-indigo-indigo-50: #EEF4FF;
-  --color-_util-colors-indigo-indigo-100: #E0EAFF;
-  --color-_util-colors-indigo-indigo-200: #C7D7FE;
-  --color-_util-colors-indigo-indigo-300: #A4BCFD;
-  --color-_util-colors-indigo-indigo-400: #8098F9;
-  --color-_util-colors-indigo-indigo-500: #6172F3;
-  --color-_util-colors-indigo-indigo-600: #444CE7;
-  --color-_util-colors-indigo-indigo-700: #3538CD;
-
-  --color-_util-colors-blue-blue-50: #EFF8FF;
-  --color-_util-colors-blue-blue-100: #D1E9FF;
-  --color-_util-colors-blue-blue-200: #B2DDFF;
-  --color-_util-colors-blue-blue-300: #84CAFF;
-  --color-_util-colors-blue-blue-400: #53B1FD;
-  --color-_util-colors-blue-blue-500: #2E90FA;
-  --color-_util-colors-blue-blue-600: #1570EF;
-  --color-_util-colors-blue-blue-700: #175CD3;
-
-  --color-_util-colors-blue-light-blue-light-50: #F0F9FF;
-  --color-_util-colors-blue-light-blue-light-100: #E0F2FE;
-  --color-_util-colors-blue-light-blue-light-200: #B9E6FE;
-  --color-_util-colors-blue-light-blue-light-300: #7CD4FD;
-  --color-_util-colors-blue-light-blue-light-400: #36BFFA;
-  --color-_util-colors-blue-light-blue-light-500: #0BA5EC;
-  --color-_util-colors-blue-light-blue-light-600: #0086C9;
-  --color-_util-colors-blue-light-blue-light-700: #026AA2;
-
-  --color-_util-colors-gray-blue-gray-blue-50: #F8F9FC;
-  --color-_util-colors-gray-blue-gray-blue-100: #EAECF5;
-  --color-_util-colors-gray-blue-gray-blue-200: #D5D9EB;
-  --color-_util-colors-gray-blue-gray-blue-300: #B3B8DB;
-  --color-_util-colors-gray-blue-gray-blue-400: #717BBC;
-  --color-_util-colors-gray-blue-gray-blue-500: #4E5BA6;
-  --color-_util-colors-gray-blue-gray-blue-600: #3E4784;
-  --color-_util-colors-gray-blue-gray-blue-700: #363F72;
-
-  --color-_util-colors-blue-brand-blue-brand-50: #F5F7FF;
-  --color-_util-colors-blue-brand-blue-brand-100: #D1E0FF;
-  --color-_util-colors-blue-brand-blue-brand-200: #B2CAFF;
-  --color-_util-colors-blue-brand-blue-brand-300: #84ABFF;
-  --color-_util-colors-blue-brand-blue-brand-400: #5289FF;
-  --color-_util-colors-blue-brand-blue-brand-500: #296DFF;
-  --color-_util-colors-blue-brand-blue-brand-600: #155AEF;
-  --color-_util-colors-blue-brand-blue-brand-700: #004AEB;
-
-  --color-_util-colors-red-red-50: #FEF3F2;
-  --color-_util-colors-red-red-100: #FEE4E2;
-  --color-_util-colors-red-red-200: #FECDCA;
-  --color-_util-colors-red-red-300: #FDA29B;
-  --color-_util-colors-red-red-400: #F97066;
-  --color-_util-colors-red-red-500: #F04438;
-  --color-_util-colors-red-red-600: #D92D20;
-  --color-_util-colors-red-red-700: #B42318;
-
-  --color-_util-colors-green-green-50: #ECFDF3;
-  --color-_util-colors-green-green-100: #DCFAE6;
-  --color-_util-colors-green-green-200: #ABEFC6;
-  --color-_util-colors-green-green-300: #75E0A7;
-  --color-_util-colors-green-green-400: #47CD89;
-  --color-_util-colors-green-green-500: #17B26A;
-  --color-_util-colors-green-green-600: #079455;
-  --color-_util-colors-green-green-700: #067647;
-
-  --color-_util-colors-warning-warning-50: #FFFAEB;
-  --color-_util-colors-warning-warning-100: #FEF0C7;
-  --color-_util-colors-warning-warning-200: #FEDF89;
-  --color-_util-colors-warning-warning-300: #FEC84B;
-  --color-_util-colors-warning-warning-400: #FDB022;
-  --color-_util-colors-warning-warning-500: #F79009;
-  --color-_util-colors-warning-warning-600: #DC6803;
-  --color-_util-colors-warning-warning-700: #B54708;
-
-  --color-_util-colors-yellow-yellow-50: #FEFBE8;
-  --color-_util-colors-yellow-yellow-100: #FEF7C3;
-  --color-_util-colors-yellow-yellow-200: #FEEE95;
-  --color-_util-colors-yellow-yellow-300: #FDE272;
-  --color-_util-colors-yellow-yellow-400: #FAC515;
-  --color-_util-colors-yellow-yellow-500: #EAAA08;
-  --color-_util-colors-yellow-yellow-600: #CA8504;
-  --color-_util-colors-yellow-yellow-700: #A15C07;
-
-  --color-_util-colors-teal-teal-50: #F0FDF9;
-  --color-_util-colors-teal-teal-100: #CCFBEF;
-  --color-_util-colors-teal-teal-200: #99F6E0;
-  --color-_util-colors-teal-teal-300: #5FE9D0;
-  --color-_util-colors-teal-teal-400: #2ED3B7;
-  --color-_util-colors-teal-teal-500: #15B79E;
-  --color-_util-colors-teal-teal-600: #0E9384;
-  --color-_util-colors-teal-teal-700: #107569;
-
-  --color-_util-colors-cyan-cyan-50: #ECFDFF;
-  --color-_util-colors-cyan-cyan-100: #CFF9FE;
-  --color-_util-colors-cyan-cyan-200: #A5F0FC;
-  --color-_util-colors-cyan-cyan-300: #67E3F9;
-  --color-_util-colors-cyan-cyan-400: #22CCEE;
-  --color-_util-colors-cyan-cyan-500: #06AED4;
-  --color-_util-colors-cyan-cyan-600: #088AB2;
-  --color-_util-colors-cyan-cyan-700: #0E7090;
-
-  --color-_util-colors-violet-violet-50: #F5F3FF;
-  --color-_util-colors-violet-violet-100: #ECE9FE;
-  --color-_util-colors-violet-violet-200: #DDD6FE;
-  --color-_util-colors-violet-violet-300: #C3B5FD;
-  --color-_util-colors-violet-violet-400: #A48AFB;
-  --color-_util-colors-violet-violet-500: #875BF7;
-  --color-_util-colors-violet-violet-600: #7839EE;
-  --color-_util-colors-violet-violet-700: #6927DA;
-
-  --color-_util-colors-gray-gray-50: #F9FAFB;
-  --color-_util-colors-gray-gray-100: #F2F4F7;
-  --color-_util-colors-gray-gray-200: #E9EBF0;
-  --color-_util-colors-gray-gray-300: #D0D5DC;
-  --color-_util-colors-gray-gray-400: #98A2B2;
-  --color-_util-colors-gray-gray-500: #676F83;
-  --color-_util-colors-gray-gray-600: #495464;
-  --color-_util-colors-gray-gray-700: #354052;
+  --color-util-colors-orange-dark-orange-dark-50: #FFF4ED;
+  --color-util-colors-orange-dark-orange-dark-100: #FFE6D5;
+  --color-util-colors-orange-dark-orange-dark-200: #FFD6AE;
+  --color-util-colors-orange-dark-orange-dark-300: #FF9C66;
+  --color-util-colors-orange-dark-orange-dark-400: #FF692E;
+  --color-util-colors-orange-dark-orange-dark-500: #FF4405;
+  --color-util-colors-orange-dark-orange-dark-600: #E62E05;
+  --color-util-colors-orange-dark-orange-dark-700: #BC1B06;
+
+  --color-util-colors-orange-orange-50: #FEF6EE;
+  --color-util-colors-orange-orange-100: #FDEAD7;
+  --color-util-colors-orange-orange-200: #F9DBAF;
+  --color-util-colors-orange-orange-300: #F7B27A;
+  --color-util-colors-orange-orange-400: #F38744;
+  --color-util-colors-orange-orange-500: #EF6820;
+  --color-util-colors-orange-orange-600: #E04F16;
+  --color-util-colors-orange-orange-700: #B93815;
+
+  --color-util-colors-pink-pink-50: #FDF2FA;
+  --color-util-colors-pink-pink-100: #FCE7F6;
+  --color-util-colors-pink-pink-200: #FCCEEE;
+  --color-util-colors-pink-pink-300: #FAA7E0;
+  --color-util-colors-pink-pink-400: #F670C7;
+  --color-util-colors-pink-pink-500: #EE46BC;
+  --color-util-colors-pink-pink-600: #DD2590;
+  --color-util-colors-pink-pink-700: #C11574;
+
+  --color-util-colors-fuchsia-fuchsia-50: #FDF4FF;
+  --color-util-colors-fuchsia-fuchsia-100: #FBE8FF;
+  --color-util-colors-fuchsia-fuchsia-200: #F6D0FE;
+  --color-util-colors-fuchsia-fuchsia-300: #EEAAFD;
+  --color-util-colors-fuchsia-fuchsia-400: #E478FA;
+  --color-util-colors-fuchsia-fuchsia-500: #D444F1;
+  --color-util-colors-fuchsia-fuchsia-600: #BA24D5;
+  --color-util-colors-fuchsia-fuchsia-700: #9F1AB1;
+
+  --color-util-colors-purple-purple-50: #F4F3FF;
+  --color-util-colors-purple-purple-100: #EBE9FE;
+  --color-util-colors-purple-purple-200: #D9D6FE;
+  --color-util-colors-purple-purple-300: #BDB4FE;
+  --color-util-colors-purple-purple-400: #9B8AFB;
+  --color-util-colors-purple-purple-500: #7A5AF8;
+  --color-util-colors-purple-purple-600: #6938EF;
+  --color-util-colors-purple-purple-700: #5925DC;
+
+  --color-util-colors-indigo-indigo-50: #EEF4FF;
+  --color-util-colors-indigo-indigo-100: #E0EAFF;
+  --color-util-colors-indigo-indigo-200: #C7D7FE;
+  --color-util-colors-indigo-indigo-300: #A4BCFD;
+  --color-util-colors-indigo-indigo-400: #8098F9;
+  --color-util-colors-indigo-indigo-500: #6172F3;
+  --color-util-colors-indigo-indigo-600: #444CE7;
+  --color-util-colors-indigo-indigo-700: #3538CD;
+
+  --color-util-colors-blue-blue-50: #EFF8FF;
+  --color-util-colors-blue-blue-100: #D1E9FF;
+  --color-util-colors-blue-blue-200: #B2DDFF;
+  --color-util-colors-blue-blue-300: #84CAFF;
+  --color-util-colors-blue-blue-400: #53B1FD;
+  --color-util-colors-blue-blue-500: #2E90FA;
+  --color-util-colors-blue-blue-600: #1570EF;
+  --color-util-colors-blue-blue-700: #175CD3;
+
+  --color-util-colors-blue-light-blue-light-50: #F0F9FF;
+  --color-util-colors-blue-light-blue-light-100: #E0F2FE;
+  --color-util-colors-blue-light-blue-light-200: #B9E6FE;
+  --color-util-colors-blue-light-blue-light-300: #7CD4FD;
+  --color-util-colors-blue-light-blue-light-400: #36BFFA;
+  --color-util-colors-blue-light-blue-light-500: #0BA5EC;
+  --color-util-colors-blue-light-blue-light-600: #0086C9;
+  --color-util-colors-blue-light-blue-light-700: #026AA2;
+
+  --color-util-colors-gray-blue-gray-blue-50: #F8F9FC;
+  --color-util-colors-gray-blue-gray-blue-100: #EAECF5;
+  --color-util-colors-gray-blue-gray-blue-200: #D5D9EB;
+  --color-util-colors-gray-blue-gray-blue-300: #B3B8DB;
+  --color-util-colors-gray-blue-gray-blue-400: #717BBC;
+  --color-util-colors-gray-blue-gray-blue-500: #4E5BA6;
+  --color-util-colors-gray-blue-gray-blue-600: #3E4784;
+  --color-util-colors-gray-blue-gray-blue-700: #363F72;
+
+  --color-util-colors-blue-brand-blue-brand-50: #F5F7FF;
+  --color-util-colors-blue-brand-blue-brand-100: #D1E0FF;
+  --color-util-colors-blue-brand-blue-brand-200: #B2CAFF;
+  --color-util-colors-blue-brand-blue-brand-300: #84ABFF;
+  --color-util-colors-blue-brand-blue-brand-400: #5289FF;
+  --color-util-colors-blue-brand-blue-brand-500: #296DFF;
+  --color-util-colors-blue-brand-blue-brand-600: #155AEF;
+  --color-util-colors-blue-brand-blue-brand-700: #004AEB;
+
+  --color-util-colors-red-red-50: #FEF3F2;
+  --color-util-colors-red-red-100: #FEE4E2;
+  --color-util-colors-red-red-200: #FECDCA;
+  --color-util-colors-red-red-300: #FDA29B;
+  --color-util-colors-red-red-400: #F97066;
+  --color-util-colors-red-red-500: #F04438;
+  --color-util-colors-red-red-600: #D92D20;
+  --color-util-colors-red-red-700: #B42318;
+
+  --color-util-colors-green-green-50: #ECFDF3;
+  --color-util-colors-green-green-100: #DCFAE6;
+  --color-util-colors-green-green-200: #ABEFC6;
+  --color-util-colors-green-green-300: #75E0A7;
+  --color-util-colors-green-green-400: #47CD89;
+  --color-util-colors-green-green-500: #17B26A;
+  --color-util-colors-green-green-600: #079455;
+  --color-util-colors-green-green-700: #067647;
+
+  --color-util-colors-warning-warning-50: #FFFAEB;
+  --color-util-colors-warning-warning-100: #FEF0C7;
+  --color-util-colors-warning-warning-200: #FEDF89;
+  --color-util-colors-warning-warning-300: #FEC84B;
+  --color-util-colors-warning-warning-400: #FDB022;
+  --color-util-colors-warning-warning-500: #F79009;
+  --color-util-colors-warning-warning-600: #DC6803;
+  --color-util-colors-warning-warning-700: #B54708;
+
+  --color-util-colors-yellow-yellow-50: #FEFBE8;
+  --color-util-colors-yellow-yellow-100: #FEF7C3;
+  --color-util-colors-yellow-yellow-200: #FEEE95;
+  --color-util-colors-yellow-yellow-300: #FDE272;
+  --color-util-colors-yellow-yellow-400: #FAC515;
+  --color-util-colors-yellow-yellow-500: #EAAA08;
+  --color-util-colors-yellow-yellow-600: #CA8504;
+  --color-util-colors-yellow-yellow-700: #A15C07;
+
+  --color-util-colors-teal-teal-50: #F0FDF9;
+  --color-util-colors-teal-teal-100: #CCFBEF;
+  --color-util-colors-teal-teal-200: #99F6E0;
+  --color-util-colors-teal-teal-300: #5FE9D0;
+  --color-util-colors-teal-teal-400: #2ED3B7;
+  --color-util-colors-teal-teal-500: #15B79E;
+  --color-util-colors-teal-teal-600: #0E9384;
+  --color-util-colors-teal-teal-700: #107569;
+
+  --color-util-colors-cyan-cyan-50: #ECFDFF;
+  --color-util-colors-cyan-cyan-100: #CFF9FE;
+  --color-util-colors-cyan-cyan-200: #A5F0FC;
+  --color-util-colors-cyan-cyan-300: #67E3F9;
+  --color-util-colors-cyan-cyan-400: #22CCEE;
+  --color-util-colors-cyan-cyan-500: #06AED4;
+  --color-util-colors-cyan-cyan-600: #088AB2;
+  --color-util-colors-cyan-cyan-700: #0E7090;
+
+  --color-util-colors-violet-violet-50: #F5F3FF;
+  --color-util-colors-violet-violet-100: #ECE9FE;
+  --color-util-colors-violet-violet-200: #DDD6FE;
+  --color-util-colors-violet-violet-300: #C3B5FD;
+  --color-util-colors-violet-violet-400: #A48AFB;
+  --color-util-colors-violet-violet-500: #875BF7;
+  --color-util-colors-violet-violet-600: #7839EE;
+  --color-util-colors-violet-violet-700: #6927DA;
+
+  --color-util-colors-gray-gray-50: #F9FAFB;
+  --color-util-colors-gray-gray-100: #F2F4F7;
+  --color-util-colors-gray-gray-200: #E9EBF0;
+  --color-util-colors-gray-gray-300: #D0D5DC;
+  --color-util-colors-gray-gray-400: #98A2B2;
+  --color-util-colors-gray-gray-500: #676F83;
+  --color-util-colors-gray-gray-600: #495464;
+  --color-util-colors-gray-gray-700: #354052;
 
   --color-third-party-LangChain: #1C3C3C;
   --color-third-party-Langfuse: #000000;

+ 166 - 167
web/themes/tailwind-theme-var-define.ts

@@ -174,7 +174,7 @@ const vars = {
   'components-badge-status-light-success-halo': 'var(--color-components-badge-status-light-success-halo)',
 
   'components-badge-status-light-border-outer': 'var(--color-components-badge-status-light-border-outer)',
-  'components-badge-status-light-_high-light': 'var(--color-components-badge-status-light-_high-light)',
+  'components-badge-status-light-high-light': 'var(--color-components-badge-status-light-high-light)',
   'components-badge-status-light-warning-bg': 'var(--color-components-badge-status-light-warning-bg)',
   'components-badge-status-light-warning-border-inner': 'var(--color-components-badge-status-light-warning-border-inner)',
   'components-badge-status-light-warning-halo': 'var(--color-components-badge-status-light-warning-halo)',
@@ -249,7 +249,7 @@ const vars = {
   'text-accent-secondary': 'var(--color-text-accent-secondary)',
   'text-accent-light-mode-only': 'var(--color-text-accent-light-mode-only)',
   'text-text-selected': 'var(--color-text-text-selected)',
-  'text-_secondary-on-surface': 'var(--color-text-_secondary-on-surface)',
+  'text-secondary-on-surface': 'var(--color-text-secondary-on-surface)',
   'text-logo-text': 'var(--color-text-logo-text)',
   'text-empty-state-icon': 'var(--color-text-empty-state-icon)',
 
@@ -298,12 +298,11 @@ const vars = {
   'shadow-shadow-2': 'var(--color-shadow-shadow-2)',
   'shadow-shadow-10': 'var(--color-shadow-shadow-10)',
 
-  'workflow-block-_border': 'var(--color-workflow-block-_border)',
-  'workflow-block-_panel-bg': 'var(--color-workflow-block-_panel-bg)',
   'workflow-block-border': 'var(--color-workflow-block-border)',
+  'workflow-block-panel-bg': 'var(--color-workflow-block-panel-bg)',
   'workflow-block-parma-bg': 'var(--color-workflow-block-parma-bg)',
-  'workflow-block-_nav-bg': 'var(--color-workflow-block-_nav-bg)',
-  'workflow-block-_nav-border-right': 'var(--color-workflow-block-_nav-border-right)',
+  'workflow-block-nav-bg': 'var(--color-workflow-block-nav-bg)',
+  'workflow-block-nav-border-right': 'var(--color-workflow-block-nav-border-right)',
   'workflow-block-bg': 'var(--color-workflow-block-bg)',
 
   'workflow-canvas-workflow-dot-color': 'var(--color-workflow-canvas-workflow-dot-color)',
@@ -395,167 +394,167 @@ const vars = {
   'effects-highlight-lightmode-off': 'var(--color-effects-highlight-lightmode-off)',
   'effects-image-frame': 'var(--color-effects-image-frame)',
 
-  '_util-colors-orange-dark-orange-dark-50': 'var(--color-_util-colors-orange-dark-orange-dark-50)',
-  '_util-colors-orange-dark-orange-dark-100': 'var(--color-_util-colors-orange-dark-orange-dark-100)',
-  '_util-colors-orange-dark-orange-dark-200': 'var(--color-_util-colors-orange-dark-orange-dark-200)',
-  '_util-colors-orange-dark-orange-dark-300': 'var(--color-_util-colors-orange-dark-orange-dark-300)',
-  '_util-colors-orange-dark-orange-dark-400': 'var(--color-_util-colors-orange-dark-orange-dark-400)',
-  '_util-colors-orange-dark-orange-dark-500': 'var(--color-_util-colors-orange-dark-orange-dark-500)',
-  '_util-colors-orange-dark-orange-dark-600': 'var(--color-_util-colors-orange-dark-orange-dark-600)',
-  '_util-colors-orange-dark-orange-dark-700': 'var(--color-_util-colors-orange-dark-orange-dark-700)',
-
-  '_util-colors-orange-orange-50': 'var(--color-_util-colors-orange-orange-50)',
-  '_util-colors-orange-orange-100': 'var(--color-_util-colors-orange-orange-100)',
-  '_util-colors-orange-orange-200': 'var(--color-_util-colors-orange-orange-200)',
-  '_util-colors-orange-orange-300': 'var(--color-_util-colors-orange-orange-300)',
-  '_util-colors-orange-orange-400': 'var(--color-_util-colors-orange-orange-400)',
-  '_util-colors-orange-orange-500': 'var(--color-_util-colors-orange-orange-500)',
-  '_util-colors-orange-orange-600': 'var(--color-_util-colors-orange-orange-600)',
-  '_util-colors-orange-orange-700': 'var(--color-_util-colors-orange-orange-700)',
-
-  '_util-colors-pink-pink-50': 'var(--color-_util-colors-pink-pink-50)',
-  '_util-colors-pink-pink-100': 'var(--color-_util-colors-pink-pink-100)',
-  '_util-colors-pink-pink-200': 'var(--color-_util-colors-pink-pink-200)',
-  '_util-colors-pink-pink-300': 'var(--color-_util-colors-pink-pink-300)',
-  '_util-colors-pink-pink-400': 'var(--color-_util-colors-pink-pink-400)',
-  '_util-colors-pink-pink-500': 'var(--color-_util-colors-pink-pink-500)',
-  '_util-colors-pink-pink-600': 'var(--color-_util-colors-pink-pink-600)',
-  '_util-colors-pink-pink-700': 'var(--color-_util-colors-pink-pink-700)',
-
-  '_util-colors-fuchsia-fuchsia-50': 'var(--color-_util-colors-fuchsia-fuchsia-50)',
-  '_util-colors-fuchsia-fuchsia-100': 'var(--color-_util-colors-fuchsia-fuchsia-100)',
-  '_util-colors-fuchsia-fuchsia-200': 'var(--color-_util-colors-fuchsia-fuchsia-200)',
-  '_util-colors-fuchsia-fuchsia-300': 'var(--color-_util-colors-fuchsia-fuchsia-300)',
-  '_util-colors-fuchsia-fuchsia-400': 'var(--color-_util-colors-fuchsia-fuchsia-400)',
-  '_util-colors-fuchsia-fuchsia-500': 'var(--color-_util-colors-fuchsia-fuchsia-500)',
-  '_util-colors-fuchsia-fuchsia-600': 'var(--color-_util-colors-fuchsia-fuchsia-600)',
-  '_util-colors-fuchsia-fuchsia-700': 'var(--color-_util-colors-fuchsia-fuchsia-700)',
-
-  '_util-colors-purple-purple-50': 'var(--color-_util-colors-purple-purple-50)',
-  '_util-colors-purple-purple-100': 'var(--color-_util-colors-purple-purple-100)',
-  '_util-colors-purple-purple-200': 'var(--color-_util-colors-purple-purple-200)',
-  '_util-colors-purple-purple-300': 'var(--color-_util-colors-purple-purple-300)',
-  '_util-colors-purple-purple-400': 'var(--color-_util-colors-purple-purple-400)',
-  '_util-colors-purple-purple-500': 'var(--color-_util-colors-purple-purple-500)',
-  '_util-colors-purple-purple-600': 'var(--color-_util-colors-purple-purple-600)',
-  '_util-colors-purple-purple-700': 'var(--color-_util-colors-purple-purple-700)',
-
-  '_util-colors-indigo-indigo-50': 'var(--color-_util-colors-indigo-indigo-50)',
-  '_util-colors-indigo-indigo-100': 'var(--color-_util-colors-indigo-indigo-100)',
-  '_util-colors-indigo-indigo-200': 'var(--color-_util-colors-indigo-indigo-200)',
-  '_util-colors-indigo-indigo-300': 'var(--color-_util-colors-indigo-indigo-300)',
-  '_util-colors-indigo-indigo-400': 'var(--color-_util-colors-indigo-indigo-400)',
-  '_util-colors-indigo-indigo-500': 'var(--color-_util-colors-indigo-indigo-500)',
-  '_util-colors-indigo-indigo-600': 'var(--color-_util-colors-indigo-indigo-600)',
-  '_util-colors-indigo-indigo-700': 'var(--color-_util-colors-indigo-indigo-700)',
-
-  '_util-colors-blue-blue-50': 'var(--color-_util-colors-blue-blue-50)',
-  '_util-colors-blue-blue-100': 'var(--color-_util-colors-blue-blue-100)',
-  '_util-colors-blue-blue-200': 'var(--color-_util-colors-blue-blue-200)',
-  '_util-colors-blue-blue-300': 'var(--color-_util-colors-blue-blue-300)',
-  '_util-colors-blue-blue-400': 'var(--color-_util-colors-blue-blue-400)',
-  '_util-colors-blue-blue-500': 'var(--color-_util-colors-blue-blue-500)',
-  '_util-colors-blue-blue-600': 'var(--color-_util-colors-blue-blue-600)',
-  '_util-colors-blue-blue-700': 'var(--color-_util-colors-blue-blue-700)',
-
-  '_util-colors-blue-light-blue-light-50': 'var(--color-_util-colors-blue-light-blue-light-50)',
-  '_util-colors-blue-light-blue-light-100': 'var(--color-_util-colors-blue-light-blue-light-100)',
-  '_util-colors-blue-light-blue-light-200': 'var(--color-_util-colors-blue-light-blue-light-200)',
-  '_util-colors-blue-light-blue-light-300': 'var(--color-_util-colors-blue-light-blue-light-300)',
-  '_util-colors-blue-light-blue-light-400': 'var(--color-_util-colors-blue-light-blue-light-400)',
-  '_util-colors-blue-light-blue-light-500': 'var(--color-_util-colors-blue-light-blue-light-500)',
-  '_util-colors-blue-light-blue-light-600': 'var(--color-_util-colors-blue-light-blue-light-600)',
-  '_util-colors-blue-light-blue-light-700': 'var(--color-_util-colors-blue-light-blue-light-700)',
-
-  '_util-colors-gray-blue-gray-blue-50': 'var(--color-_util-colors-gray-blue-gray-blue-50)',
-  '_util-colors-gray-blue-gray-blue-100': 'var(--color-_util-colors-gray-blue-gray-blue-100)',
-  '_util-colors-gray-blue-gray-blue-200': 'var(--color-_util-colors-gray-blue-gray-blue-200)',
-  '_util-colors-gray-blue-gray-blue-300': 'var(--color-_util-colors-gray-blue-gray-blue-300)',
-  '_util-colors-gray-blue-gray-blue-400': 'var(--color-_util-colors-gray-blue-gray-blue-400)',
-  '_util-colors-gray-blue-gray-blue-500': 'var(--color-_util-colors-gray-blue-gray-blue-500)',
-  '_util-colors-gray-blue-gray-blue-600': 'var(--color-_util-colors-gray-blue-gray-blue-600)',
-  '_util-colors-gray-blue-gray-blue-700': 'var(--color-_util-colors-gray-blue-gray-blue-700)',
-
-  '_util-colors-blue-brand-blue-brand-50': 'var(--color-_util-colors-blue-brand-blue-brand-50)',
-  '_util-colors-blue-brand-blue-brand-100': 'var(--color-_util-colors-blue-brand-blue-brand-100)',
-  '_util-colors-blue-brand-blue-brand-200': 'var(--color-_util-colors-blue-brand-blue-brand-200)',
-  '_util-colors-blue-brand-blue-brand-300': 'var(--color-_util-colors-blue-brand-blue-brand-300)',
-  '_util-colors-blue-brand-blue-brand-400': 'var(--color-_util-colors-blue-brand-blue-brand-400)',
-  '_util-colors-blue-brand-blue-brand-500': 'var(--color-_util-colors-blue-brand-blue-brand-500)',
-  '_util-colors-blue-brand-blue-brand-600': 'var(--color-_util-colors-blue-brand-blue-brand-600)',
-  '_util-colors-blue-brand-blue-brand-700': 'var(--color-_util-colors-blue-brand-blue-brand-700)',
-
-  '_util-colors-red-red-50': 'var(--color-_util-colors-red-red-50)',
-  '_util-colors-red-red-100': 'var(--color-_util-colors-red-red-100)',
-  '_util-colors-red-red-200': 'var(--color-_util-colors-red-red-200)',
-  '_util-colors-red-red-300': 'var(--color-_util-colors-red-red-300)',
-  '_util-colors-red-red-400': 'var(--color-_util-colors-red-red-400)',
-  '_util-colors-red-red-500': 'var(--color-_util-colors-red-red-500)',
-  '_util-colors-red-red-600': 'var(--color-_util-colors-red-red-600)',
-  '_util-colors-red-red-700': 'var(--color-_util-colors-red-red-700)',
-
-  '_util-colors-green-green-50': 'var(--color-_util-colors-green-green-50)',
-  '_util-colors-green-green-100': 'var(--color-_util-colors-green-green-100)',
-  '_util-colors-green-green-200': 'var(--color-_util-colors-green-green-200)',
-  '_util-colors-green-green-300': 'var(--color-_util-colors-green-green-300)',
-  '_util-colors-green-green-400': 'var(--color-_util-colors-green-green-400)',
-  '_util-colors-green-green-500': 'var(--color-_util-colors-green-green-500)',
-  '_util-colors-green-green-600': 'var(--color-_util-colors-green-green-600)',
-  '_util-colors-green-green-700': 'var(--color-_util-colors-green-green-700)',
-
-  '_util-colors-warning-warning-50': 'var(--color-_util-colors-warning-warning-50)',
-  '_util-colors-warning-warning-100': 'var(--color-_util-colors-warning-warning-100)',
-  '_util-colors-warning-warning-200': 'var(--color-_util-colors-warning-warning-200)',
-  '_util-colors-warning-warning-300': 'var(--color-_util-colors-warning-warning-300)',
-  '_util-colors-warning-warning-400': 'var(--color-_util-colors-warning-warning-400)',
-  '_util-colors-warning-warning-500': 'var(--color-_util-colors-warning-warning-500)',
-  '_util-colors-warning-warning-600': 'var(--color-_util-colors-warning-warning-600)',
-  '_util-colors-warning-warning-700': 'var(--color-_util-colors-warning-warning-700)',
-
-  '_util-colors-yellow-yellow-50': 'var(--color-_util-colors-yellow-yellow-50)',
-  '_util-colors-yellow-yellow-100': 'var(--color-_util-colors-yellow-yellow-100)',
-  '_util-colors-yellow-yellow-200': 'var(--color-_util-colors-yellow-yellow-200)',
-  '_util-colors-yellow-yellow-300': 'var(--color-_util-colors-yellow-yellow-300)',
-  '_util-colors-yellow-yellow-400': 'var(--color-_util-colors-yellow-yellow-400)',
-  '_util-colors-yellow-yellow-500': 'var(--color-_util-colors-yellow-yellow-500)',
-  '_util-colors-yellow-yellow-600': 'var(--color-_util-colors-yellow-yellow-600)',
-  '_util-colors-yellow-yellow-700': 'var(--color-_util-colors-yellow-yellow-700)',
-
-  '_util-colors-teal-teal-50': 'var(--color-_util-colors-teal-teal-50)',
-  '_util-colors-teal-teal-100': 'var(--color-_util-colors-teal-teal-100)',
-  '_util-colors-teal-teal-200': 'var(--color-_util-colors-teal-teal-200)',
-  '_util-colors-teal-teal-300': 'var(--color-_util-colors-teal-teal-300)',
-  '_util-colors-teal-teal-400': 'var(--color-_util-colors-teal-teal-400)',
-  '_util-colors-teal-teal-500': 'var(--color-_util-colors-teal-teal-500)',
-  '_util-colors-teal-teal-600': 'var(--color-_util-colors-teal-teal-600)',
-  '_util-colors-teal-teal-700': 'var(--color-_util-colors-teal-teal-700)',
-
-  '_util-colors-cyan-cyan-50': 'var(--color-_util-colors-cyan-cyan-50)',
-  '_util-colors-cyan-cyan-100': 'var(--color-_util-colors-cyan-cyan-100)',
-  '_util-colors-cyan-cyan-200': 'var(--color-_util-colors-cyan-cyan-200)',
-  '_util-colors-cyan-cyan-300': 'var(--color-_util-colors-cyan-cyan-300)',
-  '_util-colors-cyan-cyan-400': 'var(--color-_util-colors-cyan-cyan-400)',
-  '_util-colors-cyan-cyan-500': 'var(--color-_util-colors-cyan-cyan-500)',
-  '_util-colors-cyan-cyan-600': 'var(--color-_util-colors-cyan-cyan-600)',
-  '_util-colors-cyan-cyan-700': 'var(--color-_util-colors-cyan-cyan-700)',
-
-  '_util-colors-violet-violet-50': 'var(--color-_util-colors-violet-violet-50)',
-  '_util-colors-violet-violet-100': 'var(--color-_util-colors-violet-violet-100)',
-  '_util-colors-violet-violet-200': 'var(--color-_util-colors-violet-violet-200)',
-  '_util-colors-violet-violet-300': 'var(--color-_util-colors-violet-violet-300)',
-  '_util-colors-violet-violet-400': 'var(--color-_util-colors-violet-violet-400)',
-  '_util-colors-violet-violet-500': 'var(--color-_util-colors-violet-violet-500)',
-  '_util-colors-violet-violet-600': 'var(--color-_util-colors-violet-violet-600)',
-  '_util-colors-violet-violet-700': 'var(--color-_util-colors-violet-violet-700)',
-
-  '_util-colors-gray-gray-50': 'var(--color-_util-colors-gray-gray-50)',
-  '_util-colors-gray-gray-100': 'var(--color-_util-colors-gray-gray-100)',
-  '_util-colors-gray-gray-200': 'var(--color-_util-colors-gray-gray-200)',
-  '_util-colors-gray-gray-300': 'var(--color-_util-colors-gray-gray-300)',
-  '_util-colors-gray-gray-400': 'var(--color-_util-colors-gray-gray-400)',
-  '_util-colors-gray-gray-500': 'var(--color-_util-colors-gray-gray-500)',
-  '_util-colors-gray-gray-600': 'var(--color-_util-colors-gray-gray-600)',
-  '_util-colors-gray-gray-700': 'var(--color-_util-colors-gray-gray-700)',
+  'util-colors-orange-dark-orange-dark-50': 'var(--color-util-colors-orange-dark-orange-dark-50)',
+  'util-colors-orange-dark-orange-dark-100': 'var(--color-util-colors-orange-dark-orange-dark-100)',
+  'util-colors-orange-dark-orange-dark-200': 'var(--color-util-colors-orange-dark-orange-dark-200)',
+  'util-colors-orange-dark-orange-dark-300': 'var(--color-util-colors-orange-dark-orange-dark-300)',
+  'util-colors-orange-dark-orange-dark-400': 'var(--color-util-colors-orange-dark-orange-dark-400)',
+  'util-colors-orange-dark-orange-dark-500': 'var(--color-util-colors-orange-dark-orange-dark-500)',
+  'util-colors-orange-dark-orange-dark-600': 'var(--color-util-colors-orange-dark-orange-dark-600)',
+  'util-colors-orange-dark-orange-dark-700': 'var(--color-util-colors-orange-dark-orange-dark-700)',
+
+  'util-colors-orange-orange-50': 'var(--color-util-colors-orange-orange-50)',
+  'util-colors-orange-orange-100': 'var(--color-util-colors-orange-orange-100)',
+  'util-colors-orange-orange-200': 'var(--color-util-colors-orange-orange-200)',
+  'util-colors-orange-orange-300': 'var(--color-util-colors-orange-orange-300)',
+  'util-colors-orange-orange-400': 'var(--color-util-colors-orange-orange-400)',
+  'util-colors-orange-orange-500': 'var(--color-util-colors-orange-orange-500)',
+  'util-colors-orange-orange-600': 'var(--color-util-colors-orange-orange-600)',
+  'util-colors-orange-orange-700': 'var(--color-util-colors-orange-orange-700)',
+
+  'util-colors-pink-pink-50': 'var(--color-util-colors-pink-pink-50)',
+  'util-colors-pink-pink-100': 'var(--color-util-colors-pink-pink-100)',
+  'util-colors-pink-pink-200': 'var(--color-util-colors-pink-pink-200)',
+  'util-colors-pink-pink-300': 'var(--color-util-colors-pink-pink-300)',
+  'util-colors-pink-pink-400': 'var(--color-util-colors-pink-pink-400)',
+  'util-colors-pink-pink-500': 'var(--color-util-colors-pink-pink-500)',
+  'util-colors-pink-pink-600': 'var(--color-util-colors-pink-pink-600)',
+  'util-colors-pink-pink-700': 'var(--color-util-colors-pink-pink-700)',
+
+  'util-colors-fuchsia-fuchsia-50': 'var(--color-util-colors-fuchsia-fuchsia-50)',
+  'util-colors-fuchsia-fuchsia-100': 'var(--color-util-colors-fuchsia-fuchsia-100)',
+  'util-colors-fuchsia-fuchsia-200': 'var(--color-util-colors-fuchsia-fuchsia-200)',
+  'util-colors-fuchsia-fuchsia-300': 'var(--color-util-colors-fuchsia-fuchsia-300)',
+  'util-colors-fuchsia-fuchsia-400': 'var(--color-util-colors-fuchsia-fuchsia-400)',
+  'util-colors-fuchsia-fuchsia-500': 'var(--color-util-colors-fuchsia-fuchsia-500)',
+  'util-colors-fuchsia-fuchsia-600': 'var(--color-util-colors-fuchsia-fuchsia-600)',
+  'util-colors-fuchsia-fuchsia-700': 'var(--color-util-colors-fuchsia-fuchsia-700)',
+
+  'util-colors-purple-purple-50': 'var(--color-util-colors-purple-purple-50)',
+  'util-colors-purple-purple-100': 'var(--color-util-colors-purple-purple-100)',
+  'util-colors-purple-purple-200': 'var(--color-util-colors-purple-purple-200)',
+  'util-colors-purple-purple-300': 'var(--color-util-colors-purple-purple-300)',
+  'util-colors-purple-purple-400': 'var(--color-util-colors-purple-purple-400)',
+  'util-colors-purple-purple-500': 'var(--color-util-colors-purple-purple-500)',
+  'util-colors-purple-purple-600': 'var(--color-util-colors-purple-purple-600)',
+  'util-colors-purple-purple-700': 'var(--color-util-colors-purple-purple-700)',
+
+  'util-colors-indigo-indigo-50': 'var(--color-util-colors-indigo-indigo-50)',
+  'util-colors-indigo-indigo-100': 'var(--color-util-colors-indigo-indigo-100)',
+  'util-colors-indigo-indigo-200': 'var(--color-util-colors-indigo-indigo-200)',
+  'util-colors-indigo-indigo-300': 'var(--color-util-colors-indigo-indigo-300)',
+  'util-colors-indigo-indigo-400': 'var(--color-util-colors-indigo-indigo-400)',
+  'util-colors-indigo-indigo-500': 'var(--color-util-colors-indigo-indigo-500)',
+  'util-colors-indigo-indigo-600': 'var(--color-util-colors-indigo-indigo-600)',
+  'util-colors-indigo-indigo-700': 'var(--color-util-colors-indigo-indigo-700)',
+
+  'util-colors-blue-blue-50': 'var(--color-util-colors-blue-blue-50)',
+  'util-colors-blue-blue-100': 'var(--color-util-colors-blue-blue-100)',
+  'util-colors-blue-blue-200': 'var(--color-util-colors-blue-blue-200)',
+  'util-colors-blue-blue-300': 'var(--color-util-colors-blue-blue-300)',
+  'util-colors-blue-blue-400': 'var(--color-util-colors-blue-blue-400)',
+  'util-colors-blue-blue-500': 'var(--color-util-colors-blue-blue-500)',
+  'util-colors-blue-blue-600': 'var(--color-util-colors-blue-blue-600)',
+  'util-colors-blue-blue-700': 'var(--color-util-colors-blue-blue-700)',
+
+  'util-colors-blue-light-blue-light-50': 'var(--color-util-colors-blue-light-blue-light-50)',
+  'util-colors-blue-light-blue-light-100': 'var(--color-util-colors-blue-light-blue-light-100)',
+  'util-colors-blue-light-blue-light-200': 'var(--color-util-colors-blue-light-blue-light-200)',
+  'util-colors-blue-light-blue-light-300': 'var(--color-util-colors-blue-light-blue-light-300)',
+  'util-colors-blue-light-blue-light-400': 'var(--color-util-colors-blue-light-blue-light-400)',
+  'util-colors-blue-light-blue-light-500': 'var(--color-util-colors-blue-light-blue-light-500)',
+  'util-colors-blue-light-blue-light-600': 'var(--color-util-colors-blue-light-blue-light-600)',
+  'util-colors-blue-light-blue-light-700': 'var(--color-util-colors-blue-light-blue-light-700)',
+
+  'util-colors-gray-blue-gray-blue-50': 'var(--color-util-colors-gray-blue-gray-blue-50)',
+  'util-colors-gray-blue-gray-blue-100': 'var(--color-util-colors-gray-blue-gray-blue-100)',
+  'util-colors-gray-blue-gray-blue-200': 'var(--color-util-colors-gray-blue-gray-blue-200)',
+  'util-colors-gray-blue-gray-blue-300': 'var(--color-util-colors-gray-blue-gray-blue-300)',
+  'util-colors-gray-blue-gray-blue-400': 'var(--color-util-colors-gray-blue-gray-blue-400)',
+  'util-colors-gray-blue-gray-blue-500': 'var(--color-util-colors-gray-blue-gray-blue-500)',
+  'util-colors-gray-blue-gray-blue-600': 'var(--color-util-colors-gray-blue-gray-blue-600)',
+  'util-colors-gray-blue-gray-blue-700': 'var(--color-util-colors-gray-blue-gray-blue-700)',
+
+  'util-colors-blue-brand-blue-brand-50': 'var(--color-util-colors-blue-brand-blue-brand-50)',
+  'util-colors-blue-brand-blue-brand-100': 'var(--color-util-colors-blue-brand-blue-brand-100)',
+  'util-colors-blue-brand-blue-brand-200': 'var(--color-util-colors-blue-brand-blue-brand-200)',
+  'util-colors-blue-brand-blue-brand-300': 'var(--color-util-colors-blue-brand-blue-brand-300)',
+  'util-colors-blue-brand-blue-brand-400': 'var(--color-util-colors-blue-brand-blue-brand-400)',
+  'util-colors-blue-brand-blue-brand-500': 'var(--color-util-colors-blue-brand-blue-brand-500)',
+  'util-colors-blue-brand-blue-brand-600': 'var(--color-util-colors-blue-brand-blue-brand-600)',
+  'util-colors-blue-brand-blue-brand-700': 'var(--color-util-colors-blue-brand-blue-brand-700)',
+
+  'util-colors-red-red-50': 'var(--color-util-colors-red-red-50)',
+  'util-colors-red-red-100': 'var(--color-util-colors-red-red-100)',
+  'util-colors-red-red-200': 'var(--color-util-colors-red-red-200)',
+  'util-colors-red-red-300': 'var(--color-util-colors-red-red-300)',
+  'util-colors-red-red-400': 'var(--color-util-colors-red-red-400)',
+  'util-colors-red-red-500': 'var(--color-util-colors-red-red-500)',
+  'util-colors-red-red-600': 'var(--color-util-colors-red-red-600)',
+  'util-colors-red-red-700': 'var(--color-util-colors-red-red-700)',
+
+  'util-colors-green-green-50': 'var(--color-util-colors-green-green-50)',
+  'util-colors-green-green-100': 'var(--color-util-colors-green-green-100)',
+  'util-colors-green-green-200': 'var(--color-util-colors-green-green-200)',
+  'util-colors-green-green-300': 'var(--color-util-colors-green-green-300)',
+  'util-colors-green-green-400': 'var(--color-util-colors-green-green-400)',
+  'util-colors-green-green-500': 'var(--color-util-colors-green-green-500)',
+  'util-colors-green-green-600': 'var(--color-util-colors-green-green-600)',
+  'util-colors-green-green-700': 'var(--color-util-colors-green-green-700)',
+
+  'util-colors-warning-warning-50': 'var(--color-util-colors-warning-warning-50)',
+  'util-colors-warning-warning-100': 'var(--color-util-colors-warning-warning-100)',
+  'util-colors-warning-warning-200': 'var(--color-util-colors-warning-warning-200)',
+  'util-colors-warning-warning-300': 'var(--color-util-colors-warning-warning-300)',
+  'util-colors-warning-warning-400': 'var(--color-util-colors-warning-warning-400)',
+  'util-colors-warning-warning-500': 'var(--color-util-colors-warning-warning-500)',
+  'util-colors-warning-warning-600': 'var(--color-util-colors-warning-warning-600)',
+  'util-colors-warning-warning-700': 'var(--color-util-colors-warning-warning-700)',
+
+  'util-colors-yellow-yellow-50': 'var(--color-util-colors-yellow-yellow-50)',
+  'util-colors-yellow-yellow-100': 'var(--color-util-colors-yellow-yellow-100)',
+  'util-colors-yellow-yellow-200': 'var(--color-util-colors-yellow-yellow-200)',
+  'util-colors-yellow-yellow-300': 'var(--color-util-colors-yellow-yellow-300)',
+  'util-colors-yellow-yellow-400': 'var(--color-util-colors-yellow-yellow-400)',
+  'util-colors-yellow-yellow-500': 'var(--color-util-colors-yellow-yellow-500)',
+  'util-colors-yellow-yellow-600': 'var(--color-util-colors-yellow-yellow-600)',
+  'util-colors-yellow-yellow-700': 'var(--color-util-colors-yellow-yellow-700)',
+
+  'util-colors-teal-teal-50': 'var(--color-util-colors-teal-teal-50)',
+  'util-colors-teal-teal-100': 'var(--color-util-colors-teal-teal-100)',
+  'util-colors-teal-teal-200': 'var(--color-util-colors-teal-teal-200)',
+  'util-colors-teal-teal-300': 'var(--color-util-colors-teal-teal-300)',
+  'util-colors-teal-teal-400': 'var(--color-util-colors-teal-teal-400)',
+  'util-colors-teal-teal-500': 'var(--color-util-colors-teal-teal-500)',
+  'util-colors-teal-teal-600': 'var(--color-util-colors-teal-teal-600)',
+  'util-colors-teal-teal-700': 'var(--color-util-colors-teal-teal-700)',
+
+  'util-colors-cyan-cyan-50': 'var(--color-util-colors-cyan-cyan-50)',
+  'util-colors-cyan-cyan-100': 'var(--color-util-colors-cyan-cyan-100)',
+  'util-colors-cyan-cyan-200': 'var(--color-util-colors-cyan-cyan-200)',
+  'util-colors-cyan-cyan-300': 'var(--color-util-colors-cyan-cyan-300)',
+  'util-colors-cyan-cyan-400': 'var(--color-util-colors-cyan-cyan-400)',
+  'util-colors-cyan-cyan-500': 'var(--color-util-colors-cyan-cyan-500)',
+  'util-colors-cyan-cyan-600': 'var(--color-util-colors-cyan-cyan-600)',
+  'util-colors-cyan-cyan-700': 'var(--color-util-colors-cyan-cyan-700)',
+
+  'util-colors-violet-violet-50': 'var(--color-util-colors-violet-violet-50)',
+  'util-colors-violet-violet-100': 'var(--color-util-colors-violet-violet-100)',
+  'util-colors-violet-violet-200': 'var(--color-util-colors-violet-violet-200)',
+  'util-colors-violet-violet-300': 'var(--color-util-colors-violet-violet-300)',
+  'util-colors-violet-violet-400': 'var(--color-util-colors-violet-violet-400)',
+  'util-colors-violet-violet-500': 'var(--color-util-colors-violet-violet-500)',
+  'util-colors-violet-violet-600': 'var(--color-util-colors-violet-violet-600)',
+  'util-colors-violet-violet-700': 'var(--color-util-colors-violet-violet-700)',
+
+  'util-colors-gray-gray-50': 'var(--color-util-colors-gray-gray-50)',
+  'util-colors-gray-gray-100': 'var(--color-util-colors-gray-gray-100)',
+  'util-colors-gray-gray-200': 'var(--color-util-colors-gray-gray-200)',
+  'util-colors-gray-gray-300': 'var(--color-util-colors-gray-gray-300)',
+  'util-colors-gray-gray-400': 'var(--color-util-colors-gray-gray-400)',
+  'util-colors-gray-gray-500': 'var(--color-util-colors-gray-gray-500)',
+  'util-colors-gray-gray-600': 'var(--color-util-colors-gray-gray-600)',
+  'util-colors-gray-gray-700': 'var(--color-util-colors-gray-gray-700)',
 
   'third-party-LangChain': 'var(--color-third-party-LangChain)',
   'third-party-Langfuse': 'var(--color-third-party-Langfuse)',