From d3eff9d742dd5867f89c90285a85bfd775dd6e6b Mon Sep 17 00:00:00 2001
From: Aliullov Vlad <vladislav.aliullov@devexpress.com>
Date: Tue, 24 Feb 2026 16:01:58 +0100
Subject: [PATCH 1/2] fix some markup ans style issues

---
 .../icon-theme-circle/icon-theme-circle.component.css  | 10 +++++++---
 src/app/preview/chat/chat.component.css                |  4 ++++
 src/app/preview/preview/preview.component.html         |  6 +++---
 src/app/preview/splitter/splitter.component.css        |  9 ++++-----
 4 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/src/app/icons/icon-theme-circle/icon-theme-circle.component.css b/src/app/icons/icon-theme-circle/icon-theme-circle.component.css
index c248a147..0852792c 100644
--- a/src/app/icons/icon-theme-circle/icon-theme-circle.component.css
+++ b/src/app/icons/icon-theme-circle/icon-theme-circle.component.css
@@ -19,8 +19,8 @@
 }
 
 .color-circle.light {
-    border-color: #fff; 
-    background-color: #337ab7;  
+    border-color: #fff;
+    background-color: #337ab7;
 }
 
 .color-circle.dark {
@@ -29,7 +29,11 @@
 }
 
 .color-circle.blue {
-    background-color: #03a9f4;
+    background-color: #1564C0;
+}
+
+.color-circle.blue.dark {
+    background-color: #90CAF9;
 }
 
 .color-circle.orange {
diff --git a/src/app/preview/chat/chat.component.css b/src/app/preview/chat/chat.component.css
index ede22b05..aa8ae914 100644
--- a/src/app/preview/chat/chat.component.css
+++ b/src/app/preview/chat/chat.component.css
@@ -1,3 +1,7 @@
+.dx-chat {
+  min-height: 50px;
+}
+
 .chat-container {
   display: flex;
   justify-content: center;
diff --git a/src/app/preview/preview/preview.component.html b/src/app/preview/preview/preview.component.html
index 6069adff..ce45ce60 100644
--- a/src/app/preview/preview/preview.component.html
+++ b/src/app/preview/preview/preview.component.html
@@ -49,7 +49,7 @@
         </div>
 
         <div class="component-item component-item--half">
-            <app-preview-title [isNew]="true">CardView</app-preview-title>
+            <app-preview-title>CardView</app-preview-title>
             <div class="component-display">
                 <app-button-detailed widget="cardview" [currentWidget]="widgetName" (clicked)="buttonDetailedClick($event)"></app-button-detailed>
                 <app-cardview #widget></app-cardview>
@@ -137,7 +137,7 @@
         </div>
 
         <div class="component-item component-item--half">
-            <app-preview-title [isNew]="true">Stepper</app-preview-title>
+            <app-preview-title>Stepper</app-preview-title>
             <div class="component-display">
                 <app-button-detailed widget="stepper" [currentWidget]="widgetName" (clicked)="buttonDetailedClick($event)"></app-button-detailed>
                 <app-stepper #widget></app-stepper>
@@ -159,7 +159,7 @@
                 <app-progressbars #widget></app-progressbars>
             </div>
         </div>
-        
+
         <div class="component-item component-item--half">
             <app-preview-title>Sliders</app-preview-title>
             <div class="component-display">
diff --git a/src/app/preview/splitter/splitter.component.css b/src/app/preview/splitter/splitter.component.css
index 1d0d1d3b..f65778e3 100644
--- a/src/app/preview/splitter/splitter.component.css
+++ b/src/app/preview/splitter/splitter.component.css
@@ -3,23 +3,22 @@
   border: 1px solid var(--dx-color-border);
   overflow: hidden;
 }
-  
+
 ::ng-deep .pane-content {
   padding: 12px;
 }
-  
+
 ::ng-deep .pane-title {
   font-weight: 600;
   margin-bottom: 2px;
 }
-  
+
 ::ng-deep .pane-state {
   font-size: 12px;
   font-weight: 400;
-  color: rgba(51, 51, 51, 0.7);
   margin-bottom: 4px;
 }
-  
+
 ::ng-deep .pane-option {
   color: rgba(51, 51, 51, 1);
   font-size: 14px;

From 715952438d86d701df7ed5048241c8a51d569b91 Mon Sep 17 00:00:00 2001
From: Aliullov Vlad <vladislav.aliullov@devexpress.com>
Date: Tue, 24 Feb 2026 17:09:15 +0100
Subject: [PATCH 2/2] fix blue light theme accent color in left menu

---
 src/app/icons/icon-theme-circle/icon-theme-circle.component.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/icons/icon-theme-circle/icon-theme-circle.component.css b/src/app/icons/icon-theme-circle/icon-theme-circle.component.css
index 0852792c..7fbdba63 100644
--- a/src/app/icons/icon-theme-circle/icon-theme-circle.component.css
+++ b/src/app/icons/icon-theme-circle/icon-theme-circle.component.css
@@ -29,7 +29,7 @@
 }
 
 .color-circle.blue {
-    background-color: #1564C0;
+    background-color: var(--dx-color-primary);
 }
 
 .color-circle.blue.dark {