电子忽略@css偏好颜色方案

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和电子。我还必须运行npm config set ignore-scripts false。那是窍门