Documentation

Documentation versions (currently viewingVaadin 23)
Check out the new styling guides

Disabling Lumo Using the @NoTheme Annotation

Disable Lumo using the @NoTheme annotation

If needed, you can disable the Lumo theme for your application using the @NoTheme annotation.

However, rather than disabling Lumo, it is usually more convenient to build on Lumo by overriding its CSS properties. This approach is described in the getting started with styling guide, and the full list of Lumo CSS properties can be found in the Design Tokens section.

The @NoTheme annotation must be added on a class that implements the AppShellConfigurator interface.

For example, the annotation can be used in a class that looks something like the following:

@NoTheme
public class MyAppShell implements AppShellConfigurator {
}

AC900397-3AA9-490D-883A-D0F4D8FE8650