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 Green 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#36473b
activityBar.foreground#DDE9DF
editor.background#304035
editor.foreground#DDE9DF
editor.selectionBackground#7c9e80
editorCursor.foreground#b3dbb6
editorIndentGuide.activeBackground1#bcddbf
editorIndentGuide.background1#48584d
editorInlayHint.background#35473b
editorInlayHint.foreground#97B19A
editorLineNumber.activeForeground#b9dcbd
editorLineNumber.foreground#94a298
editorWhitespace.foreground#415146
foreground#DDE9DF
list.activeSelectionBackground#7c9e80
list.activeSelectionForeground#e1ece3
list.inactiveSelectionBackground#617d66
list.inactiveSelectionForeground#DDE9DF
sideBar.background#384a3e
sideBar.foreground#DDE9DF
sideBarTitle.foreground#DDE9DF
statusBar.background#506554
statusBar.foreground#e1ece3
tab.activeForeground#e1ece3
tab.inactiveForeground#97B19A
titleBar.activeForeground#e1ece3
titleBar.inactiveForeground#97B19A

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	#acb9d8	—
string, string.unquoted, string.unquoted.properties, meta.property-value, meta.property-value.properties	#a7cbad	—
comment, comment.line.number-sign, comment.line.exclamation, punctuation.definition.comment	#a3ad9f	italic
entity.name.function, support.function, meta.function-call, variable.function, support.function.property-list	#9ac0d0	—
variable, support.variable, variable.other.key, variable.other.key.properties, entity.other.attribute-name, entity.other.attribute-name.properties	#d6e5dd	—
constant.numeric, number, constant.numeric.integer, constant.numeric.float	#deb49d	—
entity.name.type, support.type, storage.type	#c0b5e1	—
entity.name.class, support.class	#b4c4ea	—
constant, support.constant, variable.other.constant, constant.language.boolean, constant.language.boolean.properties, constant.character.escape, constant.character.escape.properties	#d4adbd	—