Skip to main content

Dark Mode

Alteryx Designer now lets you select a Dark Mode option as your Designer theme. Dark Mode helps the general usability of Designer—it reduces eye strain, improves color contrast, and gives you more customization options for your development experience.

Tip

Some Windows dialogs aren't converted to the Dark Mode theme. They are controlled by your system/computer settings and you need to set them outside of Designer. Go to Change colors in Windows for information on how to update these settings.

Beta Release

The initial release of Dark Mode is a Beta release. This means that only certain Designer interface components have been converted to Dark Mode. Additionally, you might see certain components (including many tool configurations) that are currently only partially converted to Dark Mode. We will continue to include additional elements for Dark Mode in future releases.

Enable Dark Mode

While the default Designer theme is Light Mode, you can quickly enable Dark Mode via your User Settings. To enable Dark Mode in Designer…

  1. Go to Options > User Settings > Edit User Settings.

  2. Select the Customization tab.

  3. Select Dark Mode. Select Light Mode to go back to the default Designer theme.

Image that shows the Designer Theme User Settings with Light Mode selected.

Dark Mode Implementation Progress

The initial release of Dark Mode is a Beta release. This means that Dark Mode is currently implemented for only certain Designer interface components. We will continue to implement features in future releases.

Workflow Canvas

The Designer workflow canvas is not included in the Dark Mode Beta release. However, as with previous versions, you can continue to customize the canvas background color via the Canvas tab of User Settings.

Keep in mind that tool icons are optimized for either a Light Mode or Dark Mode experience. If you use Dark Mode with a light canvas background (or Light Mode with a dark canvas) you might notice that certain tool icons appear invisible when you place them on the canvas. To avoid this behavior, customize your canvas color to match your Designer theme.

2023.1 Release (Dark Mode Beta)

App Header, App Menu, and Global Search

This is part of Alteryx Designer that contains the Designer toolbar where you can save, open, copy, undo, and more, the main menus (for example, File, Edit, Options), as well as the global search field and search results. Note that the main menu items and associated sub-menus are also Dark Mode compatible.

dark-mode-sub-menus.png

Tool Palette

The tool palette that contains the various Designer tool categories and associated tools (including tool icons) is Dark Mode compatible.

dark-mode-tool-palette.png

Workflow Configuration Window

The Workflow - Configuration window where you customize Canvas, Workflow, Runtime, and many other settings is Dark Mode compatible. Note that the XML View tab is not Dark Mode compatible in the Beta release.

dark-mode-workflow-config.png

Canvas Workflow Tabs

The workflow tabs (and associated buttons and icons) at the top of your workflow canvas are Dark Mode compatible.

The Designer workflow canvas is not included in the Dark Mode Beta release. However, as with previous versions, you can continue to customize the canvas background color via the Canvas tab of User Settings.

Keep in mind that tool icons are optimized for either a light mode or a Dark Mode experience. If you use Dark Mode with a light canvas background (or light mode with a dark canvas) you might notice that certain tool icons appear invisible when you place them on the canvas. To avoid this behavior, customize your canvas color to match your Designer theme.

dark-mode-workflow-tabs.png

Results Window

The Results window—where you can view and interact with data as it passes through your workflow—is Dark Mode compatible.

dark-mode-results-window.png

User Settings

The User Settings window and associated tabs are Dark Mode compatible, except for the window’s title bar.

dark-mode-user-settings.png

Find and Replace Window

The Find and Replace window is Dark Mode compatible.

dark-mode-find-replace.png