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 Yellow 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#504a31
activityBar.foreground#F5EDCF
editor.background#4A442D
editor.foreground#F5EDCF
editor.selectionBackground#ab9859
editorCursor.foreground#e9d082
editorIndentGuide.activeBackground1#ecd794
editorIndentGuide.background1#625c44
editorInlayHint.background#504931
editorInlayHint.foreground#BBB07E
editorLineNumber.activeForeground#ebd58f
editorLineNumber.foreground#ada68b
editorWhitespace.foreground#5b553d
foreground#F5EDCF
list.activeSelectionBackground#ab9859
list.activeSelectionForeground#f6efd5
list.inactiveSelectionBackground#897b4a
list.inactiveSelectionForeground#F5EDCF
sideBar.background#534c33
sideBar.foreground#F5EDCF
sideBarTitle.foreground#F5EDCF
statusBar.background#6A6140
statusBar.foreground#f6efd5
tab.activeForeground#f6efd5
tab.inactiveForeground#BBB07E
titleBar.activeForeground#f6efd5
titleBar.inactiveForeground#BBB07E

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	#bfabda	—
string, string.unquoted, string.unquoted.properties, meta.property-value, meta.property-value.properties	#acc7a0	—
comment, comment.line.number-sign, comment.line.exclamation, punctuation.definition.comment	#c0ae89	italic
entity.name.function, support.function, meta.function-call, variable.function, support.function.property-list	#9fc3d6	—
variable, support.variable, variable.other.key, variable.other.key.properties, entity.other.attribute-name, entity.other.attribute-name.properties	#ede9cf	—
constant.numeric, number, constant.numeric.integer, constant.numeric.float	#e8bb8f	—
entity.name.type, support.type, storage.type	#cbbde5	—
entity.name.class, support.class	#c5cded	—
constant, support.constant, variable.other.constant, constant.language.boolean, constant.language.boolean.properties, constant.character.escape, constant.character.escape.properties	#d7b2ba	—