BarToggler: fix color for FluentUI2 provider (#5983)

Megabit · Feb 24, 2025 · 4d0320a · 4d0320a
1 parent 6549e9a
commit 4d0320a
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/Source/Blazorise.FluentUI2/Styles/components/_bar.scss b/Source/Blazorise.FluentUI2/Styles/components/_bar.scss
@@ -679,6 +679,10 @@
             }
         }
 
+        .b-bar-toggler-inline {
+            stroke: var(--b-bar-dark-color, rgba(255, 255, 255, 0.5));
+        }
+
         .b-bar-link {
             &.fui-Link-active {
                 color: var(--b-bar-item-dark-active-color, #fff);
@@ -705,6 +709,10 @@
             }
         }
 
+        .b-bar-toggler-inline {
+            stroke: var(--b-bar-light-color, rgba(0,0,0,0.7));
+        }
+
         .b-bar-link {
             &.fui-Link-active {
                 color: var(--b-bar-item-light-active-color, #000);

diff --git a/Source/Blazorise.FluentUI2/wwwroot/blazorise.fluentui2.css b/Source/Blazorise.FluentUI2/wwwroot/blazorise.fluentui2.css
@@ -2230,6 +2230,11 @@
   color: var(--b-bar-item-dark-active-color, #fff);
   background: var(--b-bar-item-dark-active-background, #0288D1);
 }
+.b-bar-vertical-inline.b-bar-dark .b-bar-toggler-inline,
+.b-bar-vertical-popout.b-bar-dark .b-bar-toggler-inline,
+.b-bar-vertical-small.b-bar-dark .b-bar-toggler-inline {
+  stroke: var(--b-bar-dark-color, rgba(255, 255, 255, 0.5));
+}
 .b-bar-vertical-inline.b-bar-dark .b-bar-link.fui-Link-active,
 .b-bar-vertical-popout.b-bar-dark .b-bar-link.fui-Link-active,
 .b-bar-vertical-small.b-bar-dark .b-bar-link.fui-Link-active {
@@ -2247,6 +2252,11 @@
   color: var(--b-bar-item-light-active-color, #000);
   background: var(--b-bar-item-light-active-background, #0288D1);
 }
+.b-bar-vertical-inline.b-bar-light .b-bar-toggler-inline,
+.b-bar-vertical-popout.b-bar-light .b-bar-toggler-inline,
+.b-bar-vertical-small.b-bar-light .b-bar-toggler-inline {
+  stroke: var(--b-bar-light-color, rgba(0, 0, 0, 0.7));
+}
 .b-bar-vertical-inline.b-bar-light .b-bar-link.fui-Link-active,
 .b-bar-vertical-popout.b-bar-light .b-bar-link.fui-Link-active,
 .b-bar-vertical-small.b-bar-light .b-bar-link.fui-Link-active {

diff --git a/Source/Blazorise.FluentUI2/wwwroot/blazorise.fluentui2.min.css b/Source/Blazorise.FluentUI2/wwwroot/blazorise.fluentui2.min.css