pastel color theme

Name: pastel color theme
Author: harnakam

Publisher: harnakamThemes in package: 18

A multi-variant pastel theme pack for VS Code with configurable light and dark palettes.

Open in VS Code GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

pastel color theme — Soft Pastel Brown Dark

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#473a34
activityBar.foreground#E8DED8
editor.background#40352F
editor.foreground#E8DED8
editor.selectionBackground#9b8171
editorCursor.foreground#d7b8a4
editorIndentGuide.activeBackground1#dac0b0
editorIndentGuide.background1#584d47
editorInlayHint.background#473a34
editorInlayHint.foreground#B0988B
editorLineNumber.activeForeground#d9bead
editorLineNumber.foreground#a19791
editorWhitespace.foreground#514640
foreground#E8DED8
list.activeSelectionBackground#9b8171
list.activeSelectionForeground#ebe2dd
list.inactiveSelectionBackground#7b665a
list.inactiveSelectionForeground#E8DED8
sideBar.background#4a3d36
sideBar.foreground#E8DED8
sideBarTitle.foreground#E8DED8
statusBar.background#635049
statusBar.foreground#ebe2dd
tab.activeForeground#ebe2dd
tab.inactiveForeground#B0988B
titleBar.activeForeground#ebe2dd
titleBar.inactiveForeground#B0988B

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, keyword.control, storage, storage.type, storage.modifier, punctuation.separator.key-value, punctuation.separator.key-value.properties	#bfacd9	—
string, string.unquoted, string.unquoted.properties, meta.property-value, meta.property-value.properties	#b2caa9	—
comment, comment.line.number-sign, comment.line.exclamation, punctuation.definition.comment	#b79a92	italic
entity.name.function, support.function, meta.function-call, variable.function, support.function.property-list	#a4c1d4	—
variable, support.variable, variable.other.key, variable.other.key.properties, entity.other.attribute-name, entity.other.attribute-name.properties	#e1dbd7	—
constant.numeric, number, constant.numeric.integer, constant.numeric.float	#dead91	—
entity.name.type, support.type, storage.type	#c9bae3	—
entity.name.class, support.class	#c0c9e9	—
constant, support.constant, variable.other.constant, constant.language.boolean, constant.language.boolean.properties, constant.character.escape, constant.character.escape.properties	#d7aeb8	—