npm - @syncfusion/blazor-themes - Versions diffs - 31.1.20 → 31.1.22 - Mend

@syncfusion/blazor-themes 31.1.20 → 31.1.22

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 (451) hide show

package/SCSS-Themes/navigations/treeview/tailwind3-dark.scss CHANGED Viewed

@@ -381,6 +381,10 @@ $treeview-item-active-check-color: $primary !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -498,10 +502,6 @@ $treeview-item-active-check-color: $primary !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -1551,8 +1551,7 @@ $treeview-item-active-check-color: $primary !default;
       }
       @if $skin-name == 'highcontrast' {
-        padding-top: 11px;
-        padding-bottom: 11px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'material' or $skin-name == 'material-dark' {
@@ -1561,8 +1560,7 @@ $treeview-item-active-check-color: $primary !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/navigations/treeview/tailwind3-lite.scss CHANGED Viewed

@@ -381,6 +381,10 @@ $treeview-item-active-check-color: $primary !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -498,10 +502,6 @@ $treeview-item-active-check-color: $primary !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }

package/SCSS-Themes/navigations/treeview/tailwind3.scss CHANGED Viewed

@@ -381,6 +381,10 @@ $treeview-item-active-check-color: $primary !default;
               padding-top: 5px;
               padding-bottom: 5px;
             }
+            @if $skin-name == 'bootstrap5' {
+              padding-top: 3px;
+              padding-bottom: 3px;
+            }
           }
         }
       }
@@ -498,10 +502,6 @@ $treeview-item-active-check-color: $primary !default;
           margin-top: 4px;
           margin-bottom: 4px;
         }
-        @else if($skin-name == 'bootstrap5') {
-          margin-bottom: 3px;
-          margin-top: 3px;
-        }
         @else {
           margin-bottom: 0;
         }
