How to set dark mode colour for component content area (custom CSS)

teddy-knight

@saguaros at my current site I am using a very structured background, thats why I am using custom CSS code to manage a dedicated background for articles.
.t4-section-inner.container {
background-color: #d9d3c2;
}

But If I switch to dark mode, this colour remains like in normal mode. (colour of text is changing..)

Is there any custom CSS to be added so this background is following as well into dark mode colour?

Excample:
Dark Mode case:

light mode:

saguaros

teddy-knight HI

When switching to Dark mode, you should add .dark-active class to the css rule you want.

For example:

/*Light mode*/
.t4-section-inner.container {
background-color: #d9d3c2;
}

/*Dark mode*/
.dark-active .t4-section-inner.container {
background-color: #d9d3c2;
}

Regards

teddy-knight

THAT WORKS PERFECTLY,.... case closed perfect support!!!