Aligned OrderList-PickList with Listbox

components/lib/listbox/Listbox.vue

@@ -649,7 +649,7 @@ export default {
                 const element = DomHandler.findSingle(this.list, `li[id="${id}"]`);
 
                 if (element) {
-                    element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest' });
+                    element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'nearest', behavior: 'smooth' });
                 } else if (!this.virtualScrollerDisabled) {
                     this.virtualScroller && this.virtualScroller.scrollToIndex(index !== -1 ? index : this.focusedOptionIndex);
                 }

components/lib/orderlist/OrderList.vue

@@ -339,7 +339,7 @@ export default {
             const element = DomHandler.findSingle(this.list, `[data-pc-section="item"][id="${id}"]`);
 
             if (element) {
-                element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'start' });
+                element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'start', behavior: 'smooth' });
             }
         },
         moveUp(event) {

components/lib/picklist/PickList.vue

@@ -810,7 +810,7 @@ export default {
             const element = DomHandler.findSingle(this.$refs[listType].$el, `[data-pc-section="item"][id="${id}"]`);
 
             if (element) {
-                element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'start' });
+                element.scrollIntoView && element.scrollIntoView({ block: 'nearest', inline: 'start', behavior: 'smooth' });
             }
         },
         updateListScroll(listElement) {

public/themes/arya-blue/theme.css

@@ -2949,11 +2949,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3143,11 +3143,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/arya-green/theme.css

@@ -2949,11 +2949,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3143,11 +3143,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/arya-orange/theme.css

@@ -2949,11 +2949,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3143,11 +3143,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/arya-purple/theme.css

@@ -2949,11 +2949,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3143,11 +3143,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/aura-dark-amber/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/aura-dark-blue/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/aura-dark-cyan/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/aura-dark-green/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/aura-dark-indigo/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/aura-dark-lime/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/aura-dark-noir/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/aura-dark-pink/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/aura-dark-purple/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/aura-dark-teal/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.08);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/aura-light-amber/theme.css

@@ -3018,12 +3018,12 @@
     color: #1e293b;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #b45309;
@@ -3212,12 +3212,12 @@
     color: #1e293b;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #b45309;

public/themes/aura-light-blue/theme.css

@@ -3018,12 +3018,12 @@
     color: #1e293b;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #1D4ED8;
@@ -3212,12 +3212,12 @@
     color: #1e293b;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #1D4ED8;

public/themes/aura-light-cyan/theme.css

@@ -3018,12 +3018,12 @@
     color: #1e293b;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #0e7490;
@@ -3212,12 +3212,12 @@
     color: #1e293b;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #0e7490;

public/themes/aura-light-green/theme.css

@@ -3018,12 +3018,12 @@
     color: #1e293b;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #047857;
@@ -3212,12 +3212,12 @@
     color: #1e293b;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #047857;

public/themes/aura-light-indigo/theme.css

@@ -3018,12 +3018,12 @@
     color: #1e293b;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #4338CA;
@@ -3212,12 +3212,12 @@
     color: #1e293b;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #4338CA;

public/themes/aura-light-lime/theme.css

@@ -3018,12 +3018,12 @@
     color: #1e293b;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #4d7c0f;
@@ -3212,12 +3212,12 @@
     color: #1e293b;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #4d7c0f;

public/themes/aura-light-noir/theme.css

@@ -3026,12 +3026,12 @@
     color: #1e293b;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #ffffff;
@@ -3220,12 +3220,12 @@
     color: #1e293b;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #ffffff;

public/themes/aura-light-pink/theme.css

@@ -3018,12 +3018,12 @@
     color: #1e293b;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #be185d;
@@ -3212,12 +3212,12 @@
     color: #1e293b;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #be185d;

public/themes/aura-light-purple/theme.css

@@ -3018,12 +3018,12 @@
     color: #1e293b;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #6D28D9;
@@ -3212,12 +3212,12 @@
     color: #1e293b;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #6D28D9;

public/themes/aura-light-teal/theme.css

@@ -3018,12 +3018,12 @@
     color: #1e293b;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #0f766e;
@@ -3212,12 +3212,12 @@
     color: #1e293b;
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
-    color: #0f172a;
+    color: #1e293b;
-    background: #e2e8f0;
+    background: #f1f5f9;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #0f766e;

public/themes/bootstrap4-dark-blue/theme.css

@@ -3010,11 +3010,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #151515;
@@ -3204,11 +3204,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #151515;

public/themes/bootstrap4-dark-purple/theme.css

@@ -3010,11 +3010,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #151515;
@@ -3204,11 +3204,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #151515;

