New Aura theme

[rolfsmeds]

Description

A new, modern, default theme for Vaadin UIs.

Tier

Free

License

Apache 2.0

Motivation

Background

The Lumo theme has been the default theme for Vaadin applications since V10.

Problem

Although still a good looking theme, Lumo is starting to show its age.

Solution

A new theme, called Aura, inspired by the StarPass demo app, and Vaadin Control Center, that captures the current visual design trends in the web application space, will be the new default for Vaadin applications.

Aura will be implemented on top of the new base component styles, and will be entirely based on normal light DOM CSS. It will utilize CSS cascade layers to make it easy to override.

The core style tokens in Aura, such as color ranges and font size ranges, will be automatically computed from a small set of base-tokens, making them easier to customize than those in Lumo.

Notes

Although Aura will be the new default theme, Lumo theme will still be available and fully supported.

Requirements

• Aura style tokens
• Aura component styles
• Documentation

Nice-to-haves

No response

Risks, limitations and breaking changes

No response

Out of scope

No response

Materials

RFC

Metrics

TBD

Pre-implementation checklist

• Estimated (estimate entered into Estimate custom field)
• Product Manager sign-off
• Engineering Manager sign-off

Pre-release checklist

• Documented (link to documentation provided in sub-issue or comment)
• UX/DX tests conducted and blockers addressed
• Approved for release by Product Manager

Security review

None