Roblox Studio Themes for VS Code

VS Code theme based on Roblox Studio's next-generation UI, with themes for both light and dark modes, including extra script editor themes.

All themes

Roblox Studio Dark Default Roblox Studio Dark Default theme

Roblox Studio Dark Extra 1 Roblox Studio Dark Extra 1 theme

Roblox Studio Dark Extra 2 Roblox Studio Dark Extra 2 theme

Roblox Studio Light Default Roblox Studio Light Default theme

Roblox Studio Light Extra 1 Roblox Studio Light Extra 1 theme

Roblox Studio Light Extra 2 Roblox Studio Light Extra 2 theme

Theme Generator

If you have custom script editor colors, you can use the VS Code theme generator to create your own custom theme.

VS Code Settings

Bracket Colors

Bracket pair colorization is enabled by default in VS Code, but Roblox Studio does not use bracket colors, so you may want to disable that in your VS Code settings:

{
	"editor.bracketPairColorization.enabled": false
}

Font

Roblox Studio uses the Fira Mono font for its script editor, so you may want to set that as your editor font in VS Code:

Install the Fira Mono regular and bold fonts on your system:
- Google Fonts
- GitHub
Add the following to your VS Code settings:

{
	"editor.fontFamily": "'Fira Mono', 'Courier New', monospace"
}

License

Licensed under the MIT license.

Roblox Studio Themes