HELP! Dark Mode Not Fully Applying to Sidebar in v1.84.3

Questions
1

Hi everyone,

I’m running into a UI issue with dark mode in the latest version of n8n (v1.84.3).

When I enable Dark Theme, most of the UI switches over correctly — but the left-hand sidebar (navigation panel) remains white. This includes the section with links like “Workflows,” “Executions,” “Settings,” etc. It creates a visual inconsistency that seems unintended for dark mode.

This feels like a missing style or UI regression in this version.

a9c59b7e7fa23c7214166125d8a2c7caadffca36639cd76113c1bfaabe31d47c
a9c59b7e7fa23c7214166125d8a2c7caadffca36639cd76113c1bfaabe31d47c3024×1580 158 KB

:test_tube: What I’ve Tried:

• Confirmed I’m on n8n v1.84.3

• Tried clearing browser cache

• Used “Empty Cache and Hard Reload” in Chrome

• Logged out and back in

• Restarted the n8n server and terminal

Information on your n8n setup

• n8n version: 1.84.3

• Database: SQLite (default)

• n8n EXECUTIONS_PROCESS setting: main

• Running n8n via: npm (globally installed, self-hosted)

• Operating system: macOS (Sonoma, M1 chip)

• Browser(s) tested: Chrome and Safari (latest)

• Theme setting: Dark (set via UI)

:speech_balloon: What I’m Looking For:

• Is this a known issue in recent versions?

• Is there a proper workaround or fix beyond manually injecting CSS or using Stylus?

• Should I consider reverting to a previous version where dark mode worked fully?

Happy to provide screenshots or more system info if needed.

Thanks in advance — really appreciate any insights!

— José

2

I would wager this is a potential caching issue of some kind. Or perhaps the browser you are using does not properly respect the styling keys.

It could be a bug, but I have not seen this myself yet.

Thats interesting it worked in prior version. Have you tried relogging? Forcing clearing browser cache? Using on firefox also cause the same issues?

3

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.