merge main

2024-11-26 11:38:37 +08:00 · 2024-11-26 11:38:37 +08:00 · b84b0c8ba8
commit b84b0c8ba8
parent f47b32b26d e9c098d024
3 changed files with 132 additions and 8 deletions
--- a/web/themes/dark.css
+++ b/web/themes/dark.css
@ -85,6 +85,10 @@ html[data-theme="dark"] {
  --color-components-button-secondary-accent-border-hover: #FFFFFF1F;
  --color-components-button-secondary-accent-border-disabled: #FFFFFF0D;

+  --color-components-button-indigo-bg: #444CE7;
+  --color-components-button-indigo-bg-hover: #6172F3;
+  --color-components-button-indigo-bg-disabled: #FFFFFF08;
+
  --color-components-checkbox-icon: #FFFFFFF2;
  --color-components-checkbox-icon-disabled: #FFFFFF33;
  --color-components-checkbox-bg: #296DFF;
@ -315,6 +319,39 @@ html[data-theme="dark"] {
  --color-components-premium-badge-orange-stroke-stop-0-hover: #FFFFFF80;
  --color-components-premium-badge-orange-stroke-stop-100-hover: #FF4405;

+  --color-components-progress-bar-bg: #C8CEDA14;
+  --color-components-progress-bar-progress: #C8CEDA24;
+  --color-components-progress-bar-border: #FFFFFF08;
+  --color-components-progress-bar-progress-solid: #FFFFFFF2;
+  --color-components-progress-bar-progress-highlight: #C8CEDA33;
+
+  --color-components-icon-bg-red-solid: #D92D20;
+  --color-components-icon-bg-rose-solid: #E31B54;
+  --color-components-icon-bg-pink-solid: #DD2590;
+  --color-components-icon-bg-orange-dark-solid: #FF4405;
+  --color-components-icon-bg-yellow-solid: #EAAA08;
+  --color-components-icon-bg-green-solid: #4CA30D;
+  --color-components-icon-bg-teal-solid: #0E9384;
+  --color-components-icon-bg-blue-light-solid: #0BA5EC;
+  --color-components-icon-bg-blue-solid: #155AEF;
+  --color-components-icon-bg-indigo-solid: #444CE7;
+  --color-components-icon-bg-violet-solid: #7839EE;
+  --color-components-icon-bg-midnight-solid: #5D698D;
+  --color-components-icon-bg-rose-soft: #F63D6833;
+  --color-components-icon-bg-pink-soft: #EE46BC33;
+  --color-components-icon-bg-orange-dark-soft: #FF440533;
+  --color-components-icon-bg-yellow-soft: #EAAA0833;
+  --color-components-icon-bg-green-soft: #66C61C33;
+  --color-components-icon-bg-teal-soft: #15B79E33;
+  --color-components-icon-bg-blue-light-soft: #0BA5EC33;
+  --color-components-icon-bg-blue-soft: #155AEF33;
+  --color-components-icon-bg-indigo-soft: #6172F333;
+  --color-components-icon-bg-violet-soft: #875BF733;
+  --color-components-icon-bg-midnight-soft: #828DAD33;
+  --color-components-icon-bg-red-soft: #F0443833;
+  --color-components-icon-bg-orange-solid: #F79009;
+  --color-components-icon-bg-orange-soft: #F7900933;
+
  --color-text-primary: #FBFBFC;
  --color-text-secondary: #D9D9DE;
  --color-text-tertiary: #C8CEDA99;
@ -410,12 +447,6 @@ html[data-theme="dark"] {
  --color-workflow-link-line-error-active: #F97066;
  --color-workflow-link-line-error-handle: #F97066;

-  --color-workflow-link-line-success-active: #47CD89;
-  --color-workflow-link-line-success-handle: #47CD89;
-
-  --color-workflow-link-line-error-active: #F97066;
-  --color-workflow-link-line-error-handle: #F97066;
-
  --color-workflow-minimap-bg: #27272B;
  --color-workflow-minimap-block: #C8CEDA14;

@ -697,4 +728,11 @@ html[data-theme="dark"] {
  --color-third-party-model-bg-openai: #121212;
  --color-third-party-model-bg-anthropic: #1D1917;
  --color-third-party-model-bg-default: #0B0B0E;
+
+  --color-third-party-aws: #141F2E;
+  --color-third-party-aws-alt: #192639;
+
+  --color-saas-background: #0B0B0E;
+  --color-saas-pricing-grid-bg: #C8CEDA33;
+
 }
--- a/web/themes/light.css
+++ b/web/themes/light.css
@ -85,6 +85,10 @@ html[data-theme="light"] {
  --color-components-button-secondary-accent-border-hover: #10182824;
  --color-components-button-secondary-accent-border-disabled: #1018280A;

+  --color-components-button-indigo-bg: #444CE7;
+  --color-components-button-indigo-bg-hover: #3538CD;
+  --color-components-button-indigo-bg-disabled: #6172F324;
+
  --color-components-checkbox-icon: #FFFFFF;
  --color-components-checkbox-icon-disabled: #FFFFFF80;
  --color-components-checkbox-bg: #155AEF;
@ -315,6 +319,39 @@ html[data-theme="light"] {
  --color-components-premium-badge-orange-stroke-stop-0-hover: #FFFFFFF2;
  --color-components-premium-badge-orange-stroke-stop-100-hover: #BC1B06;

+  --color-components-progress-bar-bg: #155AEF0A;
+  --color-components-progress-bar-progress: #155AEF24;
+  --color-components-progress-bar-border: #1018280A;
+  --color-components-progress-bar-progress-solid: #296DFF;
+  --color-components-progress-bar-progress-highlight: #155AEF33;
+
+  --color-components-icon-bg-red-solid: #D92D20;
+  --color-components-icon-bg-rose-solid: #E31B54;
+  --color-components-icon-bg-pink-solid: #DD2590;
+  --color-components-icon-bg-orange-dark-solid: #FF4405;
+  --color-components-icon-bg-yellow-solid: #EAAA08;
+  --color-components-icon-bg-green-solid: #4CA30D;
+  --color-components-icon-bg-teal-solid: #0E9384;
+  --color-components-icon-bg-blue-light-solid: #0BA5EC;
+  --color-components-icon-bg-blue-solid: #155AEF;
+  --color-components-icon-bg-indigo-solid: #444CE7;
+  --color-components-icon-bg-violet-solid: #7839EE;
+  --color-components-icon-bg-midnight-solid: #828DAD;
+  --color-components-icon-bg-rose-soft: #FFF1F3;
+  --color-components-icon-bg-pink-soft: #FDF2FA;
+  --color-components-icon-bg-orange-dark-soft: #FFF4ED;
+  --color-components-icon-bg-yellow-soft: #FEFBE8;
+  --color-components-icon-bg-green-soft: #F3FEE7;
+  --color-components-icon-bg-teal-soft: #F0FDF9;
+  --color-components-icon-bg-blue-light-soft: #F0F9FF;
+  --color-components-icon-bg-blue-soft: #EFF4FF;
+  --color-components-icon-bg-indigo-soft: #EEF4FF;
+  --color-components-icon-bg-violet-soft: #F5F3FF;
+  --color-components-icon-bg-midnight-soft: #F0F2F5;
+  --color-components-icon-bg-red-soft: #FEF3F2;
+  --color-components-icon-bg-orange-solid: #F79009;
+  --color-components-icon-bg-orange-soft: #FFFAEB;
+
  --color-text-primary: #101828;
  --color-text-secondary: #354052;
  --color-text-tertiary: #676F83;
@ -684,11 +721,17 @@ html[data-theme="light"] {

  --color-third-party-LangChain: #1C3C3C;
  --color-third-party-Langfuse: #000000;
-
  --color-third-party-Github: #1B1F24;
  --color-third-party-Github-tertiary: #1B1F24;
  --color-third-party-Github-secondary: #1B1F24;
  --color-third-party-model-bg-openai: #E3E5E8;
  --color-third-party-model-bg-anthropic: #EEEDE7;
  --color-third-party-model-bg-default: #F9FAFB;
+
+  --color-third-party-aws: #141F2E;
+  --color-third-party-aws-alt: #0F1824;
+
+  --color-saas-background: #FCFCFD;
+  --color-saas-pricing-grid-bg: #C8CEDA80;
+
 }
--- a/web/themes/tailwind-theme-var-define.ts
+++ b/web/themes/tailwind-theme-var-define.ts
@ -85,6 +85,10 @@ const vars = {
  'components-button-secondary-accent-border-hover': 'var(--color-components-button-secondary-accent-border-hover)',
  'components-button-secondary-accent-border-disabled': 'var(--color-components-button-secondary-accent-border-disabled)',

+  'components-button-indigo-bg': 'var(--color-components-button-indigo-bg)',
+  'components-button-indigo-bg-hover': 'var(--color-components-button-indigo-bg-hover)',
+  'components-button-indigo-bg-disabled': 'var(--color-components-button-indigo-bg-disabled)',
+
  'components-checkbox-icon': 'var(--color-components-checkbox-icon)',
  'components-checkbox-icon-disabled': 'var(--color-components-checkbox-icon-disabled)',
  'components-checkbox-bg': 'var(--color-components-checkbox-bg)',
@ -315,6 +319,39 @@ const vars = {
  'components-premium-badge-orange-stroke-stop-0-hover': 'var(--color-components-premium-badge-orange-stroke-stop-0-hover)',
  'components-premium-badge-orange-stroke-stop-100-hover': 'var(--color-components-premium-badge-orange-stroke-stop-100-hover)',

+  'components-progress-bar-bg': 'var(--color-components-progress-bar-bg)',
+  'components-progress-bar-progress': 'var(--color-components-progress-bar-progress)',
+  'components-progress-bar-border': 'var(--color-components-progress-bar-border)',
+  'components-progress-bar-progress-solid': 'var(--color-components-progress-bar-progress-solid)',
+  'components-progress-bar-progress-highlight': 'var(--color-components-progress-bar-progress-highlight)',
+
+  'components-icon-bg-red-solid': 'var(--color-components-icon-bg-red-solid)',
+  'components-icon-bg-rose-solid': 'var(--color-components-icon-bg-rose-solid)',
+  'components-icon-bg-pink-solid': 'var(--color-components-icon-bg-pink-solid)',
+  'components-icon-bg-orange-dark-solid': 'var(--color-components-icon-bg-orange-dark-solid)',
+  'components-icon-bg-yellow-solid': 'var(--color-components-icon-bg-yellow-solid)',
+  'components-icon-bg-green-solid': 'var(--color-components-icon-bg-green-solid)',
+  'components-icon-bg-teal-solid': 'var(--color-components-icon-bg-teal-solid)',
+  'components-icon-bg-blue-light-solid': 'var(--color-components-icon-bg-blue-light-solid)',
+  'components-icon-bg-blue-solid': 'var(--color-components-icon-bg-blue-solid)',
+  'components-icon-bg-indigo-solid': 'var(--color-components-icon-bg-indigo-solid)',
+  'components-icon-bg-violet-solid': 'var(--color-components-icon-bg-violet-solid)',
+  'components-icon-bg-midnight-solid': 'var(--color-components-icon-bg-midnight-solid)',
+  'components-icon-bg-rose-soft': 'var(--color-components-icon-bg-rose-soft)',
+  'components-icon-bg-pink-soft': 'var(--color-components-icon-bg-pink-soft)',
+  'components-icon-bg-orange-dark-soft': 'var(--color-components-icon-bg-orange-dark-soft)',
+  'components-icon-bg-yellow-soft': 'var(--color-components-icon-bg-yellow-soft)',
+  'components-icon-bg-green-soft': 'var(--color-components-icon-bg-green-soft)',
+  'components-icon-bg-teal-soft': 'var(--color-components-icon-bg-teal-soft)',
+  'components-icon-bg-blue-light-soft': 'var(--color-components-icon-bg-blue-light-soft)',
+  'components-icon-bg-blue-soft': 'var(--color-components-icon-bg-blue-soft)',
+  'components-icon-bg-indigo-soft': 'var(--color-components-icon-bg-indigo-soft)',
+  'components-icon-bg-violet-soft': 'var(--color-components-icon-bg-violet-soft)',
+  'components-icon-bg-midnight-soft': 'var(--color-components-icon-bg-midnight-soft)',
+  'components-icon-bg-red-soft': 'var(--color-components-icon-bg-red-soft)',
+  'components-icon-bg-orange-solid': 'var(--color-components-icon-bg-orange-solid)',
+  'components-icon-bg-orange-soft': 'var(--color-components-icon-bg-orange-soft)',
+
  'text-primary': 'var(--color-text-primary)',
  'text-secondary': 'var(--color-text-secondary)',
  'text-tertiary': 'var(--color-text-tertiary)',
@ -690,6 +727,12 @@ const vars = {
  'third-party-model-bg-openai': 'var(--color-third-party-model-bg-openai)',
  'third-party-model-bg-anthropic': 'var(--color-third-party-model-bg-anthropic)',
  'third-party-model-bg-default': 'var(--color-third-party-model-bg-default)',
-}

+  'third-party-aws': 'var(--color-third-party-aws)',
+  'third-party-aws-alt': 'var(--color-third-party-aws-alt)',
+
+  'saas-background': 'var(--color-saas-background)',
+  'saas-pricing-grid-bg': 'var(--color-saas-pricing-grid-bg)',
+
+}
 export default vars