Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Monospace Studio ThemesNew to Visual Studio Code? Get it now.
Monospace Studio Themes

Monospace Studio Themes

Flavio Del Grosso

|
35 installs
| (1) | Free
The Monospace themes inspired by Firebase Studio for Visual Studio Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Monospace Themes for Visual Studio Code

Monospace Themes is an unofficial set of themes for Visual Studio Code inspired by the colors of Firebase Studio for your coding environment.

monospace-studio-dark monospace-studio-light

monospace-dark monospace-light

What's in the folder

  • This folder contains all of the files necessary for your color theme extension.
  • package.json - this is the manifest file that defines the location of the theme file and specifies the base theme of the theme.
  • themes/monospace-dark.json - the dark color theme definition file inspired by Monospace theme.
  • themes/monospace-light.json - the light color theme definition file inspired by Monospace theme.
  • themes/monospace-studio-dark.json - the dark color theme definition file inspired by Google theme.
  • themes/monospace-studio-light.json - the light color theme definition file inspired by Google theme.

Get up and running straight away

  • Press F5 to open a new window with your extension loaded.
  • Open File > Preferences > Color Themes and pick your color theme.
  • Open a file that has a language associated. The languages' configured grammar will tokenize the text and assign 'scopes' to the tokens. To examine these scopes, invoke the Developer: Inspect Editor Tokens and Scopes command from the Command Palette (Ctrl+Shift+P or Cmd+Shift+P on Mac).

Make changes

  • Changes to the theme file are automatically applied to the Extension Development Host window.

Adopt your theme to Visual Studio Code

  • The token colorization is done based on standard TextMate themes. Colors are matched against one or more scopes.

To learn more about scopes and how they're used, check out the color theme documentation.

Install your extension

  • To start using your extension with Visual Studio Code copy it into the <user home>/.vscode/extensions folder and restart Code.
  • To share your extension with the world, read on https://code.visualstudio.com/docs about publishing an extension.

Enjoy!

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