Use dark/light mode settings from OS
As I'm working from home a lot right now, I often move between inside and outside for my work. When I do this I need to toggle my OS's dark mode settings to enable me to see better. Most of my apps now update accordingly, and it would be great if Discord could too.
In the Electron and web versions of Discord, it should be possible to detect the OS setting for dark/light mode and adjust accordingly, using media queries. Here's a JS example:
const darkSchemeQuery = window.matchMedia('(prefers-color-scheme: dark)');
const lightSchemeQuery = window.matchMedia('(prefers-color-scheme: light)');
function applyColorScheme() {
if (darkSchemeQuery.matches) {
enableDarkMode();
}
else if (darkSchemeQuery.matches) {
enableLightMode();
}
else {
enableUserDefaultTheme();
}
}
darkSchemeQuery.addListener(e => e.matches && applyColorScheme());
lightSchemeQuery.addListener(e => e.matches && applyColorScheme());
applyColorScheme();
https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
2
Log ind for at efterlade en kommentar.
Kommentarer
0 kommentarer