@@ -1551,8 +1551,7 @@ $treeview-item-active-check-color: $primary !default;
       }
       @if $skin-name == 'highcontrast' {
-        padding-top: 11px;
-        padding-bottom: 11px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'material' or $skin-name == 'material-dark' {
@@ -1561,8 +1560,7 @@ $treeview-item-active-check-color: $primary !default;
       }
       @if $skin-name == 'FluentUI' {
-        padding-top: 10px;
-        padding-bottom: 10px;
+        padding: $treeview-big-text-padding;
       }
       @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/notifications/toast/bds-dark-lite.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bds-dark.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bds-lite.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bds.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap-dark-lite.scss CHANGED Viewed

@@ -357,7 +357,7 @@ $toast-close-icon-hover-color: $grey-dark-font !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap-dark.scss CHANGED Viewed

@@ -357,7 +357,7 @@ $toast-close-icon-hover-color: $grey-dark-font !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap-lite.scss CHANGED Viewed

@@ -355,7 +355,7 @@ $toast-close-icon-hover-color: rgba($base-font, .8) !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap.scss CHANGED Viewed

@@ -355,7 +355,7 @@ $toast-close-icon-hover-color: rgba($base-font, .8) !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap4-lite.scss CHANGED Viewed

@@ -356,7 +356,7 @@ $toast-close-icon-hover-color: $black !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap4.scss CHANGED Viewed

@@ -356,7 +356,7 @@ $toast-close-icon-hover-color: $black !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap5-dark-lite.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap5-dark.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap5-lite.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap5.3-dark.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap5.3-lite.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap5.3.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/bootstrap5.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fabric-dark-lite.scss CHANGED Viewed

@@ -344,7 +344,7 @@ $toast-close-icon-hover-color: $theme-tertiary !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fabric-dark.scss CHANGED Viewed

@@ -344,7 +344,7 @@ $toast-close-icon-hover-color: $theme-tertiary !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fabric-lite.scss CHANGED Viewed

@@ -345,7 +345,7 @@ $toast-close-icon-hover-color: $theme-primary !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fabric.scss CHANGED Viewed

@@ -345,7 +345,7 @@ $toast-close-icon-hover-color: $theme-primary !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent-dark-lite.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent-dark.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent-lite.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent2-dark-lite.scss CHANGED Viewed

@@ -67,7 +67,7 @@ $toast-success-color: $msg-success-color !default;
 $toast-success-title-color: $msg-success-color !default;
 $toast-success-icon-color: $msg-success-icon-color !default;
 $toast-success-content-color: $msg-success-color !default;
-$toast-success-hover-bg-color: $msg-success-bg-color !default;
+$toast-success-hover-bg-color: $success-light-alt !default;
 $toast-success-hover-color: $msg-success-color !default;
 $toast-success-hover-box-shadow: $shadow !default;
@@ -76,7 +76,7 @@ $toast-info-color: $msg-info-color !default;
 $toast-info-title-color: $msg-info-color !default;
 $toast-info-icon-color: $msg-info-icon-color !default;
 $toast-info-content-color: $msg-info-color !default;
-$toast-info-hover-bg-color: $msg-info-bg-color !default;
+$toast-info-hover-bg-color: $info-light-alt !default;
 $toast-info-hover-color:  $msg-info-color !default;
 $toast-info-hover-box-shadow: $shadow !default;
@@ -85,7 +85,7 @@ $toast-warning-color: $msg-warning-color !default;
 $toast-warning-title-color: $msg-warning-color !default;
 $toast-warning-icon-color: $msg-warning-icon-color !default;
 $toast-warning-content-color: $msg-warning-color !default;
-$toast-warning-hover-bg-color: $msg-warning-bg-color !default;
+$toast-warning-hover-bg-color: $warning-light-alt !default;
 $toast-warning-hover-color: $msg-warning-color !default;
 $toast-warning-hover-box-shadow: $shadow !default;
@@ -94,7 +94,7 @@ $toast-danger-color: $msg-danger-color !default;
 $toast-danger-title-color: $msg-danger-color !default;
 $toast-danger-icon-color: $msg-danger-icon-color !default;
 $toast-danger-content-color: $msg-danger-color !default;
-$toast-danger-hover-bg-color: $msg-danger-bg-color !default;
+$toast-danger-hover-bg-color: $danger-light-alt !default;
 $toast-danger-hover-color: $msg-danger-color !default;
 $toast-danger-hover-box-shadow: $shadow !default;
@@ -357,7 +357,7 @@ $toast-warning-icon: '\e703' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent2-dark.scss CHANGED Viewed

@@ -67,7 +67,7 @@ $toast-success-color: $msg-success-color !default;
 $toast-success-title-color: $msg-success-color !default;
 $toast-success-icon-color: $msg-success-icon-color !default;
 $toast-success-content-color: $msg-success-color !default;
-$toast-success-hover-bg-color: $msg-success-bg-color !default;
+$toast-success-hover-bg-color: $success-light-alt !default;
 $toast-success-hover-color: $msg-success-color !default;
 $toast-success-hover-box-shadow: $shadow !default;
@@ -76,7 +76,7 @@ $toast-info-color: $msg-info-color !default;
 $toast-info-title-color: $msg-info-color !default;
 $toast-info-icon-color: $msg-info-icon-color !default;
 $toast-info-content-color: $msg-info-color !default;
-$toast-info-hover-bg-color: $msg-info-bg-color !default;
+$toast-info-hover-bg-color: $info-light-alt !default;
 $toast-info-hover-color:  $msg-info-color !default;
 $toast-info-hover-box-shadow: $shadow !default;
@@ -85,7 +85,7 @@ $toast-warning-color: $msg-warning-color !default;
 $toast-warning-title-color: $msg-warning-color !default;
 $toast-warning-icon-color: $msg-warning-icon-color !default;
 $toast-warning-content-color: $msg-warning-color !default;
-$toast-warning-hover-bg-color: $msg-warning-bg-color !default;
+$toast-warning-hover-bg-color: $warning-light-alt !default;
 $toast-warning-hover-color: $msg-warning-color !default;
 $toast-warning-hover-box-shadow: $shadow !default;
@@ -94,7 +94,7 @@ $toast-danger-color: $msg-danger-color !default;
 $toast-danger-title-color: $msg-danger-color !default;
 $toast-danger-icon-color: $msg-danger-icon-color !default;
 $toast-danger-content-color: $msg-danger-color !default;
-$toast-danger-hover-bg-color: $msg-danger-bg-color !default;
+$toast-danger-hover-bg-color: $danger-light-alt !default;
 $toast-danger-hover-color: $msg-danger-color !default;
 $toast-danger-hover-box-shadow: $shadow !default;
@@ -357,7 +357,7 @@ $toast-warning-icon: '\e703' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -67,7 +67,7 @@ $toast-success-color: $msg-success-color !default;
 $toast-success-title-color: $msg-success-color !default;
 $toast-success-icon-color: $msg-success-icon-color !default;
 $toast-success-content-color: $msg-success-color !default;
-$toast-success-hover-bg-color: $msg-success-bg-color !default;
+$toast-success-hover-bg-color: $success-light-alt !default;
 $toast-success-hover-color: $msg-success-color !default;
 $toast-success-hover-box-shadow: $shadow !default;
@@ -76,7 +76,7 @@ $toast-info-color: $msg-info-color !default;
 $toast-info-title-color: $msg-info-color !default;
 $toast-info-icon-color: $msg-info-icon-color !default;
 $toast-info-content-color: $msg-info-color !default;
-$toast-info-hover-bg-color: $msg-info-bg-color !default;
+$toast-info-hover-bg-color: $info-light-alt !default;
 $toast-info-hover-color:  $msg-info-color !default;
 $toast-info-hover-box-shadow: $shadow !default;
@@ -85,7 +85,7 @@ $toast-warning-color: $msg-warning-color !default;
 $toast-warning-title-color: $msg-warning-color !default;
 $toast-warning-icon-color: $msg-warning-icon-color !default;
 $toast-warning-content-color: $msg-warning-color !default;
-$toast-warning-hover-bg-color: $msg-warning-bg-color !default;
+$toast-warning-hover-bg-color: $warning-light-alt !default;
 $toast-warning-hover-color: $msg-warning-color !default;
 $toast-warning-hover-box-shadow: $shadow !default;
@@ -94,7 +94,7 @@ $toast-danger-color: $msg-danger-color !default;
 $toast-danger-title-color: $msg-danger-color !default;
 $toast-danger-icon-color: $msg-danger-icon-color !default;
 $toast-danger-content-color: $msg-danger-color !default;
-$toast-danger-hover-bg-color: $msg-danger-bg-color !default;
+$toast-danger-hover-bg-color: $danger-light-alt !default;
 $toast-danger-hover-color: $msg-danger-color !default;
 $toast-danger-hover-box-shadow: $shadow !default;
@@ -357,7 +357,7 @@ $toast-warning-icon: '\e703' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent2-highcontrast.scss CHANGED Viewed

@@ -67,7 +67,7 @@ $toast-success-color: $msg-success-color !default;
 $toast-success-title-color: $msg-success-color !default;
 $toast-success-icon-color: $msg-success-icon-color !default;
 $toast-success-content-color: $msg-success-color !default;
-$toast-success-hover-bg-color: $msg-success-bg-color !default;
+$toast-success-hover-bg-color: $success-light-alt !default;
 $toast-success-hover-color: $msg-success-color !default;
 $toast-success-hover-box-shadow: $shadow !default;
@@ -76,7 +76,7 @@ $toast-info-color: $msg-info-color !default;
 $toast-info-title-color: $msg-info-color !default;
 $toast-info-icon-color: $msg-info-icon-color !default;
 $toast-info-content-color: $msg-info-color !default;
-$toast-info-hover-bg-color: $msg-info-bg-color !default;
+$toast-info-hover-bg-color: $info-light-alt !default;
 $toast-info-hover-color:  $msg-info-color !default;
 $toast-info-hover-box-shadow: $shadow !default;
@@ -85,7 +85,7 @@ $toast-warning-color: $msg-warning-color !default;
 $toast-warning-title-color: $msg-warning-color !default;
 $toast-warning-icon-color: $msg-warning-icon-color !default;
 $toast-warning-content-color: $msg-warning-color !default;
-$toast-warning-hover-bg-color: $msg-warning-bg-color !default;
+$toast-warning-hover-bg-color: $warning-light-alt !default;
 $toast-warning-hover-color: $msg-warning-color !default;
 $toast-warning-hover-box-shadow: $shadow !default;
@@ -94,7 +94,7 @@ $toast-danger-color: $msg-danger-color !default;
 $toast-danger-title-color: $msg-danger-color !default;
 $toast-danger-icon-color: $msg-danger-icon-color !default;
 $toast-danger-content-color: $msg-danger-color !default;
-$toast-danger-hover-bg-color: $msg-danger-bg-color !default;
+$toast-danger-hover-bg-color: $danger-light-alt !default;
 $toast-danger-hover-color: $msg-danger-color !default;
 $toast-danger-hover-box-shadow: $shadow !default;
@@ -357,7 +357,7 @@ $toast-warning-icon: '\e703' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent2-lite.scss CHANGED Viewed

@@ -67,7 +67,7 @@ $toast-success-color: $msg-success-color !default;
 $toast-success-title-color: $msg-success-color !default;
 $toast-success-icon-color: $msg-success-icon-color !default;
 $toast-success-content-color: $msg-success-color !default;
-$toast-success-hover-bg-color: $msg-success-bg-color !default;
+$toast-success-hover-bg-color: $success-light-alt !default;
 $toast-success-hover-color: $msg-success-color !default;
 $toast-success-hover-box-shadow: $shadow !default;
@@ -76,7 +76,7 @@ $toast-info-color: $msg-info-color !default;
 $toast-info-title-color: $msg-info-color !default;
 $toast-info-icon-color: $msg-info-icon-color !default;
 $toast-info-content-color: $msg-info-color !default;
-$toast-info-hover-bg-color: $msg-info-bg-color !default;
+$toast-info-hover-bg-color: $info-light-alt !default;
 $toast-info-hover-color:  $msg-info-color !default;
 $toast-info-hover-box-shadow: $shadow !default;
@@ -85,7 +85,7 @@ $toast-warning-color: $msg-warning-color !default;
 $toast-warning-title-color: $msg-warning-color !default;
 $toast-warning-icon-color: $msg-warning-icon-color !default;
 $toast-warning-content-color: $msg-warning-color !default;
-$toast-warning-hover-bg-color: $msg-warning-bg-color !default;
+$toast-warning-hover-bg-color: $warning-light-alt !default;
 $toast-warning-hover-color: $msg-warning-color !default;
 $toast-warning-hover-box-shadow: $shadow !default;
@@ -94,7 +94,7 @@ $toast-danger-color: $msg-danger-color !default;
 $toast-danger-title-color: $msg-danger-color !default;
 $toast-danger-icon-color: $msg-danger-icon-color !default;
 $toast-danger-content-color: $msg-danger-color !default;
-$toast-danger-hover-bg-color: $msg-danger-bg-color !default;
+$toast-danger-hover-bg-color: $danger-light-alt !default;
 $toast-danger-hover-color: $msg-danger-color !default;
 $toast-danger-hover-box-shadow: $shadow !default;
@@ -357,7 +357,7 @@ $toast-warning-icon: '\e703' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/fluent2.scss CHANGED Viewed

@@ -67,7 +67,7 @@ $toast-success-color: $msg-success-color !default;
 $toast-success-title-color: $msg-success-color !default;
 $toast-success-icon-color: $msg-success-icon-color !default;
 $toast-success-content-color: $msg-success-color !default;
-$toast-success-hover-bg-color: $msg-success-bg-color !default;
+$toast-success-hover-bg-color: $success-light-alt !default;
 $toast-success-hover-color: $msg-success-color !default;
 $toast-success-hover-box-shadow: $shadow !default;
@@ -76,7 +76,7 @@ $toast-info-color: $msg-info-color !default;
 $toast-info-title-color: $msg-info-color !default;
 $toast-info-icon-color: $msg-info-icon-color !default;
 $toast-info-content-color: $msg-info-color !default;
-$toast-info-hover-bg-color: $msg-info-bg-color !default;
+$toast-info-hover-bg-color: $info-light-alt !default;
 $toast-info-hover-color:  $msg-info-color !default;
 $toast-info-hover-box-shadow: $shadow !default;
@@ -85,7 +85,7 @@ $toast-warning-color: $msg-warning-color !default;
 $toast-warning-title-color: $msg-warning-color !default;
 $toast-warning-icon-color: $msg-warning-icon-color !default;
 $toast-warning-content-color: $msg-warning-color !default;
-$toast-warning-hover-bg-color: $msg-warning-bg-color !default;
+$toast-warning-hover-bg-color: $warning-light-alt !default;
 $toast-warning-hover-color: $msg-warning-color !default;
 $toast-warning-hover-box-shadow: $shadow !default;
@@ -94,7 +94,7 @@ $toast-danger-color: $msg-danger-color !default;
 $toast-danger-title-color: $msg-danger-color !default;
 $toast-danger-icon-color: $msg-danger-icon-color !default;
 $toast-danger-content-color: $msg-danger-color !default;
-$toast-danger-hover-bg-color: $msg-danger-bg-color !default;
+$toast-danger-hover-bg-color: $danger-light-alt !default;
 $toast-danger-hover-color: $msg-danger-color !default;
 $toast-danger-hover-box-shadow: $shadow !default;
@@ -357,7 +357,7 @@ $toast-warning-icon: '\e703' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/highcontrast-lite.scss CHANGED Viewed

@@ -355,7 +355,7 @@ $toast-close-icon-hover-color: $selection-font !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }