Rafa-Oficial
Publisher: rafaelburghausenThemes in package: 5
Esta é uma extensão de temas dark (com e sem itálico) e tema de icones. Ainda está em desenvolvimento
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.activeBorder#ffa759
- activityBar.activeFocusBorder#ffcc66
- activityBar.background#0d131f
- activityBar.border#0d131f
- activityBar.foreground#b3b1ad
- activityBarBadge.background#f07178
- activityBarBadge.foreground#1f2430
- badge.background#ffa759
- badge.foreground#1f2430
- button.background#ffb454
- button.foreground#1f2430
- button.hoverBackground#fac761
- debugExceptionWidget.background#232834
- debugExceptionWidget.border#191e2a
- debugToolBar.background#232834
- diffEditor.insertedTextBackground#bae67e26
- diffEditor.removedTextBackground#f29e7426
- dropdown.background#232834
- dropdown.border#373e4c
- dropdown.foreground#707a8c
- editor.background#141824
- editor.findMatchBackground#ffcc660d
- editor.findMatchBorder#ffcc66
- editor.findMatchHighlightBackground#ffcc660d
- editor.findMatchHighlightBorder#ffcc6659
- editor.findRangeHighlightBackground#262f3e
- editor.findRangeHighlightBorder#1f243000
- editor.foreground#CBCEBC
- editor.inactiveSelectionBackground#262f3e
- editor.lineHighlightBackground#3d424d46
- editor.rangeHighlightBackground#191e2a
- editor.selectionBackground#3d424d
- editor.selectionHighlightBackground#262f3e
- editor.selectionHighlightBorder#313e52
- editor.wordHighlightBackground#262f3e
- editor.wordHighlightStrongBackground#ffcc6633
- editorBracketMatch.background#707a8c4d
- editorBracketMatch.border#707a8c99
- editorCodeLens.foreground#5c6773
- editorCursor.foreground#ff4057
- editorError.foreground#ff3333
- editorGroup.border#141824
- editorGroup.emptyBackground#191e2a
- editorGroupHeader.noTabsBackground#1f2430
- editorGroupHeader.tabsBackground#1f2430
- editorGroupHeader.tabsBorder#141824
- editorGutter.addedBackground#a6cc7099
- editorGutter.deletedBackground#f2798399
- editorGutter.modifiedBackground#77a8d999
- editorHoverWidget.background#232834
- editorHoverWidget.border#101521
- editorHoverWidget.foreground#cbccc6
- editorIndentGuide.activeBackground#707a8cb3
- editorIndentGuide.background#707a8c4d
- editorLineNumber.activeForeground#707a8ccc
- editorLineNumber.foreground#707a8c66
- editorLink.activeForeground#ffcc66
- editorMarkerNavigation.background#232834
- editorOverviewRuler.addedForeground#a6cc7099
- editorOverviewRuler.border#141824
- editorOverviewRuler.deletedForeground#f2798399
- editorOverviewRuler.errorForeground#ff3333
- editorOverviewRuler.modifiedForeground#77a8d999
- editorOverviewRuler.warningForeground#ffcc66
- editorRuler.foreground#707a8c4d
- editorSuggestWidget.background#232834
- editorSuggestWidget.border#101521
- editorSuggestWidget.foreground#cbccc6
- editorSuggestWidget.highlightForeground#ffcc66
- editorSuggestWidget.selectedBackground#191e2a
- editorWarning.foreground#ffcc66
- editorWhitespace.foreground#707a8c66
- editorWidget.background#232834
- editorWidget.foreground#cbccc6
- errorForeground#ff6666
- extensionButton.prominentBackground#ffcc66
- extensionButton.prominentForeground#1f2430
- extensionButton.prominentHoverBackground#fac761
- focusBorder#505867
- foreground#707a8c
- gitDecoration.conflictingResourceForeground#ed8274
- gitDecoration.deletedResourceForeground#f27983b3
- gitDecoration.ignoredResourceForeground#484f5e
- gitDecoration.modifiedResourceForeground#a6cc70
- gitDecoration.submoduleResourceForeground#d4bfffb3
- gitDecoration.untrackedResourceForeground#ed9366
- input.background#232834
- input.border#373e4c
- input.foreground#cbccc6
- input.placeholderForeground#586070
- inputOption.activeBorder#ffcc66
- inputValidation.errorBackground#1f2430
- inputValidation.errorBorder#ff3333
- inputValidation.infoBackground#1f2430
- inputValidation.infoBorder#95e6cb
- inputValidation.warningBackground#1f2430
- inputValidation.warningBorder#ffd580
- list.activeSelectionBackground#191e2a
- list.activeSelectionForeground#ffb454
- list.errorForeground#ff6666
- list.focusBackground#191e2a
- list.focusForeground#ffcc66
- list.highlightForeground#ffcc66
- list.hoverBackground#3d424d66
- list.hoverForeground#ffcc66
- list.inactiveSelectionBackground#3d424d66
- list.inactiveSelectionForeground#ffb454
- list.invalidItemForeground#586070
- panel.background#1b1c24
- panel.border#101521
- panelTitle.activeBorder#ffcc66
- panelTitle.activeForeground#cbccc6
- panelTitle.inactiveForeground#707a8c
- peekView.border#191e2a
- peekViewEditor.background#232834
- peekViewEditor.matchHighlightBackground#ffcc6633
- peekViewResult.background#232834
- peekViewResult.fileForeground#707a8c
- peekViewResult.matchHighlightBackground#ffcc6633
- peekViewTitle.background#232834
- peekViewTitleDescription.foreground#707a8c
- peekViewTitleLabel.foreground#707a8c
- pickerGroup.border#191e2a
- pickerGroup.foreground#484f5e
- progressBar.background#ffcc66
- quickInputList.focusBackground#191e2a
- scrollbar.shadow#141824
- scrollbarSlider.activeBackground#707a8cb3
- scrollbarSlider.background#707a8c66
- scrollbarSlider.hoverBackground#707a8c99
- selection.background#4e545f
- settings.headerForeground#cbccc6
- settings.modifiedItemIndicator#77a8d9
- sideBar.background#101521
- sideBar.border#101521
- sideBar.foreground#b8b0b0
- sideBarSectionHeader.background#101521
- sideBarSectionHeader.foreground#707a8c
- sideBarTitle.foreground#707a8c
- statusBar.background#1f2430
- statusBar.border#191e2a
- statusBar.debuggingBackground#f29e74
- statusBar.debuggingForeground#1f2430
- statusBar.foreground#707a8c
- statusBar.noFolderBackground#232834
- statusBarItem.activeBackground#00000050
- statusBarItem.hoverBackground#00000030
- statusBarItem.prominentBackground#191e2a
- statusBarItem.prominentHoverBackground#00000030
- statusBarItem.remoteBackground#ff9940
- tab.activeBackground#141824
- tab.activeBorderTop#ffcc66
- tab.activeForeground#edf0f5
- tab.border#1f2430
- tab.hoverBackground#3d424d66
- tab.inactiveBackground#1f2430
- tab.inactiveForeground#707a8c
- tab.unfocusedActiveBorderTop#707a8c
- tab.unfocusedActiveForeground#707a8c
- tab.unfocusedInactiveForeground#707a8c
- terminal.ansiBlack#191e2a
- terminal.ansiBlue#95e6cb
- terminal.ansiBrightBlack#686868
- terminal.ansiBrightBlue#95e6cb
- terminal.ansiBrightCyan#95e6cb
- terminal.ansiBrightGreen#bae67e
- terminal.ansiBrightMagenta#d4bfff
- terminal.ansiBrightRed#f28779
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffd580
- terminal.ansiCyan#95e6cb
- terminal.ansiGreen#a6cc70
- terminal.ansiMagenta#cfbafa
- terminal.ansiRed#ed8274
- terminal.ansiWhite#c7c7c7
- terminal.ansiYellow#fad07b
- terminal.background#1b1c24
- terminal.foreground#cbccc6
- terminalCursor.foreground#ff4057
- textBlockQuote.background#232834
- textLink.activeForeground#ffcc66
- textLink.foreground#ffcc66
- textPreformat.foreground#cbccc6
- titleBar.activeBackground#1f2430
- titleBar.activeForeground#cbccc6
- titleBar.border#191e2a
- titleBar.inactiveBackground#1f2430
- titleBar.inactiveForeground#707a8c
- walkThrough.embeddedEditorBackground#232834
- widget.shadow#141925
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #5c6773 | italic |
| string, constant.other.symbol | #95fb79 | — |
| string.regexp, constant.character, constant.other | #9fe7fa | — |
| constant.other.color | #F29668 | — |
| constant.numeric | #9ffcea | — |
| constant.numeric.css | #f07178 | — |
| constant.language | #f27983 | — |
| constant.language.boolean | #b796f3 | — |
| variable | #cbcebc | — |
| variable.other.constant | #d693f8 | — |
| variable.member | #ee625c | — |
| variable.language | #d495f6 | italic |
| variable.language.this | #d495f6 | italic |
| support.variable | #f5ba78 | — |
| storage | #f5ba78 | — |
| storage.type | #ee68af | italic |
| storage.modifier | #ee68af | italic |
| storage.modifier.async | #ee68af | italic |
| storage.type.class | #ee68af | italic |
| keyword | #f5ba78 | — |
| keyword.control | #ee68af | — |
| keyword.operator | #ee68af | — |
| keyword.operator.new | #f088bd | — |
| punctuation.separator, punctuation.terminator | #cbccc6b3 | — |
| punctuation.section | #cbcebc | — |
| punctuation.definition | #CBCCC6B3 | — |
| punctuation.accessor | #f5bb6c | — |
| source.java storage.type, source.haskell storage.type, source.c storage.type | #ef82c3 | — |
| entity.other.inherited-class | #9FE7FA | — |
| storage.type.function | #f088bd | — |
| storage.type.function.arrow | #ee68af | |
| source.java storage.type.primitive | #9fe7fa | — |
| variable.parameter, meta.parameter | #f6bf6c | italic |
| variable.function, variable.annotation, meta.function-call.generic, support.function.go | #fced65 | — |
| support.function, support.macro | #fced65 | — |
| support.function.console | #fced65 | — |
| entity.name.import, entity.name.package | #a4fb8e | — |
| entity.name | #f7cb8b | — |
| entity.name.function | #fced65 | — |
| entity.name.class | #f5ba78 | — |
| entity.name.tag, meta.tag.sgml | #fc4085 | — |
| punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag | #b3b1ad | — |
| text.html.derivative | #cbcebc | — |
| entity.other.attribute-name | #f9d35a | italic |
| support.constant | #d693f8 | italic |
| support.type, support.class, source.go storage.type | #9fe7fa | — |
| support.class.promise | #9fe7fa | — |
| meta.decorator variable.other, meta.decorator punctuation.decorator, storage.type.annotation | #cbcebc | — |
| invalid | #ff3333 | — |
| meta.diff, meta.diff.header | #c594c5 | — |
| source.ruby variable.other.readwrite | #FFD866 | — |
| source.css entity.name.tag, source.sass entity.name.tag, source.scss entity.name.tag, source.less entity.name.tag, source.stylus entity.name.tag | #95e6cb | — |
| source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type | #5c6773 | — |
| support.type.property-name | #A9DC76 | |
| entity.other.attribute-name.class.css | #A9DC76 | |
| entity.other.attribute-name.id.css | #FFD866 | |
| support.type.property-name.css | #cbcebc | |
| constant.numeric.line-number.find-in-files - match | #5c6773 | — |
| constant.numeric.line-number.match | #ffa759 | — |
| entity.name.filename.find-in-files | #A9DC76 | — |
| message.error | #FF6188 | — |
| markup.heading, markup.heading entity.name | #A9DC76 | bold |
| markup.underline.link, string.other.link | #95e6cb | — |
| markup.italic | #f28779 | italic |
| markup.bold | #f28779 | bold |
| markup.italic markup.bold, markup.bold markup.italic | — | bold italic |
| markup.raw | — | — |
| markup.raw.inline | — | — |
| meta.separator | #5c6773 | bold |
| markup.quote | #95e6cb | italic |
| markup.list punctuation.definition.list.begin | #ffd580 | — |
| markup.inserted | #a6cc70 | — |
| markup.changed | #77a8d9 | — |
| markup.deleted | #f27983 | — |
| markup.strike | #ffe6b3 | — |
| markup.table | #5ccfe6 | — |
| text.html.markdown markup.inline.raw | #f29e74 | — |
| text.html.markdown meta.dummy.line-break | #5c6773 | — |
| punctuation.definition.markdown | #5c6773 | — |
| string.json support.type.property-name.json | #f29a84 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f6c174 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f2ae49 | — |
| constant.language.json | #d495f6 | — |
| constant.numeric.json | #f27983 | — |
| string.unquoted, constant.other.object.key | #e6b450 | — |
| meta.brace.curly, meta.brace.round, meta.brace.square | #b3b1ad | — |
| punctuation.quasi.element.begin, punctuation.quasi.element.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #f1af64 | — |
| meta.object-literal.key | #f6c071 | italic |
| entity.name.type | #9fe7fa | — |
| entity.name.type.class | #9fe7fa | — |
| support.type.primitive | #9fe7fa | — |
| text.gitignore | #fdf375 | italic |
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.activeBackground#BD93F910
- activityBar.activeBorder#FF79C680
- activityBar.foreground#F8F8F2
- activityBar.inactiveForeground#6272A4
- activityBarBadge.background#FF79C6
- activityBarBadge.foreground#F8F8F2
- badge.background#44475A
- badge.foreground#F8F8F2
- breadcrumb.activeSelectionForeground#F8F8F2
- breadcrumb.background#13141f
- breadcrumb.focusForeground#F8F8F2
- breadcrumb.foreground#6272A4
- breadcrumbPicker.background#12131d
- button.background#44475A
- button.foreground#F8F8F2
- contrastBorder#12131d
- debugToolBar.background#13141f
- diffEditor.insertedTextBackground#50FA7B20
- diffEditor.removedTextBackground#FF555550
- dropdown.background#181928
- dropdown.border#12131d
- dropdown.foreground#F8F8F2
- editor.background#263238
- editor.findMatchBackground#FFB86C80
- editor.findMatchHighlightBackground#FFFFFF40
- editor.findRangeHighlightBackground#44475A75
- editor.foldBackground#FFFFFF1A
- editor.foreground#eeffff
- editor.hoverHighlightBackground#8BE9FD50
- editor.lineHighlightBorder#44475A75
- editor.rangeHighlightBackground#BD93F915
- editor.selectionBackground#44475A
- editor.selectionHighlightBackground#282a3685
- editor.snippetFinalTabstopHighlightBackground#13141f
- editor.snippetFinalTabstopHighlightBorder#50FA7B
- editor.snippetTabstopHighlightBackground#13141f
- editor.snippetTabstopHighlightBorder#6272A4
- editor.wordHighlightStrongBackground#50FA7B50
- editorCodeLens.foreground#6272A4
- editorError.foreground#FF5555
- editorGroup.border#BD93F9
- editorGroup.dropBackground#44475A70
- editorGutter.addedBackground#50FA7B80
- editorGutter.deletedBackground#FF555580
- editorGutter.modifiedBackground#8BE9FD80
- editorHoverWidget.background#13141f
- editorHoverWidget.border#6272A4
- editorIndentGuide.background1#FFFFFF1A
- editorLineNumber.foreground#6272A4
- editorLink.activeForeground#8BE9FD
- editorMarkerNavigation.background#13141f
- editorOverviewRuler.addedForeground#50FA7B80
- editorOverviewRuler.border#12131d
- editorOverviewRuler.currentContentForeground#50FA7B
- editorOverviewRuler.deletedForeground#FF555580
- editorOverviewRuler.errorForeground#FF555580
- editorOverviewRuler.incomingContentForeground#BD93F9
- editorOverviewRuler.infoForeground#8BE9FD80
- editorOverviewRuler.modifiedForeground#8BE9FD80
- editorOverviewRuler.selectionHighlightForeground#ffb86cd3
- editorOverviewRuler.warningForeground#FFB86C80
- editorOverviewRuler.wordHighlightForeground#8be8fdd5
- editorOverviewRuler.wordHighlightStrongForeground#50fa7ae7
- editorRuler.foreground#FFFFFF1A
- editorSuggestWidget.background#13141f
- editorSuggestWidget.foreground#F8F8F2
- editorSuggestWidget.selectedBackground#44475A
- editorWarning.foreground#8BE9FD
- editorWhitespace.foreground#FFFFFF1A
- editorWidget.background#13141f
- errorForeground#FF5555
- extensionButton.prominentBackground#50FA7B90
- extensionButton.prominentForeground#F8F8F2
- extensionButton.prominentHoverBackground#50FA7B60
- focusBorder#6272A4
- foreground#F8F8F2
- gitDecoration.conflictingResourceForeground#FFB86C
- gitDecoration.deletedResourceForeground#FF5555
- gitDecoration.ignoredResourceForeground#6272A4
- gitDecoration.modifiedResourceForeground#dacf3e
- gitDecoration.untrackedResourceForeground#50FA7B
- input.background#13141f
- input.border#12131d
- input.foreground#F8F8F2
- input.placeholderForeground#6272A4
- inputOption.activeBorder#BD93F9
- inputValidation.errorBorder#FF5555
- inputValidation.infoBorder#FF79C6
- inputValidation.warningBorder#FFB86C
- list.activeSelectionBackground#44475A
- list.activeSelectionForeground#F8F8F2
- list.dropBackground#44475A
- list.focusBackground#44475A75
- list.highlightForeground#8BE9FD
- listFilterWidget.background#181928
- listFilterWidget.noMatchesOutline#FF5555
- listFilterWidget.outline#282A36
- merge.currentHeaderBackground#50FA7B90
- merge.incomingHeaderBackground#BD93F990
- panel.background#13141f
- panel.border#BD93F9
- panelTitle.activeBorder#FF79C6
- panelTitle.activeForeground#F8F8F2
- panelTitle.inactiveForeground#6272A4
- peekView.border#44475A
- peekViewEditor.background#13141f
- peekViewEditor.matchHighlightBackground#F1FA8C80
- peekViewResult.background#13141f
- peekViewResult.fileForeground#F8F8F2
- peekViewResult.lineForeground#F8F8F2
- peekViewResult.matchHighlightBackground#F1FA8C80
- peekViewResult.selectionBackground#44475A
- peekViewResult.selectionForeground#F8F8F2
- peekViewTitle.background#12131d
- peekViewTitleDescription.foreground#6272A4
- peekViewTitleLabel.foreground#F8F8F2
- pickerGroup.border#BD93F9
- pickerGroup.foreground#8BE9FD
- progressBar.background#FF79C6
- selection.background#BD93F9
- settings.checkboxBackground#13141f
- settings.checkboxBorder#12131d
- settings.checkboxForeground#F8F8F2
- settings.dropdownBackground#13141f
- settings.dropdownBorder#12131d
- settings.dropdownForeground#F8F8F2
- settings.headerForeground#F8F8F2
- settings.modifiedItemIndicator#FFB86C
- settings.numberInputBackground#13141f
- settings.numberInputBorder#12131d
- settings.numberInputForeground#F8F8F2
- settings.textInputBackground#13141f
- settings.textInputBorder#12131d
- settings.textInputForeground#F8F8F2
- sideBar.foreground#F8F8F2
- sideBarSectionHeader.border#12131d
- sideBarTitle.foreground#F8F8F2
- statusBar.debuggingBackground#FF5555
- statusBar.debuggingForeground#12131d
- statusBar.noFolderBackground#12131d
- statusBar.noFolderForeground#F8F8F2
- statusBarItem.prominentBackground#FF5555
- statusBarItem.prominentHoverBackground#FFB86C
- statusBarItem.remoteBackground#BD93F9
- statusBarItem.remoteForeground#F8F8F2
- tab.activeBorder#263238
- tab.activeBorderTop#FF79C6
- tab.border#12131d
- tab.inactiveForeground#6272A4
- terminal.ansiBrightBlack#6272A4
- terminal.ansiBrightBlue#D6ACFF
- terminal.ansiBrightGreen#69FF94
- terminal.ansiBrightRed#FF6E6E
- terminal.ansiBrightYellow#FFFFA5
- terminal.foreground#F8F8F2
- titleBar.activeBackground#13141f
- titleBar.activeForeground#F8F8F2
- titleBar.inactiveBackground#12131d
- titleBar.inactiveForeground#6272A4
- toolbar.activeBackground#22748f61
- toolbar.hoverBackground#1f6982f2
- walkThrough.embeddedEditorBackground#13141f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| emphasis | — | italic |
| strong | — | bold |
| header | #BD93F9 | — |
| source | #F8F8F2 | — |
| meta.diff, meta.diff.header | #6272A4 | — |
| markup.inserted | #50FA7B | — |
| markup.deleted | #FF5555 | — |
| markup.changed | #FFB86C | — |
| invalid | #FF5555 | underline italic |
| invalid.deprecated | #F8F8F2 | underline italic |
| entity.name.filename | #F1FA8C | — |
| markup.error | #FF5555 | — |
| markup.underline | — | underline |
| markup.bold | #FFB86C | bold |
| markup.heading | #BD93F9 | bold |
| markup.italic | #F1FA8C | italic |
| beginning.punctuation.definition.list.markdown, beginning.punctuation.definition.quote.markdown, punctuation.definition.link.restructuredtext | #8BE9FD | — |
| markup.inline.raw, markup.raw.restructuredtext | #50FA7B | — |
| markup.underline.link, markup.underline.link.image | #8BE9FD | — |
| meta.link.reference.def.restructuredtext, punctuation.definition.directive.restructuredtext, string.other.link.description, string.other.link.title | #FF79C6 | — |
| entity.name.directive.restructuredtext, markup.quote | #F1FA8C | italic |
| meta.separator.markdown | #6272A4 | — |
| fenced_code.block.language, markup.raw.inner.restructuredtext, markup.fenced_code.block.markdown punctuation.definition.markdown | #50FA7B | — |
| punctuation.definition.constant.restructuredtext | #BD93F9 | — |
| markup.heading.markdown punctuation.definition.string.begin, markup.heading.markdown punctuation.definition.string.end | #BD93F9 | — |
| meta.paragraph.markdown punctuation.definition.string.begin, meta.paragraph.markdown punctuation.definition.string.end | #F8F8F2 | — |
| markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.begin, markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.end | #F1FA8C | — |
| entity.name.type.class, entity.name.class | #8BE9FD | |
| keyword.expressions-and-types.swift, keyword.other.this, variable.language, variable.language punctuation.definition.variable.php, variable.other.readwrite.instance.ruby, variable.parameter.function.language.special | #BD93F9 | italic |
| entity.other.inherited-class | #8BE9FD | italic |
| comment, punctuation.definition.comment, unused.comment, wildcard.comment | #6272A4 | — |
| comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class | #FF79C6 | — |
| comment.block.documentation entity.name.type | #8BE9FD | italic |
| comment.block.documentation entity.name.type punctuation.definition.bracket | #8BE9FD | — |
| comment.block.documentation variable | #FFB86C | italic |
| constant, variable.other.constant | #BD93F9 | — |
| constant.character.escape, constant.character.string.escape, constant.regexp | #FF79C6 | — |
| entity.name.tag | #FF79C6 | — |
| support.class.component.html | — | italic bold |
| entity.other.attribute-name.parent-selector | #FF79C6 | — |
| entity.other.attribute-name | #50FA7B | italic |
| entity.name.function, meta.function-call.generic, meta.function-call.object, meta.function-call.php, meta.function-call.static, meta.method-call.java meta.method, meta.method.groovy, support.function.any-method.lua, keyword.operator.function.infix | #50FA7B | — |
| entity.name.variable.parameter, meta.at-rule.function variable, meta.at-rule.mixin variable, meta.function.arguments variable.other.php, meta.selectionset.graphql meta.arguments.graphql variable.arguments.graphql, variable.parameter | #FFB86C | italic |
| meta.decorator variable.other.readwrite, meta.decorator variable.other.property | #50FA7B | italic |
| meta.decorator variable.other.object | #50FA7B | — |
| keyword, punctuation.definition.keyword | #FF79C6 | — |
| keyword.control.new, keyword.operator.new | — | bold |
| meta.selector | #FF79C6 | — |
| support | #8BE9FD | italic |
| support.function.magic, support.variable, variable.other.predefined | #BD93F9 | |
| support.function, support.type.property-name | — | |
| constant.other.symbol.hashkey punctuation.definition.constant.ruby, entity.other.attribute-name.placeholder punctuation, entity.other.attribute-name.pseudo-class punctuation, entity.other.attribute-name.pseudo-element punctuation, meta.group.double.toml, meta.group.toml, meta.object-binding-pattern-variable punctuation.destructuring, punctuation.colon.graphql, punctuation.definition.block.scalar.folded.yaml, punctuation.definition.block.scalar.literal.yaml, punctuation.definition.block.sequence.item.yaml, punctuation.definition.entity.other.inherited-class, punctuation.function.swift, punctuation.separator.dictionary.key-value, punctuation.separator.hash, punctuation.separator.inheritance, punctuation.separator.key-value, punctuation.separator.key-value.mapping.yaml, punctuation.separator.namespace, punctuation.separator.pointer-access, punctuation.separator.slice, string.unquoted.heredoc punctuation.definition.string, support.other.chomping-indicator.yaml, punctuation.separator.annotation | #FF79C6 | — |
| keyword.operator.other.powershell, keyword.other.statement-separator.powershell, meta.brace.round, meta.function-call punctuation, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.definition.entity.begin, punctuation.definition.entity.end, punctuation.definition.tag.cs, punctuation.definition.type.begin, punctuation.definition.type.end, punctuation.section.scope.begin, punctuation.section.scope.end, storage.type.generic.java, string.template meta.brace, string.template punctuation.accessor | #F8F8F2 | — |
| meta.string-contents.quoted.double punctuation.definition.variable, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.coffee, punctuation.section.embedded.end, punctuation.section.embedded.end source.php, punctuation.section.embedded.end source.ruby, punctuation.definition.variable.makefile | #FF79C6 | — |
| entity.name.function.target.makefile, entity.name.section.toml, entity.name.tag.yaml, variable.other.key.toml | #8BE9FD | — |
| constant.other.date, constant.other.timestamp | #FFB86C | — |
| variable.other.alias.yaml | #50FA7B | italic underline |
| storage, meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc, source.groovy storage.type.def | #FF79C6 | |
| entity.name.type, keyword.primitive-datatypes.swift, keyword.type.cs, meta.protocol-list.objc, meta.return-type.objc, source.go storage.type, source.groovy storage.type, source.java storage.type, source.powershell entity.other.attribute-name, storage.class.std.rust, storage.type.attribute.swift, storage.type.c, storage.type.core.rust, storage.type.cs, storage.type.groovy, storage.type.objc, storage.type.php, storage.type.php, storage.type.ocaml | #8BE9FD | italic |
| entity.name.type.type-parameter, meta.indexer.mappedtype.declaration entity.name.type, meta.type.parameters entity.name.type | #FFB86C | — |
| storage.modifier | #FF79C6 | — |
| string.regexp, constant.other.character-class.set.regexp, constant.character.escape.backslash.regexp | #F1FA8C | — |
| punctuation.definition.group.capture.regexp | #FF79C6 | — |
| string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end | #FF5555 | — |
| punctuation.definition.character-class.regexp | #8BE9FD | — |
| punctuation.definition.group.regexp | #FFB86C | — |
| punctuation.definition.group.assertion.regexp, keyword.operator.negation.regexp | #FF5555 | — |
| meta.assertion.look-ahead.regexp | #50FA7B | — |
| string | #F1FA8C | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #E9F284 | — |
| punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end | #8BE9FE | — |
| string.quoted.docstring.multi, string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.quoted.docstring.multi.python constant.character.escape | #6272A4 | — |
| variable, constant.other.key.perl, support.variable.property, variable.other.constant.js, variable.other.constant.ts, variable.other.constant.tsx | #F8F8F2 | — |
| meta.import variable.other.readwrite, meta.object-binding-pattern-variable variable.object.property, meta.variable.assignment.destructured.object.coffee variable | #FFB86C | italic |
| meta.import variable.other.readwrite.alias, meta.export variable.other.readwrite.alias, meta.variable.assignment.destructured.object.coffee variable variable | #F8F8F2 | |
| meta.selectionset.graphql variable | #F1FA8C | — |
| meta.selectionset.graphql meta.arguments variable | #F8F8F2 | — |
| entity.name.fragment.graphql, variable.fragment.graphql | #8BE9FD | — |
| constant.other.symbol.hashkey.ruby, keyword.operator.dereference.java, keyword.operator.navigation.groovy, meta.scope.for-loop.shell punctuation.definition.string.begin, meta.scope.for-loop.shell punctuation.definition.string.end, meta.scope.for-loop.shell string, storage.modifier.import, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.separator.list.comma.css, constant.language.empty-list.haskell | #F8F8F2 | — |
| source.shell variable.other | #BD93F9 | — |
| support.constant | #BD93F9 | |
| meta.scope.prerequisites.makefile | #F1FA8C | — |
| meta.attribute-selector.scss | #F1FA8C | — |
| punctuation.definition.attribute-selector.end.bracket.square.scss, punctuation.definition.attribute-selector.begin.bracket.square.scss | #F8F8F2 | — |
| meta.preprocessor.haskell | #6272A4 | — |
| invalid, keyword.operator, constant.numeric.css, keyword.other.unit.px.css, constant.numeric.decimal.js, constant.numeric.json, italic, keyword.control, quote, storage, modifier, this, comment, string, entity.name.function, support.function, support.type.property-name, entity.other.attribute-name, punctuation.definition.comment, text.html.basic entity.other, markup.quote, markup.italic, meta.tag.sgml.doctype, punctuation.binary, markup.changed, meta.diff.header, meta.diff.header.from-file, meta.diff.header.to-file, markup.deleted.diff, markup.inserted.diff, meta.delimiter.period, punctuation.accessor, meta.var.expr, meta.class meta.method.declaration meta.var.expr storage.type, variable.other.object.property, entity.name.tag.doctype, meta.tag.sgml.doctype, entity.name.section, meta.selector, comment, entity.name.type.class //class names, keyword //import, export, return…, constant //String, Number, Boolean…, this, super, storage.modifier //static keyword, storage.type.class.js //class keyword, markup.italic, markup.quote, keyword.expressions-and-types.swift, keyword.other.this, variable.language, variable.language punctuation.definition.variable.php, variable.other.readwrite.instance.ruby, variable.parameter.function.language.special, entity.other.inherited-class, comment.block.documentation entity.name.type, comment.block.documentation variable, entity.other.attribute-name, entity.name.variable.parameter, meta.at-rule.function variable, meta.at-rule.mixin variable, meta.function.arguments variable.other.php, meta.selectionset.graphql meta.arguments.graphql variable.arguments.graphql, variable.parameter, meta.decorator variable.other.readwrite, meta.decorator variable.other.property, support, variable.other.alias.yaml, entity.name.type // Type names, keyword.primitive-datatypes.swift, keyword.type.cs, meta.protocol-list.objc, meta.return-type.objc, source.go storage.type, source.groovy storage.type, source.java storage.type, source.powershell entity.other.attribute-name, storage.class.std.rust, storage.type.attribute.swift, storage.type.c, storage.type.core.rust, storage.type.cs, storage.type.groovy, storage.type.objc, storage.type.php, storage.type.php, storage.type.ocaml, meta.import variable.other.readwrite, meta.object-binding-pattern-variable variable.object.property, meta.variable.assignment.destructured.object.coffee variable, emphasis, meta.property-list.css meta.property-value.css variable.other.less, meta.property-list.scss variable.scss, meta.property-list.sass variable.sass, meta.brace, keyword.operator.operator, keyword.operator.or.regexp, keyword.operator.expression.in, keyword.operator.relational, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.type, keyword.operator, keyword, punctuation.definintion.string, punctuation, variable.other.readwrite.js, storage.type, source.css, string.quoted, entity.name.type.js, entity.name.type.module.js, keyword.operator.logical, keyword.operator, entity.name.tag, meta.tag.other.html, meta.tag.other.js, meta.tag.other.tsx, entity.name.tag.tsx, entity.name.tag.js, entity.name.tag, meta.tag.js, meta.tag.tsx, meta.tag.html | — | |
| markup.changed, meta.diff.header.git, meta.diff.header.from-file, meta.diff.header.to-file, markup.deleted.diff, markup.inserted.diff, comment, punctuation.accessor, keyword, storage, meta.var.expr, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.ts, storage.type.property.tsx, entity.name.function, entity.other.attribute-name, keyword.operator.relational, meta.delimiter.period, meta.selector, entity.name.tag.doctype, meta.tag.sgml.doctype, variable.other.object.property, entity.name.function, keyword.operator.comparison, keyword.control.flow.js, keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.ruby, keyword.control.module.ruby, keyword.control.class.ruby, keyword.control.def.ruby, keyword.control.loop.js, keyword.control.loop.ts, keyword.control.import.js, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.from.js, keyword.control.from.ts, keyword.control.from.tsx, keyword.operator.instanceof.js, keyword.operator.expression.instanceof.ts, keyword.operator.expression.instanceof.tsx, italic, quote, source.elixir .punctuation.binary.elixir, source.go keyword.package.go, source.go keyword.import.go, source.go keyword.function.go, source.go keyword.type.go, source.go keyword.struct.go, source.go keyword.interface.go, source.go keyword.const.go, source.go keyword.var.go, source.go keyword.map.go, source.go keyword.channel.go, source.go keyword.control.go, meta.tag.sgml.doctype.html, variable.other.object.js, markup.italic.markdown, markup.quote.markdown, keyword.control | — | italic |
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.activeFocusBorder#fce566
- activityBar.background#131313
- activityBar.border#131313
- activityBar.foreground#bab6c0
- activityBar.inactiveForeground#525053
- activityBarBadge.background#fce566
- activityBarBadge.foreground#222222
- badge.background#fce566
- badge.foreground#222222
- banner.background#363537
- banner.foreground#bab6c0
- banner.iconForeground#bab6c0
- breadcrumb.activeSelectionForeground#f7f1ff
- breadcrumb.focusForeground#bab6c0
- breadcrumb.foreground#8b888f
- breadcrumbPicker.background#222222
- button.background#363537
- button.foreground#bab6c0
- button.hoverBackground#525053
- button.secondaryBackground#363537
- button.secondaryForeground#bab6c0
- button.secondaryHoverBackground#525053
- button.separator#222222
- charts.blue#5ad4e6
- charts.foreground#f7f1ff
- charts.green#7bd88f
- charts.lines#69676c
- charts.orange#fd9353
- charts.purple#948ae3
- charts.red#fc618d
- charts.yellow#fce566
- chat.avatarBackground#222222
- chat.avatarForeground#948ae3
- chat.requestBackground#363537
- chat.requestBorder#525053
- chat.slashCommandBackground#00000000
- chat.slashCommandForeground#fce566
- checkbox.background#363537
- checkbox.border#363537
- checkbox.foreground#f7f1ff
- commandCenter.activeBackground#222222
- commandCenter.activeForeground#bab6c0
- commandCenter.background#191919
- commandCenter.border#222222
- commandCenter.debuggingBackground#191919
- commandCenter.foreground#8b888f
- debugConsole.errorForeground#fc618d
- debugConsole.infoForeground#5ad4e6
- debugConsole.sourceForeground#f7f1ff
- debugConsole.warningForeground#fd9353
- debugConsoleInputIcon.foreground#fce566
- debugExceptionWidget.background#363537
- debugExceptionWidget.border#222222
- debugIcon.breakpointCurrentStackframeForeground#fce566
- debugIcon.breakpointDisabledForeground#bab6c0
- debugIcon.breakpointForeground#fc618d
- debugIcon.breakpointStackframeForeground#f7f1ff
- debugIcon.breakpointUnverifiedForeground#fd9353
- debugIcon.continueForeground#f7f1ff
- debugIcon.disconnectForeground#f7f1ff
- debugIcon.pauseForeground#f7f1ff
- debugIcon.restartForeground#7bd88f
- debugIcon.startForeground#7bd88f
- debugIcon.stepBackForeground#f7f1ff
- debugIcon.stepIntoForeground#f7f1ff
- debugIcon.stepOutForeground#f7f1ff
- debugIcon.stepOverForeground#f7f1ff
- debugIcon.stopForeground#fc618d
- debugTokenExpression.boolean#fd9353
- debugTokenExpression.error#fc618d
- debugTokenExpression.name#5ad4e6
- debugTokenExpression.number#948ae3
- debugTokenExpression.string#fce566
- debugTokenExpression.value#f7f1ff
- debugToolBar.background#363537
- debugView.exceptionLabelBackground#fc618d
- debugView.exceptionLabelForeground#222222
- debugView.stateLabelBackground#7bd88f
- debugView.stateLabelForeground#222222
- debugView.valueChangedHighlight#fce566
- descriptionForeground#8b888f
- diffEditor.diagonalFill#363537
- diffEditor.insertedLineBackground#7bd88f19
- diffEditor.insertedTextBackground#7bd88f19
- diffEditor.move.border
- diffEditor.moveActive.border
- diffEditor.removedLineBackground#fc618d19
- diffEditor.removedTextBackground#fc618d19
- diffEditor.unchangedCodeBackground#191919
- diffEditor.unchangedRegionBackground#191919
- diffEditor.unchangedRegionForeground#bab6c0
- diffEditor.unchangedRegionShadow#131313
- diffEditorGutter.insertedLineBackground#7bd88f19
- diffEditorGutter.removedLineBackground#fc618d19
- diffEditorOverview.insertedForeground#7bd88fa5
- diffEditorOverview.removedForeground#fc618da5
- dropdown.background#222222
- dropdown.border#222222
- dropdown.foreground#8b888f
- dropdown.listBackground#363537
- editor.background#222222
- editor.findMatchBackground#f7f1ff26
- editor.findMatchBorder#fce566
- editor.findMatchHighlightBackground#f7f1ff26
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#f7f1ff0c
- editor.findRangeHighlightBorder#00000000
- editor.focusedStackFrameHighlightBackground#bab6c026
- editor.foldBackground#f7f1ff0c
- editor.foreground#f7f1ff
- editor.hoverHighlightBackground#f7f1ff0c
- editor.inactiveSelectionBackground#f7f1ff0c
- editor.inlineValuesBackground#525053
- editor.inlineValuesForeground#bab6c0
- editor.lineHighlightBackground#f7f1ff0c
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#363537
- editor.rangeHighlightBackground#363537
- editor.rangeHighlightBorder#363537
- editor.selectionBackground#bab6c026
- editor.selectionHighlightBackground#f7f1ff26
- editor.selectionHighlightBorder#00000000
- editor.stackFrameHighlightBackground#bab6c026
- editor.wordHighlightBackground#f7f1ff26
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#f7f1ff26
- editor.wordHighlightStrongBorder#00000000
- editorBracketHighlight.foreground1#fc618d
- editorBracketHighlight.foreground2#fd9353
- editorBracketHighlight.foreground3#fce566
- editorBracketHighlight.foreground4#7bd88f
- editorBracketHighlight.foreground5#5ad4e6
- editorBracketHighlight.foreground6#948ae3
- editorBracketMatch.background#222222
- editorBracketMatch.border#69676c
- editorCodeLens.foreground#69676c
- editorCursor.background#222222
- editorCursor.foreground#f7f1ff
- editorError.background#00000000
- editorError.border#00000000
- editorError.foreground#fc618d
- editorGhostText.foreground#69676c
- editorGroup.border#191919
- editorGroup.dropBackground#191919bf
- editorGroup.emptyBackground#131313
- editorGroup.focusedEmptyBorder#191919
- editorGroupHeader.noTabsBackground#222222
- editorGroupHeader.tabsBackground#222222
- editorGroupHeader.tabsBorder#222222
- editorGutter.addedBackground#7bd88f
- editorGutter.background#222222
- editorGutter.deletedBackground#fc618d
- editorGutter.foldingControlForeground#bab6c0
- editorGutter.modifiedBackground#fd9353
- editorHint.border#222222
- editorHint.foreground#948ae3
- editorHoverWidget.background#363537
- editorHoverWidget.border#222222
- editorIndentGuide.background#363537
- editorInfo.background#00000000
- editorInfo.border#222222
- editorInfo.foreground#5ad4e6
- editorInlayHint.background#363537
- editorInlayHint.foreground#8b888f
- editorLightBulb.foreground#fce566
- editorLightBulbAi.foreground#fce566
- editorLightBulbAutoFix.foreground#7bd88f
- editorLineNumber.activeForeground#bab6c0
- editorLineNumber.foreground#525053
- editorLink.activeForeground#5ad4e6
- editorMarkerNavigation.background#363537
- editorMarkerNavigationError.background#fc618d
- editorMarkerNavigationInfo.background#5ad4e6
- editorMarkerNavigationWarning.background#fd9353
- editorOverviewRuler.addedForeground#7bd88f
- editorOverviewRuler.border#222222
- editorOverviewRuler.currentContentForeground#363537
- editorOverviewRuler.deletedForeground#fc618d
- editorOverviewRuler.errorForeground#fc618d
- editorOverviewRuler.findMatchForeground#f7f1ff26
- editorOverviewRuler.incomingContentForeground#363537
- editorOverviewRuler.infoForeground#5ad4e6
- editorOverviewRuler.modifiedForeground#fd9353
- editorOverviewRuler.rangeHighlightForeground#f7f1ff26
- editorOverviewRuler.selectionHighlightForeground#f7f1ff26
- editorOverviewRuler.warningForeground#fd9353
- editorOverviewRuler.wordHighlightForeground#f7f1ff26
- editorOverviewRuler.wordHighlightStrongForeground#f7f1ff26
- editorPane.background#222222
- editorRuler.foreground#525053
- editorStickyScroll.background#222222
- editorStickyScroll.border#363537
- editorStickyScroll.shadow#222222
- editorStickyScrollHover.background#f7f1ff0c
- editorSuggestWidget.background#363537
- editorSuggestWidget.border#363537
- editorSuggestWidget.foreground#bab6c0
- editorSuggestWidget.highlightForeground#f7f1ff
- editorSuggestWidget.selectedBackground#69676c
- editorUnnecessaryCode.opacity#000000a5
- editorWarning.background#00000000
- editorWarning.border#00000000
- editorWarning.foreground#fd9353
- editorWhitespace.foreground#525053
- editorWidget.background#363537
- editorWidget.border#363537
- errorForeground#fc618d
- extensionBadge.remoteForeground#7bd88f
- extensionButton.prominentBackground#363537
- extensionButton.prominentForeground#f7f1ff
- extensionButton.prominentHoverBackground#525053
- extensionIcon.preReleaseForeground#948ae3
- extensionIcon.sponsorForeground#5ad4e6
- extensionIcon.starForeground#fce566
- extensionIcon.verifiedForeground#7bd88f
- focusBorder#69676c
- foreground#f7f1ff
- gitDecoration.addedResourceForeground#7bd88f
- gitDecoration.conflictingResourceForeground#fd9353
- gitDecoration.deletedResourceForeground#fc618d
- gitDecoration.ignoredResourceForeground#525053
- gitDecoration.modifiedResourceForeground#fce566
- gitDecoration.stageDeletedResourceForeground#fc618d
- gitDecoration.stageModifiedResourceForeground#fce566
- gitDecoration.untrackedResourceForeground#bab6c0
- icon.foreground#8b888f
- inlineChat.background#222222
- inlineChat.border#191919
- inlineChat.shadow#131313
- inlineChatDiff.inserted#7bd88f19
- inlineChatDiff.removed#7bd88f19
- input.background#363537
- input.border#363537
- input.foreground#f7f1ff
- input.placeholderForeground#69676c
- inputOption.activeBackground#525053
- inputOption.activeBorder#525053
- inputOption.activeForeground#f7f1ff
- inputOption.hoverBackground#525053
- inputValidation.errorBackground#363537
- inputValidation.errorBorder#fc618d
- inputValidation.errorForeground#fc618d
- inputValidation.infoBackground#363537
- inputValidation.infoBorder#5ad4e6
- inputValidation.infoForeground#5ad4e6
- inputValidation.warningBackground#363537
- inputValidation.warningBorder#fd9353
- inputValidation.warningForeground#fd9353
- interactive.activeCodeBorder#69676c
- interactive.inactiveCodeBorder#363537
- keybindingLabel.background#525053
- keybindingLabel.border#525053
- keybindingLabel.bottomBorder#363537
- keybindingLabel.foreground#bab6c0
- list.activeSelectionBackground#f7f1ff0c
- list.activeSelectionForeground#fce566
- list.dropBackground#191919bf
- list.errorForeground#fc618d
- list.focusBackground#222222
- list.focusForeground#f7f1ff
- list.highlightForeground#f7f1ff
- list.hoverBackground#f7f1ff0c
- list.hoverForeground#f7f1ff
- list.inactiveFocusBackground#222222
- list.inactiveSelectionBackground#bab6c00c
- list.inactiveSelectionForeground#fce566
- list.invalidItemForeground#fc618d
- list.warningForeground#fd9353
- listFilterWidget.background#222222
- listFilterWidget.noMatchesOutline#fc618d
- listFilterWidget.outline#222222
- listFilterWidget.shadow#131313
- menu.background#222222
- menu.border#191919
- menu.foreground#f7f1ff
- menu.selectionForeground#fce566
- menu.separatorBackground#363537
- menubar.selectionForeground#f7f1ff
- merge.border#222222
- merge.commonContentBackground#f7f1ff19
- merge.commonHeaderBackground#f7f1ff26
- merge.currentContentBackground#fc618d19
- merge.currentHeaderBackground#fc618d26
- merge.incomingContentBackground#7bd88f19
- merge.incomingHeaderBackground#7bd88f26
- mergeEditor.change.background#f7f1ff19
- mergeEditor.change.word.background#f7f1ff19
- mergeEditor.conflict.handled.minimapOverViewRuler#7bd88f
- mergeEditor.conflict.handledFocused.border#7bd88f
- mergeEditor.conflict.handledUnfocused.border#7bd88f
- mergeEditor.conflict.unhandled.minimapOverViewRuler#fc618d
- mergeEditor.conflict.unhandledFocused.border#fc618d
- mergeEditor.conflict.unhandledUnfocused.border#fc618d
- minimap.errorHighlight#fc618da5
- minimap.findMatchHighlight#8b888fa5
- minimap.infoHighlight#5ad4e6a5
- minimap.selectionHighlight#bab6c026
- minimap.selectionOccurrenceHighlight#69676ca5
- minimap.warningHighlight#fd9353a5
- minimapGutter.addedBackground#7bd88f
- minimapGutter.deletedBackground#fc618d
- minimapGutter.modifiedBackground#fce566
- notebook.cellBorderColor#363537
- notebook.cellEditorBackground#1919197f
- notebook.cellInsertionIndicator#f7f1ff
- notebook.cellStatusBarItemHoverBackground#69676c
- notebook.cellToolbarSeparator#363537
- notebook.editorBackground#222222
- notebook.focusedEditorBorder#69676c
- notebookStatusErrorIcon.foreground#fc618d
- notebookStatusRunningIcon.foreground#f7f1ff
- notebookStatusSuccessIcon.foreground#7bd88f
- notificationCenter.border#363537
- notificationCenterHeader.background#363537
- notificationCenterHeader.foreground#8b888f
- notificationLink.foreground#fce566
- notifications.background#363537
- notifications.border#363537
- notifications.foreground#bab6c0
- notificationsErrorIcon.foreground#fc618d
- notificationsInfoIcon.foreground#5ad4e6
- notificationsWarningIcon.foreground#fd9353
- notificationToast.border#363537
- panel.background#363537
- panel.border#222222
- panel.dropBackground#191919bf
- panelStickyScroll.background#363537
- panelStickyScroll.border#DIMMED4
- panelStickyScroll.shadow#363537
- panelTitle.activeBorder#fce566
- panelTitle.activeForeground#fce566
- panelTitle.inactiveForeground#8b888f
- peekView.border#222222
- peekViewEditor.background#363537
- peekViewEditor.matchHighlightBackground#525053
- peekViewEditorGutter.background#363537
- peekViewResult.background#363537
- peekViewResult.fileForeground#8b888f
- peekViewResult.lineForeground#8b888f
- peekViewResult.matchHighlightBackground#525053
- peekViewResult.selectionBackground#363537
- peekViewResult.selectionForeground#f7f1ff
- peekViewTitle.background#363537
- peekViewTitleDescription.foreground#8b888f
- peekViewTitleLabel.foreground#f7f1ff
- pickerGroup.border#222222
- pickerGroup.foreground#525053
- ports.iconRunningProcessForeground#7bd88f
- problemsErrorIcon.foreground#fc618d
- problemsInfoIcon.foreground#5ad4e6
- problemsWarningIcon.foreground#fd9353
- profileBadge.background#363537
- profileBadge.foreground#bab6c0
- progressBar.background#69676c
- sash.hoverBorder#69676c
- scrollbar.shadow#222222
- scrollbarSlider.activeBackground#f7f1ff59
- scrollbarSlider.background#bab6c026
- scrollbarSlider.hoverBackground#f7f1ff26
- selection.background#bab6c026
- settings.checkboxBackground#363537
- settings.checkboxBorder#363537
- settings.checkboxForeground#f7f1ff
- settings.dropdownBackground#363537
- settings.dropdownBorder#363537
- settings.dropdownForeground#f7f1ff
- settings.dropdownListBorder#8b888f
- settings.headerForeground#fce566
- settings.modifiedItemForeground#fce566
- settings.modifiedItemIndicator#fce566
- settings.numberInputBackground#363537
- settings.numberInputBorder#363537
- settings.numberInputForeground#f7f1ff
- settings.rowHoverBackground#69676c0c
- settings.sashBorder#363537
- settings.settingsHeaderHoverForeground#f7f1ff
- settings.textInputBackground#363537
- settings.textInputBorder#363537
- settings.textInputForeground#f7f1ff
- sideBar.background#191919
- sideBar.border#131313
- sideBar.dropBackground#191919bf
- sideBar.foreground#8b888f
- sideBarSectionHeader.background#191919
- sideBarSectionHeader.foreground#69676c
- sideBarStickyScroll.background#191919
- sideBarStickyScroll.border#363537
- sideBarStickyScroll.shadow#191919
- sideBarTitle.foreground#525053
- simpleFindWidget.sashBorder
- statusBar.background#191919
- statusBar.border#131313
- statusBar.debuggingBackground#69676c
- statusBar.debuggingBorder#191919
- statusBar.debuggingForeground#f7f1ff
- statusBar.focusBorder#363537
- statusBar.foreground#69676c
- statusBar.noFolderBackground#191919
- statusBar.noFolderBorder#131313
- statusBar.noFolderForeground#69676c
- statusBarItem.activeBackground#222222
- statusBarItem.errorBackground#222222
- statusBarItem.errorForeground#fc618d
- statusBarItem.focusBorder#69676c
- statusBarItem.hoverBackground#f7f1ff0c
- statusBarItem.offlineBackground
- statusBarItem.offlineForeground
- statusBarItem.prominentBackground#363537
- statusBarItem.prominentHoverBackground#363537
- statusBarItem.remoteBackground#191919
- statusBarItem.remoteForeground#7bd88f
- statusBarItem.warningBackground#222222
- statusBarItem.warningForeground#fd9353
- symbolIcon.arrayForeground#fc618d
- symbolIcon.booleanForeground#fc618d
- symbolIcon.classForeground#5ad4e6
- symbolIcon.colorForeground#948ae3
- symbolIcon.constantForeground#948ae3
- symbolIcon.constructorForeground#7bd88f
- symbolIcon.enumeratorForeground#fd9353
- symbolIcon.enumeratorMemberForeground#fd9353
- symbolIcon.eventForeground#fd9353
- symbolIcon.fieldForeground#fd9353
- symbolIcon.fileForeground#bab6c0
- symbolIcon.folderForeground#bab6c0
- symbolIcon.functionForeground#7bd88f
- symbolIcon.interfaceForeground#5ad4e6
- symbolIcon.keyForeground#fd9353
- symbolIcon.keywordForeground#fc618d
- symbolIcon.methodForeground#7bd88f
- symbolIcon.moduleForeground#5ad4e6
- symbolIcon.namespaceForeground#5ad4e6
- symbolIcon.nullForeground#948ae3
- symbolIcon.numberForeground#948ae3
- symbolIcon.objectForeground#5ad4e6
- symbolIcon.operatorForeground#fc618d
- symbolIcon.packageForeground#948ae3
- symbolIcon.propertyForeground#fd9353
- symbolIcon.referenceForeground#948ae3
- symbolIcon.snippetForeground#7bd88f
- symbolIcon.stringForeground#fce566
- symbolIcon.structForeground#fc618d
- symbolIcon.textForeground#fce566
- symbolIcon.typeParameterForeground#fd9353
- symbolIcon.unitForeground#948ae3
- symbolIcon.variableForeground#5ad4e6
- tab.activeBackground#222222
- tab.activeBorder#fce566
- tab.activeForeground#fce566
- tab.activeModifiedBorder#525053
- tab.border#222222
- tab.hoverBackground#222222
- tab.hoverBorder#525053
- tab.hoverForeground#f7f1ff
- tab.inactiveBackground#222222
- tab.inactiveForeground#8b888f
- tab.inactiveModifiedBorder#525053
- tab.lastPinnedBorder#525053
- tab.unfocusedActiveBorder#8b888f
- tab.unfocusedActiveForeground#bab6c0
- tab.unfocusedActiveModifiedBorder#363537
- tab.unfocusedHoverBackground#222222
- tab.unfocusedHoverBorder#222222
- tab.unfocusedHoverForeground#bab6c0
- tab.unfocusedInactiveForeground#8b888f
- tab.unfocusedInactiveModifiedBorder#363537
- terminal.ansiBlack#363537
- terminal.ansiBlue#fd9353
- terminal.ansiBrightBlack#69676c
- terminal.ansiBrightBlue#fd9353
- terminal.ansiBrightCyan#5ad4e6
- terminal.ansiBrightGreen#7bd88f
- terminal.ansiBrightMagenta#948ae3
- terminal.ansiBrightRed#fc618d
- terminal.ansiBrightWhite#f7f1ff
- terminal.ansiBrightYellow#fce566
- terminal.ansiCyan#5ad4e6
- terminal.ansiGreen#7bd88f
- terminal.ansiMagenta#948ae3
- terminal.ansiRed#fc618d
- terminal.ansiWhite#f7f1ff
- terminal.ansiYellow#fce566
- terminal.background#363537
- terminal.foreground#f7f1ff
- terminal.selectionBackground#f7f1ff26
- terminalCommandDecoration.defaultBackground#f7f1ff
- terminalCommandDecoration.errorBackground#fc618d
- terminalCommandDecoration.successBackground#7bd88f
- terminalCursor.background#00000000
- terminalCursor.foreground#f7f1ff
- testing.iconErrored#fc618d
- testing.iconFailed#fc618d
- testing.iconPassed#7bd88f
- testing.iconQueued#f7f1ff
- testing.iconSkipped#fd9353
- testing.iconUnset#8b888f
- testing.message.error.decorationForeground#fc618d
- testing.message.error.lineBackground#fc618d19
- testing.message.info.decorationForeground#f7f1ff
- testing.message.info.lineBackground#f7f1ff19
- testing.runAction#fce566
- textBlockQuote.background#363537
- textBlockQuote.border#363537
- textCodeBlock.background#363537
- textLink.activeForeground#f7f1ff
- textLink.foreground#fce566
- textPreformat.foreground#f7f1ff
- textSeparator.foreground#69676c
- titleBar.activeBackground#191919
- titleBar.activeForeground#8b888f
- titleBar.border#131313
- titleBar.inactiveBackground#191919
- titleBar.inactiveForeground#525053
- tree.inactiveIndentGuidesStroke#222222
- tree.indentGuidesStroke#363537
- walkThrough.embeddedEditorBackground#191919
- welcomePage.buttonBackground#363537
- welcomePage.buttonHoverBackground#525053
- welcomePage.progress.background#69676c
- welcomePage.progress.foreground#8b888f
- welcomePage.tileBackground#363537
- welcomePage.tileHoverBackground#525053
- welcomePage.tileShadow#131313
- widget.shadow#131313
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text | #69676c | italic |
| comment storage.type | #69676c | — |
| comment entity.name.type | #bab6c0 | — |
| comment variable, comment variable.other | #bab6c0 | — |
| comment keyword, comment entity.name.tag, entity.name.tag.documentation | #bab6c0 | — |
| comment keyword.codetag.notation | #948ae3 | — |
| comment.git-status.header.remote | #fc618d | — |
| comment.git-status.header.local | #5ad4e6 | — |
| comment.other.git-status.head | #f7f1ff | — |
| string.quoted.docstring, string.quoted.docstring punctuation.definition | #69676c | — |
| constant | #948ae3 | — |
| constant.other | #f7f1ff | — |
| constant.other.caps | #948ae3 | — |
| constant.other.placeholder.c | #fd9353 | — |
| constant.other.property | #948ae3 | — |
| constant.other.citation.latex | #948ae3 | — |
| constant.other.color | #948ae3 | — |
| constant.other.character-class.escape | #948ae3 | — |
| constant.other.key | #948ae3 | — |
| constant.other.symbol | #fd9353 | — |
| constant.other.elm | #5ad4e6 | — |
| constant.numeric | #948ae3 | — |
| constant.language | #948ae3 | — |
| constant.character.escape | #948ae3 | — |
| constant.numeric.line-number.find-in-files | #525053 | — |
| constant.numeric.line-number.match.find-in-files | #fce566 | — |
| entity.name.section | #fce566 | — |
| entity.name.function, entity.name.function.templated, entity.name.function.member.static | #7bd88f | — |
| entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace | #5ad4e6 | — |
| entity.name.label | #948ae3 | — |
| entity.name.function.preprocessor | #5ad4e6 | — |
| entity.name | #7bd88f | — |
| entity.name.class | #5ad4e6 | — |
| entity.name.constant | #948ae3 | — |
| entity.name.namespace | #f7f1ff | — |
| entity.other.inherited-class | #5ad4e6 | italic |
| entity.name.function | #7bd88f | — |
| entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component | #fc618d | — |
| entity.name.function.operator | #fc618d | — |
| meta.brackets entity.name.function.operator, punctuation.separator entity.name.function.operator | #8b888f | — |
| entity.name.type, entity.name.type.class.reference, entity.name.type.class.value | #5ad4e6 | — |
| entity.other.attribute-name | #5ad4e6 | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css, entity.other.attribute-name.css, entity.other.animation-name.css | #7bd88f | — |
| entity.other.attribute-name.id.css | #fd9353 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css | #5ad4e6 | italic |
| entity.name.function, support.function | #7bd88f | — |
| entity.other.git-status.hex | #948ae3 | — |
| entity.other.jinja2.delimiter | #8b888f | — |
| entity.name.operator.custom-literal | #f7f1ff | — |
| entity.name.operator.custom-literal.string | #fce566 | — |
| entity.name.operator.custom-literal.number | #948ae3 | — |
| entity.name.type.rust | #5ad4e6 | — |
| entity.name.lifetime.rust | #fc618d | — |
| invalid | #fc618d | italic underline |
| invalid.deprecated | #fd9353 | italic underline |
| keyword | #fc618d | — |
| keyword.control | #fc618d | — |
| keyword.control.directive | #fc618d | — |
| keyword.operator, keyword.operator.member, keyword.operator.new | #fc618d | — |
| keyword.other.substitution | #8b888f | — |
| keyword.other.template.begin, keyword.other.template.end | #fc618d | — |
| keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext | #8b888f | — |
| keyword.other.parenthesis.elm | #8b888f | — |
| keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust | #5ad4e6 | — |
| keyword.control.rust, keyword.operator.misc.rust | #fc618d | — |
| keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby | #fc618d | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.heading | #fce566 | — |
| markup.raw | #fd9353 | — |
| markup.underline | — | underline |
| markup.underline.link | #7bd88f | — |
| markup.inserted, markup.inserted punctuation.definition.inserted | #7bd88f | — |
| markup.deleted, markup.deleted punctuation.definition.deleted | #fc618d | — |
| markup.changed, markup.changed punctuation.definition.changed | #fce566 | — |
| markup.ignored, markup.ignored punctuation.definition.ignored | #8b888f | — |
| markup.untracked | #8b888f | — |
| markup.quote | — | italic |
| meta.brace.round, meta.brace.square, meta.brace.curly, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js | #8b888f | — |
| meta.function-call.generic.python, support.function.builtin.python | #7bd88f | — |
| meta.function-call.python meta.function-call.arguments.python | #f7f1ff | — |
| meta.instance.constructor | #7bd88f | — |
| meta.attribute-with-value.class string, meta.attribute.class.html string | #7bd88f | — |
| meta.attribute-with-value.id string, meta.attribute.id.html string | #fd9353 | — |
| source.json meta.mapping.key string | #f7f1ff | — |
| source.yaml meta.mapping.key string | #fc618d | — |
| meta.object.member | #f7f1ff | — |
| meta.property-list.css variable.other | #fd9353 | — |
| entity.name.constant.preprocessor, meta.preprocessor | #948ae3 | — |
| meta.diff.git-diff.header | #fce566 | — |
| meta.type_params.rust | #f7f1ff | — |
| meta.attribute.rust, meta.annotation.rust, variable.language.rust, variable.annotation.rust, meta.annotation.rust string, meta.annotation.rust keyword, meta.annotation.rust keyword.operator, meta.attribute.rust string | #bab6c0 | — |
| meta.type variable, meta.type variable.other.readwrite | #948ae3 | — |
| punctuation | #8b888f | — |
| punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby, punctuation.definition.group.begin.css, punctuation.definition.group.end.css, punctuation.definition.string.end.html source.css, punctuation.definition.block, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.separator.parameter, punctuation.accessor, punctuation.terminator | #8b888f | — |
| punctuation.definition.group | #f7f1ff | — |
| punctuation.definition.comment | #69676c | — |
| punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css | #bab6c0 | — |
| punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin | #fd9353 | — |
| punctuation.template-string.element.begin, punctuation.template-string.element.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, string.quoted.template punctuation.definition.string.begin, string.quoted.template punctuation.definition.string.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #fc618d | — |
| meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown | — | — |
| markup.underline.link punctuation | #7bd88f | — |
| meta.brace.round, meta.brace.square, keyword.operator.type.annotation, meta.type storage.modifier.array | #8b888f | — |
| region.redish | #fc618d | — |
| region.orangish | #fd9353 | — |
| region.yellowish | #fce566 | — |
| region.greenish | #7bd88f | — |
| region.bluish | #5ad4e6 | — |
| region.purplish | #948ae3 | — |
| region.pinkish | #fc618d | — |
| region.whitish | #FFFFFF | — |
| source | #f7f1ff | — |
| source.scss, source.sass | #8b888f | — |
| source.sass variable.other, source.sass variable.sass, source.scss variable.other, source.scss variable.scss, source.scss variable.sass, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less | #fd9353 | italic |
| source.git-show.commit.sha | #948ae3 | — |
| source.git-show.author, source.git-show.date, source.git-diff.command, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file | #8b888f | — |
| source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha | #948ae3 | — |
| source.git-show meta.diff.range.unified | #fd9353 | — |
| source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file | #8b888f | — |
| storage | #fc618d | — |
| storage.type | #5ad4e6 | italic |
| storage.type.extends | #fc618d | normal |
| storage.type.function.arrow | #fc618d | normal |
| storage.modifier, storage.type.modifier | #fc618d | italic |
| storage.class.restructuredtext.ref | #948ae3 | — |
| storage.modifier.visibility.rust, storage.modifier.lifetime.rust | #fc618d | — |
| storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, storage.type.rust, storage.type.core.rust, storage.class.std.rust | #5ad4e6 | — |
| storage.type.rust, storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, keyword.other.rust, keyword.other.where.rust | #fc618d | — |
| storage.modifier.import.java | #f7f1ff | — |
| string | #fce566 | — |
| string.unquoted.label | #f7f1ff | — |
| string source | #f7f1ff | — |
| string source punctuation.section.embedded, string punctuation.definition.string source | #8b888f | — |
| string.other.link.title, string.other.link.description | #fc618d | — |
| string.other.link.description.title | #5ad4e6 | — |
| string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end | #fc618d | — |
| string.other.ref, string.other.restructuredtext.ref | #7bd88f | — |
| string.other.git-status.help.key | #bab6c0 | — |
| string.other.git-status.remote | #fc618d | — |
| support.constant | #5ad4e6 | — |
| support.constant.handlebars | #8b888f | — |
| support.type.vendor-prefix.css | #bab6c0 | — |
| support.function | #7bd88f | — |
| support.function.delimiter.elm | #8b888f | — |
| support.type, entity.name.type.object.console | #5ad4e6 | italic |
| support.variable, support.variable.property | #5ad4e6 | — |
| support.type.property-name | #f7f1ff | normal |
| support.class | #5ad4e6 | — |
| support.constant.core.rust | #948ae3 | — |
| comment support, comment support.class | #69676c | — |
| text | #f7f1ff | — |
| text.find-in-files | #f7f1ff | — |
| variable, variable.other | #f7f1ff | — |
| variable.parameter, parameters variable.function | #fd9353 | italic |
| variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #bab6c0 | italic |
| variable.language.arguments | #948ae3 | — |
| variable.other.class | #5ad4e6 | — |
| variable.other.constant | #948ae3 | — |
| variable.other.readwrite | #f7f1ff | — |
| variable.other.member | #f7f1ff | — |
| variable.other.enummember | #948ae3 | — |
| variable.other.property, variable.other.property.static, variable.other.event | #f7f1ff | — |
| variable.function | #7bd88f | — |
| variable.other.substitution | #fd9353 | — |
| source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby | #948ae3 | — |
| source.jinja2 variable.other.jinja2.block | #7bd88f | — |
| source.jinja2 variable.other.jinja2 | #fd9353 | — |
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#1A1A1A
- activityBar.foreground#7D7D7D
- activityBarBadge.background#383838
- badge.background#383838
- badge.foreground#C1C1C1
- button.background#333
- debugIcon.breakpointCurrentStackframeForeground#79b8ff
- debugIcon.breakpointDisabledForeground#848484
- debugIcon.breakpointForeground#FF7A84
- debugIcon.breakpointStackframeForeground#79b8ff
- debugIcon.breakpointUnverifiedForeground#848484
- debugIcon.continueForeground#FF7A84
- debugIcon.disconnectForeground#FF7A84
- debugIcon.pauseForeground#FF7A84
- debugIcon.restartForeground#79b8ff
- debugIcon.startForeground#79b8ff
- debugIcon.stepBackForeground#FF7A84
- debugIcon.stepIntoForeground#FF7A84
- debugIcon.stepOutForeground#FF7A84
- debugIcon.stepOverForeground#FF7A84
- debugIcon.stopForeground#79b8ff
- diffEditor.insertedTextBackground#3a632a4b
- diffEditor.removedTextBackground#88063852
- editor.background#1f1f1f
- editor.lineHighlightBorder#303030
- editorGroupHeader.tabsBackground#1A1A1A
- editorGroupHeader.tabsBorder#1A1A1A
- editorIndentGuide.activeBackground#383838
- editorIndentGuide.background#2A2A2A
- editorLineNumber.foreground#727272
- editorRuler.foreground#2A2A2A
- editorSuggestWidget.background#1A1A1A
- focusBorder#444
- foreground#888888
- gitDecoration.ignoredResourceForeground#444444
- input.background#2A2A2A
- input.foreground#E0E0E0
- inputOption.activeBackground#3a3a3a
- list.activeSelectionBackground#212121
- list.activeSelectionForeground#F5F5F5
- list.focusBackground#292929
- list.highlightForeground#EAEAEA
- list.hoverBackground#262626
- list.hoverForeground#9E9E9E
- list.inactiveSelectionBackground#212121
- list.inactiveSelectionForeground#F5F5F5
- panelTitle.activeBorder#1f1f1f
- panelTitle.activeForeground#FAFAFA
- panelTitle.inactiveForeground#484848
- peekView.border#444
- peekViewEditor.background#242424
- pickerGroup.border#363636
- pickerGroup.foreground#EAEAEA
- progressBar.background#FAFAFA
- scrollbar.shadow#1f1f1f
- sideBar.background#1A1A1A
- sideBarSectionHeader.background#202020
- statusBar.background#1A1A1A
- statusBar.debuggingBackground#1A1A1A
- statusBar.foreground#7E7E7E
- statusBar.noFolderBackground#1A1A1A
- statusBarItem.prominentBackground#fafafa1a
- statusBarItem.remoteBackground#1a1a1a00
- statusBarItem.remoteForeground#7E7E7E
- symbolIcon.classForeground#FF9800
- symbolIcon.constructorForeground#b392f0
- symbolIcon.enumeratorForeground#FF9800
- symbolIcon.enumeratorMemberForeground#79b8ff
- symbolIcon.eventForeground#FF9800
- symbolIcon.fieldForeground#79b8ff
- symbolIcon.functionForeground#b392f0
- symbolIcon.interfaceForeground#79b8ff
- symbolIcon.methodForeground#b392f0
- symbolIcon.variableForeground#79b8ff
- tab.activeBorder#1e1e1e
- tab.activeForeground#FAFAFA
- tab.border#1A1A1A
- tab.inactiveBackground#1A1A1A
- tab.inactiveForeground#727272
- terminal.ansiBrightBlack#5c5c5c
- textLink.activeForeground#fafafa
- textLink.foreground#CCC
- titleBar.activeBackground#1A1A1A
- titleBar.border#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text | #69676c | italic |
| comment storage.type | #69676c | — |
| comment entity.name.type | #bab6c0 | — |
| comment variable, comment variable.other | #bab6c0 | — |
| comment keyword, comment entity.name.tag, entity.name.tag.documentation | #bab6c0 | — |
| comment keyword.codetag.notation | #948ae3 | — |
| comment.git-status.header.remote | #fc618d | — |
| comment.git-status.header.local | #5ad4e6 | — |
| comment.other.git-status.head | #f7f1ff | — |
| string.quoted.docstring, string.quoted.docstring punctuation.definition | #69676c | — |
| constant | #948ae3 | — |
| constant.other | #f7f1ff | — |
| constant.other.caps | #948ae3 | — |
| constant.other.placeholder.c | #fd9353 | — |
| constant.other.property | #948ae3 | — |
| constant.other.citation.latex | #948ae3 | — |
| constant.other.color | #948ae3 | — |
| constant.other.character-class.escape | #948ae3 | — |
| constant.other.key | #948ae3 | — |
| constant.other.symbol | #fd9353 | — |
| constant.other.elm | #5ad4e6 | — |
| constant.numeric | #948ae3 | — |
| constant.language | #948ae3 | — |
| constant.character.escape | #948ae3 | — |
| constant.numeric.line-number.find-in-files | #525053 | — |
| constant.numeric.line-number.match.find-in-files | #fce566 | — |
| entity.name.section | #fce566 | — |
| entity.name.function, entity.name.function.templated, entity.name.function.member.static | #7bd88f | — |
| entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace | #5ad4e6 | — |
| entity.name.label | #948ae3 | — |
| entity.name.function.preprocessor | #5ad4e6 | — |
| entity.name | #7bd88f | — |
| entity.name.class | #5ad4e6 | — |
| entity.name.constant | #948ae3 | — |
| entity.name.namespace | #f7f1ff | — |
| entity.other.inherited-class | #5ad4e6 | italic |
| entity.name.function | #7bd88f | — |
| entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component | #fc618d | — |
| entity.name.function.operator | #fc618d | — |
| meta.brackets entity.name.function.operator, punctuation.separator entity.name.function.operator | #8b888f | — |
| entity.name.type, entity.name.type.class.reference, entity.name.type.class.value | #5ad4e6 | — |
| entity.other.attribute-name | #5ad4e6 | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css, entity.other.attribute-name.css, entity.other.animation-name.css | #7bd88f | — |
| entity.other.attribute-name.id.css | #fd9353 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css | #5ad4e6 | italic |
| entity.name.function, support.function | #7bd88f | — |
| entity.other.git-status.hex | #948ae3 | — |
| entity.other.jinja2.delimiter | #8b888f | — |
| entity.name.operator.custom-literal | #f7f1ff | — |
| entity.name.operator.custom-literal.string | #fce566 | — |
| entity.name.operator.custom-literal.number | #948ae3 | — |
| entity.name.type.rust | #5ad4e6 | — |
| entity.name.lifetime.rust | #fc618d | — |
| invalid | #fc618d | italic underline |
| invalid.deprecated | #fd9353 | italic underline |
| keyword | #fc618d | — |
| keyword.control | #fc618d | — |
| keyword.control.directive | #fc618d | — |
| keyword.operator, keyword.operator.member, keyword.operator.new | #fc618d | — |
| keyword.other.substitution | #8b888f | — |
| keyword.other.template.begin, keyword.other.template.end | #fc618d | — |
| keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext | #8b888f | — |
| keyword.other.parenthesis.elm | #8b888f | — |
| keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust | #5ad4e6 | — |
| keyword.control.rust, keyword.operator.misc.rust | #fc618d | — |
| keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby | #fc618d | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.heading | #fce566 | — |
| markup.raw | #fd9353 | — |
| markup.underline | — | underline |
| markup.underline.link | #7bd88f | — |
| markup.inserted, markup.inserted punctuation.definition.inserted | #7bd88f | — |
| markup.deleted, markup.deleted punctuation.definition.deleted | #fc618d | — |
| markup.changed, markup.changed punctuation.definition.changed | #fce566 | — |
| markup.ignored, markup.ignored punctuation.definition.ignored | #8b888f | — |
| markup.untracked | #8b888f | — |
| markup.quote | — | italic |
| meta.brace.round, meta.brace.square, meta.brace.curly, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js | #8b888f | — |
| meta.function-call.generic.python, support.function.builtin.python | #7bd88f | — |
| meta.function-call.python meta.function-call.arguments.python | #f7f1ff | — |
| meta.instance.constructor | #7bd88f | — |
| meta.attribute-with-value.class string, meta.attribute.class.html string | #7bd88f | — |
| meta.attribute-with-value.id string, meta.attribute.id.html string | #fd9353 | — |
| source.json meta.mapping.key string | #f7f1ff | — |
| source.yaml meta.mapping.key string | #fc618d | — |
| meta.object.member | #f7f1ff | — |
| meta.property-list.css variable.other | #fd9353 | — |
| entity.name.constant.preprocessor, meta.preprocessor | #948ae3 | — |
| meta.diff.git-diff.header | #fce566 | — |
| meta.type_params.rust | #f7f1ff | — |
| meta.attribute.rust, meta.annotation.rust, variable.language.rust, variable.annotation.rust, meta.annotation.rust string, meta.annotation.rust keyword, meta.annotation.rust keyword.operator, meta.attribute.rust string | #bab6c0 | — |
| meta.type variable, meta.type variable.other.readwrite | #948ae3 | — |
| punctuation | #8b888f | — |
| punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby, punctuation.definition.group.begin.css, punctuation.definition.group.end.css, punctuation.definition.string.end.html source.css, punctuation.definition.block, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.separator.parameter, punctuation.accessor, punctuation.terminator | #8b888f | — |
| punctuation.definition.group | #f7f1ff | — |
| punctuation.definition.comment | #69676c | — |
| punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css | #bab6c0 | — |
| punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin | #fd9353 | — |
| punctuation.template-string.element.begin, punctuation.template-string.element.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, string.quoted.template punctuation.definition.string.begin, string.quoted.template punctuation.definition.string.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #fc618d | — |
| meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown | — | — |
| markup.underline.link punctuation | #7bd88f | — |
| meta.brace.round, meta.brace.square, keyword.operator.type.annotation, meta.type storage.modifier.array | #8b888f | — |
| region.redish | #fc618d | — |
| region.orangish | #fd9353 | — |
| region.yellowish | #fce566 | — |
| region.greenish | #7bd88f | — |
| region.bluish | #5ad4e6 | — |
| region.purplish | #948ae3 | — |
| region.pinkish | #fc618d | — |
| region.whitish | #FFFFFF | — |
| source | #f7f1ff | — |
| source.scss, source.sass | #8b888f | — |
| source.sass variable.other, source.sass variable.sass, source.scss variable.other, source.scss variable.scss, source.scss variable.sass, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less | #fd9353 | italic |
| source.git-show.commit.sha | #948ae3 | — |
| source.git-show.author, source.git-show.date, source.git-diff.command, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file | #8b888f | — |
| source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha | #948ae3 | — |
| source.git-show meta.diff.range.unified | #fd9353 | — |
| source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file | #8b888f | — |
| storage | #fc618d | — |
| storage.type | #5ad4e6 | italic |
| storage.type.extends | #fc618d | normal |
| storage.type.function.arrow | #fc618d | normal |
| storage.modifier, storage.type.modifier | #fc618d | italic |
| storage.class.restructuredtext.ref | #948ae3 | — |
| storage.modifier.visibility.rust, storage.modifier.lifetime.rust | #fc618d | — |
| storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, storage.type.rust, storage.type.core.rust, storage.class.std.rust | #5ad4e6 | — |
| storage.type.rust, storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, keyword.other.rust, keyword.other.where.rust | #fc618d | — |
| storage.modifier.import.java | #f7f1ff | — |
| string | #fce566 | — |
| string.unquoted.label | #f7f1ff | — |
| string source | #f7f1ff | — |
| string source punctuation.section.embedded, string punctuation.definition.string source | #8b888f | — |
| string.other.link.title, string.other.link.description | #fc618d | — |
| string.other.link.description.title | #5ad4e6 | — |
| string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end | #fc618d | — |
| string.other.ref, string.other.restructuredtext.ref | #7bd88f | — |
| string.other.git-status.help.key | #bab6c0 | — |
| string.other.git-status.remote | #fc618d | — |
| support.constant | #5ad4e6 | — |
| support.constant.handlebars | #8b888f | — |
| support.type.vendor-prefix.css | #bab6c0 | — |
| support.function | #7bd88f | — |
| support.function.delimiter.elm | #8b888f | — |
| support.type, entity.name.type.object.console | #5ad4e6 | italic |
| support.variable, support.variable.property | #5ad4e6 | — |
| support.type.property-name | #f7f1ff | normal |
| support.class | #5ad4e6 | — |
| support.constant.core.rust | #948ae3 | — |
| comment support, comment support.class | #69676c | — |
| text | #f7f1ff | — |
| text.find-in-files | #f7f1ff | — |
| variable, variable.other | #f7f1ff | — |
| variable.parameter, parameters variable.function | #fd9353 | italic |
| variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #bab6c0 | italic |
| variable.language.arguments | #948ae3 | — |
| variable.other.class | #5ad4e6 | — |
| variable.other.constant | #948ae3 | — |
| variable.other.readwrite | #f7f1ff | — |
| variable.other.member | #f7f1ff | — |
| variable.other.enummember | #948ae3 | — |
| variable.other.property, variable.other.property.static, variable.other.event | #f7f1ff | — |
| variable.function | #7bd88f | — |
| variable.other.substitution | #fd9353 | — |
| source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby | #948ae3 | — |
| source.jinja2 variable.other.jinja2.block | #7bd88f | — |
| source.jinja2 variable.other.jinja2 | #fd9353 | — |