Soft / Muted (Rosé Pine)
Lower contrast, pastel-ish. Gentle on the eyes.
const theme = "soft";
// muted, gentle colors
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet("world"));
Soft / Muted Dark
Rosé Pine Moon variant.
const theme = "soft-dark";
// muted, gentle colors
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet("world"));
Warm (Gruvbox)
Amber, orange, brown tints. Retro terminal feel.
const theme = "warm";
// earthy, warm tones
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet("world"));
Warm Dark
Gruvbox dark variant.
const theme = "warm-dark";
// earthy, warm tones
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet("world"));
Cool / Minimal (GitHub)
Clean, professional. Subtle blues/grays.
const theme = "cool";
// clean and minimal
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet("world"));
Cool / Minimal Dark
GitHub dark variant.
const theme = "cool-dark";
// clean and minimal
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet("world"));
Vibrant (Dracula)
Saturated, playful. More personality.
const theme = "vibrant";
// bold and colorful
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet("world"));
Vibrant Dark
Dracula dark variant.
const theme = "vibrant-dark";
// bold and colorful
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet("world"));
Brutalist Light
Stark black/white + one accent. Raw.
const theme = "brutalist";
// stark and raw
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet("world"));
Brutalist Dark
Pure black + green accent.
const theme = "brutalist-dark";
// stark and raw
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet("world"));