@syncfusion/ej2-dropdowns 28.2.12 → 29.1.33

package/styles/bootstrap5-dark.css

@@ -98,7 +98,7 @@
 }
 
 .e-mention.e-editable-element {
-  border: 2px solid #444c54;
+  border: 2px solid rgb(68.0034482759, 75.85, 83.6965517241);
   height: auto;
   min-height: 120px;
   width: 100%;
@@ -152,13 +152,13 @@
   padding-right: 0;
 }
 .e-dropdownbase {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-dropdownbase .e-list-item {
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   border-bottom: 0;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
   color: #fff;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 14px;
@@ -171,8 +171,8 @@
 
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
-  border-color: #444c54;
-  color: #7b848d;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 14px;
   font-weight: 500;
@@ -192,7 +192,7 @@
 }
 
 .e-dropdownbase .e-list-item.e-hover {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
   border-color: #212529;
   color: #fff;
 }
@@ -202,7 +202,7 @@
 }
 
 .e-dropdownbase .e-list-item.e-item-focus {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-dropdownbase .e-list-item.e-active:last-child {
@@ -234,7 +234,7 @@
   border-color: #495057;
   border-style: solid;
   border-width: 0 0 1px 0;
-  color: #7b848d;
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 14px;
   font-weight: 500;
@@ -291,17 +291,17 @@
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
   background-color: #343a40;
   border-bottom: 0;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
   color: #fff;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   text-indent: 12px;
-  color: #7b848d;
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
   font-size: 14px;
   padding-right: 16px;
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
@@ -312,13 +312,13 @@
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
   border-color: #212529;
   color: #fff;
 }
 
 .e-selectall-parent.e-item-focus {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-bigger .e-dropdownbase,
@@ -633,7 +633,7 @@
 
 .e-ddl.e-popup {
   background: #343a40;
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   position: absolute;
 }
 .e-ddl.e-popup .e-search-icon {
@@ -778,7 +778,7 @@ ejs-dropdownlist {
 }
 
 .e-popup {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
@@ -1007,6 +1007,9 @@ ejs-dropdownlist {
   padding: 0 8px;
   line-height: 30px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1053,7 +1056,7 @@ ejs-dropdownlist {
   visibility: hidden;
 }
 .e-ddt.e-popup {
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   margin-top: 4px;
   border-radius: 4px;
   -webkit-box-shadow: none;
@@ -1098,7 +1101,7 @@ ejs-dropdownlist {
   border-top-width: 0;
   display: block;
   padding: 4px;
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-ddt.e-popup .e-filter-wrap .e-input-group {
   margin-bottom: 0;
@@ -1212,7 +1215,7 @@ ejs-dropdownlist {
   color: #fff;
 }
 .e-ddt .e-overflow .e-remain {
-  color: #7b848d;
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
 }
 .e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
   background: #212529;
@@ -1226,16 +1229,16 @@ ejs-dropdownlist {
 }
 .e-ddt.e-popup {
   background: #343a40;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-ddt.e-popup .e-popup-content.e-no-data {
   color: #fff;
 }
 .e-ddt.e-popup .e-selectall-parent {
-  border-bottom-color: #444c54;
+  border-bottom-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-ddt.e-popup .e-selectall-parent:focus {
-  background: #31373d;
+  background: rgb(48.9202702703, 54.85, 60.7797297297);
 }
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: #fff;
@@ -1582,6 +1585,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
@@ -2217,7 +2224,7 @@ ejs-multiselect {
 }
 
 .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
-  background-color: #565e64;
+  background-color: rgb(86.4, 93.6, 100);
 }
 
 .e-multiselect {
@@ -2248,7 +2255,7 @@ ejs-multiselect {
 }
 
 .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
-  background-color: #5c636a;
+  background-color: rgb(91.8, 99.45, 106.25);
 }
 
 .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
@@ -2305,13 +2312,13 @@ ejs-multiselect {
 }
 
 .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
-  background-color: #31373d;
+  background-color: rgb(48.9202702703, 54.85, 60.7797297297);
   color: #fff;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group.e-checkbox .e-list-group-item.e-active.e-hover {
-  background-color: #31373d;
-  color: #7b848d;
+  background-color: rgb(48.9202702703, 54.85, 60.7797297297);
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
@@ -2368,11 +2375,11 @@ ejs-multiselect {
 }
 
 .e-ul.e-reorder {
-  border-bottom: 1px solid #444c54;
+  border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-multi-select-list-wrapper .e-selectall-parent {
-  border-bottom: 1px solid #444c54;
+  border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-multi-select-wrapper .e-delim-values {
@@ -3185,7 +3192,7 @@ ejs-listbox {
 }
 .e-listboxtool-wrapper .e-listbox-tool,
 .e-listboxtool-container .e-listbox-tool {
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   overflow: auto;
   padding: 8px;
 }
@@ -3246,7 +3253,7 @@ ejs-listbox {
 .e-listbox-wrapper,
 .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
 .e-listboxtool-container.e-listbox-container .e-ul {
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-listbox-wrapper,
@@ -3344,7 +3351,7 @@ ejs-listbox {
 .e-listbox-container .e-selectall-parent,
 .e-listboxtool-wrapper .e-selectall-parent {
   background-color: transparent;
-  border-bottom: 1px solid #444c54;
+  border-bottom: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   color: #fff;
 }
 

package/styles/bootstrap5-lite.css

@@ -820,6 +820,9 @@ ejs-dropdownlist {
   padding: 0 8px;
   line-height: 30px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1265,6 +1268,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
@@ -1900,7 +1907,7 @@ ejs-multiselect {
 }
 
 .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
-  background-color: #565e64;
+  background-color: rgb(86.4, 93.6, 100);
 }
 
 .e-multiselect {
@@ -1931,7 +1938,7 @@ ejs-multiselect {
 }
 
 .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
-  background-color: #5c636a;
+  background-color: rgb(91.8, 99.45, 106.25);
 }
 
 .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {

package/styles/bootstrap5.3-lite.css

@@ -823,6 +823,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 5px 8px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -833,9 +836,6 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-total-count .e-remain {
   padding: 0 8px 0 0;
 }
-.e-ddt .e-overflow.e-wrap-count {
-  padding-top: 0;
-}
 .e-ddt .e-overflow .e-remain {
   cursor: pointer;
   display: inline-block;
@@ -1255,6 +1255,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
@@ -2120,7 +2124,6 @@ ejs-multiselect {
       -ms-user-select: none;
           user-select: none;
   width: 100%;
-  border-radius: 4px;
 }
 .e-listbox-wrapper *,
 .e-listbox-container *,
@@ -2128,6 +2131,11 @@ ejs-multiselect {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
+.e-listbox-wrapper,
+.e-listbox-container,
+.e-listboxtool-wrapper {
+  border-radius: 4px;
+}
 .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
 .e-listbox-container.e-listboxtool-container .e-list-wrap,
 .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {

package/styles/bootstrap5.3.css

@@ -1010,6 +1010,9 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-show-text {
   padding: 5px 8px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1020,9 +1023,6 @@ ejs-dropdownlist {
 .e-ddt .e-overflow.e-total-count .e-remain {
   padding: 0 8px 0 0;
 }
-.e-ddt .e-overflow.e-wrap-count {
-  padding-top: 0;
-}
 .e-ddt .e-overflow .e-remain {
   cursor: pointer;
   display: inline-block;
@@ -1521,6 +1521,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
@@ -2731,7 +2735,6 @@ ejs-multiselect {
       -ms-user-select: none;
           user-select: none;
   width: 100%;
-  border-radius: 4px;
 }
 .e-listbox-wrapper *,
 .e-listbox-container *,
@@ -2739,6 +2742,11 @@ ejs-multiselect {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
+.e-listbox-wrapper,
+.e-listbox-container,
+.e-listboxtool-wrapper {
+  border-radius: 4px;
+}
 .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
 .e-listbox-container.e-listboxtool-container .e-list-wrap,
 .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {

package/styles/bootstrap5.css

@@ -1007,6 +1007,9 @@ ejs-dropdownlist {
   padding: 0 8px;
   line-height: 30px;
 }
+.e-ddt .e-overflow.e-show-text.e-input-value:not(.e-icon-hide) {
+  display: inline-grid;
+}
 .e-ddt .e-overflow.e-total-count {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1582,6 +1585,10 @@ ejs-dropdownlist {
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-multi-searcher {
   float: right;
 }
+.e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
+.e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  float: none;
+}
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-rtl .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group.e-rtl .e-multi-select-wrapper .e-clear-icon,
@@ -2217,7 +2224,7 @@ ejs-multiselect {
 }
 
 .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
-  background-color: #565e64;
+  background-color: rgb(86.4, 93.6, 100);
 }
 
 .e-multiselect {
@@ -2248,7 +2255,7 @@ ejs-multiselect {
 }
 
 .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
-  background-color: #5c636a;
+  background-color: rgb(91.8, 99.45, 106.25);
 }
 
 .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {

package/styles/drop-down-base/_bootstrap-dark-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 //default
 $ddl-last-child-bottom-border: 0 !default;
 $ddl-default-font-family: inherit !default;
@@ -39,7 +41,7 @@ $ddl-list-header-bigger-small-padding-left: $ddl-list-header-padding-left !defau
 $ddl-list-header-bigger-padding-left: $ddl-list-header-padding-left !default;
 $ddl-list-font-size: 14px !default;
 $ddl-group-list-font-size: 12px !default;
-$ddl-list-header-font-color: lighten($brand-primary, 15%) !default;
+$ddl-list-header-font-color: color.adjust($brand-primary, $lightness: 15%) !default;
 $ddl-list-text-indent: 20px !default;
 $ddl-bigger-text-indent: $ddl-list-text-indent !default;
 $ddl-list-rtl-padding-right: 0 !default;

package/styles/drop-down-base/_bootstrap4-definition.scss

@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 $ddl-last-child-bottom-border: 0 !default;
 $ddl-default-font-family: inherit !default;
 $ddl-list-border-size: 1px !default;
@@ -20,7 +22,7 @@ $mention-popup-bg-color: $white !default;
 $ddl-list-active-font-color: $primary-font !default;
 $mention-active-font-color: $primary !default;
 $ddl-list-active-bg-color: $primary !default;
-$ddl-list-hover-bg-color: darken($gray-100, 2%) !default;
+$ddl-list-hover-bg-color: color.adjust($gray-100, $lightness: -2%) !default;
 $ddl-list-hover-border-color: $white !default;
 $ddl-list-hover-font-color: $gray-900 !default;
 $ddl-nodata-font-color: $gray-900 !default;

package/styles/drop-down-base/bootstrap-dark.css

@@ -159,7 +159,7 @@
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
   border-color: #6e6e6e;
-  color: #3e98ff;
+  color: rgb(61.5, 151.8, 255);
   font-family: inherit;
   font-size: 12px;
   font-weight: normal;
@@ -217,7 +217,7 @@
   border-color: #484848;
   border-style: solid;
   border-width: 0 0 1px 0;
-  color: #3e98ff;
+  color: rgb(61.5, 151.8, 255);
   font-family: inherit;
   font-size: 12px;
   font-weight: normal;

package/styles/drop-down-base/bootstrap4.css

@@ -185,7 +185,7 @@
 }
 
 .e-dropdownbase .e-list-item.e-hover {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border-color: #fff;
   color: #212529;
 }
@@ -195,7 +195,7 @@
 }
 
 .e-dropdownbase .e-list-item.e-item-focus {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
 }
 
 .e-multi-column.e-ddl.e-popup.e-popup-open table {
@@ -289,7 +289,7 @@
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
@@ -300,13 +300,13 @@
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
   border-color: #fff;
   color: #212529;
 }
 
 .e-selectall-parent.e-item-focus {
-  background-color: #f2f4f6;
+  background-color: rgb(242.05, 243.9, 245.75);
 }
 
 .e-bigger .e-dropdownbase,

package/styles/drop-down-base/bootstrap5-dark.css

@@ -98,7 +98,7 @@
 }
 
 .e-mention.e-editable-element {
-  border: 2px solid #444c54;
+  border: 2px solid rgb(68.0034482759, 75.85, 83.6965517241);
   height: auto;
   min-height: 120px;
   width: 100%;
@@ -152,13 +152,13 @@
   padding-right: 0;
 }
 .e-dropdownbase {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-dropdownbase .e-list-item {
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   border-bottom: 0;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
   color: #fff;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 14px;
@@ -171,8 +171,8 @@
 
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
-  border-color: #444c54;
-  color: #7b848d;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 14px;
   font-weight: 500;
@@ -192,7 +192,7 @@
 }
 
 .e-dropdownbase .e-list-item.e-hover {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
   border-color: #212529;
   color: #fff;
 }
@@ -202,7 +202,7 @@
 }
 
 .e-dropdownbase .e-list-item.e-item-focus {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-dropdownbase .e-list-item.e-active:last-child {
@@ -234,7 +234,7 @@
   border-color: #495057;
   border-style: solid;
   border-width: 0 0 1px 0;
-  color: #7b848d;
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 14px;
   font-weight: 500;
@@ -291,17 +291,17 @@
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
   background-color: #343a40;
   border-bottom: 0;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
   color: #fff;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   text-indent: 12px;
-  color: #7b848d;
+  color: rgb(122.8111587983, 132.3287553648, 140.7888412017);
   font-size: 14px;
   padding-right: 16px;
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
@@ -312,13 +312,13 @@
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-hover {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
   border-color: #212529;
   color: #fff;
 }
 
 .e-selectall-parent.e-item-focus {
-  background-color: #444c54;
+  background-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-bigger .e-dropdownbase,

package/styles/drop-down-base/fabric-dark.css

@@ -159,7 +159,7 @@
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
   border-color: transparent;
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
   font-family: inherit;
   font-size: 14px;
   font-weight: 600;
@@ -217,7 +217,7 @@
   border-color: #414040;
   border-style: solid;
   border-width: 0 0 1px 0;
-  color: #38a9ff;
+  color: rgb(0, 55.1, 96.9);
   font-family: inherit;
   font-size: 14px;
   font-weight: 600;

package/styles/drop-down-base/fabric.css

@@ -173,7 +173,7 @@
 }
 
 .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
-  background-color: #d1ebff;
+  background-color: rgb(208.9, 234.7504672897, 255);
   border-color: #fff;
   color: #333;
 }
@@ -288,7 +288,7 @@
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active,
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-active.e-hover {
-  background-color: #d1ebff;
+  background-color: rgb(208.9, 234.7504672897, 255);
   border-color: #fff;
   color: #333;
 }

package/styles/drop-down-list/_layout.scss

@@ -38,7 +38,7 @@
   .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon {
     position: relative;
   }
-
+  
   .e-ddl.e-control-wrapper.e-input-group .e-ddl-icon.e-ddl-disable-icon::before {
     content: '';
   }

package/styles/drop-down-list/bootstrap5-dark.css

@@ -241,7 +241,7 @@
 
 .e-ddl.e-popup {
   background: #343a40;
-  border: 1px solid #444c54;
+  border: 1px solid rgb(68.0034482759, 75.85, 83.6965517241);
   position: absolute;
 }
 .e-ddl.e-popup .e-search-icon {
@@ -386,7 +386,7 @@ ejs-dropdownlist {
 }
 
 .e-popup {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,