Skill
Publisher: metamorphosisThemes in package: 2
Skill dark theme
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#121717
- activityBar.border#00000000
- activityBar.foreground#ffffff78
- activityBarBadge.background#fad185
- activityBarBadge.foreground#293340
- badge.background#fad185
- badge.foreground#293340
- dropdown.background#1f232e
- dropdown.border#00000000
- editor.background#0E1212
- editor.findMatchHighlightBackground#283333
- editor.findRangeHighlightBackground#283333
- editor.foreground#eee
- editor.hoverHighlightBackground#283333
- editor.inactiveSelectionBackground#283333
- editor.lineHighlightBackground#283333
- editor.rangeHighlightBackground#283333
- editor.selectionBackground#283333
- editor.selectionHighlightBackground#283333
- editor.wordHighlightBackground#283333
- editorBracketMatch.background#283333
- editorCursor.background#0E1212
- editorCursor.foreground#ffffffdd
- editorGroupHeader.tabsBackground#0E1212
- editorGutter.addedBackground#63d492
- editorGutter.deletedBackground#eb5151
- editorGutter.modifiedBackground#00eeff
- editorHoverWidget.background#1d212b
- editorHoverWidget.border#00000000
- editorIndentGuide.background#ffffff11
- editorLineNumber.foreground#ffffff29
- editorOverviewRuler.findMatchForeground#283333
- editorSuggestWidget.background#1d212b
- editorSuggestWidget.border#00000000
- editorSuggestWidget.foreground#eee
- editorSuggestWidget.selectedBackground#4a609955
- editorWarning.foreground#fad185
- editorWhitespace.foreground#ffffff29
- editorWidget.background#1f232e
- editorWidget.border#1f232e
- extensionButton.prominentBackground#fad185
- focusBorder#00000000
- foreground#eee
- gitDecoration.ignoredResourceForeground#ffffff29
- gitDecoration.modifiedResourceForeground#00eeff
- gitDecoration.untrackedResourceForeground#63d492
- input.background#1d212b
- input.border#00000000
- input.placeholderForeground#ffffff33
- inputOption.activeBorder#00000000
- list.activeSelectionBackground#00000033
- list.activeSelectionForeground#fad185
- list.focusBackground#00000033
- list.highlightForeground#fad185
- list.hoverBackground#00000022
- list.inactiveSelectionBackground#00000022
- list.inactiveSelectionForeground#fad185
- list.warningForeground#fad185
- panel.background#1d212b
- panel.border#00000000
- panelTitle.activeBorder#fad185
- panelTitle.activeForeground#fad185
- panelTitle.inactiveForeground#ffffff
- pickerGroup.foreground#fad185
- progressBar.background#fad185
- scrollbar.shadow#00000033
- scrollbarSlider.activeBackground#fad185
- scrollbarSlider.background#283333
- scrollbarSlider.hoverBackground#283333
- sideBar.background#0E1212
- sideBar.border#00000033
- sideBar.foreground#eeeeeec5
- sideBarSectionHeader.background#283333
- sideBarSectionHeader.foreground#ffffffc7
- statusBar.background#0E1212
- statusBar.border#00000000
- statusBar.foreground#ffffff33
- tab.activeBackground#283333
- tab.activeBorder#fad185
- tab.activeForeground#eee
- tab.border#00000000
- tab.inactiveBackground#0E1212
- tab.inactiveForeground#ffffff6b
- terminal.ansiBlack#2b1d1d
- terminal.ansiBlue#4CB2FF
- terminal.ansiBrightBlack#546386
- terminal.ansiBrightBlue#4CB2FF
- terminal.ansiBrightCyan#00eeff
- terminal.ansiBrightGreen#9ffca7
- terminal.ansiBrightMagenta#d5a1f8
- terminal.ansiBrightRed#fe8183
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFB68E
- terminal.ansiCyan#00eeff
- terminal.ansiGreen#61BA86
- terminal.ansiMagenta#d5a1f8
- terminal.ansiRed#fe8183
- terminal.ansiWhite#CDD2E9
- terminal.ansiYellow#FFEC8E
- terminal.foreground#CDD2E9
- terminal.selectionBackground#00eeff99
- terminalCursor.background#1d212b
- terminalCursor.foreground#e9cdcd
- widget.shadow#00000033
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #ffffff66 | italic |
| string | #9ffca7 | — |
| string.unquoted | #f69663 | — |
| punctuation.definition.template-expression | #FFB68E | — |
| constant.numeric | #fff | — |
| constant.language | #00eeff | — |
| constant.character, constant.other | #d5a1f8 | — |
| variable | #ffffffe1 | — |
| variable.language | #fe8183 | — |
| variable.parameter | #ffffffe1 | — |
| keyword, storage.type, keyword.control | #00eeff | italic |
| keyword.operator | #ffffffe1 | |
| storage | #00eeff | — |
| storage.modifier | — | — |
| entity.name.type, entity.name.class | #ffab7a | — |
| meta.function.method, entity.name.function | #ffab7a | — |
| variable.other.readwrite.js, punctuation.definition.parameters | #ffffffdc | — |
| entity.other.inherited-class | #ffb68e | — |
| entity.name.tag | #fe8183 | — |
| entity.other.attribute-name | #fad185 | — |
| entity.other.attribute-name.id.css | #fad185 | — |
| constant.language.pseudo.css | #fad185 | — |
| support.function | #fe8183 | |
| support.constant | #fad185 | |
| support.type, support.class | #fe8183 | — |
| support.type.property-name.json | #fad185 | — |
| support.other.variable | — | |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| meta.structure.dictionary.json string.quoted.double.json | #ffffff | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #00eeff | — |
| markup.inserted | #9ffca7 | — |
| markup.changed | #9ffca7 | — |
| constant.numeric.line-number.find-in-files - match | #d5a1f8A0 | — |
| entity.name.filename.find-in-files | #9ffca7 | — |
| markup.quote | #00eeff | — |
| markup.list | #9ffca7 | — |
| markup.bold, markup.italic | #fe8183 | — |
| markup.inline.raw | #9ffca7 | |
| markup.heading | #9ffca7 | — |
| markup.heading.setext | #9ffca7 | |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #fe8183 | — |
| token.debug-token | #b267e6 | — |
| support.type.primitive.ts, entity.name.type.ts, support.type.builtin.ts | #cca6ff | — |
| support.type.object.dom.js | #63d492 | — |
| string.quoted.module.js | #9ffca7 | — |
| JSXAttrs string.quoted.double.js | #9ffca7 | — |
| JSXAttrs support.class | #fe8183 | — |
| JSXAttrs keyword.operator.assignment.jsx | #ffffff | — |
| keyword.operator.relationship.css | #ffffff | — |
| variable.other.object.property.ts | #ffffff | — |
| constant.character.enum.graphql | #ffffff | — |
| keyword.operator.nulltype.graphql | #ffffff | |
| support.type.graphql | #fe8183 | — |