How to enable dark theme on Anypoint Studio?

Updated: Aug 7

MuleSoft is at it again. On April 29, 2021, MuleSoft released Anypoint Studio 7.9. Upgrades included underlying eclipse-based infrastructure changes, an improved DataWeave code experience, support for macOS and much more. Check out the Anypoint Studio 7.9 release notes here.


The release also included the ability for developers to modify their studio instance to use dark theme. Over the years, I have seen requests from fellow developers for a studio specific dark theme. I have even seen developers use the Eclipse dark theme. However that came with limitations because it was designed for coding languages like Java. However the theme I am mentioning was designed specifically for Anypoint Studio.


This excites me because I opt to use dark theme (or mode) in everything that offers it. Ask my OneNote notebooks. :) Now that I'm done with my fan chatter, lets get to the point.


Update: Anypoint Studio 7.10 was released with improvements to Studio Dark Theme. If you are utilizing Anypoint Studio 7.10 skip to the Enable dark theme from Preferences section. Check out the Anypoint Studio 7.10 release notes here.


So how do I enable Studio Dark Theme on Anypoint Studio?


Upgrade to Anypoint Studio 7.9

First, upgrade to Anypoint Studio 7.9. Ignore this step if you have already upgraded. Depending on your current Anypoint Studio version, you may not have the ability to upgrade to Anypoint Studio 7.9. If that is the case you can download Anypoint Studio 7.9 from here.


Navigate to Help > Install New Software

From the Work With dropdown, choose

"Anypoint Studio Update Site - https://studio.mulesoft.org/s4/updates". If you cannot find the text from this post and paste the text into the dropdown.


Below the filter text area, "Anypoint Studio" should pop up. Check "Anypoint Studio".

Click Next. You will then be prompted to choose from 3 upgrade options. Choose the one that works for you. Accept the terms and conditions and click finish. The upgrade will require a restart of Anypoint Studio.


We upgraded, now what?

There are two ways to enable Studio Dark Theme:

  1. Change via What's New in Anypoint Studio? screen

  2. Change via preferences

I will show you both.


Enable Studio Dark Theme from What's New in Anypoint Studio? screen

After upgrading your studio version to 7.9, studio should restart. Once restart is completed, there should be a What's New in Anypoint Studio? screen that pops up after choosing your workspace.


If you exited out of the screen prior to trying dark theme, you can access this screen by navigating to Help > What's new in Anypoint Studio?