AC: Theme Editor

[MarcinVaadin]

trafficstars

Description

Theme Editor is a visual tool that enables developers to easily customize the look and feel of their Vaadin Flow apps without the need to modify CSS files manually.

Use cases

As a developer I want to change the look and feel of my application in simple way So that I can fulfill design requirements

Acceptance criteria

• [x] Theme Editor should be part of Vaadin dev tools
• [x] Theme Editor should allow picking component to be customized
• [x] Theme Editor should allow user friendly modification of common component properties
• [x] Theme Editor should let user choose if single component or all components of same type should be customized
• [x] Theme Editor should provide preview of applied customizations
• [x] Theme Editor should allow saving customized style rules into project

General criteria

• [x] Design
• [x] DX tests in Alpha
• [x] Documentation https://github.com/vaadin/docs/pull/2335
• [x] How to test Both server and client side features have high test coverage
• [x] Limitations:
• not all components have been covered
• not possible to modify global Lumo variables