首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用Node.js/Electron确定Windows 10黑暗模式?

如何使用Node.js/Electron确定Windows 10黑暗模式?
EN

Stack Overflow用户
提问于 2017-07-15 07:03:40
回答 2查看 1.2K关注 0票数 4

Windows10周年纪念更新引入了一种深色模式,在这种模式下,大多数支持的应用程序会将其调色板更改为深色。我想使用Node.js或Electron来确定是否启用了该设置,这样我就可以适当地选择默认情况下启动应用程序的主题。做这件事最好的方法是什么?

EN

回答 2

Stack Overflow用户

发布于 2019-08-03 18:40:54

electron 6.0.0 (and chromium 76)媒体查询开始,可以使用prefers color scheme来检测暗/亮模式,如下所示:

代码语言:javascript
运行
复制
@media screen and (prefers-color-scheme: light), screen and (prefers-color-scheme: no-preference) {
    /*light theme*/
  body{
    color: black;
    background-color: white;
  }
}

@media screen and (prefers-color-scheme: dark) {
    /*dark theme*/
  body {
    color: white;
    background-color: black;
  }
}

您还可以通过编程检查暗模式,如下所示:

代码语言:javascript
运行
复制
if (window.matchMedia('(prefers-color-scheme:dark)').matches) {
    console.log('dark');
}
else {
    console.log('light or no-preference');
}

演示:codepen

票数 2
EN

Stack Overflow用户

发布于 2018-04-22 02:39:35

我能想到的一种选择是读取以下注册表项:HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Themes\Personalize\AppsUseLightTheme

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45112719

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档