npm - @syncfusion/blazor-themes - Versions diffs - 26.1.42 → 26.2.4 - Mend

@syncfusion/blazor-themes 26.1.42 → 26.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (268) hide show

package/SCSS-Themes/base/fluent2-dark.scss CHANGED Viewed

@@ -699,8 +699,8 @@ $msg-warning-color-alt1: mapcolorvariable('msg-warning-color-alt1') !default;
 $msg-warning-bg-color-alt1: mapcolorvariable('msg-warning-bg-color-alt1') !default;
 $msg-warning-border-color-alt1: mapcolorvariable('msg-warning-border-color-alt1') !default;
 $msg-warning-color-alt2: mapcolorvariable('msg-warning-color-alt2') !default;
-$msg-warning-bg-color-alt2: mapcolorvariable('msg-warning-bg-color-alt2:') !default;
-$msg-warning-border-color-alt2: mapcolorvariable('msg-warning-border-color-alt2:') !default;
+$msg-warning-bg-color-alt2: mapcolorvariable('msg-warning-bg-color-alt2') !default;
+$msg-warning-border-color-alt2: mapcolorvariable('msg-warning-border-color-alt2') !default;
 $msg-warning-icon-color: mapcolorvariable('msg-warning-icon-color') !default;
 $msg-warning-icon-color-alt1: mapcolorvariable('msg-warning-icon-color-alt1') !default;

package/SCSS-Themes/base/fluent2-highcontrast.scss CHANGED Viewed

@@ -26,9 +26,9 @@
   --color-sf-flyout-bg-color-pressed: var(--color-sf-content-bg-color-hover);
   --color-sf-flyout-bg-color-selected: var(--color-sf-content-bg-color-hover);
   --color-sf-flyout-bg-color-focus: var(--color-sf-content-bg-color-hover);
-  --color-sf-overlay-bg-color: rgba($black, .4);
-  --color-sf-table-bg-color-hover: var(--color-sf-black);
-  --color-sf-table-bg-color-pressed: var(--color-sf-black);
+  --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
+  --color-sf-table-bg-color-hover: #1aebff;
+  --color-sf-table-bg-color-pressed: #1aebff;
   --color-sf-table-bg-color-selected: #1aebff;
   --color-sf-content-text-color: #fff;
@@ -48,13 +48,13 @@
   --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color-hover);
   --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color-hover);
   --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
-  --color-sf-table-text-color-hover: var(--color-sf-content-text-color-hover);
-  --color-sf-table-text-color-pressed: var(--color-sf-content-text-color-hover);
-  --color-sf-table-text-color-selected: var(--color-sf-content-text-color-hover);
+  --color-sf-table-text-color-hover: #000;
+  --color-sf-table-text-color-pressed: #000;
+  --color-sf-table-text-color-selected: #000;
   --color-sf-icon-color: #fff;
-  --color-sf-icon-color-hover: var(--color-sf-content-text-color);
-  --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
+  --color-sf-icon-color-hover: #000;
+  --color-sf-icon-color-pressed: #000;
   --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
   --color-sf-border-light: #fff;
@@ -76,7 +76,7 @@
   --color-sf-primary: #1aebff;
   --color-sf-primary-text-color: #000;
-  --color-sf-primary-light: #99f6ff;
+  --color-sf-primary-light: rgba(26, 235, 255, .8);
   --color-sf-primary-lighter: var(--color-sf-primary-light);
   --color-sf-primary-dark: var(--color-sf-primary);
   --color-sf-primary-darker: var(--color-sf-primary);
@@ -700,8 +700,8 @@ $msg-warning-color-alt1: mapcolorvariable('msg-warning-color-alt1') !default;
 $msg-warning-bg-color-alt1: mapcolorvariable('msg-warning-bg-color-alt1') !default;
 $msg-warning-border-color-alt1: mapcolorvariable('msg-warning-border-color-alt1') !default;
 $msg-warning-color-alt2: mapcolorvariable('msg-warning-color-alt2') !default;
-$msg-warning-bg-color-alt2: mapcolorvariable('msg-warning-bg-color-alt2:') !default;
-$msg-warning-border-color-alt2: mapcolorvariable('msg-warning-border-color-alt2:') !default;
+$msg-warning-bg-color-alt2: mapcolorvariable('msg-warning-bg-color-alt2') !default;
+$msg-warning-border-color-alt2: mapcolorvariable('msg-warning-border-color-alt2') !default;
 $msg-warning-icon-color: mapcolorvariable('msg-warning-icon-color') !default;
 $msg-warning-icon-color-alt1: mapcolorvariable('msg-warning-icon-color-alt1') !default;
@@ -977,7 +977,7 @@ $flyout-bg-color-hover: $flyout-bg-color-hover !default;
 $flyout-bg-color-pressed: $flyout-bg-color-pressed !default;
 $flyout-bg-color-selected: $flyout-bg-color-selected !default;
 $flyout-bg-color-focus: $flyout-bg-color-focus !default;
-$overlay-bg-color: rgba($overlay-bg, .4) !default;
+$overlay-bg-color: rgba(0, 0, 0, .4) !default;
 $table-bg-color-hover: $table-bg-color-hover !default;
 $table-bg-color-pressed: $table-bg-color-pressed !default;
 $table-bg-color-selected: $table-bg-color-selected !default;

package/SCSS-Themes/base/fluent2.scss CHANGED Viewed

