Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Tailwind Catalyst ThemeNew to Visual Studio Code? Get it now.
Tailwind Catalyst Theme

Tailwind Catalyst Theme

Jasper Gorchov

|
718 installs
| (1) | Free
A modern color theme based on the docs of the UI kit "Catalyst" by Tailwind Labs
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Tailwind Catalyst Theme

A modern color theme based on the docs of the UI kit Catalyst by Tailwind Labs.

Install

  1. Select View → Command Palette or press ⌘+Shift+P or Ctrl+Shift+P
  2. Type and select the command Extensions: Install Extensions
  3. Search for "Catalyst Theme" and click Install

Font

I recommend using the font Fira Code with Catalyst Theme for the best experience. With Fira Code installed, navigate to your VS Code settings.json file via the Command Palette and add this code to it:

"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,

This theme is unofficial and is not affiliated with Tailwind Labs or Fira Code in any way.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft