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#ffb571
- activityBar.background#09090b
- activityBar.border#3f3f46
- activityBar.foreground#ffd4a8
- activityBarBadge.background#ff8b38
- activityBarBadge.foreground#18181b
- editor.background#18181b
- editor.foreground#e4e4e7
- editorGroup.border#3f3f46
- editorGroupHeader.border#00000000
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#4ade8033
- editorGutter.modifiedBackground#fb923c52
- editorLineNumber.activeForeground#52525b
- editorLineNumber.foreground#52525b99
- focusBorder#00000000
- keybindingLabel.background#00000000
- keybindingLabel.border#71717a33
- keybindingLabel.bottomBorder#71717a33
- keybindingLabel.foreground#71717a
- keybindingLabel.foregroundActive#71717a
- list.activeSelectionBackground#ffb57122
- list.activeSelectionForeground#ffd4a8
- list.focusHighlightForeground#ffb571
- list.highlightForeground#ffb571
- list.inactiveFocusBackground#ffd4a8
- panel.background#09090b
- quickInput.background#27272a
- sideBar.background#09090b
- sideBar.border#3f3f46
- sideBar.foreground#6b7280
- sideBarTitle.foreground#bbbbbb
- statusBar.background#09090b55
- statusBar.border#3f3f46
- statusBar.debuggingBackground#ffb57133
- statusBar.foreground#e4e4e7
- statusBarItem.remoteBackground#00000000
- statusBarItem.remoteForeground#e4e4e7
- tab.activeBackground#18181b
- tab.activeBorder#ffb571
- tab.activeBorderTop#18181b
- tab.inactiveBackground#18181b
- terminal.background#09090b
- textLink.foreground#ffb571
- titleBar.activeBackground#09090b
- titleBar.border#3f3f46
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #52525b | — |
| 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 | #52525b | italic |
| keyword, storage.type | #ffb571 | — |
| storage | #ffd4a8 | italic |
| meta.namespace keyword, meta.namespace entity.name.type, meta.namespace punctuation.separator | #ffd4a8 | — |
| storage.type.function.arrow | #ffb571 | normal |
| string, punctuation.definition.string | #aad94c | — |
| constant, constant.numeric, constant punctuation.separator, constant.numeric keyword.other.unit, support.constant, variable.other.constant | #fff387 | — |
| 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 | #ffb571 | — |
| 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 | #a1a1aa | — |
| meta.import, meta.import keyword.control, meta.export keyword.control, keyword.control.import, keyword.other.import, meta.preprocessor.include, meta.declaration.dart | #ffb571 | 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 | #A394E5 | — |
| support.function, entity.name.function, punctuation.definition.variable.php, meta.template.expression punctuation, variable.language.this.php, support.function.construct | #c7b5fd | — |
| variable | #e4e4e7 | — |
| variable.other.property, support.variable.property | #e0d6fe | — |
| variable.language | #ffb571 | 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 | #c7b5fd55 | — |
| constant.other.class.php | #fff387 | — |
| meta.function-call.php entity.name.variable.parameter, meta.function-call.php punctuation.separator.colon | #ffd4a8 | — |
| meta.attribute.php, meta.attribute.php punctuation.definition, meta.attribute.php support.attribute | #94D8FF | — |
| entity.name.tag | #A394E5 | — |
| source.jsx punctuation.definition.tag, source.tsx punctuation.definition.tag | #A394E555 | — |
| text.html punctuation.definition.tag | #A394E555 | — |
| entity.other.attribute-name | #ffb571 | italic |
| text.html meta.tag.custom entity.name.tag | #94D8FF | — |
| text.html meta.tag.custom punctuation.definition.tag | #94D8FF55 | — |
| meta.tag.custom entity.other.attribute-name | #ffb571 | italic |
| text.html keyword.blade, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #ff8b38 | — |
| source.css meta.property-name support.type.property-name | #ffd4a8 | — |
| source.css entity.other.attribute-name.class | #A394E5 | — |
| source.css entity.other.attribute-name | #ffb571 | normal |
| source.css meta.property-value | #d4d4d8 | — |
| source.css constant.other.color, source.css constant.other.color punctuation.definition | #ffb571 | — |
| 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 | #ffb571 | — |
| source.css support.constant | #ffb571 | — |
| source.css entity.name.tag | #a1a1aa | — |
| source.css meta.at-rule.apply entity.other.attribute-name.class | #A394E5 | |
| source.css variable | #d4d4d8 | 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 | #ffb571 | italic |
| source.python meta.function-call.arguments | #e4e4e7 | — |