VSCode Theme Generator

Utilities

Presets

editor background
editor foreground
activityBar background
activityBar foreground
sideBar background
sideBar foreground
statusBar background
statusBar foreground
titleBar activeBackground
titleBar activeForeground
Comment
String
Keyword
Number
Variable
Function
Type

Preview

My Custom Theme
// Sample code preview
function greet(name: string): string {
  const message = "Hello, " + name;
  return message; // comment
}

const count = 42;
const result = greet("World");

Theme JSON