Wing Tips: Dark Mode and Color Configuration in Wing Python IDE

Sep 02, 2019


Wing 7 added four new dark color palettes and the ability to quickly toggle between light and dark mode using the menuicon menu icon in the top right of the IDE window. When Dark Mode is selected, Wing switches to the most recently used dark color configuration, or the default dark configuration if none has been used.

To select which dark mode is used, change Color Palette on the first page of Wing's Preferences. The dark palettes that ship with Wing 7 are:

/images/blog/dark-mode/black-background.png

Black Background: The classic original dark mode for Wing

/images/blog/dark-mode/cherry-blossom.png

Cherry Blossom: New in Wing 7

/images/blog/dark-mode/dracula.png

Dracula: New in Wing 7

/images/blog/dark-mode/monokai.png

Monokai

/images/blog/dark-mode/one-dark.png

One Dark: The default dark color palette

/images/blog/dark-mode/positronic.png

Positronic: New in Wing 7

/images/blog/dark-mode/solarized-dark.png

Solarized Dark

/images/blog/dark-mode/sun-steel.png

Sun Steel: New in Wing 7

In most cases you will also want to enable the User Interface > Use Color Palette Throughout the UI preference, so that the color palette is applied to more than just editors. This preference is enabled automatically when the Dark Mode menu item is used for the first time, and is enabled in all of the above screenshots. However, it may be disabled so only the editors are displayed dark. Wing will remember that choice when subsequently changing between light and dark modes.

Note that on macOS 10.14+ with Wing 7.1+, the system-defined Dark Mode may be used instead, by leaving the User Interface > Use Color Palette Throughout the UI preference unchecked, and then selecting Dark Mode in the macOS System Preferences. In this approach, the Color Palette preference in Wing should be set to Classic Default or one of the dark color palettes.

Color Configuration

Aside from selecting the overall color palette with the User Interface > Color Palette preference, it is also possible to override individual colors throughout the preferences, or to write your own color palette, including colors for the UI and optionally also for syntax highlighting in the editor. This is described in more detail in Display Style and Colors.



That's it for now! We'll be back soon with more Wing Tips for Wing Python IDE.



Share this article: