feat: tailwind related improvement (#6085)
This commit is contained in:
parent
7c70eb87bc
commit
eff280f3e7
340 changed files with 2117 additions and 417 deletions
559
web/themes/dark.css
Normal file
559
web/themes/dark.css
Normal file
|
|
@ -0,0 +1,559 @@
|
|||
/* Attention: Generate by code. Don't update by hand!!! */
|
||||
html[data-theme="dark"] {
|
||||
--color-components-input-bg-normal: #FFFFFF14;
|
||||
--color-components-input-text-placeholder: #C8CEDA4D;
|
||||
--color-components-input-bg-hover: #FFFFFF08;
|
||||
--color-components-input-bg-active: #FFFFFF0D;
|
||||
--color-components-input-border-active: #747481;
|
||||
--color-components-input-border-destructive: #F97066;
|
||||
--color-components-input-text-filled: #F4F4F5;
|
||||
--color-components-input-bg-destructive: #FFFFFF03;
|
||||
--color-components-input-bg-disabled: #FFFFFF08;
|
||||
--color-components-input-text-disabled: #C8CEDA4D;
|
||||
--color-components-input-text-filled-disabled: #C8CEDA66;
|
||||
--color-components-input-border-hover: #3A3A40;
|
||||
--color-components-input-border-active-prompt-1: #36BFFA;
|
||||
--color-components-input-border-active-prompt-2: #296DFF;
|
||||
|
||||
--color-components-kbd-bg-gray: #FFFFFF08;
|
||||
--color-components-kbd-bg-white: #FFFFFF1F;
|
||||
|
||||
--color-components-tooltip-bg: #18181BF2;
|
||||
|
||||
--color-components-button-primary-text: #FFFFFFF2;
|
||||
--color-components-button-primary-bg: #155AEF;
|
||||
--color-components-button-primary-border: #FFFFFF1F;
|
||||
--color-components-button-primary-bg-hover: #296DFF;
|
||||
--color-components-button-primary-border-hover: #FFFFFF33;
|
||||
--color-components-button-primary-bg-disabled: #FFFFFF08;
|
||||
--color-components-button-primary-border-disabled: #FFFFFF14;
|
||||
--color-components-button-primary-text-disabled: #FFFFFF33;
|
||||
|
||||
--color-components-button-secondary-text: #FFFFFFCC;
|
||||
--color-components-button-secondary-text-disabled: #FFFFFF33;
|
||||
--color-components-button-secondary-bg: #FFFFFF1F;
|
||||
--color-components-button-secondary-bg-hover: #FFFFFF33;
|
||||
--color-components-button-secondary-bg-disabled: #FFFFFF08;
|
||||
--color-components-button-secondary-border: #FFFFFF14;
|
||||
--color-components-button-secondary-border-hover: #FFFFFF1F;
|
||||
--color-components-button-secondary-border-disabled: #FFFFFF0D;
|
||||
|
||||
--color-components-button-tertiary-text: #D9D9DE;
|
||||
--color-components-button-tertiary-text-disabled: #FFFFFF33;
|
||||
--color-components-button-tertiary-bg: #FFFFFF14;
|
||||
--color-components-button-tertiary-bg-hover: #FFFFFF1F;
|
||||
--color-components-button-tertiary-bg-disabled: #FFFFFF08;
|
||||
|
||||
--color-components-button-ghost-text: #D9D9DE;
|
||||
--color-components-button-ghost-text-disabled: #FFFFFF33;
|
||||
--color-components-button-ghost-bg-hover: #C8CEDA14;
|
||||
|
||||
--color-components-button-destructive-primary-text: #FFFFFFF2;
|
||||
--color-components-button-destructive-primary-text-disabled: #FFFFFF33;
|
||||
--color-components-button-destructive-primary-bg: #D92D20;
|
||||
--color-components-button-destructive-primary-bg-hover: #F04438;
|
||||
--color-components-button-destructive-primary-bg-disabled: #F0443824;
|
||||
--color-components-button-destructive-primary-border: #FFFFFF1F;
|
||||
--color-components-button-destructive-primary-border-hover: #FFFFFF33;
|
||||
--color-components-button-destructive-primary-border-disabled: #FFFFFF14;
|
||||
|
||||
--color-components-button-destructive-secondary-text: #F04438;
|
||||
--color-components-button-destructive-secondary-text-disabled: #F0443833;
|
||||
--color-components-button-destructive-secondary-bg: #FFFFFF1F;
|
||||
--color-components-button-destructive-secondary-bg-hover: #F0443824;
|
||||
--color-components-button-destructive-secondary-bg-disabled: #F0443814;
|
||||
--color-components-button-destructive-secondary-border: #FFFFFF14;
|
||||
--color-components-button-destructive-secondary-border-hover: #FFFFFF1F;
|
||||
--color-components-button-destructive-secondary-border-disabled: #F0443814;
|
||||
|
||||
--color-components-button-destructive-tertiary-text: #F04438;
|
||||
--color-components-button-destructive-tertiary-text-disabled: #F0443833;
|
||||
--color-components-button-destructive-tertiary-bg: #F0443824;
|
||||
--color-components-button-destructive-tertiary-bg-hover: #F0443840;
|
||||
--color-components-button-destructive-tertiary-bg-disabled: #F0443814;
|
||||
|
||||
--color-components-button-destructive-ghost-text: #F04438;
|
||||
--color-components-button-destructive-ghost-text-disabled: #F0443833;
|
||||
--color-components-button-destructive-ghost-bg-hover: #F0443824;
|
||||
|
||||
--color-components-button-secondary-accent-text: #FFFFFFCC;
|
||||
--color-components-button-secondary-accent-text-disabled: #FFFFFF33;
|
||||
--color-components-button-secondary-accent-bg: #FFFFFF0D;
|
||||
--color-components-button-secondary-accent-bg-hover: #FFFFFF14;
|
||||
--color-components-button-secondary-accent-bg-disabled: #FFFFFF08;
|
||||
--color-components-button-secondary-accent-border: #FFFFFF14;
|
||||
--color-components-button-secondary-accent-border-hover: #FFFFFF1F;
|
||||
--color-components-button-secondary-accent-border-disabled: #FFFFFF0D;
|
||||
|
||||
--color-components-checkbox-icon: #FFFFFFF2;
|
||||
--color-components-checkbox-icon-disabled: #FFFFFF33;
|
||||
--color-components-checkbox-bg: #296DFF;
|
||||
--color-components-checkbox-bg-hover: #5289FF;
|
||||
--color-components-checkbox-bg-disabled: #FFFFFF08;
|
||||
--color-components-checkbox-border: #FFFFFF66;
|
||||
--color-components-checkbox-border-hover: #FFFFFF99;
|
||||
--color-components-checkbox-border-disabled: #FFFFFF03;
|
||||
--color-components-checkbox-bg-unchecked: #FFFFFF08;
|
||||
--color-components-checkbox-bg-unchecked-hover: #FFFFFF0D;
|
||||
|
||||
--color-components-radio-border-checked: #296DFF;
|
||||
--color-components-radio-border-checked-hover: #5289FF;
|
||||
--color-components-radio-border-checked-disabled: #FFFFFF14;
|
||||
--color-components-radio-bg-disabled: #FFFFFF08;
|
||||
--color-components-radio-border: #FFFFFF66;
|
||||
--color-components-radio-border-hover: #FFFFFF99;
|
||||
--color-components-radio-border-disabled: #FFFFFF03;
|
||||
--color-components-radio-bg: #FFFFFF00;
|
||||
--color-components-radio-bg-hover: #FFFFFF0D;
|
||||
|
||||
--color-components-toggle-knob: #F4F4F5;
|
||||
--color-components-toggle-knob-disabled: #FFFFFF33;
|
||||
--color-components-toggle-bg: #296DFF;
|
||||
--color-components-toggle-bg-hover: #5289FF;
|
||||
--color-components-toggle-bg-disabled: #FFFFFF14;
|
||||
--color-components-toggle-bg-unchecked: #FFFFFF33;
|
||||
--color-components-toggle-bg-unchecked-hover: #FFFFFF4D;
|
||||
--color-components-toggle-bg-unchecked-disabled: #FFFFFF14;
|
||||
--color-components-toggle-knob-hover: #FEFEFE;
|
||||
|
||||
--color-components-card-bg: #222225;
|
||||
--color-components-card-border: #FFFFFF08;
|
||||
--color-components-card-bg-alt: #27272B;
|
||||
|
||||
--color-components-menu-item-text: #C8CEDA99;
|
||||
--color-components-menu-item-text-active: #FFFFFFF2;
|
||||
--color-components-menu-item-text-hover: #C8CEDACC;
|
||||
--color-components-menu-item-text-active-accent: #FFFFFFF2;
|
||||
|
||||
--color-components-panel-bg: #222225;
|
||||
--color-components-panel-bg-blur: #2C2C30F2;
|
||||
--color-components-panel-border: #C8CEDA24;
|
||||
--color-components-panel-border-subtle: #C8CEDA14;
|
||||
--color-components-panel-gradient-2: #222225;
|
||||
--color-components-panel-gradient-1: #27272B;
|
||||
--color-components-panel-bg-alt: #222225;
|
||||
--color-components-panel-on-panel-item-bg: #27272B;
|
||||
--color-components-panel-on-panel-item-bg-hover: #3A3A40;
|
||||
--color-components-panel-on-panel-item-bg-alt: #3A3A40;
|
||||
|
||||
--color-components-main-nav-nav-button-text: #C8CEDA99;
|
||||
--color-components-main-nav-nav-button-text-active: #F4F4F5;
|
||||
--color-components-main-nav-nav-button-bg: #FFFFFF00;
|
||||
--color-components-main-nav-nav-button-bg-active: #C8CEDA24;
|
||||
--color-components-main-nav-nav-button-border: #FFFFFF14;
|
||||
--color-components-main-nav-nav-button-bg-hover: #C8CEDA0A;
|
||||
|
||||
--color-components-main-nav-nav-user-border: #FFFFFF0D;
|
||||
|
||||
--color-components-silder-knob: #F4F4F5;
|
||||
--color-components-silder-knob-hover: #FEFEFE;
|
||||
--color-components-silder-knob-disabled: #FFFFFF33;
|
||||
--color-components-silder-range: #296DFF;
|
||||
--color-components-silder-track: #FFFFFF33;
|
||||
--color-components-silder-knob-border-hover: #1018284D;
|
||||
--color-components-silder-knob-border: #10182833;
|
||||
|
||||
--color-components-segmented-control-item-active-bg: #FFFFFF14;
|
||||
--color-components-segmented-control-item-active-border: #C8CEDA14;
|
||||
--color-components-segmented-control-bg-normal: #18181BB2;
|
||||
--color-components-segmented-control-item-active-accent-bg: #155AEF33;
|
||||
--color-components-segmented-control-item-active-accent-border: #155AEF4D;
|
||||
|
||||
--color-components-option-card-option-bg: #C8CEDA0A;
|
||||
--color-components-option-card-option-selected-bg: #FFFFFF0D;
|
||||
--color-components-option-card-option-selected-border: #5289FF;
|
||||
--color-components-option-card-option-border: #C8CEDA33;
|
||||
--color-components-option-card-option-bg-hover: #C8CEDA24;
|
||||
--color-components-option-card-option-border-hover: #C8CEDA4D;
|
||||
|
||||
--color-components-tab-active: #296DFF;
|
||||
|
||||
--color-components-badge-white-to-dark: #18181BCC;
|
||||
--color-components-badge-status-light-success-bg: #17B26A;
|
||||
--color-components-badge-status-light-success-border-inner: #47CD89;
|
||||
--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-warning-bg: #F79009;
|
||||
--color-components-badge-status-light-warning-border-inner: #FDB022;
|
||||
--color-components-badge-status-light-warning-halo: #F790094D;
|
||||
|
||||
--color-components-badge-status-light-error-bg: #F04438;
|
||||
--color-components-badge-status-light-error-border-inner: #F97066;
|
||||
--color-components-badge-status-light-error-halo: #F044384D;
|
||||
|
||||
--color-components-badge-status-light-normal-bg: #0BA5EC;
|
||||
--color-components-badge-status-light-normal-border-inner: #36BFFA;
|
||||
--color-components-badge-status-light-normal-halo: #0BA5EC4D;
|
||||
|
||||
--color-components-badge-status-light-disabled-bg: #676F83;
|
||||
--color-components-badge-status-light-disabled-border-inner: #98A2B2;
|
||||
--color-components-badge-status-light-disabled-halo: #C8CEDA14;
|
||||
|
||||
--color-components-badge-bg-green-soft: #17B26A24;
|
||||
--color-components-badge-bg-orange-soft: #F7900924;
|
||||
--color-components-badge-bg-red-soft: #F0443824;
|
||||
--color-components-badge-bg-blue-light-soft: #0BA5EC24;
|
||||
--color-components-badge-bg-gray-soft: #C8CEDA14;
|
||||
|
||||
--color-components-chart-line: #5289FF;
|
||||
--color-components-chart-area-1: #155AEF33;
|
||||
--color-components-chart-area-2: #155AEF0A;
|
||||
--color-components-chart-current-1: #5289FF;
|
||||
--color-components-chart-current-2: #155AEF4D;
|
||||
--color-components-chart-bg: #18181BF2;
|
||||
|
||||
--color-components-actionbar-bg: #18181BCC;
|
||||
--color-components-actionbar-border: #C8CEDA14;
|
||||
|
||||
--color-components-dropzone-bg-alt: #18181BCC;
|
||||
--color-components-dropzone-bg: #18181B66;
|
||||
--color-components-dropzone-bg-accent: #155AEF24;
|
||||
--color-components-dropzone-border: #C8CEDA24;
|
||||
--color-components-dropzone-border-alt: #C8CEDA33;
|
||||
--color-components-dropzone-border-accent: #84ABFF;
|
||||
|
||||
--color-components-progress-brand-progress: #5289FF;
|
||||
--color-components-progress-brand-border: #5289FF;
|
||||
--color-components-progress-brand-bg: #155AEF0A;
|
||||
|
||||
--color-components-progress-white-progress: #FFFFFF;
|
||||
--color-components-progress-white-border: #FFFFFFF2;
|
||||
--color-components-progress-white-bg: #FFFFFF03;
|
||||
|
||||
--color-components-progress-gray-progress: #98A2B2;
|
||||
--color-components-progress-gray-border: #98A2B2;
|
||||
--color-components-progress-gray-bg: #C8CEDA05;
|
||||
|
||||
--color-components-chat-input-audio-bg: #155AEF33;
|
||||
--color-components-chat-input-audio-wave: #C8CEDA24;
|
||||
--color-components-chat-input-bg-mask-1: #18181B0A;
|
||||
--color-components-chat-input-bg-mask-2: #18181B99;
|
||||
--color-components-chat-input-border: #C8CEDA33;
|
||||
|
||||
--color-text-primary: #FBFBFC;
|
||||
--color-text-secondary: #D9D9DE;
|
||||
--color-text-tertiary: #C8CEDA99;
|
||||
--color-text-quaternary: #C8CEDA66;
|
||||
--color-text-destructive: #F04438;
|
||||
--color-text-success: #17B26A;
|
||||
--color-text-warning: #F79009;
|
||||
--color-text-destructive-secondary: #F04438;
|
||||
--color-text-success-secondary: #47CD89;
|
||||
--color-text-warning-secondary: #FDB022;
|
||||
--color-text-accent: #5289FF;
|
||||
--color-text-primary-on-surface: #FFFFFFF2;
|
||||
--color-text-placeholder: #C8CEDA4D;
|
||||
--color-text-disabled: #C8CEDA4D;
|
||||
--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-logo-text: #E9E9EC;
|
||||
--color-text-empty-state-icon: #C8CEDA4D;
|
||||
|
||||
--color-background-body: #1D1D20;
|
||||
--color-background-default-subtle: #222225;
|
||||
--color-background-neurtral-subtle: #1D1D20;
|
||||
--color-background-sidenav-bg: #18181B80;
|
||||
--color-background-default: #222225;
|
||||
--color-background-soft: #18181B40;
|
||||
--color-background-gradient-bg-fill-chat-bg-1: #222225;
|
||||
--color-background-gradient-bg-fill-chat-bg-2: #1D1D20;
|
||||
--color-background-gradient-bg-fill-chat-bubble-bg-1: #C8CEDA14;
|
||||
--color-background-gradient-bg-fill-chat-bubble-bg-2: #C8CEDA05;
|
||||
|
||||
--color-background-gradient-mask-gray: #18181B14;
|
||||
--color-background-gradient-mask-transparent: #00000000;
|
||||
--color-background-gradient-mask-input-clear-2: #393A3E00;
|
||||
--color-background-gradient-mask-input-clear-1: #393A3E;
|
||||
--color-background-gradient-mask-transparent-dark: #00000000;
|
||||
--color-background-gradient-mask-side-panel-2: #18181BE5;
|
||||
--color-background-gradient-mask-side-panel-1: #18181B0A;
|
||||
|
||||
--color-background-default-burn: #1D1D20;
|
||||
--color-background-overlay-fullscreen: #27272AF7;
|
||||
--color-background-default-lighter: #C8CEDA0A;
|
||||
--color-background-section: #18181B66;
|
||||
--color-background-interaction-from-bg-1: #18181B66;
|
||||
--color-background-interaction-from-bg-2: #18181B24;
|
||||
--color-background-section-burn: #18181B99;
|
||||
--color-background-default-dodge: #3A3A40;
|
||||
--color-background-overlay: #18181BCC;
|
||||
--color-background-default-dimm: #27272B;
|
||||
--color-background-default-hover: #27272B;
|
||||
--color-background-overlay-alt: #18181B66;
|
||||
--color-background-surface-white: #FFFFFFE5;
|
||||
--color-background-overlay-destructive: #F044384D;
|
||||
|
||||
--color-shadow-shadow-1: #0000000D;
|
||||
--color-shadow-shadow-3: #0000001A;
|
||||
--color-shadow-shadow-4: #0000001F;
|
||||
--color-shadow-shadow-5: #00000029;
|
||||
--color-shadow-shadow-6: #00000033;
|
||||
--color-shadow-shadow-7: #0000003D;
|
||||
--color-shadow-shadow-8: #00000047;
|
||||
--color-shadow-shadow-9: #0000005C;
|
||||
--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-parma-bg: #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;
|
||||
--color-workflow-canvas-workflow-bg: #1D1D20;
|
||||
|
||||
--color-workflow-link-line-active: #296DFF;
|
||||
--color-workflow-link-line-normal: #676F83;
|
||||
--color-workflow-link-line-handle: #296DFF;
|
||||
|
||||
--color-workflow-minmap-bg: #27272B;
|
||||
--color-workflow-minmap-block: #C8CEDA14;
|
||||
|
||||
--color-workflow-display-success-bg: #17B26A33;
|
||||
--color-workflow-display-success-border-1: #17B26AE5;
|
||||
--color-workflow-display-success-border-2: #17B26ACC;
|
||||
--color-workflow-display-success-vignette-color: #17B26A40;
|
||||
--color-workflow-display-success-bg-line-pattern: #18181BCC;
|
||||
|
||||
--color-workflow-display-glass-1: #FFFFFF03;
|
||||
--color-workflow-display-glass-2: #FFFFFF08;
|
||||
--color-workflow-display-vignette-dark: #00000066;
|
||||
--color-workflow-display-highlight: #FFFFFF1F;
|
||||
--color-workflow-display-outline: #18181BF2;
|
||||
--color-workflow-display-error-bg: #F0443833;
|
||||
--color-workflow-display-error-bg-line-pattern: #18181BCC;
|
||||
--color-workflow-display-error-border-1: #F04438E5;
|
||||
--color-workflow-display-error-border-2: #F04438CC;
|
||||
--color-workflow-display-error-vignette-color: #F0443840;
|
||||
|
||||
--color-workflow-display-warning-bg: #F7900933;
|
||||
--color-workflow-display-warning-bg-line-pattern: #18181BCC;
|
||||
--color-workflow-display-warning-border-1: #F79009E5;
|
||||
--color-workflow-display-warning-border-2: #F79009CC;
|
||||
--color-workflow-display-warning-vignette-color: #F7900940;
|
||||
|
||||
--color-workflow-display-normal-bg: #0BA5EC33;
|
||||
--color-workflow-display-normal-bg-line-pattern: #18181BCC;
|
||||
--color-workflow-display-normal-border-1: #0BA5ECE5;
|
||||
--color-workflow-display-normal-border-2: #0BA5ECCC;
|
||||
--color-workflow-display-normal-vignette-color: #0BA5EC40;
|
||||
|
||||
--color-workflow-display-disabled-bg: #C8CEDA33;
|
||||
--color-workflow-display-disabled-bg-line-pattern: #18181BCC;
|
||||
--color-workflow-display-disabled-border-1: #C8CEDA99;
|
||||
--color-workflow-display-disabled-border-2: #C8CEDA40;
|
||||
--color-workflow-display-disabled-vignette-color: #C8CEDA40;
|
||||
--color-workflow-display-disabled-outline: #18181BF2;
|
||||
|
||||
--color-divider-subtle: #C8CEDA14;
|
||||
--color-divider-regular: #C8CEDA24;
|
||||
--color-divider-deep: #C8CEDA33;
|
||||
--color-divider-burn: #18181BF2;
|
||||
--color-divider-intense: #C8CEDA66;
|
||||
--color-divider-soild: #3A3A40;
|
||||
--color-divider-soild-alt: #747481;
|
||||
|
||||
--color-state-base-hover: #C8CEDA14;
|
||||
--color-state-base-active: #C8CEDA33;
|
||||
--color-state-base-hover-alt: #C8CEDA24;
|
||||
--color-state-base-handle: #C8CEDA4D;
|
||||
--color-state-base-handle-hover: #C8CEDA80;
|
||||
|
||||
--color-state-accent-hover: #155AEF24;
|
||||
--color-state-accent-active: #155AEF24;
|
||||
--color-state-accent-hover-alt: #155AEF40;
|
||||
--color-state-accent-soild: #5289FF;
|
||||
--color-state-accent-active-alt: #155AEF33;
|
||||
|
||||
--color-state-destructive-hover: #F0443824;
|
||||
--color-state-destructive-hover-alt: #F0443840;
|
||||
--color-state-destructive-active: #F044384D;
|
||||
--color-state-destructive-soild: #F97066;
|
||||
--color-state-destructive-border: #F97066;
|
||||
|
||||
--color-state-success-hover: #17B26A24;
|
||||
--color-state-success-hover-alt: #17B26A40;
|
||||
--color-state-success-active: #17B26A4D;
|
||||
--color-state-success-soild: #47CD89;
|
||||
|
||||
--color-state-warning-hover: #F7900924;
|
||||
--color-state-warning-hover-alt: #F7900940;
|
||||
--color-state-warning-active: #F790094D;
|
||||
--color-state-warning-soild: #F79009;
|
||||
|
||||
--color-effects-highlight: #C8CEDA14;
|
||||
--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-third-party-LangChain: #FFFFFF;
|
||||
--color-third-party-Langfuse: #FFFFFF;
|
||||
}
|
||||
559
web/themes/light.css
Normal file
559
web/themes/light.css
Normal file
|
|
@ -0,0 +1,559 @@
|
|||
/* Attention: Generate by code. Don't update by hand!!! */
|
||||
html[data-theme="light"] {
|
||||
--color-components-input-bg-normal: #C8CEDA40;
|
||||
--color-components-input-text-placeholder: #98A2B2;
|
||||
--color-components-input-bg-hover: #C8CEDA24;
|
||||
--color-components-input-bg-active: #F9FAFB;
|
||||
--color-components-input-border-active: #D0D5DC;
|
||||
--color-components-input-border-destructive: #FDA29B;
|
||||
--color-components-input-text-filled: #101828;
|
||||
--color-components-input-bg-destructive: #FFFFFF;
|
||||
--color-components-input-bg-disabled: #C8CEDA24;
|
||||
--color-components-input-text-disabled: #D0D5DC;
|
||||
--color-components-input-text-filled-disabled: #1018284D;
|
||||
--color-components-input-border-hover: #D0D5DC;
|
||||
--color-components-input-border-active-prompt-1: #0BA5EC;
|
||||
--color-components-input-border-active-prompt-2: #155AEF;
|
||||
|
||||
--color-components-kbd-bg-gray: #1018280A;
|
||||
--color-components-kbd-bg-white: #FFFFFF1F;
|
||||
|
||||
--color-components-tooltip-bg: #FFFFFFF2;
|
||||
|
||||
--color-components-button-primary-text: #FFFFFF;
|
||||
--color-components-button-primary-bg: #155AEF;
|
||||
--color-components-button-primary-border: #1018280A;
|
||||
--color-components-button-primary-bg-hover: #004AEB;
|
||||
--color-components-button-primary-border-hover: #10182814;
|
||||
--color-components-button-primary-bg-disabled: #155AEF24;
|
||||
--color-components-button-primary-border-disabled: #FFFFFF00;
|
||||
--color-components-button-primary-text-disabled: #FFFFFF99;
|
||||
|
||||
--color-components-button-secondary-text: #354052;
|
||||
--color-components-button-secondary-text-disabled: #10182840;
|
||||
--color-components-button-secondary-bg: #FFFFFF;
|
||||
--color-components-button-secondary-bg-hover: #F9FAFB;
|
||||
--color-components-button-secondary-bg-disabled: #F9FAFB;
|
||||
--color-components-button-secondary-border: #10182824;
|
||||
--color-components-button-secondary-border-hover: #10182833;
|
||||
--color-components-button-secondary-border-disabled: #1018280A;
|
||||
|
||||
--color-components-button-tertiary-text: #354052;
|
||||
--color-components-button-tertiary-text-disabled: #10182840;
|
||||
--color-components-button-tertiary-bg: #F2F4F7;
|
||||
--color-components-button-tertiary-bg-hover: #E9EBF0;
|
||||
--color-components-button-tertiary-bg-disabled: #F9FAFB;
|
||||
|
||||
--color-components-button-ghost-text: #354052;
|
||||
--color-components-button-ghost-text-disabled: #10182840;
|
||||
--color-components-button-ghost-bg-hover: #C8CEDA33;
|
||||
|
||||
--color-components-button-destructive-primary-text: #FFFFFF;
|
||||
--color-components-button-destructive-primary-text-disabled: #FFFFFF99;
|
||||
--color-components-button-destructive-primary-bg: #D92D20;
|
||||
--color-components-button-destructive-primary-bg-hover: #B42318;
|
||||
--color-components-button-destructive-primary-bg-disabled: #FEE4E2;
|
||||
--color-components-button-destructive-primary-border: #18181B0A;
|
||||
--color-components-button-destructive-primary-border-hover: #18181B14;
|
||||
--color-components-button-destructive-primary-border-disabled: #FFFFFF00;
|
||||
|
||||
--color-components-button-destructive-secondary-text: #D92D20;
|
||||
--color-components-button-destructive-secondary-text-disabled: #F0443833;
|
||||
--color-components-button-destructive-secondary-bg: #FFFFFF;
|
||||
--color-components-button-destructive-secondary-bg-hover: #FEF3F2;
|
||||
--color-components-button-destructive-secondary-bg-disabled: #FEF3F2;
|
||||
--color-components-button-destructive-secondary-border: #18181B14;
|
||||
--color-components-button-destructive-secondary-border-hover: #F0443840;
|
||||
--color-components-button-destructive-secondary-border-disabled: #F044380A;
|
||||
|
||||
--color-components-button-destructive-tertiary-text: #D92D20;
|
||||
--color-components-button-destructive-tertiary-text-disabled: #F0443833;
|
||||
--color-components-button-destructive-tertiary-bg: #FEE4E2;
|
||||
--color-components-button-destructive-tertiary-bg-hover: #FECDCA;
|
||||
--color-components-button-destructive-tertiary-bg-disabled: #F044380A;
|
||||
|
||||
--color-components-button-destructive-ghost-text: #D92D20;
|
||||
--color-components-button-destructive-ghost-text-disabled: #F0443833;
|
||||
--color-components-button-destructive-ghost-bg-hover: #FEE4E2;
|
||||
|
||||
--color-components-button-secondary-accent-text: #155AEF;
|
||||
--color-components-button-secondary-accent-text-disabled: #B2CAFF;
|
||||
--color-components-button-secondary-accent-bg: #FFFFFF;
|
||||
--color-components-button-secondary-accent-bg-hover: #F2F4F7;
|
||||
--color-components-button-secondary-accent-bg-disabled: #F9FAFB;
|
||||
--color-components-button-secondary-accent-border: #10182824;
|
||||
--color-components-button-secondary-accent-border-hover: #10182824;
|
||||
--color-components-button-secondary-accent-border-disabled: #1018280A;
|
||||
|
||||
--color-components-checkbox-icon: #FFFFFF;
|
||||
--color-components-checkbox-icon-disabled: #D0D5DC;
|
||||
--color-components-checkbox-bg: #155AEF;
|
||||
--color-components-checkbox-bg-hover: #004AEB;
|
||||
--color-components-checkbox-bg-disabled: #F2F4F7;
|
||||
--color-components-checkbox-border: #D0D5DC;
|
||||
--color-components-checkbox-border-hover: #98A2B2;
|
||||
--color-components-checkbox-border-disabled: #18181B0A;
|
||||
--color-components-checkbox-bg-unchecked: #FFFFFF;
|
||||
--color-components-checkbox-bg-unchecked-hover: #FFFFFF;
|
||||
|
||||
--color-components-radio-border-checked: #155AEF;
|
||||
--color-components-radio-border-checked-hover: #004AEB;
|
||||
--color-components-radio-border-checked-disabled: #F2F4F7;
|
||||
--color-components-radio-bg-disabled: #FFFFFF00;
|
||||
--color-components-radio-border: #D0D5DC;
|
||||
--color-components-radio-border-hover: #98A2B2;
|
||||
--color-components-radio-border-disabled: #18181B0A;
|
||||
--color-components-radio-bg: #FFFFFF00;
|
||||
--color-components-radio-bg-hover: #FFFFFF00;
|
||||
|
||||
--color-components-toggle-knob: #FFFFFF;
|
||||
--color-components-toggle-knob-disabled: #FFFFFFF2;
|
||||
--color-components-toggle-bg: #155AEF;
|
||||
--color-components-toggle-bg-hover: #004AEB;
|
||||
--color-components-toggle-bg-disabled: #D1E0FF;
|
||||
--color-components-toggle-bg-unchecked: #E9EBF0;
|
||||
--color-components-toggle-bg-unchecked-hover: #D0D5DC;
|
||||
--color-components-toggle-bg-unchecked-disabled: #F2F4F7;
|
||||
--color-components-toggle-knob-hover: #FFFFFF;
|
||||
|
||||
--color-components-card-bg: #FCFCFD;
|
||||
--color-components-card-border: #FFFFFF;
|
||||
--color-components-card-bg-alt: #FFFFFF;
|
||||
|
||||
--color-components-menu-item-text: #495464;
|
||||
--color-components-menu-item-text-active: #18222F;
|
||||
--color-components-menu-item-text-hover: #354052;
|
||||
--color-components-menu-item-text-active-accent: #18222F;
|
||||
|
||||
--color-components-panel-bg: #FFFFFF;
|
||||
--color-components-panel-bg-blur: #FFFFFFF2;
|
||||
--color-components-panel-border: #10182814;
|
||||
--color-components-panel-border-subtle: #10182814;
|
||||
--color-components-panel-gradient-2: #F9FAFB;
|
||||
--color-components-panel-gradient-1: #FFFFFF;
|
||||
--color-components-panel-bg-alt: #F9FAFB;
|
||||
--color-components-panel-on-panel-item-bg: #FFFFFF;
|
||||
--color-components-panel-on-panel-item-bg-hover: #F9FAFB;
|
||||
--color-components-panel-on-panel-item-bg-alt: #F9FAFB;
|
||||
|
||||
--color-components-main-nav-nav-button-text: #495464;
|
||||
--color-components-main-nav-nav-button-text-active: #155AEF;
|
||||
--color-components-main-nav-nav-button-bg: #FFFFFF00;
|
||||
--color-components-main-nav-nav-button-bg-active: #FCFCFD;
|
||||
--color-components-main-nav-nav-button-border: #FFFFFFF2;
|
||||
--color-components-main-nav-nav-button-bg-hover: #1018280A;
|
||||
|
||||
--color-components-main-nav-nav-user-border: #FFFFFF;
|
||||
|
||||
--color-components-silder-knob: #FFFFFF;
|
||||
--color-components-silder-knob-hover: #FFFFFF;
|
||||
--color-components-silder-knob-disabled: #FFFFFFF2;
|
||||
--color-components-silder-range: #296DFF;
|
||||
--color-components-silder-track: #E9EBF0;
|
||||
--color-components-silder-knob-border-hover: #10182833;
|
||||
--color-components-silder-knob-border: #10182824;
|
||||
|
||||
--color-components-segmented-control-item-active-bg: #FFFFFF;
|
||||
--color-components-segmented-control-item-active-border: #FFFFFF;
|
||||
--color-components-segmented-control-bg-normal: #C8CEDA33;
|
||||
--color-components-segmented-control-item-active-accent-bg: #FFFFFF;
|
||||
--color-components-segmented-control-item-active-accent-border: #FFFFFF;
|
||||
|
||||
--color-components-option-card-option-bg: #F9FAFB;
|
||||
--color-components-option-card-option-selected-bg: #FFFFFF;
|
||||
--color-components-option-card-option-selected-border: #296DFF;
|
||||
--color-components-option-card-option-border: #F2F4F7;
|
||||
--color-components-option-card-option-bg-hover: #FFFFFF;
|
||||
--color-components-option-card-option-border-hover: #D0D5DC;
|
||||
|
||||
--color-components-tab-active: #155AEF;
|
||||
|
||||
--color-components-badge-white-to-dark: #FFFFFF;
|
||||
--color-components-badge-status-light-success-bg: #47CD89;
|
||||
--color-components-badge-status-light-success-border-inner: #17B26A;
|
||||
--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-warning-bg: #FDB022;
|
||||
--color-components-badge-status-light-warning-border-inner: #F79009;
|
||||
--color-components-badge-status-light-warning-halo: #F7900940;
|
||||
|
||||
--color-components-badge-status-light-error-bg: #F97066;
|
||||
--color-components-badge-status-light-error-border-inner: #F04438;
|
||||
--color-components-badge-status-light-error-halo: #F0443840;
|
||||
|
||||
--color-components-badge-status-light-normal-bg: #36BFFA;
|
||||
--color-components-badge-status-light-normal-border-inner: #0BA5EC;
|
||||
--color-components-badge-status-light-normal-halo: #0BA5EC40;
|
||||
|
||||
--color-components-badge-status-light-disabled-bg: #98A2B2;
|
||||
--color-components-badge-status-light-disabled-border-inner: #676F83;
|
||||
--color-components-badge-status-light-disabled-halo: #1018280A;
|
||||
|
||||
--color-components-badge-bg-green-soft: #17B26A14;
|
||||
--color-components-badge-bg-orange-soft: #F7900914;
|
||||
--color-components-badge-bg-red-soft: #F0443814;
|
||||
--color-components-badge-bg-blue-light-soft: #0BA5EC14;
|
||||
--color-components-badge-bg-gray-soft: #1018280A;
|
||||
|
||||
--color-components-chart-line: #296DFF;
|
||||
--color-components-chart-area-1: #155AEF24;
|
||||
--color-components-chart-area-2: #155AEF0A;
|
||||
--color-components-chart-current-1: #155AEF;
|
||||
--color-components-chart-current-2: #D1E0FF;
|
||||
--color-components-chart-bg: #FFFFFF;
|
||||
|
||||
--color-components-actionbar-bg: #FFFFFFF2;
|
||||
--color-components-actionbar-border: #1018280A;
|
||||
|
||||
--color-components-dropzone-bg-alt: #F2F4F7;
|
||||
--color-components-dropzone-bg: #F9FAFB;
|
||||
--color-components-dropzone-bg-accent: #EFF4FF;
|
||||
--color-components-dropzone-border: #10182814;
|
||||
--color-components-dropzone-border-alt: #10182833;
|
||||
--color-components-dropzone-border-accent: #84ABFF;
|
||||
|
||||
--color-components-progress-brand-progress: #296DFF;
|
||||
--color-components-progress-brand-border: #296DFF;
|
||||
--color-components-progress-brand-bg: #155AEF0A;
|
||||
|
||||
--color-components-progress-white-progress: #FFFFFF;
|
||||
--color-components-progress-white-border: #FFFFFFF2;
|
||||
--color-components-progress-white-bg: #FFFFFF03;
|
||||
|
||||
--color-components-progress-gray-progress: #98A2B2;
|
||||
--color-components-progress-gray-border: #98A2B2;
|
||||
--color-components-progress-gray-bg: #C8CEDA05;
|
||||
|
||||
--color-components-chat-input-audio-bg: #EFF4FF;
|
||||
--color-components-chat-input-audio-wave: #155AEF24;
|
||||
--color-components-chat-input-bg-mask-1: #FFFFFF03;
|
||||
--color-components-chat-input-bg-mask-2: #F2F4F7;
|
||||
--color-components-chat-input-border: #FFFFFF;
|
||||
|
||||
--color-text-primary: #101828;
|
||||
--color-text-secondary: #354052;
|
||||
--color-text-tertiary: #676F83;
|
||||
--color-text-quaternary: #1018284D;
|
||||
--color-text-destructive: #D92D20;
|
||||
--color-text-success: #079455;
|
||||
--color-text-warning: #DC6803;
|
||||
--color-text-destructive-secondary: #F04438;
|
||||
--color-text-success-secondary: #17B26A;
|
||||
--color-text-warning-secondary: #F79009;
|
||||
--color-text-accent: #155AEF;
|
||||
--color-text-primary-on-surface: #FFFFFF;
|
||||
--color-text-placeholder: #98A2B2;
|
||||
--color-text-disabled: #D0D5DC;
|
||||
--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-logo-text: #18222F;
|
||||
--color-text-empty-state-icon: #D0D5DC;
|
||||
|
||||
--color-background-body: #F2F4F7;
|
||||
--color-background-default-subtle: #FCFCFD;
|
||||
--color-background-neurtral-subtle: #F9FAFB;
|
||||
--color-background-sidenav-bg: #FCFCFD;
|
||||
--color-background-default: #FFFFFF;
|
||||
--color-background-soft: #F9FAFB;
|
||||
--color-background-gradient-bg-fill-chat-bg-1: #F9FAFB;
|
||||
--color-background-gradient-bg-fill-chat-bg-2: #F2F4F7;
|
||||
--color-background-gradient-bg-fill-chat-bubble-bg-1: #FFFFFF;
|
||||
--color-background-gradient-bg-fill-chat-bubble-bg-2: #FFFFFF80;
|
||||
|
||||
--color-background-gradient-mask-gray: #C8CEDA33;
|
||||
--color-background-gradient-mask-transparent: #FFFFFF00;
|
||||
--color-background-gradient-mask-input-clear-2: #E9EBF000;
|
||||
--color-background-gradient-mask-input-clear-1: #E9EBF0;
|
||||
--color-background-gradient-mask-transparent-dark: #00000000;
|
||||
--color-background-gradient-mask-side-panel-2: #1018284D;
|
||||
--color-background-gradient-mask-side-panel-1: #10182805;
|
||||
|
||||
--color-background-default-burn: #E9EBF0;
|
||||
--color-background-overlay-fullscreen: #F9FAFBF2;
|
||||
--color-background-default-lighter: #FFFFFF80;
|
||||
--color-background-section: #F9FAFB;
|
||||
--color-background-interaction-from-bg-1: #C8CEDA33;
|
||||
--color-background-interaction-from-bg-2: #C8CEDA24;
|
||||
--color-background-section-burn: #F2F4F7;
|
||||
--color-background-default-dodge: #FFFFFF;
|
||||
--color-background-overlay: #10182899;
|
||||
--color-background-default-dimm: #E9EBF0;
|
||||
--color-background-default-hover: #F9FAFB;
|
||||
--color-background-overlay-alt: #10182866;
|
||||
--color-background-surface-white: #FFFFFFF2;
|
||||
--color-background-overlay-destructive: #F044384D;
|
||||
|
||||
--color-shadow-shadow-1: #09090B08;
|
||||
--color-shadow-shadow-3: #09090B0D;
|
||||
--color-shadow-shadow-4: #09090B0F;
|
||||
--color-shadow-shadow-5: #09090B14;
|
||||
--color-shadow-shadow-6: #09090B1A;
|
||||
--color-shadow-shadow-7: #09090B1F;
|
||||
--color-shadow-shadow-8: #09090B24;
|
||||
--color-shadow-shadow-9: #09090B2E;
|
||||
--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: #FFFFFF;
|
||||
--color-workflow-block-parma-bg: #F2F4F7;
|
||||
--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;
|
||||
--color-workflow-canvas-workflow-bg: #F2F4F7;
|
||||
|
||||
--color-workflow-link-line-active: #296DFF;
|
||||
--color-workflow-link-line-normal: #D0D5DC;
|
||||
--color-workflow-link-line-handle: #296DFF;
|
||||
|
||||
--color-workflow-minmap-bg: #E9EBF0;
|
||||
--color-workflow-minmap-block: #C8CEDA4D;
|
||||
|
||||
--color-workflow-display-success-bg: #ECFDF3;
|
||||
--color-workflow-display-success-border-1: #17B26ACC;
|
||||
--color-workflow-display-success-border-2: #17B26A80;
|
||||
--color-workflow-display-success-vignette-color: #17B26A33;
|
||||
--color-workflow-display-success-bg-line-pattern: #17B26A4D;
|
||||
|
||||
--color-workflow-display-glass-1: #FFFFFF1F;
|
||||
--color-workflow-display-glass-2: #FFFFFF80;
|
||||
--color-workflow-display-vignette-dark: #0000001F;
|
||||
--color-workflow-display-highlight: #FFFFFF80;
|
||||
--color-workflow-display-outline: #0000000D;
|
||||
--color-workflow-display-error-bg: #FEF3F2;
|
||||
--color-workflow-display-error-bg-line-pattern: #F044384D;
|
||||
--color-workflow-display-error-border-1: #F04438CC;
|
||||
--color-workflow-display-error-border-2: #F0443880;
|
||||
--color-workflow-display-error-vignette-color: #F0443833;
|
||||
|
||||
--color-workflow-display-warning-bg: #FFFAEB;
|
||||
--color-workflow-display-warning-bg-line-pattern: #F790094D;
|
||||
--color-workflow-display-warning-border-1: #F79009CC;
|
||||
--color-workflow-display-warning-border-2: #F7900980;
|
||||
--color-workflow-display-warning-vignette-color: #F7900933;
|
||||
|
||||
--color-workflow-display-normal-bg: #F0F9FF;
|
||||
--color-workflow-display-normal-bg-line-pattern: #0BA5EC4D;
|
||||
--color-workflow-display-normal-border-1: #0BA5ECCC;
|
||||
--color-workflow-display-normal-border-2: #0BA5EC80;
|
||||
--color-workflow-display-normal-vignette-color: #0BA5EC33;
|
||||
|
||||
--color-workflow-display-disabled-bg: #F9FAFB;
|
||||
--color-workflow-display-disabled-bg-line-pattern: #C8CEDA4D;
|
||||
--color-workflow-display-disabled-border-1: #C8CEDA99;
|
||||
--color-workflow-display-disabled-border-2: #C8CEDA66;
|
||||
--color-workflow-display-disabled-vignette-color: #C8CEDA66;
|
||||
--color-workflow-display-disabled-outline: #00000000;
|
||||
|
||||
--color-divider-subtle: #1018280A;
|
||||
--color-divider-regular: #10182814;
|
||||
--color-divider-deep: #10182824;
|
||||
--color-divider-burn: #1018280A;
|
||||
--color-divider-intense: #1018284D;
|
||||
--color-divider-soild: #D0D5DC;
|
||||
--color-divider-soild-alt: #98A2B2;
|
||||
|
||||
--color-state-base-hover: #C8CEDA33;
|
||||
--color-state-base-active: #C8CEDA66;
|
||||
--color-state-base-hover-alt: #C8CEDA66;
|
||||
--color-state-base-handle: #10182833;
|
||||
--color-state-base-handle-hover: #1018284D;
|
||||
|
||||
--color-state-accent-hover: #EFF4FF;
|
||||
--color-state-accent-active: #155AEF14;
|
||||
--color-state-accent-hover-alt: #D1E0FF;
|
||||
--color-state-accent-soild: #296DFF;
|
||||
--color-state-accent-active-alt: #155AEF24;
|
||||
|
||||
--color-state-destructive-hover: #FEF3F2;
|
||||
--color-state-destructive-hover-alt: #FEE4E2;
|
||||
--color-state-destructive-active: #FECDCA;
|
||||
--color-state-destructive-soild: #F04438;
|
||||
--color-state-destructive-border: #FDA29B;
|
||||
|
||||
--color-state-success-hover: #ECFDF3;
|
||||
--color-state-success-hover-alt: #DCFAE6;
|
||||
--color-state-success-active: #ABEFC6;
|
||||
--color-state-success-soild: #17B26A;
|
||||
|
||||
--color-state-warning-hover: #FFFAEB;
|
||||
--color-state-warning-hover-alt: #FEF0C7;
|
||||
--color-state-warning-active: #FEDF89;
|
||||
--color-state-warning-soild: #F79009;
|
||||
|
||||
--color-effects-highlight: #FFFFFF;
|
||||
--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-third-party-LangChain: #1C3C3C;
|
||||
--color-third-party-Langfuse: #000000;
|
||||
}
|
||||
561
web/themes/tailwind-theme-var-define.ts
Normal file
561
web/themes/tailwind-theme-var-define.ts
Normal file
|
|
@ -0,0 +1,561 @@
|
|||
/* Attention: Generate by code. Don't update by hand!!! */
|
||||
const vars = {
|
||||
'components-input-bg-normal': 'var(--color-components-input-bg-normal)',
|
||||
'components-input-text-placeholder': 'var(--color-components-input-text-placeholder)',
|
||||
'components-input-bg-hover': 'var(--color-components-input-bg-hover)',
|
||||
'components-input-bg-active': 'var(--color-components-input-bg-active)',
|
||||
'components-input-border-active': 'var(--color-components-input-border-active)',
|
||||
'components-input-border-destructive': 'var(--color-components-input-border-destructive)',
|
||||
'components-input-text-filled': 'var(--color-components-input-text-filled)',
|
||||
'components-input-bg-destructive': 'var(--color-components-input-bg-destructive)',
|
||||
'components-input-bg-disabled': 'var(--color-components-input-bg-disabled)',
|
||||
'components-input-text-disabled': 'var(--color-components-input-text-disabled)',
|
||||
'components-input-text-filled-disabled': 'var(--color-components-input-text-filled-disabled)',
|
||||
'components-input-border-hover': 'var(--color-components-input-border-hover)',
|
||||
'components-input-border-active-prompt-1': 'var(--color-components-input-border-active-prompt-1)',
|
||||
'components-input-border-active-prompt-2': 'var(--color-components-input-border-active-prompt-2)',
|
||||
|
||||
'components-kbd-bg-gray': 'var(--color-components-kbd-bg-gray)',
|
||||
'components-kbd-bg-white': 'var(--color-components-kbd-bg-white)',
|
||||
|
||||
'components-tooltip-bg': 'var(--color-components-tooltip-bg)',
|
||||
|
||||
'components-button-primary-text': 'var(--color-components-button-primary-text)',
|
||||
'components-button-primary-bg': 'var(--color-components-button-primary-bg)',
|
||||
'components-button-primary-border': 'var(--color-components-button-primary-border)',
|
||||
'components-button-primary-bg-hover': 'var(--color-components-button-primary-bg-hover)',
|
||||
'components-button-primary-border-hover': 'var(--color-components-button-primary-border-hover)',
|
||||
'components-button-primary-bg-disabled': 'var(--color-components-button-primary-bg-disabled)',
|
||||
'components-button-primary-border-disabled': 'var(--color-components-button-primary-border-disabled)',
|
||||
'components-button-primary-text-disabled': 'var(--color-components-button-primary-text-disabled)',
|
||||
|
||||
'components-button-secondary-text': 'var(--color-components-button-secondary-text)',
|
||||
'components-button-secondary-text-disabled': 'var(--color-components-button-secondary-text-disabled)',
|
||||
'components-button-secondary-bg': 'var(--color-components-button-secondary-bg)',
|
||||
'components-button-secondary-bg-hover': 'var(--color-components-button-secondary-bg-hover)',
|
||||
'components-button-secondary-bg-disabled': 'var(--color-components-button-secondary-bg-disabled)',
|
||||
'components-button-secondary-border': 'var(--color-components-button-secondary-border)',
|
||||
'components-button-secondary-border-hover': 'var(--color-components-button-secondary-border-hover)',
|
||||
'components-button-secondary-border-disabled': 'var(--color-components-button-secondary-border-disabled)',
|
||||
|
||||
'components-button-tertiary-text': 'var(--color-components-button-tertiary-text)',
|
||||
'components-button-tertiary-text-disabled': 'var(--color-components-button-tertiary-text-disabled)',
|
||||
'components-button-tertiary-bg': 'var(--color-components-button-tertiary-bg)',
|
||||
'components-button-tertiary-bg-hover': 'var(--color-components-button-tertiary-bg-hover)',
|
||||
'components-button-tertiary-bg-disabled': 'var(--color-components-button-tertiary-bg-disabled)',
|
||||
|
||||
'components-button-ghost-text': 'var(--color-components-button-ghost-text)',
|
||||
'components-button-ghost-text-disabled': 'var(--color-components-button-ghost-text-disabled)',
|
||||
'components-button-ghost-bg-hover': 'var(--color-components-button-ghost-bg-hover)',
|
||||
|
||||
'components-button-destructive-primary-text': 'var(--color-components-button-destructive-primary-text)',
|
||||
'components-button-destructive-primary-text-disabled': 'var(--color-components-button-destructive-primary-text-disabled)',
|
||||
'components-button-destructive-primary-bg': 'var(--color-components-button-destructive-primary-bg)',
|
||||
'components-button-destructive-primary-bg-hover': 'var(--color-components-button-destructive-primary-bg-hover)',
|
||||
'components-button-destructive-primary-bg-disabled': 'var(--color-components-button-destructive-primary-bg-disabled)',
|
||||
'components-button-destructive-primary-border': 'var(--color-components-button-destructive-primary-border)',
|
||||
'components-button-destructive-primary-border-hover': 'var(--color-components-button-destructive-primary-border-hover)',
|
||||
'components-button-destructive-primary-border-disabled': 'var(--color-components-button-destructive-primary-border-disabled)',
|
||||
|
||||
'components-button-destructive-secondary-text': 'var(--color-components-button-destructive-secondary-text)',
|
||||
'components-button-destructive-secondary-text-disabled': 'var(--color-components-button-destructive-secondary-text-disabled)',
|
||||
'components-button-destructive-secondary-bg': 'var(--color-components-button-destructive-secondary-bg)',
|
||||
'components-button-destructive-secondary-bg-hover': 'var(--color-components-button-destructive-secondary-bg-hover)',
|
||||
'components-button-destructive-secondary-bg-disabled': 'var(--color-components-button-destructive-secondary-bg-disabled)',
|
||||
'components-button-destructive-secondary-border': 'var(--color-components-button-destructive-secondary-border)',
|
||||
'components-button-destructive-secondary-border-hover': 'var(--color-components-button-destructive-secondary-border-hover)',
|
||||
'components-button-destructive-secondary-border-disabled': 'var(--color-components-button-destructive-secondary-border-disabled)',
|
||||
|
||||
'components-button-destructive-tertiary-text': 'var(--color-components-button-destructive-tertiary-text)',
|
||||
'components-button-destructive-tertiary-text-disabled': 'var(--color-components-button-destructive-tertiary-text-disabled)',
|
||||
'components-button-destructive-tertiary-bg': 'var(--color-components-button-destructive-tertiary-bg)',
|
||||
'components-button-destructive-tertiary-bg-hover': 'var(--color-components-button-destructive-tertiary-bg-hover)',
|
||||
'components-button-destructive-tertiary-bg-disabled': 'var(--color-components-button-destructive-tertiary-bg-disabled)',
|
||||
|
||||
'components-button-destructive-ghost-text': 'var(--color-components-button-destructive-ghost-text)',
|
||||
'components-button-destructive-ghost-text-disabled': 'var(--color-components-button-destructive-ghost-text-disabled)',
|
||||
'components-button-destructive-ghost-bg-hover': 'var(--color-components-button-destructive-ghost-bg-hover)',
|
||||
|
||||
'components-button-secondary-accent-text': 'var(--color-components-button-secondary-accent-text)',
|
||||
'components-button-secondary-accent-text-disabled': 'var(--color-components-button-secondary-accent-text-disabled)',
|
||||
'components-button-secondary-accent-bg': 'var(--color-components-button-secondary-accent-bg)',
|
||||
'components-button-secondary-accent-bg-hover': 'var(--color-components-button-secondary-accent-bg-hover)',
|
||||
'components-button-secondary-accent-bg-disabled': 'var(--color-components-button-secondary-accent-bg-disabled)',
|
||||
'components-button-secondary-accent-border': 'var(--color-components-button-secondary-accent-border)',
|
||||
'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-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)',
|
||||
'components-checkbox-bg-hover': 'var(--color-components-checkbox-bg-hover)',
|
||||
'components-checkbox-bg-disabled': 'var(--color-components-checkbox-bg-disabled)',
|
||||
'components-checkbox-border': 'var(--color-components-checkbox-border)',
|
||||
'components-checkbox-border-hover': 'var(--color-components-checkbox-border-hover)',
|
||||
'components-checkbox-border-disabled': 'var(--color-components-checkbox-border-disabled)',
|
||||
'components-checkbox-bg-unchecked': 'var(--color-components-checkbox-bg-unchecked)',
|
||||
'components-checkbox-bg-unchecked-hover': 'var(--color-components-checkbox-bg-unchecked-hover)',
|
||||
|
||||
'components-radio-border-checked': 'var(--color-components-radio-border-checked)',
|
||||
'components-radio-border-checked-hover': 'var(--color-components-radio-border-checked-hover)',
|
||||
'components-radio-border-checked-disabled': 'var(--color-components-radio-border-checked-disabled)',
|
||||
'components-radio-bg-disabled': 'var(--color-components-radio-bg-disabled)',
|
||||
'components-radio-border': 'var(--color-components-radio-border)',
|
||||
'components-radio-border-hover': 'var(--color-components-radio-border-hover)',
|
||||
'components-radio-border-disabled': 'var(--color-components-radio-border-disabled)',
|
||||
'components-radio-bg': 'var(--color-components-radio-bg)',
|
||||
'components-radio-bg-hover': 'var(--color-components-radio-bg-hover)',
|
||||
|
||||
'components-toggle-knob': 'var(--color-components-toggle-knob)',
|
||||
'components-toggle-knob-disabled': 'var(--color-components-toggle-knob-disabled)',
|
||||
'components-toggle-bg': 'var(--color-components-toggle-bg)',
|
||||
'components-toggle-bg-hover': 'var(--color-components-toggle-bg-hover)',
|
||||
'components-toggle-bg-disabled': 'var(--color-components-toggle-bg-disabled)',
|
||||
'components-toggle-bg-unchecked': 'var(--color-components-toggle-bg-unchecked)',
|
||||
'components-toggle-bg-unchecked-hover': 'var(--color-components-toggle-bg-unchecked-hover)',
|
||||
'components-toggle-bg-unchecked-disabled': 'var(--color-components-toggle-bg-unchecked-disabled)',
|
||||
'components-toggle-knob-hover': 'var(--color-components-toggle-knob-hover)',
|
||||
|
||||
'components-card-bg': 'var(--color-components-card-bg)',
|
||||
'components-card-border': 'var(--color-components-card-border)',
|
||||
'components-card-bg-alt': 'var(--color-components-card-bg-alt)',
|
||||
|
||||
'components-menu-item-text': 'var(--color-components-menu-item-text)',
|
||||
'components-menu-item-text-active': 'var(--color-components-menu-item-text-active)',
|
||||
'components-menu-item-text-hover': 'var(--color-components-menu-item-text-hover)',
|
||||
'components-menu-item-text-active-accent': 'var(--color-components-menu-item-text-active-accent)',
|
||||
|
||||
'components-panel-bg': 'var(--color-components-panel-bg)',
|
||||
'components-panel-bg-blur': 'var(--color-components-panel-bg-blur)',
|
||||
'components-panel-border': 'var(--color-components-panel-border)',
|
||||
'components-panel-border-subtle': 'var(--color-components-panel-border-subtle)',
|
||||
'components-panel-gradient-2': 'var(--color-components-panel-gradient-2)',
|
||||
'components-panel-gradient-1': 'var(--color-components-panel-gradient-1)',
|
||||
'components-panel-bg-alt': 'var(--color-components-panel-bg-alt)',
|
||||
'components-panel-on-panel-item-bg': 'var(--color-components-panel-on-panel-item-bg)',
|
||||
'components-panel-on-panel-item-bg-hover': 'var(--color-components-panel-on-panel-item-bg-hover)',
|
||||
'components-panel-on-panel-item-bg-alt': 'var(--color-components-panel-on-panel-item-bg-alt)',
|
||||
|
||||
'components-main-nav-nav-button-text': 'var(--color-components-main-nav-nav-button-text)',
|
||||
'components-main-nav-nav-button-text-active': 'var(--color-components-main-nav-nav-button-text-active)',
|
||||
'components-main-nav-nav-button-bg': 'var(--color-components-main-nav-nav-button-bg)',
|
||||
'components-main-nav-nav-button-bg-active': 'var(--color-components-main-nav-nav-button-bg-active)',
|
||||
'components-main-nav-nav-button-border': 'var(--color-components-main-nav-nav-button-border)',
|
||||
'components-main-nav-nav-button-bg-hover': 'var(--color-components-main-nav-nav-button-bg-hover)',
|
||||
|
||||
'components-main-nav-nav-user-border': 'var(--color-components-main-nav-nav-user-border)',
|
||||
|
||||
'components-silder-knob': 'var(--color-components-silder-knob)',
|
||||
'components-silder-knob-hover': 'var(--color-components-silder-knob-hover)',
|
||||
'components-silder-knob-disabled': 'var(--color-components-silder-knob-disabled)',
|
||||
'components-silder-range': 'var(--color-components-silder-range)',
|
||||
'components-silder-track': 'var(--color-components-silder-track)',
|
||||
'components-silder-knob-border-hover': 'var(--color-components-silder-knob-border-hover)',
|
||||
'components-silder-knob-border': 'var(--color-components-silder-knob-border)',
|
||||
|
||||
'components-segmented-control-item-active-bg': 'var(--color-components-segmented-control-item-active-bg)',
|
||||
'components-segmented-control-item-active-border': 'var(--color-components-segmented-control-item-active-border)',
|
||||
'components-segmented-control-bg-normal': 'var(--color-components-segmented-control-bg-normal)',
|
||||
'components-segmented-control-item-active-accent-bg': 'var(--color-components-segmented-control-item-active-accent-bg)',
|
||||
'components-segmented-control-item-active-accent-border': 'var(--color-components-segmented-control-item-active-accent-border)',
|
||||
|
||||
'components-option-card-option-bg': 'var(--color-components-option-card-option-bg)',
|
||||
'components-option-card-option-selected-bg': 'var(--color-components-option-card-option-selected-bg)',
|
||||
'components-option-card-option-selected-border': 'var(--color-components-option-card-option-selected-border)',
|
||||
'components-option-card-option-border': 'var(--color-components-option-card-option-border)',
|
||||
'components-option-card-option-bg-hover': 'var(--color-components-option-card-option-bg-hover)',
|
||||
'components-option-card-option-border-hover': 'var(--color-components-option-card-option-border-hover)',
|
||||
|
||||
'components-tab-active': 'var(--color-components-tab-active)',
|
||||
|
||||
'components-badge-white-to-dark': 'var(--color-components-badge-white-to-dark)',
|
||||
'components-badge-status-light-success-bg': 'var(--color-components-badge-status-light-success-bg)',
|
||||
'components-badge-status-light-success-border-inner': 'var(--color-components-badge-status-light-success-border-inner)',
|
||||
'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-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)',
|
||||
|
||||
'components-badge-status-light-error-bg': 'var(--color-components-badge-status-light-error-bg)',
|
||||
'components-badge-status-light-error-border-inner': 'var(--color-components-badge-status-light-error-border-inner)',
|
||||
'components-badge-status-light-error-halo': 'var(--color-components-badge-status-light-error-halo)',
|
||||
|
||||
'components-badge-status-light-normal-bg': 'var(--color-components-badge-status-light-normal-bg)',
|
||||
'components-badge-status-light-normal-border-inner': 'var(--color-components-badge-status-light-normal-border-inner)',
|
||||
'components-badge-status-light-normal-halo': 'var(--color-components-badge-status-light-normal-halo)',
|
||||
|
||||
'components-badge-status-light-disabled-bg': 'var(--color-components-badge-status-light-disabled-bg)',
|
||||
'components-badge-status-light-disabled-border-inner': 'var(--color-components-badge-status-light-disabled-border-inner)',
|
||||
'components-badge-status-light-disabled-halo': 'var(--color-components-badge-status-light-disabled-halo)',
|
||||
|
||||
'components-badge-bg-green-soft': 'var(--color-components-badge-bg-green-soft)',
|
||||
'components-badge-bg-orange-soft': 'var(--color-components-badge-bg-orange-soft)',
|
||||
'components-badge-bg-red-soft': 'var(--color-components-badge-bg-red-soft)',
|
||||
'components-badge-bg-blue-light-soft': 'var(--color-components-badge-bg-blue-light-soft)',
|
||||
'components-badge-bg-gray-soft': 'var(--color-components-badge-bg-gray-soft)',
|
||||
|
||||
'components-chart-line': 'var(--color-components-chart-line)',
|
||||
'components-chart-area-1': 'var(--color-components-chart-area-1)',
|
||||
'components-chart-area-2': 'var(--color-components-chart-area-2)',
|
||||
'components-chart-current-1': 'var(--color-components-chart-current-1)',
|
||||
'components-chart-current-2': 'var(--color-components-chart-current-2)',
|
||||
'components-chart-bg': 'var(--color-components-chart-bg)',
|
||||
|
||||
'components-actionbar-bg': 'var(--color-components-actionbar-bg)',
|
||||
'components-actionbar-border': 'var(--color-components-actionbar-border)',
|
||||
|
||||
'components-dropzone-bg-alt': 'var(--color-components-dropzone-bg-alt)',
|
||||
'components-dropzone-bg': 'var(--color-components-dropzone-bg)',
|
||||
'components-dropzone-bg-accent': 'var(--color-components-dropzone-bg-accent)',
|
||||
'components-dropzone-border': 'var(--color-components-dropzone-border)',
|
||||
'components-dropzone-border-alt': 'var(--color-components-dropzone-border-alt)',
|
||||
'components-dropzone-border-accent': 'var(--color-components-dropzone-border-accent)',
|
||||
|
||||
'components-progress-brand-progress': 'var(--color-components-progress-brand-progress)',
|
||||
'components-progress-brand-border': 'var(--color-components-progress-brand-border)',
|
||||
'components-progress-brand-bg': 'var(--color-components-progress-brand-bg)',
|
||||
|
||||
'components-progress-white-progress': 'var(--color-components-progress-white-progress)',
|
||||
'components-progress-white-border': 'var(--color-components-progress-white-border)',
|
||||
'components-progress-white-bg': 'var(--color-components-progress-white-bg)',
|
||||
|
||||
'components-progress-gray-progress': 'var(--color-components-progress-gray-progress)',
|
||||
'components-progress-gray-border': 'var(--color-components-progress-gray-border)',
|
||||
'components-progress-gray-bg': 'var(--color-components-progress-gray-bg)',
|
||||
|
||||
'components-chat-input-audio-bg': 'var(--color-components-chat-input-audio-bg)',
|
||||
'components-chat-input-audio-wave': 'var(--color-components-chat-input-audio-wave)',
|
||||
'components-chat-input-bg-mask-1': 'var(--color-components-chat-input-bg-mask-1)',
|
||||
'components-chat-input-bg-mask-2': 'var(--color-components-chat-input-bg-mask-2)',
|
||||
'components-chat-input-border': 'var(--color-components-chat-input-border)',
|
||||
|
||||
'text-primary': 'var(--color-text-primary)',
|
||||
'text-secondary': 'var(--color-text-secondary)',
|
||||
'text-tertiary': 'var(--color-text-tertiary)',
|
||||
'text-quaternary': 'var(--color-text-quaternary)',
|
||||
'text-destructive': 'var(--color-text-destructive)',
|
||||
'text-success': 'var(--color-text-success)',
|
||||
'text-warning': 'var(--color-text-warning)',
|
||||
'text-destructive-secondary': 'var(--color-text-destructive-secondary)',
|
||||
'text-success-secondary': 'var(--color-text-success-secondary)',
|
||||
'text-warning-secondary': 'var(--color-text-warning-secondary)',
|
||||
'text-accent': 'var(--color-text-accent)',
|
||||
'text-primary-on-surface': 'var(--color-text-primary-on-surface)',
|
||||
'text-placeholder': 'var(--color-text-placeholder)',
|
||||
'text-disabled': 'var(--color-text-disabled)',
|
||||
'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-logo-text': 'var(--color-text-logo-text)',
|
||||
'text-empty-state-icon': 'var(--color-text-empty-state-icon)',
|
||||
|
||||
'background-body': 'var(--color-background-body)',
|
||||
'background-default-subtle': 'var(--color-background-default-subtle)',
|
||||
'background-neurtral-subtle': 'var(--color-background-neurtral-subtle)',
|
||||
'background-sidenav-bg': 'var(--color-background-sidenav-bg)',
|
||||
'background-default': 'var(--color-background-default)',
|
||||
'background-soft': 'var(--color-background-soft)',
|
||||
'background-gradient-bg-fill-chat-bg-1': 'var(--color-background-gradient-bg-fill-chat-bg-1)',
|
||||
'background-gradient-bg-fill-chat-bg-2': 'var(--color-background-gradient-bg-fill-chat-bg-2)',
|
||||
'background-gradient-bg-fill-chat-bubble-bg-1': 'var(--color-background-gradient-bg-fill-chat-bubble-bg-1)',
|
||||
'background-gradient-bg-fill-chat-bubble-bg-2': 'var(--color-background-gradient-bg-fill-chat-bubble-bg-2)',
|
||||
|
||||
'background-gradient-mask-gray': 'var(--color-background-gradient-mask-gray)',
|
||||
'background-gradient-mask-transparent': 'var(--color-background-gradient-mask-transparent)',
|
||||
'background-gradient-mask-input-clear-2': 'var(--color-background-gradient-mask-input-clear-2)',
|
||||
'background-gradient-mask-input-clear-1': 'var(--color-background-gradient-mask-input-clear-1)',
|
||||
'background-gradient-mask-transparent-dark': 'var(--color-background-gradient-mask-transparent-dark)',
|
||||
'background-gradient-mask-side-panel-2': 'var(--color-background-gradient-mask-side-panel-2)',
|
||||
'background-gradient-mask-side-panel-1': 'var(--color-background-gradient-mask-side-panel-1)',
|
||||
|
||||
'background-default-burn': 'var(--color-background-default-burn)',
|
||||
'background-overlay-fullscreen': 'var(--color-background-overlay-fullscreen)',
|
||||
'background-default-lighter': 'var(--color-background-default-lighter)',
|
||||
'background-section': 'var(--color-background-section)',
|
||||
'background-interaction-from-bg-1': 'var(--color-background-interaction-from-bg-1)',
|
||||
'background-interaction-from-bg-2': 'var(--color-background-interaction-from-bg-2)',
|
||||
'background-section-burn': 'var(--color-background-section-burn)',
|
||||
'background-default-dodge': 'var(--color-background-default-dodge)',
|
||||
'background-overlay': 'var(--color-background-overlay)',
|
||||
'background-default-dimm': 'var(--color-background-default-dimm)',
|
||||
'background-default-hover': 'var(--color-background-default-hover)',
|
||||
'background-overlay-alt': 'var(--color-background-overlay-alt)',
|
||||
'background-surface-white': 'var(--color-background-surface-white)',
|
||||
'background-overlay-destructive': 'var(--color-background-overlay-destructive)',
|
||||
|
||||
'shadow-shadow-1': 'var(--color-shadow-shadow-1)',
|
||||
'shadow-shadow-3': 'var(--color-shadow-shadow-3)',
|
||||
'shadow-shadow-4': 'var(--color-shadow-shadow-4)',
|
||||
'shadow-shadow-5': 'var(--color-shadow-shadow-5)',
|
||||
'shadow-shadow-6': 'var(--color-shadow-shadow-6)',
|
||||
'shadow-shadow-7': 'var(--color-shadow-shadow-7)',
|
||||
'shadow-shadow-8': 'var(--color-shadow-shadow-8)',
|
||||
'shadow-shadow-9': 'var(--color-shadow-shadow-9)',
|
||||
'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-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-bg': 'var(--color-workflow-block-bg)',
|
||||
|
||||
'workflow-canvas-workflow-dot-color': 'var(--color-workflow-canvas-workflow-dot-color)',
|
||||
'workflow-canvas-workflow-bg': 'var(--color-workflow-canvas-workflow-bg)',
|
||||
|
||||
'workflow-link-line-active': 'var(--color-workflow-link-line-active)',
|
||||
'workflow-link-line-normal': 'var(--color-workflow-link-line-normal)',
|
||||
'workflow-link-line-handle': 'var(--color-workflow-link-line-handle)',
|
||||
|
||||
'workflow-minmap-bg': 'var(--color-workflow-minmap-bg)',
|
||||
'workflow-minmap-block': 'var(--color-workflow-minmap-block)',
|
||||
|
||||
'workflow-display-success-bg': 'var(--color-workflow-display-success-bg)',
|
||||
'workflow-display-success-border-1': 'var(--color-workflow-display-success-border-1)',
|
||||
'workflow-display-success-border-2': 'var(--color-workflow-display-success-border-2)',
|
||||
'workflow-display-success-vignette-color': 'var(--color-workflow-display-success-vignette-color)',
|
||||
'workflow-display-success-bg-line-pattern': 'var(--color-workflow-display-success-bg-line-pattern)',
|
||||
|
||||
'workflow-display-glass-1': 'var(--color-workflow-display-glass-1)',
|
||||
'workflow-display-glass-2': 'var(--color-workflow-display-glass-2)',
|
||||
'workflow-display-vignette-dark': 'var(--color-workflow-display-vignette-dark)',
|
||||
'workflow-display-highlight': 'var(--color-workflow-display-highlight)',
|
||||
'workflow-display-outline': 'var(--color-workflow-display-outline)',
|
||||
'workflow-display-error-bg': 'var(--color-workflow-display-error-bg)',
|
||||
'workflow-display-error-bg-line-pattern': 'var(--color-workflow-display-error-bg-line-pattern)',
|
||||
'workflow-display-error-border-1': 'var(--color-workflow-display-error-border-1)',
|
||||
'workflow-display-error-border-2': 'var(--color-workflow-display-error-border-2)',
|
||||
'workflow-display-error-vignette-color': 'var(--color-workflow-display-error-vignette-color)',
|
||||
|
||||
'workflow-display-warning-bg': 'var(--color-workflow-display-warning-bg)',
|
||||
'workflow-display-warning-bg-line-pattern': 'var(--color-workflow-display-warning-bg-line-pattern)',
|
||||
'workflow-display-warning-border-1': 'var(--color-workflow-display-warning-border-1)',
|
||||
'workflow-display-warning-border-2': 'var(--color-workflow-display-warning-border-2)',
|
||||
'workflow-display-warning-vignette-color': 'var(--color-workflow-display-warning-vignette-color)',
|
||||
|
||||
'workflow-display-normal-bg': 'var(--color-workflow-display-normal-bg)',
|
||||
'workflow-display-normal-bg-line-pattern': 'var(--color-workflow-display-normal-bg-line-pattern)',
|
||||
'workflow-display-normal-border-1': 'var(--color-workflow-display-normal-border-1)',
|
||||
'workflow-display-normal-border-2': 'var(--color-workflow-display-normal-border-2)',
|
||||
'workflow-display-normal-vignette-color': 'var(--color-workflow-display-normal-vignette-color)',
|
||||
|
||||
'workflow-display-disabled-bg': 'var(--color-workflow-display-disabled-bg)',
|
||||
'workflow-display-disabled-bg-line-pattern': 'var(--color-workflow-display-disabled-bg-line-pattern)',
|
||||
'workflow-display-disabled-border-1': 'var(--color-workflow-display-disabled-border-1)',
|
||||
'workflow-display-disabled-border-2': 'var(--color-workflow-display-disabled-border-2)',
|
||||
'workflow-display-disabled-vignette-color': 'var(--color-workflow-display-disabled-vignette-color)',
|
||||
'workflow-display-disabled-outline': 'var(--color-workflow-display-disabled-outline)',
|
||||
|
||||
'divider-subtle': 'var(--color-divider-subtle)',
|
||||
'divider-regular': 'var(--color-divider-regular)',
|
||||
'divider-darker': 'var(--color-divider-darker)',
|
||||
'divider-burn': 'var(--color-divider-burn)',
|
||||
'divider-darker+': 'var(--color-divider-darker+)',
|
||||
'divider-soild': 'var(--color-divider-soild)',
|
||||
'divider-soild-alt': 'var(--color-divider-soild-alt)',
|
||||
|
||||
'state-base-hover': 'var(--color-state-base-hover)',
|
||||
'state-base-active': 'var(--color-state-base-active)',
|
||||
'state-base-hover-alt': 'var(--color-state-base-hover-alt)',
|
||||
'state-base-handle': 'var(--color-state-base-handle)',
|
||||
'state-base-handle-hover': 'var(--color-state-base-handle-hover)',
|
||||
|
||||
'state-accent-hover': 'var(--color-state-accent-hover)',
|
||||
'state-accent-active': 'var(--color-state-accent-active)',
|
||||
'state-accent-hover-alt': 'var(--color-state-accent-hover-alt)',
|
||||
'state-accent-soild': 'var(--color-state-accent-soild)',
|
||||
'state-accent-active-alt': 'var(--color-state-accent-active-alt)',
|
||||
|
||||
'state-destructive-hover': 'var(--color-state-destructive-hover)',
|
||||
'state-destructive-hover-alt': 'var(--color-state-destructive-hover-alt)',
|
||||
'state-destructive-active': 'var(--color-state-destructive-active)',
|
||||
'state-destructive-soild': 'var(--color-state-destructive-soild)',
|
||||
'state-destructive-border': 'var(--color-state-destructive-border)',
|
||||
|
||||
'state-success-hover': 'var(--color-state-success-hover)',
|
||||
'state-success-hover-alt': 'var(--color-state-success-hover-alt)',
|
||||
'state-success-active': 'var(--color-state-success-active)',
|
||||
'state-success-soild': 'var(--color-state-success-soild)',
|
||||
|
||||
'state-warning-hover': 'var(--color-state-warning-hover)',
|
||||
'state-warning-hover-alt': 'var(--color-state-warning-hover-alt)',
|
||||
'state-warning-active': 'var(--color-state-warning-active)',
|
||||
'state-warning-soild': 'var(--color-state-warning-soild)',
|
||||
|
||||
'effects-highlight': 'var(--color-effects-highlight)',
|
||||
'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)',
|
||||
|
||||
'third-party-LangChain': 'var(--color-third-party-LangChain)',
|
||||
'third-party-Langfuse': 'var(--color-third-party-Langfuse)',
|
||||
}
|
||||
|
||||
export default vars
|
||||
Loading…
Add table
Add a link
Reference in a new issue