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 Pink 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#4e3b46
activityBar.foreground#F4E6EC
editor.background#473640
editor.foreground#F4E6EC
editor.selectionBackground#a87d8e
editorCursor.foreground#e6b2c5
editorIndentGuide.activeBackground1#e9bece
editorIndentGuide.background1#5f4f58
editorInlayHint.background#4e3b45
editorInlayHint.foreground#B999A6
editorLineNumber.activeForeground#e8bbcc
editorLineNumber.foreground#ab9ca4
editorWhitespace.foreground#584851
foreground#F4E6EC
list.activeSelectionBackground#a87d8e
list.activeSelectionForeground#f5e9ee
list.inactiveSelectionBackground#866473
list.inactiveSelectionForeground#F4E6EC
sideBar.background#513d48
sideBar.foreground#F4E6EC
sideBarTitle.foreground#F4E6EC
statusBar.background#694C59
statusBar.foreground#f5e9ee
tab.activeForeground#f5e9ee
tab.inactiveForeground#B999A6
titleBar.activeForeground#f5e9ee
titleBar.inactiveForeground#B999A6

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	#ccadde	—
string, string.unquoted, string.unquoted.properties, meta.property-value, meta.property-value.properties	#b4cfad	—
comment, comment.line.number-sign, comment.line.exclamation, punctuation.definition.comment	#c29cab	italic
entity.name.function, support.function, meta.function-call, variable.function, support.function.property-list	#a5c7da	—
variable, support.variable, variable.other.key, variable.other.key.properties, entity.other.attribute-name, entity.other.attribute-name.properties	#ece3ea	—
constant.numeric, number, constant.numeric.integer, constant.numeric.float	#e7beac	—
entity.name.type, support.type, storage.type	#d1bbe9	—
entity.name.class, support.class	#c1c9f0	—
constant, support.constant, variable.other.constant, constant.language.boolean, constant.language.boolean.properties, constant.character.escape, constant.character.escape.properties	#e4b3c7	—