Designer Dark Mode Module
A dark Ignition Designer, from one item in the Tools menu
Free, open-source dark mode for the Ignition 8.3 Designer. One toggle restyles the whole window, dock panels, trees, tables, menus, the Perspective palette and property editor, the tag browser, the script editors and the output console, then puts it back exactly as it was when you switch off. Your choice survives the next launch.
Free and open source · Apache-2.0 · Ignition 8.3+
One menu item, the whole window
Drag the handle, or hit the toggle, to wipe between the two. Same project, same panels, same window position: the only thing that changed between these two captures is Tools then Dark Mode.
Dark mode offDark mode onWhy it is a module
One install, every project
It lives on the gateway, so every Designer that connects finds the menu item. Nothing to import into each project, and no client tag to carry the setting around.
It remembers
The toggle writes a preference on your machine and the theme applies at startup, so the next Designer launch comes back dark without you asking again.
Off puts it back
Switching off restores the stock theme from a snapshot taken before the swap, down to the original colour values. It restores from the components it tracked rather than walking the window, so a dialog that happened to be closed at the time still comes back light.
It reaches what a theme swap cannot
Ignition hands components literal colour constants at construction and draws its docks, trees and tables through painters and renderers that sit outside the component tree. The module installs FlatLaf, then rewrites those colours and painters as well, so panels nobody catalogued come out dark anyway.
Signed and tested
Releases are signed. JUnit tests cover the colour rewriting and its restore, CI builds every change, and the module runs on Ignition 8.3 and later. Designer scope only: nothing of it runs on the gateway.
Free and open source
Apache-2.0 on GitHub. No trial, no activation, no fee per seat or per gateway. Install it on as many gateways as you like, open an issue when something bugs you, or send a pull request if you beat us to the fix.
Why this module exists
Ignition ships the Designer with one light theme and no dark option, and a dark Designer is the most-requested Designer idea on Inductive Automation's ideas portal. Everyone who spends the day in an IDE already has this. We wanted it in the Designer too, so we built it and put the source on GitHub.
What you get
A signed module for Ignition 8.3 and later, Designer scope only, with the full source on GitHub under Apache-2.0. Install it on the gateway, relaunch the Designer, and Dark Mode is in the Tools menu. The theme is built on FlatLaf, and the script editors get Ignition’s own dark syntax theme rather than a lookalike.
If you are on Ignition 8.1
Justin Edwards published a Dark Mode for the Designer on the Ignition Exchange, a well-polished Jython script under MIT that has been serving this need on 8.1 since 2024. If you are on 8.1, use that. This module targets 8.3, installs once on the gateway instead of being imported into every project, and swaps the look and feel rather than painting components one class at a time. His catalogue of where the Designer leaks light shaped our testing, and we are grateful for it.
Found something that stayed light?
Ignition colours a lot of its own interface in ways a theme swap cannot reach, so a panel or dialog somewhere may still come out light or dark-on-dark. Those reports are welcome. Open a GitHub issue and it gets looked at.
What makes a report actionable is the component inspector the module ships. With dark mode on, hover the offending area and press Cmd/Ctrl+Shift+I (or Cmd/Ctrl+Shift+F12). It writes the component chain, its colours and its UI delegate to ~/.ignition/designer-dark-mode.log. Paste that alongside a screenshot and the fix usually follows from it directly.
Security problems are the exception: send those through the private channel in SECURITY.md rather than a public issue.
Installing it, start to finish
- 1
Download
Take designer-dark-mode.modl from the latest release on GitHub. One file. Nothing to build, no account, no licence key.
- 2
Install
In the gateway web UI: Config, then Modules, then Install or Upgrade a Module, and pick that file. The gateway asks you to accept the certificate, because the module is signed by us rather than by Inductive Automation. That happens once, on first install.
- 3
Turn it on
Relaunch the Designer, then Tools, then Dark Mode. Your choice is remembered, so the next launch comes back dark on its own.
Needs Ignition 8.3.0 or newer. Everything this module does happens inside your Designer: it adds no gateway service, no tags and no scripting functions, and it changes nothing for Perspective sessions, Vision clients, or anyone else on the gateway. Upgrading is the same three steps with the newer file. To remove it: Config, then Modules, then Uninstall, then relaunch the Designer.
Get Designer Dark Mode Module
Designer Dark Mode Module is free and open source. Grab the latest signed module from GitHub releases.