Skip to main content


 

Frio Dark Mode


I've just been playing with CSS media queries for system themes dark mode. These queries check for system wide dark mode being active. This is supported in Firefox (> v.67), Chrome (> v.76) and Safari and it's really easy to implement. My tweaks are far from being finished but work quite well already:

@media (prefers-color-scheme: dark) {
    … style definitions follow here …
}

Testing

To test it in Firefox you maybe have to tweak about:config:
Create an integer setting named ui.systemUsesDarkTheme with value 1.

On Firefox for Android there's already a setting in about:config. Just change it's value from -1 to 1.

Screenshots

Image/PhotoImage/PhotoImage/Photo

#CSS #MediaQueries #DarkMode @Friendica Developers