separate blazor and mvc styles.

templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/MyProjectNameBlazorModule.cs

@@ -16,6 +16,7 @@ using Volo.Abp;
 using Volo.Abp.Account.Web;
 using Volo.Abp.AspNetCore.Authentication.JwtBearer;
 using Volo.Abp.AspNetCore.Components.Server.BasicTheme;
+using Volo.Abp.AspNetCore.Components.Server.BasicTheme.Bundling;
 using Volo.Abp.AspNetCore.Components.Server.Theming.Bundling;
 using Volo.Abp.AspNetCore.Components.Web.Theming.Routing;
 using Volo.Abp.AspNetCore.Mvc;
@@ -105,6 +106,7 @@ namespace MyCompanyName.MyProjectName.Blazor.Server
         {
             Configure<AbpBundlingOptions>(options =>
             {
+                // MVC UI
                 options.StyleBundles.Configure(
                     BasicThemeBundles.Styles.Global,
                     bundle =>
@@ -113,11 +115,12 @@ namespace MyCompanyName.MyProjectName.Blazor.Server
                     }
                 );
                 
+                //BLAZOR UI
                 options.StyleBundles.Configure(
-                    BlazorStandardBundles.Styles.Global,
+                    BlazorBasicThemeBundles.Styles.Global,
                     bundle =>
                     {
-                        bundle.AddFiles("/global-styles.css");
+                        bundle.AddFiles("/blazor-global-styles.css");
                     }
                 );
             });

templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/wwwroot/blazor-global-styles.css

@@ -0,0 +1,18 @@
+#blazor-error-ui {
+    background: lightyellow;
+    bottom: 0;
+    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    display: none;
+    left: 0;
+    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
+    position: fixed;
+    width: 100%;
+    z-index: 1000;
+}
+
+#blazor-error-ui .dismiss {
+    cursor: pointer;
+    position: absolute;
+    right: 0.75rem;
+    top: 0.5rem;
+}

templates/app/aspnet-core/src/MyCompanyName.MyProjectName.Blazor.Server/wwwroot/global-styles.css

@@ -1,18 +1,3 @@
-#blazor-error-ui {
+body {
-    background: lightyellow;
+    
-    bottom: 0;
+}
-    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
-    display: none;
-    left: 0;
-    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
-    position: fixed;
-    width: 100%;
-    z-index: 1000;
-}
-
-#blazor-error-ui .dismiss {
-    cursor: pointer;
-    position: absolute;
-    right: 0.75rem;
-    top: 0.5rem;
-}