chore: Update theme vars (#22113)

This commit is contained in:
Wu Tianwei
2025-07-10 10:11:31 +08:00
committed by GitHub
parent a9cc19f530
commit a316766ad7
3 changed files with 522 additions and 483 deletions

View File

@@ -124,11 +124,15 @@ const vars = {
'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-card-bg-transparent': 'var(--color-components-card-bg-transparent)',
'components-card-bg-alt-transparent': 'var(--color-components-card-bg-alt-transparent)',
'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-menu-item-bg-active': 'var(--color-components-menu-item-bg-active)',
'components-menu-item-bg-hover': 'var(--color-components-menu-item-bg-hover)',
'components-panel-bg': 'var(--color-components-panel-bg)',
'components-panel-bg-blur': 'var(--color-components-panel-bg-blur)',
@@ -386,7 +390,6 @@ const vars = {
'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-bg-fill-chat-bubble-bg-3': 'var(--color-background-gradient-bg-fill-chat-bubble-bg-3)',
'background-gradient-bg-fill-debug-bg-1': 'var(--color-background-gradient-bg-fill-debug-bg-1)',
'background-gradient-bg-fill-debug-bg-2': 'var(--color-background-gradient-bg-fill-debug-bg-2)',
@@ -413,6 +416,7 @@ const vars = {
'background-surface-white': 'var(--color-background-surface-white)',
'background-overlay-destructive': 'var(--color-background-overlay-destructive)',
'background-overlay-backdrop': 'var(--color-background-overlay-backdrop)',
'background-body-transparent': 'var(--color-background-body-transparent)',
'shadow-shadow-1': 'var(--color-shadow-shadow-1)',
'shadow-shadow-3': 'var(--color-shadow-shadow-3)',
@@ -430,9 +434,14 @@ const vars = {
'workflow-block-bg': 'var(--color-workflow-block-bg)',
'workflow-block-bg-transparent': 'var(--color-workflow-block-bg-transparent)',
'workflow-block-border-highlight': 'var(--color-workflow-block-border-highlight)',
'workflow-block-wrapper-bg-1': 'var(--color-workflow-block-wrapper-bg-1)',
'workflow-block-wrapper-bg-2': 'var(--color-workflow-block-wrapper-bg-2)',
'workflow-canvas-workflow-dot-color': 'var(--color-workflow-canvas-workflow-dot-color)',
'workflow-canvas-workflow-bg': 'var(--color-workflow-canvas-workflow-bg)',
'workflow-canvas-workflow-top-bar-1': 'var(--color-workflow-canvas-workflow-top-bar-1)',
'workflow-canvas-workflow-top-bar-2': 'var(--color-workflow-canvas-workflow-top-bar-2)',
'workflow-canvas-canvas-overlay': 'var(--color-workflow-canvas-canvas-overlay)',
'workflow-link-line-active': 'var(--color-workflow-link-line-active)',
'workflow-link-line-normal': 'var(--color-workflow-link-line-normal)',
@@ -517,6 +526,7 @@ const vars = {
'state-destructive-active': 'var(--color-state-destructive-active)',
'state-destructive-solid': 'var(--color-state-destructive-solid)',
'state-destructive-border': 'var(--color-state-destructive-border)',
'state-destructive-hover-transparent': 'var(--color-state-destructive-hover-transparent)',
'state-success-hover': 'var(--color-state-success-hover)',
'state-success-hover-alt': 'var(--color-state-success-hover-alt)',
@@ -527,10 +537,12 @@ const vars = {
'state-warning-hover-alt': 'var(--color-state-warning-hover-alt)',
'state-warning-active': 'var(--color-state-warning-active)',
'state-warning-solid': 'var(--color-state-warning-solid)',
'state-warning-hover-transparent': 'var(--color-state-warning-hover-transparent)',
'effects-highlight': 'var(--color-effects-highlight)',
'effects-highlight-lightmode-off': 'var(--color-effects-highlight-lightmode-off)',
'effects-image-frame': 'var(--color-effects-image-frame)',
'effects-icon-border': 'var(--color-effects-icon-border)',
'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)',
@@ -722,8 +734,6 @@ const vars = {
'util-colors-midnight-midnight-600': 'var(--color-util-colors-midnight-midnight-600)',
'util-colors-midnight-midnight-700': 'var(--color-util-colors-midnight-midnight-700)',
'third-party-Arize': 'var(--color-third-party-Arize)',
'third-party-Phoenix': 'var(--color-third-party-Phoenix)',
'third-party-LangChain': 'var(--color-third-party-LangChain)',
'third-party-Langfuse': 'var(--color-third-party-Langfuse)',
'third-party-Github': 'var(--color-third-party-Github)',
@@ -739,5 +749,8 @@ const vars = {
'saas-background': 'var(--color-saas-background)',
'saas-pricing-grid-bg': 'var(--color-saas-pricing-grid-bg)',
'dify-logo-dify-logo-blue': 'var(--color-dify-logo-dify-logo-blue)',
'dify-logo-dify-logo-black': 'var(--color-dify-logo-dify-logo-black)',
}
export default vars