From 59edff4ce8a2c889865be62fbeb5f423f24e4af9 Mon Sep 17 00:00:00 2001
From: Vlada Skorohodova <94827090+vladaskorohodova@users.noreply.github.com>
Date: Wed, 15 Nov 2023 17:23:13 +0400
Subject: [PATCH] Fluent: update theme names (#5764)

---
 .../05 Predefined Themes/00 Predefined Themes.md | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/concepts/60 Themes and Styles/05 Predefined Themes/00 Predefined Themes.md b/concepts/60 Themes and Styles/05 Predefined Themes/00 Predefined Themes.md
index ad6d1b7b6b..ec89c89f80 100644
--- a/concepts/60 Themes and Styles/05 Predefined Themes/00 Predefined Themes.md	
+++ b/concepts/60 Themes and Styles/05 Predefined Themes/00 Predefined Themes.md	
@@ -158,19 +158,19 @@ DevExtreme provides Generic, Generic Compact, and Material Design themes. These
 
 <div id="fluent-themes" class="theme-images">
     <div>
-        <p>Light</p>
+        <p>Blue Light</p>
         <img src="/images/themes/fluent-default.png" />
     </div>
     <div>
-        <p>Light Compact</p>
+        <p>Blue Light Compact</p>
         <img src="/images/themes/fluent-compact.png" />
     </div>
     <div>
-        <p>Dark</p>
+        <p>Blue Dark</p>
         <img src="/images/themes/fluent-dark-default.png" />
     </div>
     <div>
-        <p>Dark Compact</p>
+        <p>Blue Dark Compact</p>
         <img src="/images/themes/fluent-dark-compact.png" />
     </div>
 </div>
@@ -242,15 +242,15 @@ Each theme is a stylesheet that contains a collection of CSS classes. The follow
         <div class="second-level">
             <div class="header">Fluent</div>
             <ul>
-                <li><code>dx.fluent.light.css</code></li>
-                <li><code>dx.fluent.dark.css</code></li>
+                <li><code>dx.fluent.blue.light.css</code></li>
+                <li><code>dx.fluent.blue.dark.css</code></li>
             </ul>
         </div>
         <div class="second-level">
             <div class="header">Fluent Compact</div>
             <ul>
-                <li><code>dx.fluent.light.compact.css</code></li>
-                <li><code>dx.fluent.dark.compact.css</code></li>
+                <li><code>dx.fluent.blue.light.compact.css</code></li>
+                <li><code>dx.fluent.blue.dark.compact.css</code></li>
             </ul>
         </div>
     </div>