From 31163e1da5d1d8b12f37b704c34d40a35a4a8205 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E0=A4=95=E0=A4=BE=E0=A4=B0=E0=A4=A4=E0=A5=8B=E0=A4=AB?= =?UTF-8?q?=E0=A5=8D=E0=A4=AB=E0=A5=87=E0=A4=B2=E0=A4=B8=E0=A5=8D=E0=A4=95?= =?UTF-8?q?=E0=A5=8D=E0=A4=B0=E0=A4=BF=E0=A4=AA=E0=A5=8D=E0=A4=9F=E2=84=A2?= Date: Thu, 4 Jul 2024 12:59:43 +0200 Subject: [PATCH] fix(editor): Improve the contrast in the Chat Window in dark mode (no-changelog) (#9937) --- packages/design-system/src/css/_tokens.dark.scss | 2 +- packages/design-system/src/css/_tokens.scss | 1 - packages/editor-ui/src/components/WorkflowLMChat.vue | 1 - 3 files changed, 1 insertion(+), 3 deletions(-) diff --git a/packages/design-system/src/css/_tokens.dark.scss b/packages/design-system/src/css/_tokens.dark.scss index 982d82b257..4c3c078384 100644 --- a/packages/design-system/src/css/_tokens.dark.scss +++ b/packages/design-system/src/css/_tokens.dark.scss @@ -35,7 +35,7 @@ // LangChain --color-lm-chat-messages-background: var(--prim-gray-820); - --color-lm-chat-bot-background: var(--prim-gray-540); + --color-lm-chat-bot-background: var(--prim-gray-740); --color-lm-chat-bot-border: var(--prim-gray-490); --color-lm-chat-user-background: var(--prim-color-alt-a-shade-100); --color-lm-chat-user-border: var(--prim-color-alt-a); diff --git a/packages/design-system/src/css/_tokens.scss b/packages/design-system/src/css/_tokens.scss index 230f9802b0..993b63d646 100644 --- a/packages/design-system/src/css/_tokens.scss +++ b/packages/design-system/src/css/_tokens.scss @@ -68,7 +68,6 @@ // LangChain --color-lm-chat-messages-background: var(--color-background-base); --color-lm-chat-bot-background: var(--prim-gray-0); - --color-lm-chat-bot-color: var(--color-text-dark); --color-lm-chat-user-background: var(--prim-color-alt-a); --color-lm-chat-user-color: var(--color-text-xlight); diff --git a/packages/editor-ui/src/components/WorkflowLMChat.vue b/packages/editor-ui/src/components/WorkflowLMChat.vue index 7ec6ef1bd2..13af3203dc 100644 --- a/packages/editor-ui/src/components/WorkflowLMChat.vue +++ b/packages/editor-ui/src/components/WorkflowLMChat.vue @@ -631,7 +631,6 @@ export default defineComponent({ &.bot { background-color: var(--color-lm-chat-bot-background); - color: var(--color-lm-chat-bot-color); float: left; border-bottom-left-radius: 0;