Use a different color scheme for the navigation and main content areas

General
1

Did anyone manage to get that working?

html {
/* Use the dark color scheme for the global navigation areas /
color-scheme: dark;
/ Follow the user’s OS preference in the content area */
–aura-content-color-scheme: light dark;
}

image
image2880×370 58.1 KB

The grid is not following the right theme, at least the background of the rows.

taskGrid.addThemeVariants(GridVariant.AURA_COLUMN_BORDERS);

Application.java
@StyleSheet(Aura.STYLESHEET)
@StyleSheet(“styles.css”)

2

Hi, do I understand correctly that the app-layout’s content area does use the light scheme, but the Grid rows background seem to use the dark scheme?

If so, could you write a ticket about that athttps://github.com/vaadin/web-components/issues and provide a minimum reproducible code snippet?
Might take until after the holidays before anyone takes a look at it though.

3

Hi, thanks for the quick answer. I created a ticket.