Light css variable overrides dark theme

[edgarriba]

Hi! I'm trying to override only the light css theme as follows:

    "light_css_variables": {
        "color-sidebar-background": "#3980F5",
        "color-sidebar-caption-text": "white",
        "color-sidebar-link-text--top-level": "#cccccc",
    },

the light theme is fine, however the dark theme is overridden.

Is there anything I'm missing here ? thanks in advance !

[pradyunsg]

Hiya! Please read https://pradyunsg.me/furo/customisation/colors/#how-light-and-dark-mode-work.

[edgarriba]

@pradyunsg thanks ! I had to override (by hand) the the dark style according to the css theme. Would be nice that it's done automatically though in the future. Because, in case anyone change dark style, will have to change hardcoded colors.

Thanks!