public/themes/bootstrap4-light-blue/theme.css

@@ -3010,11 +3010,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #212529;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #212529;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #ffffff;
@@ -3204,11 +3204,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #212529;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #212529;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #ffffff;

public/themes/bootstrap4-light-purple/theme.css

@@ -3010,11 +3010,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #212529;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #212529;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #ffffff;
@@ -3204,11 +3204,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #212529;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #212529;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #ffffff;

public/themes/fluent-light/theme.css

@@ -2949,11 +2949,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #323130;
-    background: #e1dfdd;
+    background: #f3f2f1;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #323130;
-    background: #e1dfdd;
+    background: #f3f2f1;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #323130;
@@ -3143,11 +3143,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #323130;
-    background: #e1dfdd;
+    background: #f3f2f1;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #323130;
-    background: #e1dfdd;
+    background: #f3f2f1;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #323130;

public/themes/lara-dark-amber/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/lara-dark-blue/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/lara-dark-cyan/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/lara-dark-green/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/lara-dark-indigo/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/lara-dark-pink/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/lara-dark-purple/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/lara-dark-teal/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: #424b57;
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/lara-light-amber/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #b45309;
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #b45309;

public/themes/lara-light-blue/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #1D4ED8;
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #1D4ED8;

public/themes/lara-light-cyan/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #0e7490;
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #0e7490;

public/themes/lara-light-green/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #047857;
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #047857;

public/themes/lara-light-indigo/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #4338CA;
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #4338CA;

public/themes/lara-light-pink/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #be185d;
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #be185d;

public/themes/lara-light-purple/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #6D28D9;
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #6D28D9;

public/themes/lara-light-teal/theme.css

@@ -3017,11 +3017,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #0f766e;
@@ -3211,11 +3211,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #4b5563;
-    background: #e5e7eb;
+    background: #f3f4f6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #0f766e;

public/themes/luna-amber/theme.css

@@ -2961,11 +2961,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #dedede;
-    background: #3c3c3c;
+    background: #4c4c4c;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #dedede;
-    background: #3c3c3c;
+    background: #4c4c4c;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #212529;
@@ -3155,11 +3155,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #dedede;
-    background: #3c3c3c;
+    background: #4c4c4c;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #dedede;
-    background: #3c3c3c;
+    background: #4c4c4c;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #212529;

public/themes/luna-blue/theme.css

@@ -2961,11 +2961,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #dedede;
-    background: #3c3c3c;
+    background: #4c4c4c;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #dedede;
-    background: #3c3c3c;
+    background: #4c4c4c;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #212529;
@@ -3155,11 +3155,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #dedede;
-    background: #3c3c3c;
+    background: #4c4c4c;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #dedede;
-    background: #3c3c3c;
+    background: #4c4c4c;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #212529;

public/themes/luna-green/theme.css

@@ -2961,11 +2961,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #dedede;
-    background: #3c3c3c;
+    background: #4c4c4c;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #dedede;
-    background: #3c3c3c;
+    background: #4c4c4c;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #212529;
@@ -3155,11 +3155,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #dedede;
-    background: #3c3c3c;
+    background: #4c4c4c;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #dedede;
-    background: #3c3c3c;
+    background: #4c4c4c;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #212529;

public/themes/luna-pink/theme.css

@@ -2961,11 +2961,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #dedede;
-    background: #3c3c3c;
+    background: #4c4c4c;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #dedede;
-    background: #3c3c3c;
+    background: #4c4c4c;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #212529;
@@ -3155,11 +3155,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #dedede;
-    background: #3c3c3c;
+    background: #4c4c4c;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #dedede;
-    background: #3c3c3c;
+    background: #4c4c4c;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #212529;

public/themes/md-dark-deeppurple/theme.css

@@ -3022,11 +3022,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #CE93D8;
@@ -3216,11 +3216,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #CE93D8;

public/themes/md-dark-indigo/theme.css

@@ -3022,11 +3022,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #9FA8DA;
@@ -3216,11 +3216,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #9FA8DA;

public/themes/md-light-deeppurple/theme.css

