Fix ModalDialog overlay background color and opacity rendering (#1374)

vcluopeng · web-flow · commit 6a8390237ee5 · 2026-03-27T00:10:40.000+08:00
diff --git a/ServiceStack.Blazor/src/ServiceStack.Blazor/Components/Tailwind/ModalDialog.razor b/ServiceStack.Blazor/src/ServiceStack.Blazor/Components/Tailwind/ModalDialog.razor
@@ -1,7 +1,7 @@
 ﻿@inherits UiComponentBase
 
 <div @onclick="Close" id=@Id aria-labelledby="modal-title" role="dialog" aria-modal="true" class=@ClassNames("relative z-10", DialogTransition.DisplayClass)>
-    <div class=@ClassNames("fixed inset-0 bg-gray-500 dark:bg-gray-400/75 transition-opacity", DialogTransition.Class)></div>
+    <div class=@ClassNames("fixed inset-0 bg-gray-400/75 dark:bg-gray-400/75 transition-opacity", DialogTransition.Class)></div>
     <div class="fixed inset-0 z-10 overflow-y-auto">
         <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
 
