From e18cd588a940aba9b688c8551b25fceadc109aa7 Mon Sep 17 00:00:00 2001 From: Ruslan Farkhutdinov Date: Mon, 27 Apr 2026 16:48:08 +0300 Subject: [PATCH 1/2] Chat: Fix empty message list icon background color darkening in Fluent theme Co-authored-by: Copilot --- packages/devextreme-scss/scss/widgets/fluent/chat/_colors.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/devextreme-scss/scss/widgets/fluent/chat/_colors.scss b/packages/devextreme-scss/scss/widgets/fluent/chat/_colors.scss index 5f884d9f71ba..bbfb29fb2f23 100644 --- a/packages/devextreme-scss/scss/widgets/fluent/chat/_colors.scss +++ b/packages/devextreme-scss/scss/widgets/fluent/chat/_colors.scss @@ -139,7 +139,7 @@ $chat-suggestions-box-shadow: null !default; $chat-messagelist-day-header-color: color.adjust($base-bg, $lightness: -56.08%, $space: hsl) !default; $chat-messagelist-empty-icon-color: color.adjust($base-icon-color, $lightness: 32.16%, $space: hsl) !default; - $chat-messagelist-empty-icon-background-color: color.adjust($base-bg, $lightness: 3.92%, $space: hsl) !default; + $chat-messagelist-empty-icon-background-color: color.adjust($base-bg, $lightness: -3.92%, $space: hsl) !default; $chat-messagelist-empty-prompt-color: color.adjust($base-label-color, $lightness: -5.88%, $space: hsl) !default; $chat-typingindicator-circle-bg-color: color.adjust($base-bg, $lightness: -29.16%, $space: hsl) !default; From 0ff0945cdd5bcc92c26999cee435014d81a89cf1 Mon Sep 17 00:00:00 2001 From: Ruslan Farkhutdinov Date: Tue, 28 Apr 2026 15:32:10 +0300 Subject: [PATCH 2/2] Chat: Add empty message list centering Co-authored-by: Copilot --- .../widgets/base/chat/layout/chat-messagelist/_index.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagelist/_index.scss b/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagelist/_index.scss index afae75f02a68..0101d8e6b773 100644 --- a/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagelist/_index.scss +++ b/packages/devextreme-scss/scss/widgets/base/chat/layout/chat-messagelist/_index.scss @@ -47,6 +47,10 @@ } .dx-chat-messagelist-empty { + display: flex; + flex-direction: column; + justify-content: center; + .dx-scrollview-content { display: flex; height: 100%;