PKsThemes
Publisher: PKKidThemes in package: 5
PKsThemes 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#252526
- activityBar.foreground#ebdbb2
- activityBarBadge.background#458588
- activityBarBadge.foreground#ebdbb2
- breadcrumb.activeSelectionForeground#ebdbb2aa
- breadcrumb.focusForeground#ebdbb2aa
- breadcrumb.foreground#ebdbb244
- button.background#45858880
- button.foreground#ebdbb2
- button.hoverBackground#45858860
- diffEditor.diagonalFill#ddd1
- diffEditor.insertedLineBackground#0f01
- diffEditor.insertedTextBackground#0f01
- diffEditor.removedLineBackground#f001
- diffEditor.removedTextBackground#f001
- diffEditorGutter.insertedLineBackground#0f02
- diffEditorGutter.removedLineBackground#f002
- dropdown.background#444
- dropdown.foreground#ebdbb2
- editor.background#151516
- editor.findMatchBackground#83a59870
- editor.findMatchHighlightBackground#fe801930
- editor.findRangeHighlightBackground#83a59870
- editor.hoverHighlightBackground#689d6a50
- editor.lineHighlightBackground#8881
- editor.selectionBackground#689d6a40
- editor.wordHighlightBackground#fff1
- editorBracketMatch.background#fff2
- editorBracketMatch.border#0000
- editorCodeLens.foreground#a8998490
- editorCursor.foreground#ebdbb2
- editorGutter.addedBackground#66971a
- editorGutter.deletedBackground#fb4934
- editorGutter.modifiedBackground#458588
- editorIndentGuide.activeBackground1#a8998450
- editorIndentGuide.background1#a8998400
- editorLightBulb.foreground#8886
- editorLineNumber.activeForeground#fff5
- editorLineNumber.foreground#fff2
- editorLink.activeForeground#ebdbb2
- editorRuler.foreground#a8998418
- editorWhitespace.foreground#a8998420
- focusBorder#3c383600
- foreground#ebdbb2bb
- input.foreground#ebdbb2
- input.placeholderForeground#ebdbb260
- keybindingLabel.background#444
- keybindingLabel.border#22222288
- keybindingLabel.bottomBorder#22222288
- keybindingLabel.foreground#ebdbb2
- list.activeSelectionBackground#555
- list.activeSelectionForeground#fdf1c7
- list.dropBackground#3c3836
- list.focusBackground#3c3836
- list.focusForeground#ebdbb2
- list.highlightForeground#ebdbb2ee
- list.hoverBackground#3c3836
- list.hoverForeground#d5c4a1
- list.inactiveSelectionBackground#3c383680
- progressBar.background#689d6a
- sideBar.border#00000000
- sideBar.foreground#D6C8ABDD
- sideBarSectionHeader.background#333333
- sideBarTitle.foreground#D6C8ABDD
- statusBar.background#252526
- statusBar.border#33333300
- statusBar.debuggingBackground#fe8019
- statusBar.debuggingBorder#1d202100
- statusBar.debuggingForeground#1d2021
- statusBar.foreground#ebdbb2bb
- statusBar.noFolderBackground#1d2021
- statusBar.noFolderBorder#1d202100
- tab.activeBackground#151516
- tab.activeForeground#ebdbb2
- tab.inactiveBackground#252526
- tab.inactiveForeground#a89984
- terminal.ansiBlack#3c3836
- terminal.ansiBlue#58c9cc
- terminal.ansiBrightBlack#928374
- terminal.ansiBrightBlue#61a9ab
- terminal.ansiBrightCyan#90bd80
- terminal.ansiBrightGreen#6fbe49
- terminal.ansiBrightMagenta#d3869b
- terminal.ansiBrightRed#c5282a
- terminal.ansiBrightWhite#e9d9b3
- terminal.ansiBrightYellow#d39539
- terminal.ansiCyan#64ab8a
- terminal.ansiGreen#538e37
- terminal.ansiMagenta#b16286
- terminal.ansiRed#f44a40
- terminal.ansiWhite#a69785
- terminal.ansiYellow#f7b948
- terminal.background#252526
- terminal.foreground#79ce50
- textLink.activeForeground#ebdbb2
- textLink.foreground#ebdbb2
- titleBar.activeBackground#252526
- titleBar.activeForeground#ebdbb2
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| beginning.punctuation.definition.list.markdown, constant.other.caps.python, meta.function-call.js, meta.function.expression.js, entity.name.function.js, entity.name.function, entity.name.tag, entity.name.variable, meta.object-literal.key.js, meta.tag.any.html, meta.tag.block.any.html, meta.tag.inline.any.html, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, punctuation.section.embedded, source.css meta.brace, source.python, source, string.unquoted.tag-string, support.function, support.other.django.module, support.type.property-name, support.type.property-name, support.type.vendored.property-name, support.type.vendored.property-name, support.variable, variable.css, variable.language, variable.other.less, variable.scss, variable, text.html, text.xml | #cc241d | — |
| entity.tag.tagbraces, keyword.operator.assignment, keyword, punctuation.separator.key-value.html, source.css entity.other.attribute-name.pseudo-class, source.css keyword.operator | #d77 | — |
| entity.other.attribute-name.html, entity.other.attribute-name.localname.xml, punctuation.attribute-shorthand.event.html, python punctuation.definition.list, source.python punctuation.definition.arguments, source.python punctuation.definition.dictionary | #e55 | — |
| entity.name.function, entity, source.css entity.name.tag, source.css entity.other.attribute-name.class | #fc8 | — |
| constant.language, constant.language.python, entity.other.inherited-class, source.css support.constant.property-value.css, constant.language.json.comments | #fe8019 | — |
| comment, keyword.codetag.notation, string.quoted.docstring.multi.python, storage.type.class.jsdoc, entity.name.type.instance.jsdoc, variable.other.jsdoc | #58973a | — |
| keyword.control.tag-name, keyword.control, keyword.operator.new, keyword.operator, source.css entity.other.attribute-name.id, source.css keyword.control.html, storage.type.function, storage, support | #458588 | — |
| constant.character.entity, constant.numeric, constant, source.css constant.numeric, source.css constant, source.css keyword, string.regexp, text.html.django storage.type.attr, text.html.django storage.type.templatetag | #ebdbb2 | — |
| string.quoted.double, string | #bdae93 | — |