diff --git a/CS/DynamicPopup/App.razor b/CS/DynamicPopup/App.razor
index 9adb7e4..0ff8b97 100644
--- a/CS/DynamicPopup/App.razor
+++ b/CS/DynamicPopup/App.razor
@@ -1,4 +1,8 @@
 @DxResourceManager.RegisterScripts()
+@DxResourceManager.RegisterTheme(Themes.Fluent.Clone(properties => {
+    properties.AddFilePaths("css/theme-fluent.css");
+}))
+
 <Router AppAssembly="@typeof(App).Assembly">
     <Found Context="routeData">
         <DxModalPopup />
diff --git a/CS/DynamicPopup/DynamicPopup.csproj b/CS/DynamicPopup/DynamicPopup.csproj
index 8d2b9f3..794f42e 100644
--- a/CS/DynamicPopup/DynamicPopup.csproj
+++ b/CS/DynamicPopup/DynamicPopup.csproj
@@ -9,6 +9,6 @@
     <Folder Include="wwwroot\images\" />
   </ItemGroup>
   <ItemGroup>
-    <PackageReference Include="DevExpress.Blazor" Version="24.2.1-alpha-24207" />
+    <PackageReference Include="DevExpress.Blazor" Version="25.1.*-*" />
   </ItemGroup>
-</Project>
\ No newline at end of file
+</Project>
diff --git a/CS/DynamicPopup/Pages/_Host.cshtml b/CS/DynamicPopup/Pages/_Host.cshtml
index 3a25010..7617826 100644
--- a/CS/DynamicPopup/Pages/_Host.cshtml
+++ b/CS/DynamicPopup/Pages/_Host.cshtml
@@ -10,7 +10,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
     <base href="~/" />
-    <link href="css/blazor-themes/blazing-berry.bs5.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr" crossorigin="anonymous">
     <link href="~/css/site.css" rel="stylesheet" />
     <link href="DynamicPopup.styles.css" rel="stylesheet" />
     <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />
