search

dojo / widgets

:rocket: Dojo - UI widgets.
https://widgets.dojo.io
Other
88 stars 66 forks source link

Add CSS Variables to be able to control specific list styles #1726

Closed agubler closed 3 years ago

agubler commented 3 years ago

Enhancement

The list currently uses the standard CSS variables that are shared across multiple components, it would be useful if the list had specific variables that use the current variables by default that could be overridden in a variant in order to independently customise styles for behaviours such as selected and hover. For example (using Material, would require complimentary vars in other theme variants):

--mdc-list-item-selected-background: var(--mdc-theme-on-surface-hover);
--mdc-list-item-selected-text: var(--mdc-text-color);
--mdc-list-item-hover-background: var(--mdc-theme-on-surface);