Skip to content

[Windows] Title bar does not respect dark mode #23479

Closed
@zlstringham

Description

Preflight Checklist

  • I have read the Contributing Guidelines for this project.
  • I agree to follow the Code of Conduct that this project adheres to.
  • I have searched the issue tracker for an issue that matches the one I want to file, without success.

Issue Details

When setting nativeTheme.themeSource to 'dark' (or 'system' and setting the system theme to 'dark'), the title bar on Windows remains light. On macOS, the title bar accurately reflects the setting.

  • Electron Version:
    • npm ./node_modules/.bin/electron --version: 6.9.0
    • package.json: "electron": "^8.2.5",
    • yarn.lock: 8.2.5
  • Operating System:
    • Windows 10 (1903)

Expected Behavior

(This works as expected on macOS)

nativeTheme.themeSource = 'system' nativeTheme.themeSource = 'light' nativeTheme.themeSource = 'dark'
Light Theme Light Title Bar Light Title Bar Dark Title Bar
Dark Theme Dark Title Bar Light Title Bar Dark Title Bar

Actual Behavior

nativeTheme.themeSource = 'system' nativeTheme.themeSource = 'light' nativeTheme.themeSource = 'dark'
Light Theme Light Title Bar Light Title Bar Light Title Bar
Dark Theme Light Title Bar Light Title Bar Light Title Bar

To Reproduce

nativeTheme.themeSource = 'dark'

Screenshots

Command Prompt:
Command Prompt

File Explorer:
File Explorer

Title Bar in Electron with nativeTheme.themeSource = 'dark'
Windows Title Bar

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions