@syncfusion/ej2-navigations 28.2.12 → 29.1.34

package/styles/breadcrumb/_layout.scss

@@ -1,3 +1,5 @@
+@use 'sass:list';
+
 @include export-module('breadcrumb-layout') {
   .e-breadcrumb {
     display: block;
@@ -277,7 +279,7 @@
     &.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
       margin-left: 0;
       margin-right: $breadcrumb-sibling-separator-margin-left;
-      padding-left: nth($breadcrumb-separator-padding, 2);
+      padding-left: list.nth($breadcrumb-separator-padding, 2);
       padding-right: $breadcrumb-sibling-separator-padding;
     }
 

package/styles/breadcrumb/bootstrap-dark.css

@@ -246,10 +246,10 @@
   color: #0070f0;
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus {
-  color: #3e98ff;
+  color: rgb(61.5, 151.8, 255);
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:active {
-  color: #57a5ff;
+  color: rgb(87, 165.4, 255);
 }
 .e-breadcrumb .e-breadcrumb-item.e-icon-item:hover {
   background: #484848;

package/styles/breadcrumb/bootstrap4.css

@@ -246,10 +246,10 @@
   color: #007bff;
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus {
-  color: #0056b3;
+  color: rgb(0, 86.1, 178.5);
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:active {
-  color: #004a99;
+  color: rgb(0, 73.8, 153);
 }
 .e-breadcrumb .e-breadcrumb-item.e-icon-item:hover {
   background: #dee2e6;
@@ -310,11 +310,11 @@
   color: #6c757d;
 }
 .e-breadcrumb-popup .e-breadcrumb-text:hover {
-  background: #f2f4f6;
+  background: rgb(253.95, 254.1, 254.25);
   color: #212529;
 }
 .e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text:focus {
-  background: #f2f4f6;
+  background: rgb(253.95, 254.1, 254.25);
   color: #212529;
 }
 

package/styles/breadcrumb/bootstrap5-dark.css

@@ -191,7 +191,7 @@
 }
 
 .e-breadcrumb-popup {
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-radius: 4px;
   -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
           box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
@@ -258,16 +258,16 @@
 }
 
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
-  color: #408cfd;
+  color: rgb(63.5819672131, 140.3073770492, 253.4180327869);
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus {
   color: #0d6efd;
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:active {
-  color: #0262ef;
+  color: rgb(1.9713114754, 97.5799180328, 238.5286885246);
 }
 .e-breadcrumb .e-breadcrumb-item.e-icon-item:hover {
-  background: #31373d;
+  background: rgb(48.9202702703, 54.85, 60.7797297297);
   color: #adb5bd;
 }
 .e-breadcrumb .e-breadcrumb-item.e-icon-item:active {
@@ -278,14 +278,14 @@
   border: 1px solid #0d6efd;
 }
 .e-breadcrumb .e-breadcrumb-item[data-active-item] .e-breadcrumb-text {
-  color: #7b848d;
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
   font-weight: 400;
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon {
   color: #adb5bd;
 }
 .e-breadcrumb .e-breadcrumb-separator {
-  color: #7b848d;
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
 }
 .e-breadcrumb .e-breadcrumb-collapsed,
 .e-breadcrumb .e-breadcrumb-menu {
@@ -293,7 +293,7 @@
 }
 .e-breadcrumb .e-breadcrumb-collapsed:hover,
 .e-breadcrumb .e-breadcrumb-menu:hover {
-  background: #31373d;
+  background: rgb(48.9202702703, 54.85, 60.7797297297);
   color: #adb5bd;
 }
 .e-breadcrumb .e-breadcrumb-collapsed:active,
@@ -303,7 +303,7 @@
 }
 .e-breadcrumb .e-breadcrumb-collapsed:focus,
 .e-breadcrumb .e-breadcrumb-menu:focus {
-  background: #31373d;
+  background: rgb(48.9202702703, 54.85, 60.7797297297);
   color: #adb5bd;
 }
 .e-breadcrumb.e-disabled .e-breadcrumb-item .e-breadcrumb-text, .e-breadcrumb .e-disabled.e-breadcrumb-item .e-breadcrumb-text, .e-breadcrumb.e-disabled .e-breadcrumb-separator {
@@ -318,18 +318,18 @@
   background: #343a40;
 }
 .e-breadcrumb-popup .e-breadcrumb-text {
-  color: #7b848d;
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
 }
 .e-breadcrumb-popup .e-breadcrumb-text:hover {
-  background: #444c54;
+  background: rgb(68.0034482759, 75.85, 83.6965517241);
   color: #fff;
 }
 .e-breadcrumb-popup .e-breadcrumb-text:active {
-  background: #444c54;
+  background: rgb(68.0034482759, 75.85, 83.6965517241);
   color: #fff;
 }
 .e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text:focus {
-  background: #444c54;
+  background: rgb(68.0034482759, 75.85, 83.6965517241);
   color: #fff;
 }
 

package/styles/breadcrumb/bootstrap5.css

@@ -261,10 +261,10 @@
   color: #0d6efd;
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus {
-  color: #0257d5;
+  color: rgb(1.762295082, 87.2336065574, 213.237704918);
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:active {
-  color: #024dbc;
+  color: rgb(1.5532786885, 76.887295082, 187.9467213115);
 }
 .e-breadcrumb .e-breadcrumb-item.e-icon-item:hover {
   background: #e9ecef;
@@ -275,7 +275,7 @@
   color: #6c757d;
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus {
-  border: 1px solid #0257d5;
+  border: 1px solid rgb(1.762295082, 87.2336065574, 213.237704918);
 }
 .e-breadcrumb .e-breadcrumb-item[data-active-item] .e-breadcrumb-text {
   color: #6c757d;

package/styles/breadcrumb/fabric-dark.css

@@ -274,17 +274,17 @@
 }
 .e-breadcrumb .e-breadcrumb-collapsed,
 .e-breadcrumb .e-breadcrumb-menu {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-breadcrumb .e-breadcrumb-collapsed:hover,
 .e-breadcrumb .e-breadcrumb-menu:hover {
   background: #4a4848;
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-breadcrumb .e-breadcrumb-collapsed:active,
 .e-breadcrumb .e-breadcrumb-menu:active {
   background: #6f6c6c;
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-breadcrumb .e-breadcrumb-collapsed:focus,
 .e-breadcrumb .e-breadcrumb-menu:focus {

package/styles/context-menu/_bootstrap4-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 $cmenu-back-icon: '\e728' !default;
 $cmenu-back-icon-margin: 12px !default;
 $cmenu-bigger-caret-font-size: 12px !default;
@@ -17,7 +19,7 @@ $cmenu-disable-text: $gray-600 !default;
 $cmenu-font-size: 14px !default;
 $cmenu-font-weight: normal !default;
 $cmenu-icon-margin-right: 8px !default;
-$cmenu-li-bgcolor: darken($gray-100, 2%) !default;
+$cmenu-li-bgcolor: color.adjust($gray-100, $lightness: -2%) !default;
 $cmenu-li-border-color: $gray-200 !default;
 $cmenu-li-border-style: solid !default;
 $cmenu-li-border-width: 1px !default;

package/styles/context-menu/_fusionnew-definition.scss

@@ -49,3 +49,4 @@ $cmenu-ul-bgcolor: $flyout-bg-color !default;
 $cmenu-li-hover-outline: 0 solid $cmenu-li-border-color !default;
 $cmenu-caret-hover-color: $flyout-text-color-pressed !default;
 $cmenu-hover-icon-color: $flyout-text-color-pressed !default;
+$cmenu-disabled-item-opacity: .5 !default;

package/styles/context-menu/_theme.scss

@@ -57,11 +57,19 @@
 
     &:not(.e-menu-container) {
       & .e-menu-vscroll.e-vscroll {
-        background-color: inherit;
+        @if $skin-name == 'Material3' {
+          background: $cmenu-ul-bgcolor;
+        }
+        @else {
+          background-color: $cmenu-ul-bgcolor;
+        }
         border: $cmenu-ul-border;
 
         & .e-scroll-nav {
           border-color: $cmenu-li-border-color;
+          @if $skin-name == 'material-dark' {
+            background: $cmenu-ul-bgcolor;
+          }
         }
       }
     }

package/styles/context-menu/bds.css

@@ -352,7 +352,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: var(--color-sf-bg-primary-alt);
   border: 1px solid var(--color-sf-border-secondary);
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,

package/styles/context-menu/bootstrap-dark.css

@@ -312,7 +312,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #313131;
   border: 1px solid #505050;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,

package/styles/context-menu/bootstrap.css

@@ -314,7 +314,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #fff;
   border: 1px solid #ccc;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,

package/styles/context-menu/bootstrap4.css

@@ -262,7 +262,7 @@
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-focused,
 .e-contextmenu-container ul .e-menu-item.e-focused {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   color: #212529;
   outline: 0 solid #e9ecef;
   outline-offset: 0;
@@ -314,7 +314,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.15);
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,

package/styles/context-menu/bootstrap5-dark.css

@@ -51,7 +51,7 @@
           user-select: none;
   font-size: 14px;
   padding: 0;
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-radius: 4px;
   -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
           box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
@@ -270,7 +270,7 @@
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-menu-header,
 .e-contextmenu-container ul .e-menu-item.e-menu-header {
-  border-bottom-color: #444c54;
+  border-bottom-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
 .e-contextmenu-container ul .e-menu-item .e-menu-url {
@@ -278,9 +278,9 @@
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-focused,
 .e-contextmenu-container ul .e-menu-item.e-focused {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
   color: #fff;
-  outline: 0 solid #444c54;
+  outline: 0 solid rgb(68.0034482759, 75.85, 83.6965517241);
   outline-offset: 0;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-selected,
@@ -309,17 +309,17 @@
 }
 .e-contextmenu-wrapper ul .e-separator,
 .e-contextmenu-container ul .e-separator {
-  border-bottom-color: #444c54;
+  border-bottom-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
-  border: 1px solid #444c54;
+  background-color: #343a40;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-bigger .e-contextmenu-wrapper ul,

package/styles/context-menu/bootstrap5.3.css

@@ -351,7 +351,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: var(--color-sf-flyout-bg-color);
   border: 1px solid var(--color-sf-border-light);
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,

package/styles/context-menu/bootstrap5.css

@@ -314,7 +314,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #fff;
   border: 1px solid #dee2e6;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,

package/styles/context-menu/fabric-dark.css

@@ -312,7 +312,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #282727;
   border: 1px solid #414040;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,

package/styles/context-menu/fabric.css

@@ -313,7 +313,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #fff;
   border: 1px solid #eaeaea;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,

package/styles/context-menu/fluent-dark.css

@@ -336,7 +336,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #252423;
   border: 1px solid #292827;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,

package/styles/context-menu/fluent.css

@@ -336,7 +336,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #fff;
   border: 1px solid #edebe9;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,

package/styles/context-menu/fluent2.css

@@ -378,7 +378,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: var(--color-sf-flyout-bg-color);
   border: 1px solid var(--color-sf-border-light);
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,

package/styles/context-menu/highcontrast-light.css

@@ -312,7 +312,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #fff;
   border: 1px solid #757575;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,

package/styles/context-menu/highcontrast.css

@@ -313,7 +313,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #000;
   border: 1px solid #969696;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,

package/styles/context-menu/material-dark.css

@@ -356,12 +356,13 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #424242;
   border: none;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav {
   border-color: #616161;
+  background: #424242;
 }
 
 .e-bigger .e-contextmenu-wrapper ul,

package/styles/context-menu/material.css

@@ -358,7 +358,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #fff;
   border: none;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,

package/styles/context-menu/material3-dark.css

@@ -341,7 +341,8 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
+  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   border: 1px solid rgba(var(--color-sf-outline-variant));
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,

package/styles/context-menu/material3.css

@@ -343,7 +343,8 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
+  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
   border: 1px solid rgba(var(--color-sf-outline-variant));
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,

package/styles/context-menu/tailwind-dark.css

@@ -338,7 +338,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #374151;
   border: 1px solid #4b5563;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,

package/styles/context-menu/tailwind.css

@@ -338,7 +338,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #fff;
   border: 1px solid #e5e7eb;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,

package/styles/context-menu/tailwind3.css

@@ -366,7 +366,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: var(--color-sf-flyout-bg-color);
   border: 1px solid var(--color-sf-border-light);
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,

package/styles/fabric-dark-lite.css

@@ -1002,7 +1002,7 @@
   color: #dadada;
 }
 .e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
-  background: #c7e7ff;
+  background: hsl(205.8823529412, 100%, -9%);
   border: 0;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -3016,7 +3016,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #282727;
   border: 1px solid #414040;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
@@ -3491,6 +3491,11 @@
   height: 34px;
   width: 100%;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
+    height: 50px;
+  }
+}
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -6118,6 +6123,11 @@
   position: absolute;
   width: 100%;
 }
+@supports (-webkit-overflow-scrolling: touch) {
+  .e-treeview .e-fullrow {
+    z-index: -1;
+  }
+}
 .e-treeview .e-checkbox-wrapper {
   margin: 0 0 0 5px;
   pointer-events: all;
@@ -7863,17 +7873,17 @@ ejs-sidebar {
 }
 .e-breadcrumb .e-breadcrumb-collapsed,
 .e-breadcrumb .e-breadcrumb-menu {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-breadcrumb .e-breadcrumb-collapsed:hover,
 .e-breadcrumb .e-breadcrumb-menu:hover {
   background: #4a4848;
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-breadcrumb .e-breadcrumb-collapsed:active,
 .e-breadcrumb .e-breadcrumb-menu:active {
   background: #6f6c6c;
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-breadcrumb .e-breadcrumb-collapsed:focus,
 .e-breadcrumb .e-breadcrumb-menu:focus {
@@ -8758,14 +8768,14 @@ ejs-sidebar {
 .e-stepper:not(.e-step-type-label) .e-indicator:hover,
 .e-stepper:not(.e-step-type-label) .e-step:hover {
   color: #fff;
-  background: #006bbd;
+  background: rgb(0, 107.3, 188.7);
 }
 .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-step:hover {
   color: #dadada;
 }
 .e-stepper:not(.e-step-type-label) .e-step-selected .e-indicator:active,
 .e-stepper:not(.e-step-type-label) .e-step-selected .e-step:active {
-  background: #0063ad;
+  background: rgb(0, 98.6, 173.4);
 }
 .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-indicator:active,
 .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-step:active {

package/styles/fabric-dark.css

@@ -1244,7 +1244,7 @@
   color: #dadada;
 }
 .e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
-  background: #c7e7ff;
+  background: hsl(205.8823529412, 100%, -9%);
   border: 0;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -3638,7 +3638,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #282727;
   border: 1px solid #414040;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
@@ -4172,6 +4172,11 @@
   height: 34px;
   width: 100%;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
+    height: 50px;
+  }
+}
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -8000,6 +8005,11 @@
   position: absolute;
   width: 100%;
 }
+@supports (-webkit-overflow-scrolling: touch) {
+  .e-treeview .e-fullrow {
+    z-index: -1;
+  }
+}
 .e-treeview .e-checkbox-wrapper {
   margin: 0 0 0 5px;
   pointer-events: all;
@@ -10227,17 +10237,17 @@ ejs-sidebar {
 }
 .e-breadcrumb .e-breadcrumb-collapsed,
 .e-breadcrumb .e-breadcrumb-menu {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-breadcrumb .e-breadcrumb-collapsed:hover,
 .e-breadcrumb .e-breadcrumb-menu:hover {
   background: #4a4848;
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-breadcrumb .e-breadcrumb-collapsed:active,
 .e-breadcrumb .e-breadcrumb-menu:active {
   background: #6f6c6c;
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-breadcrumb .e-breadcrumb-collapsed:focus,
 .e-breadcrumb .e-breadcrumb-menu:focus {
@@ -11230,14 +11240,14 @@ ejs-sidebar {
 .e-stepper:not(.e-step-type-label) .e-indicator:hover,
 .e-stepper:not(.e-step-type-label) .e-step:hover {
   color: #fff;
-  background: #006bbd;
+  background: rgb(0, 107.3, 188.7);
 }
 .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-step:hover {
   color: #dadada;
 }
 .e-stepper:not(.e-step-type-label) .e-step-selected .e-indicator:active,
 .e-stepper:not(.e-step-type-label) .e-step-selected .e-step:active {
-  background: #0063ad;
+  background: rgb(0, 98.6, 173.4);
 }
 .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-indicator:active,
 .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-step:active {