Upstream Electron bug in 1.7.5 (electron 32): DevTools always opens in Light Mode

Developers: Plugin & API
,
1

My eyes are burning…

Upstream bug: [Bug][Regression][32-33]: Dark theme is not applied to Dev Tools · Issue #43367 · electron/electron · GitHub

I know this isn’t directly an Obsidian bug, but there is a hack/workaround that fixes it e.g. here. Since it’s typically long cycle between major bundled Electron updates, this might be worth looking into…

2 Likes
2

On Windows, I got dark mode … :love_you_gesture:

Cheers, Marko :nerd_face:

3

Possibly only affecting macOS/Linux. Would love others to confirm that.

4

Im on mac and I also have this issue. Thanks for the info!

5

Win11, downloaded the v1.7.5 exe today, also have this issue. Try to patch following the solution provided in the original post. Thanks.

const { remote } = require('electron')
const devTheme = (webContents)=> {
  const { nativeTheme } = remote
  webContents.on('devtools-opened', ()=> {
    nativeTheme.themeSource = 'light'
    setTimeout(()=> {
      nativeTheme.themeSource = 'dark' // or 'system'
    }, 300)
  })
}
const devtools = ()=> {
  devTheme(remote.getCurrentWindow().webContents)
  remote.app.on('web-contents-created', (createEvt, webContents)=> {
    if (webContents.getType() == 'window') devTheme(webContents)
  })
}
const ob = require('obsidian')
module.exports = class extends ob.Plugin {
  onload() {
    devtools()
  }
  onunload() {}
}

241107: fit when opening the devtools on new windows.

1 Like
6

On MacOS Sequoia 15.1, I also have this problem.

7

Actually on my Windows 11, the dev tool would also open as Light Theme - even I set it to Dark theme before:

image
image2580×1374 343 KB

My eyes, my eyes…!

8

Thank you for the patch!!

9

They’ve merged the fix upstream. It’s landing in Electron 35, fyi.

10

The fix for this was back ported and should be 1.7.7. you will need to download and reinstall obsidian.

1 Like
11

Confirmed, it’s fixed in 1.7.7. My eyes thank you.