From 72e86fc818c0bebf8bf152ff225fa82a99c7c2c9 Mon Sep 17 00:00:00 2001
From: osvirt808 <47139770+osvirt808@users.noreply.github.com>
Date: Wed, 24 Sep 2025 13:00:56 +0700
Subject: [PATCH] Add navigator view custom fill color with opacity

---
 src/Blazor.Diagrams/Components/Widgets/NavigatorWidget.razor   | 3 ++-
 .../Components/Widgets/NavigatorWidget.razor.cs                | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/Blazor.Diagrams/Components/Widgets/NavigatorWidget.razor b/src/Blazor.Diagrams/Components/Widgets/NavigatorWidget.razor
index a72c12a1e..32c1337bf 100644
--- a/src/Blazor.Diagrams/Components/Widgets/NavigatorWidget.razor
+++ b/src/Blazor.Diagrams/Components/Widgets/NavigatorWidget.razor
@@ -32,7 +32,8 @@
           y="@(_vY.ToInvariantString())"
           width="@_vWidth.ToInvariantString()"
           height="@_vHeight.ToInvariantString()"
-          fill="none"
+          fill="@ViewFillColor"
+          fill-opacity="@ViewFillOpacity"
           stroke="@ViewStrokeColor"
           stroke-width="@ViewStrokeWidth">
     </rect>
diff --git a/src/Blazor.Diagrams/Components/Widgets/NavigatorWidget.razor.cs b/src/Blazor.Diagrams/Components/Widgets/NavigatorWidget.razor.cs
index ca1e36213..6c0b422c9 100644
--- a/src/Blazor.Diagrams/Components/Widgets/NavigatorWidget.razor.cs
+++ b/src/Blazor.Diagrams/Components/Widgets/NavigatorWidget.razor.cs
@@ -29,6 +29,8 @@ public partial class NavigatorWidget : IDisposable
     [Parameter] public string NodeColor { get; set; } = "#40babd";
     [Parameter] public string GroupColor { get; set; } = "#9fd0d1";
     [Parameter] public string ViewStrokeColor { get; set; } = "#40babd";
+    [Parameter] public string ViewFillColor { get; set; } = "#9fd0d1";
+    [Parameter] public double ViewFillOpacity { get; set; } = 0;
     [Parameter] public int ViewStrokeWidth { get; set; } = 4;
     [Parameter] public string? Class { get; set; }
     [Parameter] public string? Style { get; set; }