New MuleSoft Community Theme for Visual Studio Code!

I created a theme for Visual Studio Code inspired by MuleSoft!

Hello! I just wanted to take a moment to share this news with you all. I created a theme for Visual Studio Code that is inspired by the MuleSoft colors.

Please note that it is NOT an official theme. It’s just something I created on my own. I based most colors on Anypoint Platform or other official sites under the MuleSoft.com domain. However, that doesn’t mean they’re the official colors :-) I just wanted to mention that.

That said…The theme is already published in the VSCode Marketplace. You can download it and start using it right away!

Download theme

Contribute

You can start contributing via GitHub whenever you see something is missing or just not right. You can either create a Pull Request directly in the GitHub repository or raise an issue for me to take a look.

Overview

Ok, enough chatting. Let’s just see some screenshots!

Anypoint Code Builder home screen with the Develop an Integration dialog open, in the MuleSoft community theme

Anypoint Code Builder editing a Mule XML flow with the HTTP Listener config panel and code view, themed in MuleSoft colors

Anypoint Code Builder Settings page showing Mule runtime and Language Server options in the MuleSoft theme

Visual Studio Code welcome screen with no folder opened, showing the MuleSoft community theme colors

Postman running inside VS Code with a Data Cloud SQL query, themed with the MuleSoft palette

A DataWeave mapping project in VS Code with payload, MyMapping script, and Preview Output panels in the MuleSoft theme

VS Code command palette listing DataWeave and MuleSoft commands, in the MuleSoft community theme

So what do you think??

You can find more information like the color palette and the full list of sections that were customized for this theme in the Marketplace site.

I am always open to feedback. This was my first version of what I envisioned for this theme. And as you can see, I am not a designer! So, a lot of things can be improved for sure :)

Don’t forget to leave a review in Marketplace so I can improve it.

Oh! And this is just the light theme for now. I hope to create a dark theme in the future :D

Thank you!!

Alex

FAQs

Frequently asked questions about this post.

Is this an official MuleSoft theme for Visual Studio Code?

No, it is not an official theme. It's something Alex created on her own, with most colors based on Anypoint Platform or other official sites under the MuleSoft.com domain, though that doesn't mean they are the official colors.

How do I download and install the MuleSoft community theme?

The theme is already published in the VSCode Marketplace, so you can download it and start using it right away from https://marketplace.visualstudio.com/items?itemName=ProstDev.mulesoft-community-theme .

How can I contribute or report something that looks wrong?

You can contribute via GitHub whenever you see something missing or just not right, either by creating a Pull Request directly in the repository at https://github.com/ProstDev/mulesoft-community-theme or by raising an issue at https://github.com/ProstDev/mulesoft-community-theme/issues .

Does the theme come in a dark mode?

Not yet. This is just the light theme for now, and Alex hopes to create a dark theme in the future.

Where can I see the color palette and the list of customized sections?

You can find more information like the color palette and the full list of sections that were customized for this theme in the Marketplace site at https://marketplace.visualstudio.com/items?itemName=ProstDev.mulesoft-community-theme .