Papaja Theme
Publisher: corentinlthrThemes in package: 3
Papaja theme for VSCode.
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
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 | — |