@@ -54,7 +54,7 @@
   --color-sf-flyout-bg-color-pressed: #e0e0e0;
   --color-sf-flyout-bg-color-selected: #ebebeb;
   --color-sf-flyout-bg-color-focus: #f5f5f5;
-  --color-sf-overlay-bg-color: #000;
+  --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
   --color-sf-table-bg-color-hover: #f5f5f5;
   --color-sf-table-bg-color-pressed: #e0e0e0;
   --color-sf-table-bg-color-selected: #ebf3fc;
@@ -407,6 +407,7 @@ $flyout-bg-color-pressed: mapcolorvariable('flyout-bg-color-pressed') !default;
 $flyout-bg-color-selected: mapcolorvariable('flyout-bg-color-selected') !default;
 $flyout-bg-color-focus: mapcolorvariable('flyout-bg-color-focus') !default;
 $overlay-bg: mapcolorvariable('overlay-bg-color');
+$overlay-bg-color: mapcolorvariable('overlay-bg-color') !default;
 $table-bg-color-hover: mapcolorvariable('table-bg-color-hover') !default;
 $table-bg-color-pressed: mapcolorvariable('table-bg-color-pressed') !default;
 $table-bg-color-selected: mapcolorvariable('table-bg-color-selected') !default;
@@ -709,8 +710,8 @@ $msg-warning-color-alt1: mapcolorvariable('msg-warning-color-alt1') !default;
 $msg-warning-bg-color-alt1: mapcolorvariable('msg-warning-bg-color-alt1') !default;
 $msg-warning-border-color-alt1: mapcolorvariable('msg-warning-border-color-alt1') !default;
 $msg-warning-color-alt2: mapcolorvariable('msg-warning-color-alt2') !default;
-$msg-warning-bg-color-alt2: mapcolorvariable('msg-warning-bg-color-alt2:') !default;
-$msg-warning-border-color-alt2: mapcolorvariable('msg-warning-border-color-alt2:') !default;
+$msg-warning-bg-color-alt2: mapcolorvariable('msg-warning-bg-color-alt2') !default;
+$msg-warning-border-color-alt2: mapcolorvariable('msg-warning-border-color-alt2') !default;
 $msg-warning-icon-color: mapcolorvariable('msg-warning-icon-color') !default;
 $msg-warning-icon-color-alt1: mapcolorvariable('msg-warning-icon-color-alt1') !default;
@@ -987,7 +988,8 @@ $flyout-bg-color-hover: $flyout-bg-color-hover !default;
 $flyout-bg-color-pressed: $flyout-bg-color-pressed !default;
 $flyout-bg-color-selected: $flyout-bg-color-selected !default;
 $flyout-bg-color-focus: $flyout-bg-color-focus !default;
-$overlay-bg-color: rgba($overlay-bg, .4) !default;
+$overlay-bg: rgba(0, 0, 0, .4) !default;
+$overlay-bg-color: $overlay-bg-color !default;
 $table-bg-color-hover: $table-bg-color-hover !default;
 $table-bg-color-pressed: $table-bg-color-pressed !default;
 $table-bg-color-selected: $table-bg-color-selected !default;
@@ -1536,7 +1538,7 @@ $switch-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #000 !default;
   --color-sf-flyout-bg-color-pressed: var(--color-sf-black);
   --color-sf-flyout-bg-color-selected: #383838;
   --color-sf-flyout-bg-color-focus: var(--color-sf-flyout-bg-color-hover);
-  --color-sf-overlay-bg-color: rgba($black, .4);
+  --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
   --color-sf-table-bg-color-hover: #383838;
   --color-sf-table-bg-color-pressed: #2e2e2e;
   --color-sf-table-bg-color-selected: #082338;
@@ -1910,9 +1912,9 @@ $switch-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #000 !default;
   --color-sf-flyout-bg-color-pressed: var(--color-sf-content-bg-color-hover);
   --color-sf-flyout-bg-color-selected: var(--color-sf-content-bg-color-hover);
   --color-sf-flyout-bg-color-focus: var(--color-sf-content-bg-color-hover);
-  --color-sf-overlay-bg-color: rgba($black, .4);
-  --color-sf-table-bg-color-hover: var(--color-sf-black);
-  --color-sf-table-bg-color-pressed: var(--color-sf-black);
+  --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
+  --color-sf-table-bg-color-hover: #1a3bff;
+  --color-sf-table-bg-color-pressed: #1a3bff;
   --color-sf-table-bg-color-selected: #1a3bff;
   --color-sf-content-text-color: #fff;
@@ -1932,13 +1934,13 @@ $switch-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #000 !default;
   --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color-hover);
   --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color-hover);
   --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
-  --color-sf-table-text-color-hover: var(--color-sf-content-text-color-hover);
-  --color-sf-table-text-color-pressed: var(--color-sf-content-text-color-hover);
-  --color-sf-table-text-color-selected: var(--color-sf-content-text-color-hover);
+  --color-sf-table-text-color-hover: #000;
+  --color-sf-table-text-color-pressed: #000;
+  --color-sf-table-text-color-selected: #000;
   --color-sf-icon-color: #fff;
-  --color-sf-icon-color-hover: var(--color-sf-content-text-color-hover);
-  --color-sf-icon-color-pressed: var(--color-sf-content-text-color-hover);
+  --color-sf-icon-color-hover: #000;
+  --color-sf-icon-color-pressed: #000;
   --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
   --color-sf-border-light: #fff;