support color-scheme

[akellbl4]

• add new option for theme to the config in order to understand if site supports auto switch between light and dart theme
• add color-scheme: light dark when the param is true, add light or dark when false and switch coloe-scheme value accordingly
• remove this change disable color-scheme on remark iframe #1429

Cases

Auto

var remark_config = {
  theme: 'auto'
}

color-scheme: light dark;

Add support for auto switch between themes

Dark

var remark_config = {
  theme: 'dark'
}

color-scheme: dark;

Light

var remark_config = {
  theme: 'light'
}

color-scheme: light;

[OnkelTem]

Sorry, so can it be fixed? Because the related issue was closed unresolved: #1662

Currently I see this:

[hndrk-themer]

as a workaround, i have added the autoswitch by using:

theme: window.matchMedia && window.matchMedia('(prefers-color-scheme:dark)').matches ? "dark" : "light",

to let it change automatically if you switch from light to dark without reloading the page i've added:

window.matchMedia('(prefers-color-scheme:dark)').addEventListener('change', event => {
        const newColorScheme = event.matches ? "dark" : "light";
        window.REMARK42.changeTheme(newColorScheme);
    }); 

to it. maybe you can add it directly into remark with the "auto" tag

it works perfectly like this on my blog