diff --git a/CS/DynamicPopup/wwwroot/css/theme-fluent.css b/CS/DynamicPopup/wwwroot/css/theme-fluent.css
new file mode 100644
index 0000000..e534ab0
--- /dev/null
+++ b/CS/DynamicPopup/wwwroot/css/theme-fluent.css
@@ -0,0 +1,42 @@
+body {
+    margin: 0;
+}
+
+
+.w-100 {
+    width: 100%;
+}
+
+.text-danger {
+    color: var(--DS-color-surface-danger-default-rest);
+}
+
+.p-4 {
+    padding: 1.5rem;
+}
+
+.navigation-drawer {
+    --dxbl-drawer-separator-border-width: 0;
+}
+
+.menu-item {
+    --dxbl-menu-item-color: #fff;
+    --dxbl-menu-item-image-color: #fff;
+}
+
+[data-fluent-darkmode] .dxbl-theme-fluent .welcome-card {
+    color: var(--DS-primary-70);
+}
+
+.icon {
+    --icon-width: 1.25rem;
+    --icon-height: 1.25rem;
+    --icon-back-mask-image: url("/images/back-fluent.svg");
+    --icon-close-mask-image: url("/images/close-fluent.svg");
+    --icon-menu-mask-image: url("/images/menu-fluent.svg");
+    --icon-docs-mask-image: url("/images/doc-fluent.svg");
+    --icon-demos-mask-image: url("/images/demos-fluent.svg");
+    --icon-home-mask-image: url("/images/home-fluent.svg");
+    --icon-weather-mask-image: url("/images/weather-fluent.svg");
+    --icon-counter-mask-image: url("/images/counter-fluent.svg");
+}
diff --git a/CS/DynamicPopup/wwwroot/images/back-fluent.svg b/CS/DynamicPopup/wwwroot/images/back-fluent.svg
new file mode 100644
index 0000000..9b596d0
--- /dev/null
+++ b/CS/DynamicPopup/wwwroot/images/back-fluent.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.3544 15.8529C12.1594 16.0485 11.8429 16.0491 11.6472 15.8542L6.16276 10.3892C5.94705 10.1743 5.94705 9.82495 6.16276 9.61L11.6472 4.14502C11.8429 3.95011 12.1594 3.95067 12.3544 4.14628C12.5493 4.34189 12.5487 4.65848 12.3531 4.85339L7.18851 9.99961L12.3531 15.1458C12.5487 15.3407 12.5493 15.6573 12.3544 15.8529Z" fill="black"/>
+</svg>
diff --git a/CS/DynamicPopup/wwwroot/images/close-fluent.svg b/CS/DynamicPopup/wwwroot/images/close-fluent.svg
new file mode 100644
index 0000000..38064af
--- /dev/null
+++ b/CS/DynamicPopup/wwwroot/images/close-fluent.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.08859 4.21569L4.14645 4.14645C4.32001 3.97288 4.58944 3.9536 4.78431 4.08859L4.85355 4.14645L10 9.293L15.1464 4.14645C15.32 3.97288 15.5894 3.9536 15.7843 4.08859L15.8536 4.14645C16.0271 4.32001 16.0464 4.58944 15.9114 4.78431L15.8536 4.85355L10.707 10L15.8536 15.1464C16.0271 15.32 16.0464 15.5894 15.9114 15.7843L15.8536 15.8536C15.68 16.0271 15.4106 16.0464 15.2157 15.9114L15.1464 15.8536L10 10.707L4.85355 15.8536C4.67999 16.0271 4.41056 16.0464 4.21569 15.9114L4.14645 15.8536C3.97288 15.68 3.9536 15.4106 4.08859 15.2157L4.14645 15.1464L9.293 10L4.14645 4.85355C3.97288 4.67999 3.9536 4.41056 4.08859 4.21569Z" fill="black"/>
+</svg>
diff --git a/CS/DynamicPopup/wwwroot/images/counter-fluent.svg b/CS/DynamicPopup/wwwroot/images/counter-fluent.svg
new file mode 100644
index 0000000..8ed0cae
--- /dev/null
+++ b/CS/DynamicPopup/wwwroot/images/counter-fluent.svg
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 7C12.2761 7 12.4999 7.22394 12.5 7.5C12.5 7.77614 12.2761 8 12 8H9.24805L9.05859 9.74023C9.1367 9.73932 9.2198 9.73775 9.30469 9.7373C9.72449 9.73511 10.2541 9.74019 10.5254 9.77832C12.0975 9.99951 13.1926 11.4532 12.9717 13.0254C12.7506 14.5976 11.2969 15.6926 9.72461 15.4717C8.75136 15.3348 7.96091 14.7255 7.55273 13.9102C7.42918 13.6632 7.52946 13.3629 7.77637 13.2393C8.02327 13.1158 8.32368 13.216 8.44727 13.4629C8.71464 13.9967 9.23033 14.3924 9.86426 14.4814C10.8896 14.6254 11.8373 13.9111 11.9814 12.8857C12.1255 11.8604 11.4111 10.9127 10.3857 10.7686C10.2017 10.7427 9.75352 10.735 9.30957 10.7373C9.09662 10.7384 8.89716 10.7423 8.75098 10.7451C8.67802 10.7465 8.61837 10.7471 8.57715 10.748L8.53027 10.75H8.51367C8.36935 10.754 8.2307 10.695 8.13281 10.5889C8.03499 10.4828 7.98738 10.3398 8.00293 10.1963L8.30273 7.44629C8.3304 7.1927 8.54473 7.00009 8.7998 7H12Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.7559 2.0127C15.0164 2.14082 16 3.20566 16 4.5V15.5C16 16.8807 14.8807 18 13.5 18H6.5C5.11929 18 4 16.8807 4 15.5V4.5C4 3.11929 5.11929 2 6.5 2H13.5L13.7559 2.0127ZM6.5 3C5.67157 3 5 3.67157 5 4.5V15.5C5 16.3284 5.67157 17 6.5 17H13.5C14.3284 17 15 16.3284 15 15.5V4.5C15 3.67157 14.3284 3 13.5 3H12.8369C12.4546 4.15802 11.4097 5 10 5C9.13757 5 8.24072 4.71025 7.56543 3.95996C7.32396 3.69166 7.12023 3.37196 6.95605 3H6.5ZM8.27148 3C8.61688 3.59728 9.26022 4 10 4C10.8124 4 11.4337 3.60128 11.7549 3H8.27148Z" fill="black"/>
+</svg>
diff --git a/CS/DynamicPopup/wwwroot/images/demos-fluent.svg b/CS/DynamicPopup/wwwroot/images/demos-fluent.svg
new file mode 100644
index 0000000..f9f4953
--- /dev/null
+++ b/CS/DynamicPopup/wwwroot/images/demos-fluent.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 2C7.77614 2 8 2.22386 8 2.5V4.5C8 4.77614 7.77614 5 7.5 5C7.22386 5 7 4.77614 7 4.5V2.5C7 2.22386 7.22386 2 7.5 2ZM3.61091 3.61091C3.80618 3.41565 4.12276 3.41565 4.31802 3.61091L5.73223 5.02513C5.9275 5.22039 5.9275 5.53697 5.73223 5.73223C5.53697 5.92749 5.22039 5.92749 5.02513 5.73223L3.61091 4.31802C3.41565 4.12276 3.41565 3.80617 3.61091 3.61091ZM11.3891 3.61091C11.5843 3.80617 11.5843 4.12276 11.3891 4.31802L9.97487 5.73223C9.77961 5.9275 9.46303 5.9275 9.26777 5.73223C9.0725 5.53697 9.0725 5.22039 9.26777 5.02513L10.682 3.61091C10.8772 3.41565 11.1938 3.41565 11.3891 3.61091ZM2 7.5C2 7.22386 2.22386 7 2.5 7H4.5C4.77614 7 5 7.22386 5 7.5C5 7.77614 4.77614 8 4.5 8H2.5C2.22386 8 2 7.77614 2 7.5ZM8.64019 7.2993C7.98886 6.75653 7 7.21968 7 8.06752V17.1693C7 18.0926 8.14454 18.5227 8.75258 17.8278L10.7787 15.5122C11.0635 15.1867 11.475 15 11.9075 15H15.119C16.0543 15 16.4777 13.8305 15.7592 13.2318L8.64019 7.2993ZM8 17.1693L8 8.06752L15.119 14H11.9075C11.1866 14 10.5008 14.3112 10.0261 14.8537L8 17.1693Z" fill="black"/>
+</svg>
diff --git a/CS/DynamicPopup/wwwroot/images/doc-fluent.svg b/CS/DynamicPopup/wwwroot/images/doc-fluent.svg
new file mode 100644
index 0000000..e746057
--- /dev/null
+++ b/CS/DynamicPopup/wwwroot/images/doc-fluent.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.5 5C5.22386 5 5 5.22386 5 5.5V7.5C5 7.77614 5.22386 8 5.5 8H12.5C12.7761 8 13 7.77614 13 7.5V5.5C13 5.22386 12.7761 5 12.5 5H5.5ZM6 7V6H12V7H6ZM3 4C3 2.89543 3.89543 2 5 2H13C14.1046 2 15 2.89543 15 4V16C15 17.1046 14.1046 18 13 18H5C3.89543 18 3 17.1046 3 16V4ZM5 3C4.44772 3 4 3.44772 4 4V16C4 16.5523 4.44772 17 5 17H13C13.5523 17 14 16.5523 14 16V4C14 3.44772 13.5523 3 13 3H5ZM16 6H16.5C16.7761 6 17 6.22386 17 6.5V8C17 8.27614 16.7761 8.5 16.5 8.5H16V6ZM16.5 9.5H16V12H16.5C16.7761 12 17 11.7761 17 11.5V10C17 9.72386 16.7761 9.5 16.5 9.5ZM16 13H16.5C16.7761 13 17 13.2239 17 13.5V15C17 15.2761 16.7761 15.5 16.5 15.5H16V13Z" fill="black"/>
+</svg>
diff --git a/CS/DynamicPopup/wwwroot/images/home-fluent.svg b/CS/DynamicPopup/wwwroot/images/home-fluent.svg
new file mode 100644
index 0000000..0919bd5
--- /dev/null
+++ b/CS/DynamicPopup/wwwroot/images/home-fluent.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.9975 2.38811C9.56767 1.87584 10.4323 1.87584 11.0025 2.38811L16.5025 7.32965C16.8191 7.61414 17 8.01977 17 8.44544V15.4996C17 16.328 16.3284 16.9996 15.5 16.9996H13C12.1716 16.9996 11.5 16.328 11.5 15.4996V11.9996C11.5 11.7234 11.2761 11.4996 11 11.4996H9C8.72386 11.4996 8.5 11.7234 8.5 11.9996V15.4996C8.5 16.328 7.82843 16.9996 7 16.9996H4.5C3.67157 16.9996 3 16.328 3 15.4996V8.44544C3 8.01977 3.18086 7.61414 3.4975 7.32965L8.9975 2.38811ZM10.3342 3.13197C10.1441 2.96122 9.85589 2.96122 9.66583 3.13197L4.16583 8.07351C4.06029 8.16834 4 8.30355 4 8.44544V15.4996C4 15.7757 4.22386 15.9996 4.5 15.9996H7C7.27614 15.9996 7.5 15.7757 7.5 15.4996V11.9996C7.5 11.1711 8.17157 10.4996 9 10.4996H11C11.8284 10.4996 12.5 11.1711 12.5 11.9996V15.4996C12.5 15.7757 12.7239 15.9996 13 15.9996H15.5C15.7761 15.9996 16 15.7757 16 15.4996V8.44544C16 8.30355 15.9397 8.16834 15.8342 8.07351L10.3342 3.13197Z" fill="black"/>
+</svg>
diff --git a/CS/DynamicPopup/wwwroot/images/menu-fluent.svg b/CS/DynamicPopup/wwwroot/images/menu-fluent.svg
new file mode 100644
index 0000000..d9cd93e
--- /dev/null
+++ b/CS/DynamicPopup/wwwroot/images/menu-fluent.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 4.5C2 4.22386 2.22386 4 2.5 4H17.5C17.7761 4 18 4.22386 18 4.5C18 4.77614 17.7761 5 17.5 5H2.5C2.22386 5 2 4.77614 2 4.5ZM2 9.5C2 9.22386 2.22386 9 2.5 9H17.5C17.7761 9 18 9.22386 18 9.5C18 9.77614 17.7761 10 17.5 10H2.5C2.22386 10 2 9.77614 2 9.5ZM2.5 14C2.22386 14 2 14.2239 2 14.5C2 14.7761 2.22386 15 2.5 15H17.5C17.7761 15 18 14.7761 18 14.5C18 14.2239 17.7761 14 17.5 14H2.5Z" fill="black"/>
+</svg>
diff --git a/CS/DynamicPopup/wwwroot/images/weather-fluent.svg b/CS/DynamicPopup/wwwroot/images/weather-fluent.svg
new file mode 100644
index 0000000..f24c5c3
--- /dev/null
+++ b/CS/DynamicPopup/wwwroot/images/weather-fluent.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 7C13.4646 7 14.8627 8.5736 15.066 10.474L15.1282 10.474C16.7143 10.474 18 11.711 18 13.237C18 14.763 16.7143 16 15.1282 16H6.8718C5.28575 16 4.00001 14.763 4.00001 13.237C4.00001 11.711 5.28575 10.474 6.87182 10.474L6.934 10.474C7.13852 8.56111 8.53544 7 11 7ZM11 8C9.35057 8 7.9129 9.27029 7.9129 11.0249C7.9129 11.303 7.65892 11.5211 7.36809 11.5211L6.81819 11.5211C5.81403 11.5211 5.00001 12.2999 5.00001 13.2605C5.00001 14.2212 5.81403 15 6.81819 15H15.1818C16.186 15 17 14.2212 17 13.2605C17 12.2999 16.186 11.5211 15.1818 11.5211L14.6319 11.5211C14.3411 11.5211 14.0871 11.303 14.0871 11.0249C14.0871 9.24779 12.6494 8 11 8ZM3.80323 9.70081C3.88315 9.9329 3.78237 10.1835 3.57561 10.2995L3.49326 10.3364L2.69185 10.6123C2.43075 10.7022 2.14621 10.5634 2.05631 10.3023C1.97639 10.0702 2.07717 9.81963 2.28393 9.70366L2.36628 9.66678L3.16769 9.39083C3.42879 9.30093 3.71333 9.43971 3.80323 9.70081ZM8.91929 5.50023C9.25181 5.66241 9.54462 5.87337 9.79331 6.12029C9.38698 6.20342 9.00724 6.33003 8.65692 6.4951C8.60128 6.46105 8.54207 6.42885 8.48091 6.39902C7.34909 5.84699 5.98405 6.31701 5.43202 7.44884C5.04721 8.23783 5.15904 9.14013 5.6455 9.80137C5.31553 9.89962 5.00518 10.0425 4.72106 10.2221C4.124 9.29064 4.01237 8.07839 4.53323 7.01047C5.32736 5.38225 7.29107 4.70609 8.91929 5.50023ZM2.91582 5.66976L3.00013 5.70192L3.76194 6.07348C4.01013 6.19453 4.1132 6.49387 3.99215 6.74206C3.88455 6.96268 3.63608 7.06863 3.40788 7.00443L3.32357 6.97227L2.56176 6.60072C2.31357 6.47966 2.2105 6.18033 2.33155 5.93214C2.43915 5.71152 2.68762 5.60557 2.91582 5.66976ZM9.98918 3.2954C10.2098 3.403 10.3157 3.65147 10.2515 3.87967L10.2194 3.96398L9.84783 4.72579C9.72678 4.97398 9.42745 5.07705 9.17925 4.956C8.95863 4.8484 8.85268 4.59993 8.91688 4.37173L8.94904 4.28742L9.3206 3.52561C9.44165 3.27742 9.74098 3.17435 9.98918 3.2954ZM6.19931 3.26298L6.23619 3.34533L6.51213 4.14674C6.60204 4.40784 6.46326 4.69238 6.20216 4.78228C5.97007 4.8622 5.71946 4.76142 5.60349 4.55466L5.56662 4.47231L5.29067 3.6709C5.20077 3.4098 5.33955 3.12526 5.60064 3.03536C5.83273 2.95544 6.08334 3.05622 6.19931 3.26298Z" fill="black"/>
+</svg>
diff --git a/README.md b/README.md
index 2121763..b44511a 100644
--- a/README.md
+++ b/README.md
@@ -1,9 +1,3 @@
-<!-- default badges list -->
-![](https://img.shields.io/endpoint?url=https://codecentral.devexpress.com/api/v1/VersionRange/809670658/25.1.3%2B)
-[![](https://img.shields.io/badge/Open_in_DevExpress_Support_Center-FF7200?style=flat-square&logo=DevExpress&logoColor=white)](https://supportcenter.devexpress.com/ticket/details/T1236052)
-[![](https://img.shields.io/badge/📖_How_to_use_DevExpress_Examples-e9f6fc?style=flat-square)](https://docs.devexpress.com/GeneralInformation/403183)
-[![](https://img.shields.io/badge/💬_Leave_Feedback-feecdd?style=flat-square)](#does-this-example-address-your-development-requirementsobjectives)
-<!-- default badges end -->
 # Blazor Popup - Add Content Dynamically
 
 This example creates a service to generate Popup content dynamically.
diff --git a/blazor-popup-created-dynamically.png b/blazor-popup-created-dynamically.png
index 9e09855..7883f25 100644
Binary files a/blazor-popup-created-dynamically.png and b/blazor-popup-created-dynamically.png differ