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#081826
- activityBarBadge.background#0b1f30
- button.background#0f2a42
- button.hoverBackground#0b1f30
- dropdown.background#081826
- dropdown.listBackground#081826
- editor.background#0b1f30
- editor.foreground#adcadd
- editor.hoverHighlightBackground#0b1f30
- editor.lineHighlightBackground#0f2a42
- editor.selectionBackground#1c3a54
- editorCursor.foreground#f3f2f4
- editorGroupHeader.tabsBackground#081826
- editorHoverWidget.background#0b1f30
- editorHoverWidget.foreground#adcadd
- editorWhitespace.foreground#adcadd
- editorWidget.background#0b1f30
- editorWidget.foreground#adcadd
- editorWidget.resizeBorder#081826
- input.background#081826
- input.border#0b1f30
- inputOption.activeBorder#0b1f30
- list.activeSelectionBackground#0f2a42
- list.focusBackground#0f2a42
- list.hoverBackground#0f2a42
- list.inactiveSelectionBackground#0f2a42
- list.inactiveSelectionForeground#adcadd
- notifications.background#0b1f30
- peekViewEditor.background#081826
- peekViewResult.background#0b1f30
- peekViewTitle.background#0b1f30
- sideBar.background#081826
- sideBar.foreground#5a7690
- sideBarSectionHeader.background#0b1f30
- statusBar.background#081826
- statusBar.debuggingBackground#fd971f
- statusBar.noFolderBackground#081826
- tab.activeBackground#0b1f30
- tab.border#0f2a42
- tab.inactiveBackground#081826
- titleBar.activeBackground#081826
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #adcadd | — |
| 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 | #1abc9c | — |
| storage.type | #e74c3c | italic |
| entity.name.class | #1abc9c | — |
| entity.other.inherited-class, keyword.control.flow.js | #1abc9c | — |
| entity.name.function, meta.function-call.generic, meta.function-call.js | #1abc9c | |
| 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 | #1abc9c | |
| support.function | #1abc9c | |
| support.constant | #1abc9c | |
| 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 | #1abc9c | — |
| 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 | #e74c3c | — |
| meta.template.expression variable, meta.template.expression meta.brace.round, meta.template.expression punctuation.accessor | #adcadd | |
| meta.template.expression punctuation.definition.template-expression | #1abc9c | |
| entity.name.selector | #e74c3c | — |
| variable.less, variable.ref.sass, variable.decl.sass | #ffdb89 | — |
| annotation.parameters.ts | #1abc9c | |
| 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 | #1abc9c | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown | #adcadd | — |
| 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...