Electron 电子滚动条在暗模式下不暗

Electron 电子滚动条在暗模式下不暗,electron,Electron,electron.nativeTheme.themeSource='dark' 当切换到暗模式时,本机滚动条保持亮。是否需要另一个步骤使其显示为黑色 在下面的快照中,左侧显示我的浏览器窗口,右侧显示开发工具。开发工具有黑色的滚动条,所以支持就在那里 呃,这太复杂了。您需要做两件事: 使用向Chrome表明,您的页面在明暗模式下呈现时非常愉快。我认为这也将默认的用户代理样式表更改为黑暗模式下的黑暗模式。这看起来真是个愚蠢的设计 我只测试了meta标记,这可能是最好的选择:将它添加到您的: chro

electron.nativeTheme.themeSource='dark'

当切换到暗模式时,本机滚动条保持亮。是否需要另一个步骤使其显示为黑色

在下面的快照中,左侧显示我的浏览器窗口,右侧显示开发工具。开发工具有黑色的滚动条,所以支持就在那里


呃,这太复杂了。您需要做两件事:

  • 使用向Chrome表明,您的页面在明暗模式下呈现时非常愉快。我认为这也将默认的用户代理样式表更改为黑暗模式下的黑暗模式。这看起来真是个愚蠢的设计
  • 我只测试了meta标记,这可能是最好的选择:将它添加到您的

    chrome://flags
    称为
    网络平台控制暗模式
    (yeay一致性)

    您可能还可以使用app.commandLine.addSwitch(“启用功能”、“CSSColorSchemeArendering”) 我终于有了黑色的滚动条

    <meta name="color-scheme" content="light dark">
    
    new BrowserWindow({
          webPreferences: {
            enableBlinkFeatures: "CSSColorSchemeUARendering",
          },
          ...
        }),