TeaLeaf-Pastel

Name: TeaLeaf-Pastel
Author: Doscom

Publisher: DoscomThemes in package: 3

TeaLeaf-Pastel adalah tema warna yang menghadirkan suasana alami, lembut, dan menenangkan. Terinspirasi dari daun teh muda, tema ini menggunakan palet warna pastel yang halus, menciptakan tampilan yang segar tanpa terlalu mencolok di mata. Cocok untuk kamu yang ingin suasana coding terasa santai, be

Open in VS Code

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

TeaLeaf-Pastel — TeaLeaf Pastel Light

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

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...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#d4e6e3
activityBar.activeBorder#8364a5
activityBar.background#e2f1ef
activityBar.foreground#007163
activityBar.inactiveForeground#4a5d4b
activityBarBadge.background#8364a5
editor.background#e2f1ef
editor.foreground#007163
list.activeSelectionBackground#d4e6e3
list.activeSelectionForeground#007163
list.hoverBackground#d4e6e3
list.hoverForeground#007163
list.inactiveSelectionBackground#e2f1ef
list.inactiveSelectionForeground#007163
sideBar.background#e2f1ef
sideBar.foreground#007163
sideBarSectionHeader.background#e2f1ef
sideBarSectionHeader.foreground#4aa571
sideBarTitle.foreground#4aa571
titleBar.activeBackground#e2f1ef
titleBar.activeForeground#007163
titleBar.inactiveBackground#e2f1ef
titleBar.inactiveForeground#4a5d4b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#4a5d4b	italic
variable, string constant.other.placeholder	#007163	—
constant.other.color	#464646	—
invalid, invalid.illegal	#c06791	—
keyword, storage.type, storage.modifier	#8364a5	—
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#466f97	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#947e6a	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#466f97	—
meta.block variable.other	#947e6a	—
support.other.variable, string.other.link	#947e6a	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#947e6a	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#4aa571	—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#82b743	—
support.type	#82b743	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#82b743	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#c06791	—
variable.language	#c06791	italic
entity.name.method.js	#466f97	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#466f97	—
entity.other.attribute-name	#8364a5	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#82b743	italic
entity.other.attribute-name.class	#82b743	—
source.sass keyword.control	#466f97	—
markup.inserted	#4aa571	—
markup.deleted	#c06791	—
markup.changed	#8364a5	—
string.regexp	#466f97	—
constant.character.escape	#466f97	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#466f97	italic
source.js constant.other.object.key.js string.unquoted.label.js	#c06791	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#8364a5	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#82b743	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#947e6a	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#c06791	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#947e6a	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#466f97	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#947e6a	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta-structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#8364a5	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#4aa571	—
text.html.markdown, punctuation.definition.list_item.markdown	#007163	—
text.html.markdown markup.inline.raw.markdown	#8364a5	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#4a5d4b	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#4aa571	—
markup.italic	#947e6a	italic
markup.bold, markup.bold string	#947e6a	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#947e6a	bold
markup.underline	#947e6a	underline
markup.quote punctuation.definition.blockquote.markdown	#4a5d4b	—
markup.quote	—	italic
string.other.link.title.markdown	#466f97	—
string.other.link.description.title.markdown	#8364a5	—
constant.other.reference.link.markdown	#82b743	—
markup.raw.block	#8364a5	—
markup.raw.block.fenced.markdown	#d4e6e3	—
punctuation.definition.fenced.markdown	#d4e6e3	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#007163	—
variable.language.fenced.markdown	#4a5d4b	—
meta.separator	#4a5d4b	bold
markup.table	#007163	—