Contact us Create app

Directory

← Back

Breeze theme for Vaadin

Breeze is built on top of Lumo and heavily inspired by visual style of TailwindUI. It can be used in light or dark mode and contains a custom palette for Vaadin Charts.

Author

Rating

Links

Popularity

500+

Breeze is built on top of Lumo and heavily inspired by visual style of TailwindUI. It can be used in light or dark mode and contains a custom palette for Vaadin Charts. Built by Juuso Kantonen, a UX designer working at Vaadin.

To install this add-on, check out the latest version and Maven/Gradle dependency snippets from the Directory.

After setting the dependency in pom.xml, update your frontend/themes/mytheme/theme.json to have parent configuration

{
  "lumoImports" : [ "typography", "color", "spacing", "badge", "utility" ],
  "parent": "breeze"
}

You can still make your own changes on top in the applications theme.

Compatibility

(Loading compatibility data...)

Last updated: 2022-11-18

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

  • Add support for MultiSelectComboBox
  • Set Avatar colors
  • Fix bug in Select
Released
2022-11-18
Maturity
STABLE
License
Apache License 2.0

Compatibility

Framework
Vaadin 23+
Vaadin 22+ in 1.0.1
Browser
N/A

Breeze theme for Vaadin - Vaadin Add-on Directory

Breeze is built on top of Lumo and heavily inspired by visual style of TailwindUI. It can be used in light or dark mode and contains a custom palette for Vaadin Charts. Breeze theme for Vaadin - Vaadin Add-on Directory
Breeze is built on top of Lumo and heavily inspired by visual style of [TailwindUI](https://tailwindui.com/). It can be used in light or dark mode and contains a custom palette for Vaadin Charts. Built by Juuso Kantonen, a UX designer working at Vaadin. To install this add-on, check out the latest version and Maven/Gradle dependency snippets from the [Directory](https://vaadin.com/directory). After setting the dependency in pom.xml, update your frontend/themes/mytheme/theme.json to have parent configuration ```json { "lumoImports" : [ "typography", "color", "spacing", "badge", "utility" ], "parent": "breeze" } ```` You can still make your own changes on top in the applications theme.
Blog post
Online Demo
View on GitHub

Breeze theme for Vaadin version 1.0.1
Fixed groupId of the artifact

Breeze theme for Vaadin version 1.0.2
Bug fixes for Charts etc

Breeze theme for Vaadin version 1.0.3
Vaadin 23 upgrade

Breeze theme for Vaadin version 1.0.4
* Updated read-only and disabled styles of input fields. * Modified ::select highlight color.

Breeze theme for Vaadin version 1.0.5
- Add support for MultiSelectComboBox - Set Avatar colors - Fix bug in Select

Online