Pyjamas
Publisher: tbutterwithThemes in package: 3
A dark colour 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.background#180418
- activityBarBadge.background#240625
- button.background#0e020e
- button.hoverBackground#240625
- dropdown.background#180418
- dropdown.listBackground#180418
- editor.background#240625
- editor.foreground#5fdbce
- editor.hoverHighlightBackground#240625
- editor.lineHighlightBackground#0e020e
- editor.selectionBackground#490b4a
- editorCursor.foreground#f3f2f4
- editorGroupHeader.tabsBackground#180418
- editorHoverWidget.background#240625
- editorHoverWidget.foreground#5fdbce
- editorWhitespace.foreground#5fdbce
- editorWidget.background#240625
- editorWidget.foreground#5fdbce
- editorWidget.resizeBorder#180418
- input.background#180418
- input.border#240625
- inputOption.activeBorder#240625
- list.activeSelectionBackground#0e020e
- list.focusBackground#0e020e
- list.hoverBackground#0e020e
- list.inactiveSelectionBackground#0e020e
- list.inactiveSelectionForeground#5fdbce
- notifications.background#240625
- peekViewEditor.background#180418
- peekViewResult.background#240625
- peekViewTitle.background#240625
- sideBar.background#180418
- sideBar.foreground#5a7690
- sideBarSectionHeader.background#240625
- statusBar.background#180418
- statusBar.debuggingBackground#fd971f
- statusBar.noFolderBackground#180418
- tab.activeBackground#240625
- tab.border#0e020e
- tab.inactiveBackground#180418
- titleBar.activeBackground#180418
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #5fdbce | — |
| comment, punctuation.definition.comment | #5a7690 | — |
| string | #ffdb89 | — |
| constant.numeric | #b094de | — |
| constant.language | #b094de | — |
| constant.character, constant.other | #b094de | — |
| variable | — | |
| keyword | #e81266 | — |
| storage | #e81266 | — |
| keyword.control.import, keyword.control.from | #e81266 | italic |
| string.quoted.docstring.multi.python punctuation.definition.string.begin.python, string.quoted.docstring.multi.python punctuation.definition.string.end.python, string.quoted.docstring.multi.python | #5a7690 | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #e81266 | italic |
| variable.language.special.self.python, variable.language.special.cls.python | #e81266 | — |
| punctuation.definition.decorator.python, meta.function.decorator.python, support.type.python | #45e36d | — |
| storage.type | #e81266 | italic |
| entity.name.class | #45e36d | — |
| entity.other.inherited-class, keyword.control.flow.js | #45e36d | — |
| entity.name.function, meta.function-call.generic, meta.function-call.js | #45e36d | |
| variable.parameter | #fd971f | — |
| variable.parameter.function | #fd971f | — |
| entity.name.tag, support.type.property-name.json, keyword.control.flow.js | #e81266 | |
| entity.other.attribute-name, variable.language.this.js | #45e36d | |
| support.function | #45e36d | |
| support.constant | #45e36d | |
| support.type, support.class | #e81266 | — |
| support.other.variable | #2980b9 | |
| invalid | #8cc8ec | |
| invalid.deprecated | #8cc8ec | — |
| meta.structure.dictionary.json string.quoted.double.json | #ffdb89 | — |
| meta.property-name.dictionary.json | #e81266 | — |
| meta.diff, meta.diff.header | #75715e | — |
| markup.deleted | #e81266 | — |
| markup.inserted | #45e36d | — |
| markup.changed | #ffdb89 | — |
| constant.numeric.line-number.find-in-files - match | #b094de | — |
| entity.name.filename.find-in-files | #e6db74 | — |
| tag.decorator.js tag.decorator.js punctuation.definition.tag.js | #e6db74 | — |
| punctuation.definition.array, punctuation.definition.structure | — | bold |
| punctuation.definition.string | #ffdb89 | — |
| source.js constant.other.object.key.js string.unquoted.label.js | #e81266 | — |
| meta.template.expression variable, meta.template.expression meta.brace.round, meta.template.expression punctuation.accessor | #5fdbce | |
| meta.template.expression punctuation.definition.template-expression | #45e36d | |
| entity.name.selector | #e81266 | — |
| variable.less, variable.ref.sass, variable.decl.sass | #ffdb89 | — |
| annotation.parameters.ts | #45e36d | |
| annotation.function.name.ts, annotation.function.primitive.support.ts, annotation.entity.parameters.ts | #e81266 | |
| meta.object-literal.key, meta.object-literal.key entity.name.function | #e81266 | — |
| markup.quote, markup.bold.markdown | #45e36d | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown | #5fdbce | — |
| string.other.link.description.markdown, string.other.link.title.markdown | #e81266 | — |
| markup.list | #ffdb89 | — |
| fenced_code.block.language, punctuation.definition.markdown | #fd971f | — |
| markup.bold, markup.italic | #66d9ef | — |
| markup.inline.raw | #fd971f | |
| markup.heading.setext | #e81266 | |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #e81266 | |
| markup.heading | #e81266 | |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b094de | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...