@syncfusion/ej2-filemanager 28.2.11 → 29.1.34

package/styles/bootstrap5-dark-lite.css

@@ -255,8 +255,6 @@ ejs-filemanager {
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
   font-weight: normal;
   height: calc(100% - 10px);
   padding: 0;
@@ -902,33 +900,33 @@ ejs-filemanager {
 
 .e-filemanager {
   background: transparent;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-filemanager .e-toolbar {
-  border-bottom-color: #444c54;
+  border-bottom-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active {
-  background: #5c636a;
-  border-color: #565e64;
+  background: rgb(91.8, 99.45, 106.25);
+  border-color: rgb(86.4, 93.6, 100);
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active .e-btn-icon,
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active .e-tbar-btn-text {
   color: #fff;
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover {
-  background: #5c636a;
-  border-color: #565e64;
+  background: rgb(91.8, 99.45, 106.25);
+  border-color: rgb(86.4, 93.6, 100);
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
-  background: #5c636a;
-  border-color: #565e64;
+  background: rgb(91.8, 99.45, 106.25);
+  border-color: rgb(86.4, 93.6, 100);
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus .e-btn-icon,
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus .e-tbar-btn-text {
   color: #fff;
 }
 .e-filemanager .e-address {
-  border-bottom-color: #444c54;
+  border-bottom-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-filemanager .e-address .e-breadcrumb-menu .e-breadcrumb-submenu:active .e-btn-icon,
 .e-filemanager .e-address .e-breadcrumb-menu .e-breadcrumb-submenu:active .e-tbar-btn-text, .e-filemanager .e-address .e-breadcrumb-menu .e-breadcrumb-submenu:focus .e-btn-icon,
@@ -959,7 +957,7 @@ ejs-filemanager {
 }
 .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
   background: #212529;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-filemanager .e-treeview .e-list-item.e-active > .e-fullrow {
   border: #0d6efd;
@@ -968,13 +966,13 @@ ejs-filemanager {
   border-color: #0d6efd;
 }
 .e-filemanager .e-grid .e-gridheader tr:first-child th {
-  background: #282d31;
+  background: rgb(26.177027027, 29.35, 32.522972973);
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover, .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-headercelldiv:hover {
-  background: #31373d;
+  background: rgb(48.9202702703, 54.85, 60.7797297297);
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
-  background: #282d31;
+  background: rgb(26.177027027, 29.35, 32.522972973);
 }
 .e-filemanager .e-grid .e-empty-inner-content {
   color: #ced4da;
@@ -998,7 +996,7 @@ ejs-filemanager {
   background-color: transparent;
 }
 .e-filemanager .e-large-icons .e-list-img {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-filemanager .e-large-icons .e-active {
   color: #fff;
@@ -1014,15 +1012,15 @@ ejs-filemanager {
   border-color: #0d6efd;
 }
 .e-filemanager .e-large-icons .e-large-icon.e-hover, .e-filemanager .e-large-icons .e-large-icon:hover {
-  background: #31373d;
-  border-color: #31373d;
+  background: rgb(48.9202702703, 54.85, 60.7797297297);
+  border-color: rgb(48.9202702703, 54.85, 60.7797297297);
 }
 .e-filemanager .e-large-icons .e-large-icon.e-active.e-hover, .e-filemanager .e-large-icons .e-large-icon.e-active:hover {
   background: #0d6efd;
   border-color: #0d6efd;
 }
 .e-filemanager .e-large-icons .e-large-icon.e-focus {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-filemanager .e-large-icons .e-large-icon.e-hover.e-fe-drop-folder, .e-filemanager .e-large-icons .e-large-icon:hover.e-fe-drop-folder {
   border-color: #0d6efd;
@@ -1071,8 +1069,8 @@ ejs-filemanager {
   color: #ced4da;
 }
 .e-fe-popup .e-fe-error {
-  color: #e4606d;
+  color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
 }
 .e-fe-popup .e-upload .e-upload-actions {
-  border-bottom-color: #444c54;
+  border-bottom-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }

package/styles/bootstrap5-dark.css

@@ -255,8 +255,6 @@ ejs-filemanager {
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
   font-weight: normal;
   height: calc(100% - 10px);
   padding: 0;
@@ -902,33 +900,33 @@ ejs-filemanager {
 
 .e-filemanager {
   background: transparent;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-filemanager .e-toolbar {
-  border-bottom-color: #444c54;
+  border-bottom-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active {
-  background: #5c636a;
-  border-color: #565e64;
+  background: rgb(91.8, 99.45, 106.25);
+  border-color: rgb(86.4, 93.6, 100);
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active .e-btn-icon,
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active .e-tbar-btn-text {
   color: #fff;
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover {
-  background: #5c636a;
-  border-color: #565e64;
+  background: rgb(91.8, 99.45, 106.25);
+  border-color: rgb(86.4, 93.6, 100);
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
-  background: #5c636a;
-  border-color: #565e64;
+  background: rgb(91.8, 99.45, 106.25);
+  border-color: rgb(86.4, 93.6, 100);
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus .e-btn-icon,
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus .e-tbar-btn-text {
   color: #fff;
 }
 .e-filemanager .e-address {
-  border-bottom-color: #444c54;
+  border-bottom-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-filemanager .e-address .e-breadcrumb-menu .e-breadcrumb-submenu:active .e-btn-icon,
 .e-filemanager .e-address .e-breadcrumb-menu .e-breadcrumb-submenu:active .e-tbar-btn-text, .e-filemanager .e-address .e-breadcrumb-menu .e-breadcrumb-submenu:focus .e-btn-icon,
@@ -959,7 +957,7 @@ ejs-filemanager {
 }
 .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
   background: #212529;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-filemanager .e-treeview .e-list-item.e-active > .e-fullrow {
   border: #0d6efd;
@@ -968,13 +966,13 @@ ejs-filemanager {
   border-color: #0d6efd;
 }
 .e-filemanager .e-grid .e-gridheader tr:first-child th {
-  background: #282d31;
+  background: rgb(26.177027027, 29.35, 32.522972973);
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover, .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-headercelldiv:hover {
-  background: #31373d;
+  background: rgb(48.9202702703, 54.85, 60.7797297297);
 }
 .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
-  background: #282d31;
+  background: rgb(26.177027027, 29.35, 32.522972973);
 }
 .e-filemanager .e-grid .e-empty-inner-content {
   color: #ced4da;
@@ -998,7 +996,7 @@ ejs-filemanager {
   background-color: transparent;
 }
 .e-filemanager .e-large-icons .e-list-img {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-filemanager .e-large-icons .e-active {
   color: #fff;
@@ -1014,15 +1012,15 @@ ejs-filemanager {
   border-color: #0d6efd;
 }
 .e-filemanager .e-large-icons .e-large-icon.e-hover, .e-filemanager .e-large-icons .e-large-icon:hover {
-  background: #31373d;
-  border-color: #31373d;
+  background: rgb(48.9202702703, 54.85, 60.7797297297);
+  border-color: rgb(48.9202702703, 54.85, 60.7797297297);
 }
 .e-filemanager .e-large-icons .e-large-icon.e-active.e-hover, .e-filemanager .e-large-icons .e-large-icon.e-active:hover {
   background: #0d6efd;
   border-color: #0d6efd;
 }
 .e-filemanager .e-large-icons .e-large-icon.e-focus {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-filemanager .e-large-icons .e-large-icon.e-hover.e-fe-drop-folder, .e-filemanager .e-large-icons .e-large-icon:hover.e-fe-drop-folder {
   border-color: #0d6efd;
@@ -1071,10 +1069,10 @@ ejs-filemanager {
   color: #ced4da;
 }
 .e-fe-popup .e-fe-error {
-  color: #e4606d;
+  color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
 }
 .e-fe-popup .e-upload .e-upload-actions {
-  border-bottom-color: #444c54;
+  border-bottom-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-filemanager.e-fe-mobile .e-toolbar .e-popup-up-icon.e-icons,
@@ -1241,7 +1239,7 @@ ejs-filemanager {
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-content .e-rowcell,
 .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-content .e-rowcell {
   border-bottom: 1px solid;
-  border-bottom-color: #444c54;
+  border-bottom-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-filemanager.e-fe-mobile .e-grid .e-content .e-rowcell.e-fe-checkbox,
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-content .e-rowcell.e-fe-checkbox,

package/styles/bootstrap5-lite.css

@@ -255,8 +255,6 @@ ejs-filemanager {
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
   font-weight: normal;
   height: calc(100% - 10px);
   padding: 0;
@@ -908,20 +906,20 @@ ejs-filemanager {
   border-bottom-color: #dee2e6;
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active {
-  background: #5c636a;
-  border-color: #565e64;
+  background: rgb(91.8, 99.45, 106.25);
+  border-color: rgb(86.4, 93.6, 100);
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active .e-btn-icon,
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active .e-tbar-btn-text {
   color: #fff;
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover {
-  background: #5c636a;
-  border-color: #565e64;
+  background: rgb(91.8, 99.45, 106.25);
+  border-color: rgb(86.4, 93.6, 100);
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
-  background: #5c636a;
-  border-color: #565e64;
+  background: rgb(91.8, 99.45, 106.25);
+  border-color: rgb(86.4, 93.6, 100);
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus .e-btn-icon,
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus .e-tbar-btn-text {

package/styles/bootstrap5.3-lite.css

@@ -259,8 +259,6 @@ ejs-filemanager {
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
   font-weight: normal;
   height: calc(100% - 10px);
   padding: 0;
@@ -279,6 +277,12 @@ ejs-filemanager {
   border: 0;
   padding: 0;
 }
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active .e-btn-icon,
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active .e-tbar-btn-text, .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover .e-btn-icon,
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover .e-tbar-btn-text, .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus .e-btn-icon,
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus .e-tbar-btn-text {
+  color: var(--color-sf-secondary-text-color-hover);
+}
 .e-filemanager .e-toolbar .e-toolbar-pop .e-toolbar-item .e-dropdown-btn .e-icons.e-caret {
   font-size: 8px;
   min-width: 0;

package/styles/bootstrap5.3.css

@@ -259,8 +259,6 @@ ejs-filemanager {
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
   font-weight: normal;
   height: calc(100% - 10px);
   padding: 0;
@@ -279,6 +277,12 @@ ejs-filemanager {
   border: 0;
   padding: 0;
 }
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active .e-btn-icon,
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active .e-tbar-btn-text, .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover .e-btn-icon,
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover .e-tbar-btn-text, .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus .e-btn-icon,
+.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus .e-tbar-btn-text {
+  color: var(--color-sf-secondary-text-color-hover);
+}
 .e-filemanager .e-toolbar .e-toolbar-pop .e-toolbar-item .e-dropdown-btn .e-icons.e-caret {
   font-size: 8px;
   min-width: 0;

package/styles/bootstrap5.css

@@ -255,8 +255,6 @@ ejs-filemanager {
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
   font-weight: normal;
   height: calc(100% - 10px);
   padding: 0;
@@ -908,20 +906,20 @@ ejs-filemanager {
   border-bottom-color: #dee2e6;
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active {
-  background: #5c636a;
-  border-color: #565e64;
+  background: rgb(91.8, 99.45, 106.25);
+  border-color: rgb(86.4, 93.6, 100);
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active .e-btn-icon,
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active .e-tbar-btn-text {
   color: #fff;
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:hover {
-  background: #5c636a;
-  border-color: #565e64;
+  background: rgb(91.8, 99.45, 106.25);
+  border-color: rgb(86.4, 93.6, 100);
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus {
-  background: #5c636a;
-  border-color: #565e64;
+  background: rgb(91.8, 99.45, 106.25);
+  border-color: rgb(86.4, 93.6, 100);
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus .e-btn-icon,
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus .e-tbar-btn-text {

package/styles/fabric-dark-lite.css

@@ -249,8 +249,6 @@ ejs-filemanager {
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
   font-weight: normal;
   height: inherit;
   padding: 0;
@@ -921,24 +919,24 @@ ejs-filemanager {
   color: #dadada;
 }
 .e-filemanager .e-address .e-list-text {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-filemanager .e-address .e-address-list-item {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
   background: #333232;
-  color: #addcff;
+  color: hsl(205.8823529412, 100%, -4%);
 }
 .e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
   color: #dadada;
 }
 .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
   background: #333232;
-  color: #addcff;
+  color: hsl(205.8823529412, 100%, -4%);
 }
 .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
-  color: #addcff;
+  color: hsl(205.8823529412, 100%, -4%);
 }
 .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
   background: #201f1f;
@@ -1023,7 +1021,7 @@ ejs-filemanager {
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-tick, .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-dot,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-tick {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-fe-popup.e-dialog td {
   color: #dadada;

package/styles/fabric-dark.css

@@ -249,8 +249,6 @@ ejs-filemanager {
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
   font-weight: normal;
   height: inherit;
   padding: 0;
@@ -921,24 +919,24 @@ ejs-filemanager {
   color: #dadada;
 }
 .e-filemanager .e-address .e-list-text {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-filemanager .e-address .e-address-list-item {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
   background: #333232;
-  color: #addcff;
+  color: hsl(205.8823529412, 100%, -4%);
 }
 .e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
   color: #dadada;
 }
 .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
   background: #333232;
-  color: #addcff;
+  color: hsl(205.8823529412, 100%, -4%);
 }
 .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
-  color: #addcff;
+  color: hsl(205.8823529412, 100%, -4%);
 }
 .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
   background: #201f1f;
@@ -1023,7 +1021,7 @@ ejs-filemanager {
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
 .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-tick, .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-dot,
 .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-tick {
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
 }
 .e-fe-popup.e-dialog td {
   color: #dadada;

package/styles/fabric-lite.css

@@ -250,8 +250,6 @@ ejs-filemanager {
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
   font-weight: normal;
   height: inherit;
   padding: 0;
@@ -928,14 +926,14 @@ ejs-filemanager {
   color: #0078d6;
 }
 .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
-  background: #005ba3;
+  background: rgb(0, 91.4018691589, 163);
   color: #fff;
 }
 .e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
   color: #666;
 }
 .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
-  background: #005ba3;
+  background: rgb(0, 91.4018691589, 163);
   color: #fff;
 }
 .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
@@ -961,7 +959,7 @@ ejs-filemanager {
   background: #f8f8f8;
 }
 .e-filemanager .e-grid td.e-active {
-  background-color: #d1ebff;
+  background-color: rgb(208.9, 234.7504672897, 255);
   color: #333;
 }
 .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
@@ -977,15 +975,15 @@ ejs-filemanager {
   border-color: transparent;
 }
 .e-filemanager .e-large-icons .e-large-icon.e-active {
-  background: #d1ebff;
-  border-color: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
+  border-color: rgb(208.9, 234.7504672897, 255);
 }
 .e-filemanager .e-large-icons .e-large-icon.e-hover, .e-filemanager .e-large-icons .e-large-icon:hover {
   background: #f4f4f4;
   border-color: #f4f4f4;
 }
 .e-filemanager .e-large-icons .e-large-icon.e-active.e-hover, .e-filemanager .e-large-icons .e-large-icon.e-active:hover {
-  background: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
   border-color: #f4f4f4;
 }
 .e-filemanager .e-large-icons .e-large-icon.e-focus {
@@ -1015,8 +1013,8 @@ ejs-filemanager {
   border-color: transparent;
 }
 .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-active {
-  background: #d1ebff;
-  border-color: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
+  border-color: rgb(208.9, 234.7504672897, 255);
 }
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,

package/styles/fabric.css

@@ -250,8 +250,6 @@ ejs-filemanager {
 }
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
   font-weight: normal;
   height: inherit;
   padding: 0;
@@ -928,14 +926,14 @@ ejs-filemanager {
   color: #0078d6;
 }
 .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
-  background: #005ba3;
+  background: rgb(0, 91.4018691589, 163);
   color: #fff;
 }
 .e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
   color: #666;
 }
 .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
-  background: #005ba3;
+  background: rgb(0, 91.4018691589, 163);
   color: #fff;
 }
 .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
@@ -961,7 +959,7 @@ ejs-filemanager {
   background: #f8f8f8;
 }
 .e-filemanager .e-grid td.e-active {
-  background-color: #d1ebff;
+  background-color: rgb(208.9, 234.7504672897, 255);
   color: #333;
 }
 .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
@@ -977,15 +975,15 @@ ejs-filemanager {
   border-color: transparent;
 }
 .e-filemanager .e-large-icons .e-large-icon.e-active {
-  background: #d1ebff;
-  border-color: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
+  border-color: rgb(208.9, 234.7504672897, 255);
 }
 .e-filemanager .e-large-icons .e-large-icon.e-hover, .e-filemanager .e-large-icons .e-large-icon:hover {
   background: #f4f4f4;
   border-color: #f4f4f4;
 }
 .e-filemanager .e-large-icons .e-large-icon.e-active.e-hover, .e-filemanager .e-large-icons .e-large-icon.e-active:hover {
-  background: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
   border-color: #f4f4f4;
 }
 .e-filemanager .e-large-icons .e-large-icon.e-focus {
@@ -1015,8 +1013,8 @@ ejs-filemanager {
   border-color: transparent;
 }
 .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-active {
-  background: #d1ebff;
-  border-color: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
+  border-color: rgb(208.9, 234.7504672897, 255);
 }
 
 .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,

package/styles/file-manager/_bootstrap-dark-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 /*! FileManager's bootstrap theme wise override definitions and variables */
 $fm-skin-name: 'bootstrap-dark' !default;
 $fe-bc-font-size: 14px !default;
@@ -86,9 +88,9 @@ $fe-grid-header-cb-padding-left: 8px !default;
 $fe-grid-content-font-size: 12px !default;
 $fe-grid-content-name-font-size: 13px !default;
 $fe-grid-icon-sort-margin: 0 !default;
-$fe-grid-row-ie-box-shadow: inset 0 1px 0 0 lighten($brand-primary, 10%), inset 0 -1px 0 0 lighten($brand-primary, 10%) !default;
-$fe-grid-row-fc-ie-box-shadow: inset 1px 1px 0 0 lighten($brand-primary, 10%), inset 1px -1px 0 0 lighten($brand-primary, 10%) !default;
-$fe-grid-row-lc-ie-box-shadow: inset -1px 1px 0 0 lighten($brand-primary, 10%), inset -1px -1px 0 0 lighten($brand-primary, 10%) !default;
+$fe-grid-row-ie-box-shadow: inset 0 1px 0 0 color.adjust($brand-primary, $lightness: 10%), inset 0 -1px 0 0 color.adjust($brand-primary, $lightness: 10%) !default;
+$fe-grid-row-fc-ie-box-shadow: inset 1px 1px 0 0 color.adjust($brand-primary, $lightness: 10%), inset 1px -1px 0 0 color.adjust($brand-primary, $lightness: 10%) !default;
+$fe-grid-row-lc-ie-box-shadow: inset -1px 1px 0 0 color.adjust($brand-primary, $lightness: 10%), inset -1px -1px 0 0 color.adjust($brand-primary, $lightness: 10%) !default;
 $fe-lg-margin: 0 !default;
 $fe-lg-padding: 0 4px !default;
 $fe-lg-item-height: 85px !default;

package/styles/file-manager/_bootstrap4-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 /*! FileManager's bootstrap theme wise override definitions and variables */
 $fm-skin-name: 'bootstrap4' !default;
 $fe-bc-font-size: 14px !default;
@@ -21,15 +23,15 @@ $fe-tb-db-sep-color: $gray-200 !default;
 $fe-active-border-color: $primary !default;
 $fe-active-bg-color: $primary !default;
 $fe-active-font-color: $primary-font !default;
-$fe-hover-border-color: darken($gray-100, 2%) !default;
-$fe-hover-bg-color: darken($gray-100, 2%) !default;
+$fe-hover-border-color: color.adjust($gray-100, $lightness: -2%) !default;
+$fe-hover-bg-color: color.adjust($gray-100, $lightness: -2%) !default;
 $fe-ah-border-color: $primary !default;
 $fe-ah-bg-color: $primary !default;
-$fe-focus-border-color: darken($gray-100, 2%) !default;
+$fe-focus-border-color: color.adjust($gray-100, $lightness: -2%) !default;
 $fe-bc-color: $gray-600 !default;
 $fe-bc-link-color: $primary !default;
 $fe-bc-hover-bg-color: $content-bg !default;
-$fe-bc-hover-font-color: darken($primary, 15%) !default;
+$fe-bc-hover-font-color: color.adjust($primary, $lightness: -15%) !default;
 $fe-grid-header-bg-color: $content-bg !default;
 $fe-grid-type-color: $gray-600 !default;
 $fe-grid-text-color: $gray-900 !default;

package/styles/file-manager/_fabric-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 /*! FileManager's fabric theme wise override definitions and variables */
 $fm-skin-name: 'fabric' !default;
 $fe-bc-font-size: 14px !default;
@@ -27,7 +29,7 @@ $fe-ah-bg-color: $theme-lighter !default;
 $fe-focus-border-color: $neutral-lighter !default;
 $fe-bc-color: $neutral-secondary !default;
 $fe-bc-link-color: $theme-primary !default;
-$fe-bc-hover-bg-color: darken($theme-primary, 10%) !default;
+$fe-bc-hover-bg-color: color.adjust($theme-primary, $lightness: -10%) !default;
 $fe-bc-hover-font-color: $theme-primary-font !default;
 $fe-grid-header-bg-color: $neutral-lighter-alt !default;
 $fe-grid-type-color: $neutral-secondary-alt !default;

package/styles/file-manager/_layout.scss

@@ -163,7 +163,6 @@
 
       .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
         border: 0;
-        box-shadow: none;
         @if $fm-skin-name != 'tailwind3' {
           font-weight: normal;
         }
@@ -194,6 +193,13 @@
         &:focus {
           border: $fe-tb-ddb-border;
           padding: $fe-tb-ddb-btn-hvr-padding;
+
+          @if $fm-skin-name == 'bootstrap5.3' {
+            .e-btn-icon,
+            .e-tbar-btn-text {
+              color: $secondary-text-color-hover;
+            }
+          }
         }
       }