refactor!: reduce chips contrast in disabled multi-select-combo-box (#…

…7594)
vaadin · Jul 29, 2024 · 31b0524 · 31b0524
1 parent 30a4469
commit 31b0524
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/...t/visual/lumo/screenshots/multi-select-combo-box/baseline/selected-disabled.png b/...t/visual/lumo/screenshots/multi-select-combo-box/baseline/selected-disabled.png
diff --git a/packages/multi-select-combo-box/theme/lumo/vaadin-multi-select-combo-box-chip-styles.js b/packages/multi-select-combo-box/theme/lumo/vaadin-multi-select-combo-box-chip-styles.js
@@ -23,6 +23,10 @@ const chip = css`
     -moz-osx-font-smoothing: grayscale;
   }
 
+  :host([disabled]) {
+    background-color: var(--lumo-contrast-10pct);
+  }
+
   :host([focused]) [part='remove-button'] {
     color: inherit;
   }