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 Aqua 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#32434d
activityBar.foreground#D7E4EA
editor.background#2D3D46
editor.foreground#D7E4EA
editor.selectionBackground#7293a1
editorCursor.foreground#a6cddc
editorIndentGuide.activeBackground1#b1d1de
editorIndentGuide.background1#45545d
editorInlayHint.background#32434d
editorInlayHint.foreground#96AAB3
editorLineNumber.activeForeground#aed0dd
editorLineNumber.foreground#909ea5
editorWhitespace.foreground#3e4e56
foreground#D7E4EA
list.activeSelectionBackground#7293a1
list.activeSelectionForeground#dce7ed
list.inactiveSelectionBackground#5a7581
list.inactiveSelectionForeground#D7E4EA
sideBar.background#354650
sideBar.foreground#D7E4EA
sideBarTitle.foreground#D7E4EA
statusBar.background#49606B
statusBar.foreground#dce7ed
tab.activeForeground#dce7ed
tab.inactiveForeground#96AAB3
titleBar.activeForeground#dce7ed
titleBar.inactiveForeground#96AAB3

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	#a0b4d3	—
string, string.unquoted, string.unquoted.properties, meta.property-value, meta.property-value.properties	#a1c3ab	—
comment, comment.line.number-sign, comment.line.exclamation, punctuation.definition.comment	#a1a7b1	italic
entity.name.function, support.function, meta.function-call, variable.function, support.function.property-list	#8fbbcb	—
variable, support.variable, variable.other.key, variable.other.key.properties, entity.other.attribute-name, entity.other.attribute-name.properties	#d0e0e7	—
constant.numeric, number, constant.numeric.integer, constant.numeric.float	#ddb39f	—
entity.name.type, support.type, storage.type	#b7acd9	—
entity.name.class, support.class	#abbce8	—
constant, support.constant, variable.other.constant, constant.language.boolean, constant.language.boolean.properties, constant.character.escape, constant.character.escape.properties	#cfa9b6	—