Dialog with Aura showing light text on light background

Flow
1

Hi,

I’m experimenting with Aura theme and I have an issue with the Dialog.

This is the only css I currently have:

html {
    color-scheme: dark;
    /* Follow the user' s OS preference in the content area */
    --aura-content-color-scheme: light;
    --aura-background-color-dark: #1b0f38;
    --aura-accent-color-light: var(--aura-purple);
    --aura-accent-color-dark: var(--aura-purple);
}

The idea here is to have dark navigation, and light content.

It all looks great. However, when I open a dialog the text is light on light.

image
image2296×760 75.8 KB

I’m using 25.1-beta1

Is this a bug? Or am I missing something?

Kind regards,
Kristof

2

This is the datepicker… :rofl:

image
image838×1302 47.2 KB

3

Hi! It’s a bug and has been identified and fixed.
Report: [dialog] incorrect text colors when using mixed color schemes · Issue #11244 · vaadin/web-components · GitHub
Fix: fix: overlay text color with dark and mixed color schemes by jouni · Pull Request #11265 · vaadin/web-components · GitHub

It will be available in the next release.

1 Like