VS Code Theme Generator

Theme Controls

Color Scheme:

Base Hue:

UI Saturation:

Syntax Saturation:

VS Code Theme PreviewFile Edit View Help

EXPLORER

📄 typescript.tsx

📄 javascript.js

📄 python.py

📄 markdown.md

📄 html.html

📄 css.css

Loading editor...

TSXLn 1, Col 1

* This is a preview of the theme. The colors and tokens are not accurate because of limitations in monaco editor. The result in vscode can be more granular and slightly different.

Theme Colors

BG1

BG2

BG3

FG1

FG2

FG3

AC1

AC2

BORDER

INFO

ERROR

WARNING

SUCCESS

lineHighlight

selection

findMatch

ANSI Colors

Black

BrightBlack

Red

BrightRed

Green

BrightGreen

Yellow

BrightYellow

Blue

BrightBlue

Magenta

BrightMagenta

Cyan

BrightCyan

White

BrightWhite

Theme Controls

Theme Colors

ANSI Colors

Syntax Colors

keyword

comment

function

variable

type

constant

class

operator

parameter

property

other

punctuation

punctuationQuote

punctuationBrace

punctuationComma

selector

storage

support

modifier

control

controlFlow

controlImport

tag

tagPunctuation

attribute

functionCall

variableDeclaration

variableProperty

typeParameter

language

unit

datetime