Vaadin Theme Assistant chrome extension

What is Vaadin Theme Assistant?

Vaadin Theme Assistant is a wallpaper extension for chrome. it's a free extension , it has 117 active users since released its first version, it earns an average rating of 5.00 from 1 rated user, last update is 736 days ago.

What’s new in version 1.1?

                A browser extension that allows to visually identify elements of Vaadin components that can be themed, and gives instructions on how to set up the correct CSS in a Vaadin Flow or Hilla application. The application needs to use a custom theme in order to make use of the instructions provided by the extension.

Features:
- Custom element picker / inspector that is optimized for Vaadin components and their internal parts
- Provides instructions and code snippets that can be copied / pasted into your application
- Configure whether you want to theme all, or only specific instances of a component
- Configure whether the styles should only be applied when the component is in a specific state (opened, closed, invalid, ...)
- Optimized for Vaadin 22

Usage:
- First, install the extension
- Open the application that you want to theme in your browser
- Open the developer tools
- Open the "Vaadin Theme Assistant" panel
- Click on "Pick element"
- Hover the cursor over a Vaadin component that you want to theme, notice how individual elements get highlighted
- Click on a highlighted element
- The dev tools panel will now list a number of suggestions for elements that can be themed
- Click on one of the suggested elements to start theming it
- Configure the scope for the styles that you want to apply to the element on the left side. You can choose to either style all instances of the component, or only specific ones. You can also choose to apply the styles only when the component is in a specific state.
- Follow the instructions on the right side to apply the styles in your application

NOTE: This is not an official Vaadin product. No support will be provided by Vaadin employees.            

How to install Vaadin Theme Assistant?

You could download the latest version crx file or older version files and install it.

Preview of Vaadin Theme Assistant

---

Reviews of vaadin theme assistant:

---

Vesa Nieminen December 4th, 2022

Speeds up my day-to-day work. Highly recommended.

Read more review & comments of vaadin theme assistant