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 Black 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#30373e
activityBar.foreground#DCE4E9
editor.background#2B3137
editor.foreground#DCE4E9
editor.selectionBackground#7f8a96
editorCursor.foreground#bbc6d5
editorIndentGuide.activeBackground1#c1cdd9
editorIndentGuide.background1#444a50
editorInlayHint.background#30373e
editorInlayHint.foreground#96A0AA
editorLineNumber.activeForeground#bfcbd8
editorLineNumber.foreground#92999e
editorWhitespace.foreground#3d4349
foreground#DCE4E9
list.activeSelectionBackground#7f8a96
list.activeSelectionForeground#e0e7ec
list.inactiveSelectionBackground#626b75
list.inactiveSelectionForeground#DCE4E9
sideBar.background#333a41
sideBar.foreground#DCE4E9
sideBarTitle.foreground#DCE4E9
statusBar.background#454E56
statusBar.foreground#e0e7ec
tab.activeForeground#e0e7ec
tab.inactiveForeground#96A0AA
titleBar.activeForeground#e0e7ec
titleBar.inactiveForeground#96A0AA

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	#b5c3d5	—
string, string.unquoted, string.unquoted.properties, meta.property-value, meta.property-value.properties	#abc2b2	—
comment, comment.line.number-sign, comment.line.exclamation, punctuation.definition.comment	#9fa1ab	italic
entity.name.function, support.function, meta.function-call, variable.function, support.function.property-list	#a2bbcd	—
variable, support.variable, variable.other.key, variable.other.key.properties, entity.other.attribute-name, entity.other.attribute-name.properties	#d6e0e6	—
constant.numeric, number, constant.numeric.integer, constant.numeric.float	#d8b6a4	—
entity.name.type, support.type, storage.type	#bcb4d6	—
entity.name.class, support.class	#b8c2de	—
constant, support.constant, variable.other.constant, constant.language.boolean, constant.language.boolean.properties, constant.character.escape, constant.character.escape.properties	#c9b0bb	—