update to Fluent 25-1 (#2)

Author: elenapeskova

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 />

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>
+</Project>

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/[email protected]/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" />

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");
+}