samie / Idle

Idle - User inactivity tracking for Vaadin
https://vaadin.com/directory/component/idle
Apache License 2.0
7 stars 1 forks source link

CSS breaks Lumo dark mode #10

Open stefanuebe opened 1 month ago

stefanuebe commented 1 month ago

The idle.css defines a different background color than the default one of the lumo dark theme. This leads to a white-ish background, when using the dark theme.

Not sure if the addon should apply these styles at all. In most applications, the background color is defined by a global styling, therefore I would leave that part out. Also adding bg color transitions might be seen as some unwanted style injection :)

If someone wants to have stylings based on the state, they can easily add these using the given css class names.

image
stefanuebe commented 1 month ago

Workaround:

body.useractive,
body.userinactive {
    background-color: var(--lumo-base-color);
    transition: background-color 0s;
}