search

vaadin / web-components

A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
https://vaadin.com/docs/latest/components
445 stars 83 forks source link

[lumo] Introduce Surface color #1692

Open jouni opened 5 years ago

jouni commented 5 years ago

The current Base color would remain as the main application background color. The surface color would be a more specialized color, meant to be used for cards, dialogs, dropdowns, notifications, etc.

The same concept is in Material Design as well, and this would change would explicitly move closer to that. It would make it more feasible to eventually combine Lumo and Material into a unified foundational theme, from which both variations would extend from. Note: the latter is just an idea, not currently planned.

lkraav commented 5 years ago

@jouni would you pick Surface color algorithmically or by hand (emotion)?

jouni commented 5 years ago

For a light colored theme (i.e. where the base color is light), I think white makes most sense as the surface color.

On a dark base color, a slightly lighter version of the base color would be my choice.

So there’s probably a possibility for making an algorithm for it.