@@ -3022,11 +3022,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(0, 0, 0, 0.87);
-    background: rgba(0, 0, 0, 0.12);
+    background: rgba(0, 0, 0, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(0, 0, 0, 0.87);
-    background: rgba(0, 0, 0, 0.12);
+    background: rgba(0, 0, 0, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #673AB7;
@@ -3216,11 +3216,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(0, 0, 0, 0.87);
-    background: rgba(0, 0, 0, 0.12);
+    background: rgba(0, 0, 0, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(0, 0, 0, 0.87);
-    background: rgba(0, 0, 0, 0.12);
+    background: rgba(0, 0, 0, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #673AB7;

public/themes/md-light-indigo/theme.css

@@ -3022,11 +3022,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(0, 0, 0, 0.87);
-    background: rgba(0, 0, 0, 0.12);
+    background: rgba(0, 0, 0, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(0, 0, 0, 0.87);
-    background: rgba(0, 0, 0, 0.12);
+    background: rgba(0, 0, 0, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #3F51B5;
@@ -3216,11 +3216,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(0, 0, 0, 0.87);
-    background: rgba(0, 0, 0, 0.12);
+    background: rgba(0, 0, 0, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(0, 0, 0, 0.87);
-    background: rgba(0, 0, 0, 0.12);
+    background: rgba(0, 0, 0, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #3F51B5;

public/themes/mdc-dark-deeppurple/theme.css

@@ -3022,11 +3022,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #CE93D8;
@@ -3216,11 +3216,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #CE93D8;

public/themes/mdc-dark-indigo/theme.css

@@ -3022,11 +3022,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #9FA8DA;
@@ -3216,11 +3216,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #9FA8DA;

public/themes/mdc-light-deeppurple/theme.css

@@ -3022,11 +3022,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(0, 0, 0, 0.87);
-    background: rgba(0, 0, 0, 0.12);
+    background: rgba(0, 0, 0, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(0, 0, 0, 0.87);
-    background: rgba(0, 0, 0, 0.12);
+    background: rgba(0, 0, 0, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #673AB7;
@@ -3216,11 +3216,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(0, 0, 0, 0.87);
-    background: rgba(0, 0, 0, 0.12);
+    background: rgba(0, 0, 0, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(0, 0, 0, 0.87);
-    background: rgba(0, 0, 0, 0.12);
+    background: rgba(0, 0, 0, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #673AB7;

public/themes/mdc-light-indigo/theme.css

@@ -3022,11 +3022,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(0, 0, 0, 0.87);
-    background: rgba(0, 0, 0, 0.12);
+    background: rgba(0, 0, 0, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(0, 0, 0, 0.87);
-    background: rgba(0, 0, 0, 0.12);
+    background: rgba(0, 0, 0, 0.04);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #3F51B5;
@@ -3216,11 +3216,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(0, 0, 0, 0.87);
-    background: rgba(0, 0, 0, 0.12);
+    background: rgba(0, 0, 0, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(0, 0, 0, 0.87);
-    background: rgba(0, 0, 0, 0.12);
+    background: rgba(0, 0, 0, 0.04);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #3F51B5;

public/themes/mira/theme.css

@@ -2977,11 +2977,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #4C566A;
-    background: #E5E9F0;
+    background: transparent;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #4C566A;
-    background: #E5E9F0;
+    background: transparent;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #2E3440;
@@ -3171,11 +3171,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #4C566A;
-    background: #E5E9F0;
+    background: transparent;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #4C566A;
-    background: #E5E9F0;
+    background: transparent;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #2E3440;

public/themes/nano/theme.css

@@ -2949,11 +2949,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #343a3f;
-    background: #d2d6db;
+    background: #dde1e6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #343a3f;
-    background: #d2d6db;
+    background: #dde1e6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #ffffff;
@@ -3143,11 +3143,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #343a3f;
-    background: #d2d6db;
+    background: #dde1e6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #343a3f;
-    background: #d2d6db;
+    background: #dde1e6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #ffffff;

public/themes/nova-accent/theme.css

@@ -2949,11 +2949,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #333333;
-    background: #d6d6d6;
+    background: #eaeaea;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #333333;
-    background: #d6d6d6;
+    background: #eaeaea;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #ffffff;
@@ -3143,11 +3143,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #333333;
-    background: #d6d6d6;
+    background: #eaeaea;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #333333;
-    background: #d6d6d6;
+    background: #eaeaea;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #ffffff;

public/themes/nova-alt/theme.css

@@ -2961,11 +2961,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #333333;
-    background: #d6d6d6;
+    background: #eaeaea;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #333333;
-    background: #d6d6d6;
+    background: #eaeaea;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #ffffff;
@@ -3155,11 +3155,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #333333;
-    background: #d6d6d6;
+    background: #eaeaea;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #333333;
-    background: #d6d6d6;
+    background: #eaeaea;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #ffffff;

public/themes/nova-vue/theme.css

@@ -2961,11 +2961,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #333333;
-    background: #d6d6d6;
+    background: #eaeaea;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #333333;
-    background: #d6d6d6;
+    background: #eaeaea;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #ffffff;
@@ -3155,11 +3155,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #333333;
-    background: #d6d6d6;
+    background: #eaeaea;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #333333;
-    background: #d6d6d6;
+    background: #eaeaea;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #ffffff;

public/themes/nova/theme.css

@@ -2961,11 +2961,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #333333;
-    background: #d6d6d6;
+    background: #eaeaea;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #333333;
-    background: #d6d6d6;
+    background: #eaeaea;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #ffffff;
@@ -3155,11 +3155,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #333333;
-    background: #d6d6d6;
+    background: #eaeaea;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #333333;
-    background: #d6d6d6;
+    background: #eaeaea;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #ffffff;

public/themes/rhea/theme.css

@@ -2949,11 +2949,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #666666;
-    background: #e0e0e0;
+    background: #f4f4f4;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #666666;
-    background: #e0e0e0;
+    background: #f4f4f4;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #385048;
@@ -3143,11 +3143,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #666666;
-    background: #e0e0e0;
+    background: #f4f4f4;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #666666;
-    background: #e0e0e0;
+    background: #f4f4f4;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #385048;

public/themes/saga-blue/theme.css

@@ -2949,11 +2949,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #495057;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #495057;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #495057;
@@ -3143,11 +3143,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #495057;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #495057;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #495057;

public/themes/saga-green/theme.css

@@ -2949,11 +2949,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #495057;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #495057;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #495057;
@@ -3143,11 +3143,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #495057;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #495057;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #495057;

public/themes/saga-orange/theme.css

@@ -2949,11 +2949,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #495057;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #495057;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #495057;
@@ -3143,11 +3143,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #495057;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #495057;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #495057;

public/themes/saga-purple/theme.css

@@ -2949,11 +2949,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #495057;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #495057;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #495057;
@@ -3143,11 +3143,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #495057;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #495057;
-    background: #dee2e6;
+    background: #e9ecef;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #495057;

public/themes/soho-dark/theme.css

@@ -3022,11 +3022,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #b19df7;
@@ -3216,11 +3216,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #b19df7;

public/themes/soho-light/theme.css

@@ -3022,11 +3022,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #043d75;
-    background: #dfe7ef;
+    background: #f6f9fc;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #043d75;
-    background: #dfe7ef;
+    background: #f6f9fc;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #5a37f1;
@@ -3216,11 +3216,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #043d75;
-    background: #dfe7ef;
+    background: #f6f9fc;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #043d75;
-    background: #dfe7ef;
+    background: #f6f9fc;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #5a37f1;

public/themes/tailwind-light/theme.css

@@ -2984,11 +2984,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #18181B;
-    background: #e5e7eb;
+    background: #f4f4f5;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #18181B;
-    background: #e5e7eb;
+    background: #f4f4f5;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #312E81;
@@ -3178,11 +3178,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #18181B;
-    background: #e5e7eb;
+    background: #f4f4f5;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #18181B;
-    background: #e5e7eb;
+    background: #f4f4f5;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #312E81;

public/themes/vela-blue/theme.css

@@ -2949,11 +2949,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3143,11 +3143,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/vela-green/theme.css

@@ -2949,11 +2949,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3143,11 +3143,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/vela-orange/theme.css

@@ -2949,11 +2949,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3143,11 +3143,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/vela-purple/theme.css

@@ -2949,11 +2949,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
@@ -3143,11 +3143,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(255, 255, 255, 0.09);
+    background: rgba(255, 255, 255, 0.03);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);

public/themes/viva-dark/theme.css

@@ -3030,11 +3030,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(158, 173, 230, 0.1);
+    background: rgba(158, 173, 230, 0.08);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(158, 173, 230, 0.1);
+    background: rgba(158, 173, 230, 0.08);
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #9eade6;
@@ -3224,11 +3224,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(158, 173, 230, 0.1);
+    background: rgba(158, 173, 230, 0.08);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(158, 173, 230, 0.1);
+    background: rgba(158, 173, 230, 0.08);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #9eade6;

public/themes/viva-light/theme.css

@@ -3030,11 +3030,11 @@
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #6c6c6c;
-    background: #e6e9f3;
+    background: #edf0fA;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
     color: #6c6c6c;
-    background: #e6e9f3;
+    background: #edf0fA;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #585858;
@@ -3224,11 +3224,11 @@
   }
   .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #6c6c6c;
-    background: #e6e9f3;
+    background: #edf0fA;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-focus {
     color: #6c6c6c;
-    background: #e6e9f3;
+    background: #edf0fA;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #585858;