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#151b21
- activityBarBadge.background#1a2228
- button.background#303d44
- button.hoverBackground#1a2228
- dropdown.background#151b21
- dropdown.listBackground#151b21
- editor.background#1a2228
- editor.foreground#68b9e8
- editor.hoverHighlightBackground#1a2228
- editor.lineHighlightBackground#303d44
- editor.selectionBackground#1c3a54
- editorCursor.foreground#f3f2f4
- editorGroupHeader.tabsBackground#151b21
- editorHoverWidget.background#1a2228
- editorHoverWidget.foreground#68b9e8
- editorWhitespace.foreground#68b9e8
- editorWidget.background#1a2228
- editorWidget.foreground#68b9e8
- editorWidget.resizeBorder#151b21
- input.background#151b21
- input.border#1a2228
- inputOption.activeBorder#1a2228
- list.activeSelectionBackground#303d44
- list.focusBackground#303d44
- list.hoverBackground#303d44
- list.inactiveSelectionBackground#303d44
- list.inactiveSelectionForeground#68b9e8
- notifications.background#1a2228
- peekViewEditor.background#151b21
- peekViewResult.background#1a2228
- peekViewTitle.background#1a2228
- sideBar.background#151b21
- sideBar.foreground#5a7690
- sideBarSectionHeader.background#1a2228
- statusBar.background#151b21
- statusBar.debuggingBackground#fd971f
- statusBar.noFolderBackground#151b21
- tab.activeBackground#1a2228
- tab.border#303d44
- tab.inactiveBackground#151b21
- titleBar.activeBackground#151b21
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #68b9e8 | — |
| comment, punctuation.definition.comment | #5a7690 | — |
| string | #ffdb89 | — |
| constant.numeric | #B094DE | — |
| constant.language | #B094DE | — |
| constant.character, constant.other | #B094DE | — |
| variable | — | |
| keyword | #ea6442 | — |
| storage | #ea6442 | — |
| keyword.control.import, keyword.control.from | #ea6442 | 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 | #ea6442 | italic |
| variable.language.special.self.python, variable.language.special.cls.python | #ea6442 | — |
| punctuation.definition.decorator.python, meta.function.decorator.python, support.type.python | #69f46d | — |
| storage.type | #e74c3c | italic |
| entity.name.class | #69f46d | — |
| entity.other.inherited-class, keyword.control.flow.js | #69f46d | — |
| entity.name.function, meta.function-call.generic, meta.function-call.js | #69f46d | |
| variable.parameter | #fd971f | — |
| variable.parameter.function | #fd971f | — |
| entity.name.tag, support.type.property-name.json, keyword.control.flow.js | #ea6442 | |
| entity.other.attribute-name, variable.language.this.js | #69f46d | |
| support.function | #69f46d | |
| support.constant | #69f46d | |
| support.type, support.class | #ea6442 | — |
| support.other.variable | #2980b9 | |
| invalid | #8cc8ec | |
| invalid.deprecated | #8cc8ec | — |
| meta.structure.dictionary.json string.quoted.double.json | #ffdb89 | — |
| meta.property-name.dictionary.json | #e74c3c | — |
| meta.diff, meta.diff.header | #75715e | — |
| markup.deleted | #ea6442 | — |
| markup.inserted | #69f46d | — |
| markup.changed | #ffdb89 | — |
| constant.numeric.line-number.find-in-files - match | #AE81FF | — |
| 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 | #e74c3c | — |
| meta.template.expression variable, meta.template.expression meta.brace.round, meta.template.expression punctuation.accessor | #68b9e8 | |
| meta.template.expression punctuation.definition.template-expression | #69f46d | |
| entity.name.selector | #e74c3c | — |
| variable.less, variable.ref.sass, variable.decl.sass | #ffdb89 | — |
| annotation.parameters.ts | #69f46d | |
| annotation.function.name.ts, annotation.function.primitive.support.ts, annotation.entity.parameters.ts | #ea6442 | |
| meta.object-literal.key, meta.object-literal.key entity.name.function | #ea6442 | — |
| markup.quote, markup.bold.markdown | #69f46d | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown | #68b9e8 | — |
| string.other.link.description.markdown, string.other.link.title.markdown | #ea6442 | — |
| markup.list | #ffdb89 | — |
| fenced_code.block.language, punctuation.definition.markdown | #fd971f | — |
| markup.bold, markup.italic | #66d9ef | — |
| markup.inline.raw | #fd971f | |
| markup.heading.setext | #e74c3c | |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #e74c3c | |
| markup.heading | #e74c3c | |
| 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...