Papaja Theme

Name: Papaja Theme
Author: corentinlthr

Publisher: corentinlthrThemes in package: 3

Papaja theme for VSCode.

Open in VS Code GitHub

Color themes

VS Code preview

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

Papaja Theme — Papaja Theme 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.activeBorder#ef4e07
activityBar.background#f4f4f5
activityBar.border#d4d4d8
activityBar.foreground#52525b
activityBarBadge.background#ef4e07
activityBarBadge.foreground#f4f4f5
editor.background#fafafa
editor.foreground#27272a
editorGroup.border#d4d4d8
editorGroupHeader.border#00000000
editorGroupHeader.tabsBorder#00000000
editorGutter.addedBackground#4ade8033
editorGutter.modifiedBackground#fb923c52
editorLineNumber.activeForeground#a1a1aa
editorLineNumber.foreground#e4e4e7
focusBorder#00000000
keybindingLabel.background#00000000
keybindingLabel.border#71717a33
keybindingLabel.bottomBorder#71717a33
keybindingLabel.foreground#71717a
keybindingLabel.foregroundActive#71717a
list.activeSelectionBackground#fe6a1122
list.activeSelectionForeground#c63908
list.focusHighlightForeground#ef4e07
list.highlightForeground#ef4e07
list.inactiveFocusBackground#c63908
list.inactiveSelectionBackground#e4e4e7
panel.background#f4f4f5
quickInput.background#f4f4f5
sideBar.background#f4f4f5
sideBar.border#d4d4d8
sideBar.foreground#6b7280
sideBarTitle.foreground#bbbbbb
statusBar.background#fafafa
statusBar.border#d4d4d8
statusBar.debuggingBackground#ef4e0733
statusBar.foreground#18181b
statusBarItem.remoteBackground#00000000
statusBarItem.remoteForeground#18181b
tab.activeBackground#fafafa
tab.activeBorder#ef4e07
tab.activeBorderTop#fafafa
tab.inactiveBackground#fafafa
terminal.background#f4f4f5
textLink.foreground#ef4e07
titleBar.activeBackground#f4f4f5
titleBar.border#d4d4d8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#a1a1aa	—
comment.block.documentation, comment.block.documentation storage, comment.block.documentation storage.type, comment.block.documentation keyword, comment.block.documentation keyword.other.type, comment.block.documentation punctuation, comment.block.documentation punctuation.definition, comment.block.documentation punctuation.separator, comment.block.documentation punctuation.separator.delimiter, comment.block.documentation variable, comment.block.documentation entity, comment.block.documentation support.class, comment.block.documentation entity.name.type	#a1a1aa	italic
keyword, storage.type	#ef4e07	—
storage	#fe6a11	italic
meta.namespace keyword, meta.namespace entity.name.type, meta.namespace punctuation.separator	#fe6a11	—
storage.type.function.arrow	#ef4e07	normal
string, punctuation.definition.string	#507318	—
constant, constant.numeric, constant punctuation.separator, constant.numeric keyword.other.unit, support.constant, variable.other.constant	#ce8d00	—
punctuation.dot, punctuation.accessor, punctuation.definition.variable, punctuation.definition.arrow, meta.function.php punctuation.separator.delimiter, entity.name.tag.yaml, support.type.property-name.json	#ef4e07	—
punctuation, meta.brace, begin.bracket.round.blade, end.bracket.round.blade, meta.tag.tsx keyword.operator.assignment, meta.tag.jsx keyword.operator.assignment, meta.function.parameters.php punctuation.separator.delimiter, source.css keyword.operator, source.css entity.name.tag	#71717a	—
meta.import, meta.import keyword.control, meta.export keyword.control, keyword.control.import, keyword.other.import, meta.preprocessor.include, meta.declaration.dart	#ef4e07	italic
support.class, entity.name.type, entity.name.class, entity.other.inherited-class, keyword.other.type, support.type.primitive, variable.language.this, keyword.operator.nullable-type.php, source.js meta.import variable.other.readwrite, source.jsx meta.import variable.other.readwrite, source.ts meta.import variable.other.readwrite, source.tsx meta.import variable.other.readwrite, source.css entity	#5528d9	—
support.function, entity.name.function, punctuation.definition.variable.php, meta.template.expression punctuation, variable.language.this.php, support.function.construct	#835cf6	—
variable	#18181b	—
variable.other.property, support.variable.property	#251065	—
variable.language	#ef4e07	italic
variable.language.this	—	italic
meta.use, meta.import, meta.namespace, source.php meta.function.closure storage.type, source.php meta.function.closure keyword	—	italic
meta.use punctuation.separator, meta.use support.other	#4721b688	—
constant.other.class.php	#a46404	—
meta.function-call.php entity.name.variable.parameter, meta.function-call.php punctuation.separator.colon	#9d2e0f	—
meta.attribute.php, meta.attribute.php punctuation.definition, meta.attribute.php support.attribute	#008EE0	—
entity.name.tag	#4721b6	—
source.jsx punctuation.definition.tag, source.tsx punctuation.definition.tag	#4721b688	—
text.html punctuation.definition.tag	#4721b688	—
entity.other.attribute-name	#c63908	italic
text.html meta.tag.custom entity.name.tag	#006199	—
text.html meta.tag.custom punctuation.definition.tag	#00619988	—
meta.tag.custom entity.other.attribute-name	#c63908	italic
text.html keyword.blade, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#c63908	—
source.css meta.property-name support.type.property-name	#9d2e0f	—
source.css entity.other.attribute-name.class	#5528d9	—
source.css entity.other.attribute-name	#c63908	normal
source.css meta.property-value	#d4d4d8	—
source.css constant.other.color, source.css constant.other.color punctuation.definition	#ef4e07	—
source.css support.function, source.css keyword.control.at-rule, source.css keyword.control.at-rule punctuation.definition, meta.at-rule.tailwind, meta.at-rule.tailwind punctuation.definition, meta.at-rule.tailwind keyword.control, meta.at-rule.tailwind variable	#ef4e07	—
source.css support.constant	#ef4e07	—
source.css entity.name.tag	#52525b	—
source.css meta.at-rule.apply entity.other.attribute-name.class	#5528d9
source.css variable	#18181b	italic
source.css comment	—	italic
source.c meta.preprocessor, source.c meta.preprocessor keyword.control, source.c meta.preprocessor punctuation.definition, source.python keyword.control.import, meta.declaration keyword.other.import	#ef4e07	italic
source.python meta.function-call.arguments	#18181b	—