Electron 忽略 @css prefers-color-scheme

Question

我做了一个 Electron 项目，现在添加了暗模式支持。 问题是由于某种原因它不起作用。

下面是我在每个页面中包含的dark.css 样式

@media (prefers-color-scheme: dark) {
body, .full-screen, #code {
  transition-duration: 500ms;
  background: #444 !important;
  color: #e4e4e4 !important;
}
.title-bar {
  background: rgb(58, 58, 58) !important;
}
}

这怎么可能？ 我听说您可以使用systemPreferences.isDarkMode()，但这是针对主进程的，我希望它反映在前端+我希望它自动更新。

提前致谢

Answer 1

事实证明，我不得不重新安装 NPM 和 electron。我还必须运行npm config set ignore-scripts false。这就是诀窍