Dark mode problem in Web Components

General
1

I have been doing some tests and I have noticed that the dark mode is not working, here in this link you can see an example, is it a problem with the current version? or am I doing something wrong? some help please

2

The dark mode variables are not loaded by default.

You can load them by doing this:

import '@vaadin/vaadin-lumo-styles/color-global.js';
import '@vaadin/login';

I’m forwarding internally because I don’t know if it’s intended.

1 Like
3

In the P2 and HTML imports era, we used to have this approach for global styles:

<custom-style>
  <style include="lumo-color lumo-typography"></style>
</custom-style>

The issue for replacing custom-style is still open:

1 Like
4

@Jean-Christophe.1 @web-padawan Thank you for the answer, my problem solved by using the import :)

1 Like