light and dark mode support for background color

[rajasimon]

This is about Bulma.

Overview of the problem

Change the color based on the Dark mode.

Description

I have this in my code both html and body class when bulma was v0.9.4 has-background-white-ter and now I want my background to be has-background-black-ter when in Dark mode.

Is there a bulma way to do it?

[kasperkamperman]

I have the same issue and I expected that it would switch based on the description: For Dark Mode, Bulma will keep the same hue and saturation of the main scheme color. It will however invert the lightness of background, borders, text colors, and hover/active states.

It might be a possible bug, because no CSS variables seem to be used in this case. Or I misunderstood the new concept or documentation.

I have as html:

<aside class="has-background-white-bis">

And css in chrome show a "fixed" background-color, so not derived from variables (which would change when theme switching).

Result in Light mode:

Result in Dark mode:

[jonnyeom]

This would be very helpful. I would imagine this would work for other components such as footer.

Right now, if you set a custom footer background color, the auto-dark-mode give unexpected results