Craft Theme
Publisher: Qiao ChangliangThemes in package: 19
A Minecraft-inspired theme with bright, blocky colors, blending classic Minecraft tones with a modern VS Code UI.
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.activeBackground#0a95e238
- activityBar.activeBorder#0a95e2
- activityBar.activeFocusBorder#0a95e2bf
- activityBar.background#213631
- activityBar.border#3b6d7729
- activityBar.dropBorder#0a95e2b3
- activityBar.foreground#0a95e2
- activityBar.inactiveForeground#c0dbddc7
- activityBarBadge.background#0a95e2
- activityBarBadge.foreground#06161e
- activityBarTop.activeBackground#0a95e238
- activityBarTop.activeBorder#0a95e273
- activityBarTop.background#223732
- activityBarTop.foreground#0a95e2
- activityBarTop.inactiveForeground#c0dbddc7
- badge.background#0a95e233
- badge.foreground#0a95e2
- button.background#0a95e2
- button.border#06161e1a
- button.foreground#06161e
- button.hoverBackground#008cd8
- button.secondaryBackground#c0dbdd33
- button.secondaryForeground#d6ece0
- button.secondaryHoverBackground#c0dbdd80
- button.separator#06161e4d
- charts.blue#65c7ff
- charts.green#55b68c
- charts.orange#ff9a3d
- charts.purple#c6a7ff
- charts.red#ff0000
- chat.checkpointSeparator#8fa6b2c7
- chat.editedFileForeground#0a95e2
- chat.editorBackground#1d2f2d
- chat.requestBackground#223732
- chat.requestBorder#0a95e238
- chat.requestBubbleBackground#0a95e224
- chat.requestBubbleHoverBackground#0a95e238
- chat.slashCommandBackground#65c7ff33
- chat.slashCommandForeground#65c7ff
- commandCenter.activeBackground#0a95e238
- commandCenter.activeBorder#0a95e273
- commandCenter.activeForeground#d6ece0
- commandCenter.background#1d2f2d
- commandCenter.border#3b6d7729
- commandCenter.foreground#d6ece0
- commandCenter.inactiveBorder#3b6d7729
- debugConsoleInputIcon.foreground#0a95e2
- debugExceptionWidget.background#213330
- debugExceptionWidget.border#3b6d7729
- debugIcon.breakpointDisabledForeground#ffb06680
- debugIcon.breakpointForeground#ffb066
- debugToolBar.background#213330
- descriptionForeground#c0dbdd
- diffEditor.diagonalFill#3b6d7729
- diffEditor.insertedTextBackground#55b68c1f
- diffEditor.removedTextBackground#b65a541f
- disabledForeground#d6ece080
- dropdown.background#213330
- dropdown.border#3b6d7729
- dropdown.foreground#c0dbdd
- editor.background#1d2f2d
- editor.findMatchBackground#ffd166bf
- editor.findMatchHighlightBackground#ffd16661
- editor.foreground#d6ece0
- editor.inactiveSelectionBackground#0a95e224
- editor.lineHighlightBackground#0a95e229
- editor.rangeHighlightBackground#ffd16633
- editor.selectionBackground#0a95e242
- editor.selectionHighlightBackground#55b68c26
- editor.selectionHighlightBorder#55b68c59
- editor.snippetTabstopHighlightBackground#55b68c33
- editor.wordHighlightBackground#0a95e214
- editor.wordHighlightBorder#0a95e280
- editor.wordHighlightStrongBackground#55b68c14
- editor.wordHighlightStrongBorder#55b68c80
- editorBracketHighlight.foreground1#3b6d77bf
- editorBracketHighlight.foreground2#0a95e2b3
- editorBracketHighlight.foreground3#55b68cbf
- editorBracketHighlight.foreground4#b97458bf
- editorBracketHighlight.foreground5#41bfe2bf
- editorBracketHighlight.foreground6#9e3635b3
- editorBracketMatch.background#c0dbdd4d
- editorBracketMatch.border#c0dbdd4d
- editorCodeLens.foreground#8fa6b2c7
- editorCursor.foreground#0a95e2
- editorError.foreground#d95757
- editorGroup.background#213330
- editorGroup.border#213330
- editorGroupHeader.border#3b6d7729
- editorGroupHeader.noTabsBackground#223732
- editorGroupHeader.tabsBackground#223732
- editorGroupHeader.tabsBorder#3b6d7729
- editorGutter.addedBackground#55b68c
- editorGutter.commentRangeForeground#3b6d7729
- editorGutter.deletedBackground#b65a54
- editorGutter.modifiedBackground#0a95e2
- editorHoverWidget.background#213330
- editorHoverWidget.border#3b6d7729
- editorIndentGuide.activeBackground#3b6d7752
- editorIndentGuide.activeBackground1#3b6d77bf
- editorIndentGuide.activeBackground2#0a95e2b3
- editorIndentGuide.activeBackground3#55b68cbf
- editorIndentGuide.activeBackground4#b97458bf
- editorIndentGuide.activeBackground5#41bfe2bf
- editorIndentGuide.activeBackground6#9e3635b3
- editorIndentGuide.background#3b6d7729
- editorIndentGuide.background1#3b6d7747
- editorIndentGuide.background2#0a95e240
- editorIndentGuide.background3#55b68c40
- editorIndentGuide.background4#b9745840
- editorIndentGuide.background5#41bfe238
- editorIndentGuide.background6#9e363538
- editorInlayHint.background#1d2f2d
- editorInlayHint.foreground#d6ece080
- editorLineNumber.activeForeground#c0dbdde6
- editorLineNumber.foreground#c0dbdd8c
- editorLink.activeForeground#0a95e2
- editorMarkerNavigation.background#213330
- editorOverviewRuler.addedForeground#55b68c
- editorOverviewRuler.border#3b6d7729
- editorOverviewRuler.bracketMatchForeground#c0dbddb3
- editorOverviewRuler.deletedForeground#b65a54
- editorOverviewRuler.errorForeground#d95757
- editorOverviewRuler.findMatchForeground#ffd166bf
- editorOverviewRuler.modifiedForeground#0a95e2
- editorOverviewRuler.warningForeground#ffd166
- editorOverviewRuler.wordHighlightForeground#0a95e266
- editorOverviewRuler.wordHighlightStrongForeground#55b68c66
- editorRuler.foreground#3b6d7729
- editorStickyScroll.background#213330
- editorStickyScroll.border#3b6d7729
- editorStickyScroll.shadow#3b6d7766
- editorStickyScrollHover.background#0a95e224
- editorSuggestWidget.background#213330
- editorSuggestWidget.border#3b6d7729
- editorSuggestWidget.highlightForeground#0a95e2
- editorSuggestWidget.selectedBackground#0a95e238
- editorWarning.foreground#ffd166
- editorWhitespace.foreground#c0dbdd8c
- editorWidget.background#213330
- editorWidget.border#3b6d7729
- editorWidget.resizeBorder#3b6d77a6
- errorForeground#d95757
- extensionButton.prominentBackground#0a95e2
- extensionButton.prominentForeground#06161e
- extensionButton.prominentHoverBackground#0090dd
- focusBorder#3b6d7729
- foreground#c0dbdd
- gitDecoration.conflictingResourceForeground#ffd166
- gitDecoration.deletedResourceForeground#b65a54
- gitDecoration.ignoredResourceForeground#c0dbdd80
- gitDecoration.modifiedResourceForeground#0a95e2
- gitDecoration.submoduleResourceForeground#c6a7ff
- gitDecoration.untrackedResourceForeground#55b68c
- icon.foreground#c0dbdd
- inlineChat.background#213330
- inlineChat.border#3b6d7729
- inlineChat.foreground#d6ece0
- inlineChat.shadow#3b6d7766
- inlineChatDiff.inserted#55b68c33
- inlineChatDiff.removed#b65a5433
- inlineChatInput.background#1d2f2d
- inlineChatInput.border#3b6d7729
- inlineChatInput.focusBorder#0a95e2b3
- inlineChatInput.placeholderForeground#c0dbdd80
- inlineEdit.gutterIndicator.background#213330
- inlineEdit.gutterIndicator.primaryBackground#0a95e224
- inlineEdit.gutterIndicator.primaryBorder#0a95e2bf
- inlineEdit.gutterIndicator.primaryForeground#0a95e2
- inlineEdit.gutterIndicator.secondaryBackground#c0dbdd1f
- inlineEdit.gutterIndicator.secondaryBorder#c0dbdd73
- inlineEdit.gutterIndicator.secondaryForeground#c0dbdd
- inlineEdit.gutterIndicator.successfulBackground#55b68c1f
- inlineEdit.gutterIndicator.successfulBorder#55b68cbf
- inlineEdit.gutterIndicator.successfulForeground#55b68c
- inlineEdit.modifiedBackground#55b68c14
- inlineEdit.modifiedBorder#55b68c99
- inlineEdit.modifiedChangedLineBackground#55b68c1f
- inlineEdit.modifiedChangedTextBackground#55b68c33
- inlineEdit.originalBackground#b65a5414
- inlineEdit.originalBorder#b65a5499
- inlineEdit.originalChangedLineBackground#b65a541f
- inlineEdit.originalChangedTextBackground#b65a5433
- input.background#1d2f2d
- input.border#c0dbdd33
- input.foreground#d6ece0
- input.placeholderForeground#c0dbdd80
- inputOption.activeBackground#0a95e21a
- inputOption.activeBorder#0a95e233
- inputOption.activeForeground#0a95e2
- inputOption.hoverBackground#c0dbdd33
- inputValidation.errorBackground#1d2f2d
- inputValidation.errorBorder#d95757
- inputValidation.infoBackground#223732
- inputValidation.infoBorder#65c7ff
- inputValidation.warningBackground#223732
- inputValidation.warningBorder#ffd166
- keybindingLabel.background#c0dbdd1a
- keybindingLabel.border#d6ece01a
- keybindingLabel.bottomBorder#d6ece01a
- keybindingLabel.foreground#d6ece0
- list.activeSelectionBackground#0a95e238
- list.activeSelectionForeground#d6ece0
- list.deemphasizedForeground#d95757
- list.errorForeground#d95757
- list.filterMatchBackground#efc25861
- list.filterMatchBorder#ffd16661
- list.focusBackground#0a95e238
- list.focusForeground#d6ece0
- list.focusOutline#0a95e238
- list.highlightForeground#0a95e2
- list.hoverBackground#0a95e238
- list.inactiveSelectionBackground#0a95e224
- list.inactiveSelectionForeground#c0dbdd
- list.invalidItemForeground#c0dbdd4d
- listFilterWidget.background#213330
- listFilterWidget.noMatchesOutline#d95757
- listFilterWidget.outline#0a95e2
- menu.border#3b6d7729
- minimap.background#223732
- minimap.errorHighlight#d95757
- minimap.findMatchHighlight#ffd166bf
- minimap.selectionHighlight#0a95e242
- minimapGutter.addedBackground#55b68c
- minimapGutter.deletedBackground#b65a54
- minimapGutter.modifiedBackground#0a95e2
- multiDiffEditor.background#223732
- multiDiffEditor.border#3b6d7729
- multiDiffEditor.headerBackground#213330
- panel.background#213330
- panel.border#3b6d7729
- panelStickyScroll.background#20322f
- panelStickyScroll.border#3b6d7729
- panelStickyScroll.shadow#3b6d7766
- panelTitle.activeBorder#0a95e273
- panelTitle.activeForeground#0a95e2
- panelTitle.border#3b6d7729
- panelTitle.inactiveForeground#c0dbdd
- peekView.border#0a95e238
- peekViewEditor.background#213330
- peekViewEditor.matchHighlightBackground#ffd16661
- peekViewEditor.matchHighlightBorder#efc25861
- peekViewResult.background#213330
- peekViewResult.fileForeground#d6ece0
- peekViewResult.lineForeground#c0dbdd
- peekViewResult.matchHighlightBackground#ffd16661
- peekViewResult.selectionBackground#0a95e238
- peekViewTitle.background#0a95e238
- peekViewTitleDescription.foreground#c0dbdd
- peekViewTitleLabel.foreground#d6ece0
- pickerGroup.border#3b6d7729
- pickerGroup.foreground#c0dbdd80
- profileBadge.background#0a95e2
- profileBadge.foreground#06161e
- progressBar.background#0a95e2
- sash.background#213330
- sash.hoverBackground#0a95e2
- scrollbar.shadow#213330
- scrollbarSlider.activeBackground#c0dbddb3
- scrollbarSlider.background#c0dbdd66
- scrollbarSlider.hoverBackground#c0dbdd99
- selection.background#0a95e242
- settings.headerForeground#d6ece0
- settings.modifiedItemIndicator#0a95e2
- sideBar.background#223732
- sideBar.border#3b6d7729
- sideBar.dropBackground#0a95e229
- sideBarActivityBarTop.border#3b6d7729
- sideBarSectionHeader.background#213631
- sideBarSectionHeader.border#3b6d7729
- sideBarSectionHeader.foreground#c0dbdd
- sideBarStickyScroll.background#213631
- sideBarStickyScroll.border#3b6d7729
- sideBarStickyScroll.shadow#3b6d7766
- sideBarTitle.background#223732
- sideBarTitle.border#3b6d7729
- sideBarTitle.foreground#c0dbdd
- simpleFindWidget.sashBorder#3b6d7799
- statusBar.background#2e5d57
- statusBar.border#4f7870ad
- statusBar.debuggingBackground#ffb066
- statusBar.debuggingForeground#1d2f2d
- statusBar.focusBorder#4f7870b3
- statusBar.foreground#d6ece0
- statusBarItem.activeBackground#c0dbdd33
- statusBarItem.hoverBackground#c0dbdd33
- statusBarItem.prominentBackground#3b6d7729
- statusBarItem.prominentHoverBackground#c0dbdd29
- statusBarItem.remoteBackground#0a95e2
- statusBarItem.remoteForeground#06161e
- symbolIcon.arrayForeground#65c7ff
- symbolIcon.booleanForeground#c6a7ff
- symbolIcon.classForeground#65c7ff
- symbolIcon.colorForeground#ffb066
- symbolIcon.constantForeground#c6a7ff
- symbolIcon.constructorForeground#47e0b1
- symbolIcon.enumeratorForeground#65c7ff
- symbolIcon.enumeratorMemberForeground#c6a7ff
- symbolIcon.eventForeground#ffb066
- symbolIcon.fieldForeground#ff7fa3
- symbolIcon.fileForeground#c0dbdd
- symbolIcon.folderForeground#c0dbdd
- symbolIcon.functionForeground#47e0b1
- symbolIcon.interfaceForeground#65c7ff
- symbolIcon.keyForeground#65c7ff
- symbolIcon.keywordForeground#ff9a3d
- symbolIcon.methodForeground#47e0b1
- symbolIcon.moduleForeground#a5d85a
- symbolIcon.namespaceForeground#a5d85a
- symbolIcon.nullForeground#c6a7ff
- symbolIcon.numberForeground#c6a7ff
- symbolIcon.objectForeground#65c7ff
- symbolIcon.operatorForeground#ffb066
- symbolIcon.packageForeground#a5d85a
- symbolIcon.propertyForeground#ff7fa3
- symbolIcon.referenceForeground#65c7ff
- symbolIcon.snippetForeground#ffb066
- symbolIcon.stringForeground#a5d85a
- symbolIcon.structForeground#65c7ff
- symbolIcon.textForeground#d6ece0
- symbolIcon.typeParameterForeground#65c7ff
- symbolIcon.unitForeground#c6a7ff
- symbolIcon.variableForeground#d6ece0
- tab.activeBackground#1d2f2d
- tab.activeBorder#1d2f2d
- tab.activeForeground#d6ece0
- tab.border#3b6d7729
- tab.inactiveBackground#223732
- tab.inactiveForeground#c0dbdd
- tab.lastPinnedBorder#3b6d7729
- tab.unfocusedActiveBorder#1d2f2d
- tab.unfocusedActiveForeground#c0dbdd
- tab.unfocusedInactiveForeground#c0dbdd
- terminal.ansiBlack#101418
- terminal.ansiBlue#70b7ff
- terminal.ansiBrightBlack#667785
- terminal.ansiBrightBlue#8bc7ff
- terminal.ansiBrightCyan#76f0f2
- terminal.ansiBrightGreen#9af27e
- terminal.ansiBrightMagenta#e2a8ff
- terminal.ansiBrightRed#ff8585
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffe082
- terminal.ansiCyan#55dde8
- terminal.ansiGreen#7fe36a
- terminal.ansiMagenta#d991ff
- terminal.ansiRed#ff6b6b
- terminal.ansiWhite#d7dce2
- terminal.ansiYellow#ffd166
- terminal.background#223732
- terminal.foreground#d6ece0
- terminalChrome.background#223732
- terminalChrome.border#3b6d7729
- terminalCommandGuide.foreground#c0dbdd4d
- terminalCursor.foreground#0a95e2
- terminalStickyScroll.background#213631
- terminalStickyScroll.border#3b6d7729
- terminalStickyScroll.shadow#3b6d7766
- terminalStickyScrollHover.background#0a95e224
- testing.iconPassed#55b68c
- textBlockQuote.background#213330
- textLink.activeForeground#0a95e2
- textLink.foreground#0085d0
- textPreformat.foreground#d6ece0
- titleBar.activeBackground#223732
- titleBar.activeForeground#d6ece0
- titleBar.border#425751ad
- titleBar.inactiveBackground#1a2f2a
- titleBar.inactiveForeground#d6ece0d9
- toolbar.hoverBackground#c0dbdd4d
- tree.indentGuidesStroke#3b6d7752
- tree.tableColumnsBorder#0000ff
- walkThrough.embeddedEditorBackground#213330
- welcomePage.buttonBackground#0a95e266
- welcomePage.progress.background#0a95e229
- welcomePage.tileBackground#223732
- welcomePage.tileShadow#3b6d7766
- widget.border#3b6d7729
- widget.shadow#3b6d7766
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #d6ece0 | — |
| comment | #8fa6b2c7 | italic |
| string, constant.other.symbol | #a5d85a | — |
| string.regexp, constant.character, constant.other | #ffd166 | — |
| constant.numeric | #c6a7ff | — |
| constant.language | #c6a7ff | — |
| variable, variable.parameter.function-call | #d6ece0 | — |
| variable.member | #ff7fa3 | — |
| variable.language | #65c7ff | italic |
| storage | #ff9a3d | — |
| keyword | #ff9a3d | — |
| keyword.operator | #ffb066 | — |
| punctuation.separator, punctuation.terminator | #d6ece0b3 | — |
| punctuation.section | #d6ece0 | — |
| punctuation.accessor | #ffb066 | — |
| punctuation.definition.template-expression | #ff9a3d | — |
| punctuation.section.embedded | #ff9a3d | — |
| meta.embedded | #d6ece0 | — |
| source.java storage.type, source.haskell storage.type, source.c storage.type | #65c7ff | — |
| entity.other.inherited-class | #65c7ff | — |
| storage.type.function | #ff9a3d | — |
| source.java storage.type.primitive | #65c7ff | — |
| entity.name.function | #47e0b1 | — |
| variable.parameter, meta.parameter | #c6a7ff | — |
| variable.function, variable.annotation, meta.function-call.generic, support.function.go | #47e0b1 | — |
| support.function, support.macro | #ff7fa3 | — |
| entity.name.import, entity.name.package | #a5d85a | — |
| entity.name | #65c7ff | — |
| entity.name.tag, meta.tag.sgml | #65c7ff | — |
| support.class.component | #65c7ff | — |
| punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag | #65c7ff80 | — |
| entity.other.attribute-name | #47e0b1 | — |
| entity.other.attribute-name.pseudo-class | #ffd166 | — |
| support.constant | #ffb066 | italic |
| support.type, support.class, source.go storage.type | #65c7ff | — |
| meta.decorator variable.other, meta.decorator punctuation.decorator, storage.type.annotation, entity.name.function.decorator | #ffb066 | — |
| invalid | #d95757 | — |
| meta.diff, meta.diff.header | #c594c5 | — |
| source.ruby variable.other.readwrite | #47e0b1 | — |
| 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 | #65c7ff | — |
| source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type | #8fa6b2c7 | — |
| support.type.property-name | #65c7ff | normal |
| constant.numeric.line-number.find-in-files - match | #8fa6b2c7 | — |
| constant.numeric.line-number.match | #ff9a3d | — |
| entity.name.filename.find-in-files | #a5d85a | — |
| message.error | #d95757 | — |
| markup.heading, markup.heading entity.name | #a5d85a | bold |
| markup.underline.link, string.other.link | #65c7ff | — |
| markup.italic, emphasis | #ff7fa3 | italic |
| markup.bold | #ff7fa3 | bold |
| markup.underline | — | underline |
| markup.italic markup.bold, markup.bold markup.italic | — | bold italic |
| markup.raw | — | — |
| markup.raw.inline | — | — |
| meta.separator | #8fa6b2c7 | bold |
| markup.quote | #ffd166 | italic |
| markup.list punctuation.definition.list.begin | #47e0b1 | — |
| markup.inserted | #55b68c | — |
| markup.changed | #0a95e2 | — |
| markup.deleted | #b65a54 | — |
| markup.strike | #ffb066 | — |
| markup.strong | — | bold |
| markup.table | #65c7ff | — |
| text.html.markdown markup.inline.raw | #ffb066 | — |
| text.html.markdown meta.dummy.line-break | #8fa6b2c7 | — |
| punctuation.definition.markdown | #8fa6b2c7 | — |
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#ad4a9738
- activityBar.activeBorder#ad4a97
- activityBar.activeFocusBorder#ad4a97bf
- activityBar.background#cee4de
- activityBar.border#8e9d951f
- activityBar.dropBorder#ad4a97b3
- activityBar.foreground#ad4a97
- activityBar.inactiveForeground#4a6665c7
- activityBarBadge.background#ad4a97
- activityBarBadge.foreground#ffffff
- activityBarTop.activeBackground#ad4a9738
- activityBarTop.activeBorder#ad4a9773
- activityBarTop.background#cfe5df
- activityBarTop.foreground#ad4a97
- activityBarTop.inactiveForeground#4a6665c7
- badge.background#ad4a9733
- badge.foreground#ad4a97
- button.background#ad4a97
- button.border#ffffff1a
- button.foreground#ffffff
- button.hoverBackground#a3408e
- button.secondaryBackground#4a666533
- button.secondaryForeground#294039
- button.secondaryHoverBackground#4a666580
- button.separator#ffffff4d
- charts.blue#0079d6
- charts.green#4fa84b
- charts.orange#d85b00
- charts.purple#7e63c8
- charts.red#ff5a5a
- chat.checkpointSeparator#68798cb3
- chat.editedFileForeground#3b79c1
- chat.editorBackground#f3f8f5
- chat.requestBackground#cfe5df
- chat.requestBorder#ad4a9738
- chat.requestBubbleBackground#ad4a9724
- chat.requestBubbleHoverBackground#ad4a9738
- chat.slashCommandBackground#0079d633
- chat.slashCommandForeground#0079d6
- commandCenter.activeBackground#ad4a9738
- commandCenter.activeBorder#ad4a9773
- commandCenter.activeForeground#294039
- commandCenter.background#f3f8f5
- commandCenter.border#8e9d951f
- commandCenter.foreground#294039
- commandCenter.inactiveBorder#8e9d951f
- debugConsoleInputIcon.foreground#ad4a97
- debugExceptionWidget.background#c7ddd8
- debugExceptionWidget.border#8e9d951f
- debugIcon.breakpointDisabledForeground#c96a2b80
- debugIcon.breakpointForeground#c96a2b
- debugToolBar.background#c7ddd8
- descriptionForeground#4a6665
- diffEditor.diagonalFill#8e9d951f
- diffEditor.insertedTextBackground#4fa84b1f
- diffEditor.removedTextBackground#b9473f1f
- disabledForeground#29403980
- dropdown.background#c7ddd8
- dropdown.border#8e9d951f
- dropdown.foreground#4a6665
- editor.background#f3f8f5
- editor.findMatchBackground#b87500e6
- editor.findMatchHighlightBackground#b8750080
- editor.foreground#294039
- editor.inactiveSelectionBackground#ad4a971f
- editor.lineHighlightBackground#ad4a971f
- editor.rangeHighlightBackground#b8750033
- editor.selectionBackground#ad4a9738
- editor.selectionHighlightBackground#4fa84b26
- editor.selectionHighlightBorder#4fa84b59
- editor.snippetTabstopHighlightBackground#4fa84b33
- editor.wordHighlightBackground#3b79c114
- editor.wordHighlightBorder#3b79c180
- editor.wordHighlightStrongBackground#4fa84b14
- editor.wordHighlightStrongBorder#4fa84b80
- editorBracketHighlight.foreground1#8b5a2be6
- editorBracketHighlight.foreground2#e5b94a
- editorBracketHighlight.foreground3#5fb04ad9
- editorBracketHighlight.foreground4#4c88d8d9
- editorBracketHighlight.foreground5#6b4fa8d9
- editorBracketHighlight.foreground6#b45a9cd9
- editorBracketMatch.background#4a66654d
- editorBracketMatch.border#4a66654d
- editorCodeLens.foreground#68798cb3
- editorCursor.foreground#ad4a97
- editorError.foreground#b9473f
- editorGroup.background#c7ddd8
- editorGroup.border#c7ddd8
- editorGroupHeader.border#8e9d951f
- editorGroupHeader.noTabsBackground#cfe5df
- editorGroupHeader.tabsBackground#cfe5df
- editorGroupHeader.tabsBorder#8e9d951f
- editorGutter.addedBackground#4fa84b
- editorGutter.commentRangeForeground#8e9d951f
- editorGutter.deletedBackground#b9473f
- editorGutter.modifiedBackground#3b79c1
- editorHoverWidget.background#c7ddd8
- editorHoverWidget.border#8e9d951f
- editorIndentGuide.activeBackground#8b5a2b59
- editorIndentGuide.activeBackground1#8b5a2be6
- editorIndentGuide.activeBackground2#e5b94a
- editorIndentGuide.activeBackground3#5fb04ad9
- editorIndentGuide.activeBackground4#4c88d8d9
- editorIndentGuide.activeBackground5#6b4fa8d9
- editorIndentGuide.activeBackground6#b45a9cd9
- editorIndentGuide.background#8b5a2b2e
- editorIndentGuide.background1#8b5a2b59
- editorIndentGuide.background2#e5b94a8c
- editorIndentGuide.background3#5fb04a59
- editorIndentGuide.background4#4c88d859
- editorIndentGuide.background5#6b4fa859
- editorIndentGuide.background6#b45a9c59
- editorInlayHint.background#f3f8f5
- editorInlayHint.foreground#29403980
- editorLineNumber.activeForeground#4a6665b3
- editorLineNumber.foreground#4a666566
- editorLink.activeForeground#ad4a97
- editorMarkerNavigation.background#c7ddd8
- editorOverviewRuler.addedForeground#4fa84b
- editorOverviewRuler.border#8e9d951f
- editorOverviewRuler.bracketMatchForeground#4a6665b3
- editorOverviewRuler.deletedForeground#b9473f
- editorOverviewRuler.errorForeground#b9473f
- editorOverviewRuler.findMatchForeground#b87500e6
- editorOverviewRuler.modifiedForeground#3b79c1
- editorOverviewRuler.warningForeground#b87500
- editorOverviewRuler.wordHighlightForeground#3b79c166
- editorOverviewRuler.wordHighlightStrongForeground#4fa84b66
- editorRuler.foreground#8b5a2b2e
- editorStickyScroll.background#c7ddd8
- editorStickyScroll.border#8e9d951f
- editorStickyScroll.shadow#8e9d9533
- editorStickyScrollHover.background#ad4a9724
- editorSuggestWidget.background#c7ddd8
- editorSuggestWidget.border#8e9d951f
- editorSuggestWidget.highlightForeground#ad4a97
- editorSuggestWidget.selectedBackground#ad4a9738
- editorWarning.foreground#b87500
- editorWhitespace.foreground#4a666566
- editorWidget.background#c7ddd8
- editorWidget.border#8e9d951f
- editorWidget.resizeBorder#8e9d95a6
- errorForeground#b9473f
- extensionButton.prominentBackground#ad4a97
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#a84592
- focusBorder#8e9d951f
- foreground#4a6665
- gitDecoration.conflictingResourceForeground#b87500
- gitDecoration.deletedResourceForeground#b9473f
- gitDecoration.ignoredResourceForeground#4a666580
- gitDecoration.modifiedResourceForeground#3b79c1
- gitDecoration.submoduleResourceForeground#7e63c8
- gitDecoration.untrackedResourceForeground#4fa84b
- icon.foreground#4a6665
- inlineChat.background#c7ddd8
- inlineChat.border#8e9d951f
- inlineChat.foreground#294039
- inlineChat.shadow#8e9d9533
- inlineChatDiff.inserted#4fa84b33
- inlineChatDiff.removed#b9473f33
- inlineChatInput.background#f3f8f5
- inlineChatInput.border#8e9d951f
- inlineChatInput.focusBorder#ad4a97b3
- inlineChatInput.placeholderForeground#4a666580
- inlineEdit.gutterIndicator.background#c7ddd8
- inlineEdit.gutterIndicator.primaryBackground#ad4a9724
- inlineEdit.gutterIndicator.primaryBorder#ad4a97bf
- inlineEdit.gutterIndicator.primaryForeground#ad4a97
- inlineEdit.gutterIndicator.secondaryBackground#4a66651f
- inlineEdit.gutterIndicator.secondaryBorder#4a666573
- inlineEdit.gutterIndicator.secondaryForeground#4a6665
- inlineEdit.gutterIndicator.successfulBackground#4fa84b1f
- inlineEdit.gutterIndicator.successfulBorder#4fa84bbf
- inlineEdit.gutterIndicator.successfulForeground#4fa84b
- inlineEdit.modifiedBackground#4fa84b14
- inlineEdit.modifiedBorder#4fa84b99
- inlineEdit.modifiedChangedLineBackground#4fa84b1f
- inlineEdit.modifiedChangedTextBackground#4fa84b33
- inlineEdit.originalBackground#b9473f14
- inlineEdit.originalBorder#b9473f99
- inlineEdit.originalChangedLineBackground#b9473f1f
- inlineEdit.originalChangedTextBackground#b9473f33
- input.background#f3f8f5
- input.border#4a666533
- input.foreground#294039
- input.placeholderForeground#4a666580
- inputOption.activeBackground#ad4a971a
- inputOption.activeBorder#ad4a9733
- inputOption.activeForeground#ad4a97
- inputOption.hoverBackground#4a666533
- inputValidation.errorBackground#f3f8f5
- inputValidation.errorBorder#b9473f
- inputValidation.infoBackground#cfe5df
- inputValidation.infoBorder#0079d6
- inputValidation.warningBackground#cfe5df
- inputValidation.warningBorder#b87500
- keybindingLabel.background#4a66651a
- keybindingLabel.border#2940391a
- keybindingLabel.bottomBorder#2940391a
- keybindingLabel.foreground#294039
- list.activeSelectionBackground#ad4a9738
- list.activeSelectionForeground#294039
- list.deemphasizedForeground#b9473f
- list.errorForeground#b9473f
- list.filterMatchBackground#a8680080
- list.filterMatchBorder#b8750080
- list.focusBackground#ad4a9738
- list.focusForeground#294039
- list.focusOutline#ad4a9738
- list.highlightForeground#ad4a97
- list.hoverBackground#ad4a9738
- list.inactiveSelectionBackground#ad4a9724
- list.inactiveSelectionForeground#4a6665
- list.invalidItemForeground#4a66654d
- listFilterWidget.background#c7ddd8
- listFilterWidget.noMatchesOutline#b9473f
- listFilterWidget.outline#ad4a97
- menu.border#8e9d951f
- minimap.background#cfe5df
- minimap.errorHighlight#b9473f
- minimap.findMatchHighlight#b87500e6
- minimap.selectionHighlight#ad4a9738
- minimapGutter.addedBackground#4fa84b
- minimapGutter.deletedBackground#b9473f
- minimapGutter.modifiedBackground#3b79c1
- multiDiffEditor.background#cfe5df
- multiDiffEditor.border#8e9d951f
- multiDiffEditor.headerBackground#c7ddd8
- panel.background#c7ddd8
- panel.border#8e9d951f
- panelStickyScroll.background#c7dcd7
- panelStickyScroll.border#8e9d951f
- panelStickyScroll.shadow#8e9d9533
- panelTitle.activeBorder#ad4a9773
- panelTitle.activeForeground#ad4a97
- panelTitle.border#8e9d951f
- panelTitle.inactiveForeground#4a6665
- peekView.border#ad4a9738
- peekViewEditor.background#c7ddd8
- peekViewEditor.matchHighlightBackground#b8750080
- peekViewEditor.matchHighlightBorder#a8680080
- peekViewResult.background#c7ddd8
- peekViewResult.fileForeground#294039
- peekViewResult.lineForeground#4a6665
- peekViewResult.matchHighlightBackground#b8750080
- peekViewResult.selectionBackground#ad4a9738
- peekViewTitle.background#ad4a9738
- peekViewTitleDescription.foreground#4a6665
- peekViewTitleLabel.foreground#294039
- pickerGroup.border#8e9d951f
- pickerGroup.foreground#4a666580
- profileBadge.background#ad4a97
- profileBadge.foreground#ffffff
- progressBar.background#ad4a97
- sash.background#c7ddd8
- sash.hoverBackground#ad4a97
- scrollbar.shadow#c7ddd8
- scrollbarSlider.activeBackground#4a6665b3
- scrollbarSlider.background#4a666566
- scrollbarSlider.hoverBackground#4a666599
- selection.background#ad4a9738
- settings.headerForeground#294039
- settings.modifiedItemIndicator#3b79c1
- sideBar.background#cfe5df
- sideBar.border#8e9d951f
- sideBar.dropBackground#ad4a9729
- sideBarActivityBarTop.border#8e9d951f
- sideBarSectionHeader.background#cee4de
- sideBarSectionHeader.border#8e9d951f
- sideBarSectionHeader.foreground#4a6665
- sideBarStickyScroll.background#cee4de
- sideBarStickyScroll.border#8e9d951f
- sideBarStickyScroll.shadow#8e9d9533
- sideBarTitle.background#cfe5df
- sideBarTitle.border#8e9d951f
- sideBarTitle.foreground#4a6665
- simpleFindWidget.sashBorder#8e9d9599
- statusBar.background#616f56
- statusBar.border#7b88758f
- statusBar.debuggingBackground#c96a2b
- statusBar.debuggingForeground#f3f8f5
- statusBar.focusBorder#7b8875b3
- statusBar.foreground#e9f3fc
- statusBarItem.activeBackground#4a666533
- statusBarItem.hoverBackground#4a666533
- statusBarItem.prominentBackground#8e9d951f
- statusBarItem.prominentHoverBackground#4a666529
- statusBarItem.remoteBackground#ad4a97
- statusBarItem.remoteForeground#ffffff
- symbolIcon.arrayForeground#0079d6
- symbolIcon.booleanForeground#7e63c8
- symbolIcon.classForeground#0079d6
- symbolIcon.colorForeground#b9822d
- symbolIcon.constantForeground#7e63c8
- symbolIcon.constructorForeground#008a70
- symbolIcon.enumeratorForeground#0079d6
- symbolIcon.enumeratorMemberForeground#7e63c8
- symbolIcon.eventForeground#b9822d
- symbolIcon.fieldForeground#c94f6d
- symbolIcon.fileForeground#4a6665
- symbolIcon.folderForeground#4a6665
- symbolIcon.functionForeground#008a70
- symbolIcon.interfaceForeground#0079d6
- symbolIcon.keyForeground#0079d6
- symbolIcon.keywordForeground#d85b00
- symbolIcon.methodForeground#008a70
- symbolIcon.moduleForeground#5c8f00
- symbolIcon.namespaceForeground#5c8f00
- symbolIcon.nullForeground#7e63c8
- symbolIcon.numberForeground#7e63c8
- symbolIcon.objectForeground#0079d6
- symbolIcon.operatorForeground#c96a2b
- symbolIcon.packageForeground#5c8f00
- symbolIcon.propertyForeground#c94f6d
- symbolIcon.referenceForeground#0079d6
- symbolIcon.snippetForeground#b9822d
- symbolIcon.stringForeground#5c8f00
- symbolIcon.structForeground#0079d6
- symbolIcon.textForeground#294039
- symbolIcon.typeParameterForeground#0079d6
- symbolIcon.unitForeground#7e63c8
- symbolIcon.variableForeground#294039
- tab.activeBackground#f3f8f5
- tab.activeBorder#f3f8f5
- tab.activeForeground#294039
- tab.border#8e9d951f
- tab.inactiveBackground#cfe5df
- tab.inactiveForeground#4a6665
- tab.lastPinnedBorder#8e9d951f
- tab.unfocusedActiveBorder#f3f8f5
- tab.unfocusedActiveForeground#4a6665
- tab.unfocusedInactiveForeground#4a6665
- terminal.ansiBlack#1d1d21
- terminal.ansiBlue#2368c4
- terminal.ansiBrightBlack#5a6268
- terminal.ansiBrightBlue#1e74d8
- terminal.ansiBrightCyan#008c96
- terminal.ansiBrightGreen#1f9f36
- terminal.ansiBrightMagenta#b94bd0
- terminal.ansiBrightRed#e53935
- terminal.ansiBrightWhite#5a5f62
- terminal.ansiBrightYellow#b08000
- terminal.ansiCyan#007f89
- terminal.ansiGreen#2e8b2e
- terminal.ansiMagenta#a83dba
- terminal.ansiRed#c62828
- terminal.ansiWhite#294039
- terminal.ansiYellow#9a7200
- terminal.background#cfe5df
- terminal.foreground#294039
- terminalChrome.background#cfe5df
- terminalChrome.border#8e9d951f
- terminalCommandGuide.foreground#4a66654d
- terminalCursor.foreground#ad4a97
- terminalStickyScroll.background#cee4de
- terminalStickyScroll.border#8e9d951f
- terminalStickyScroll.shadow#8e9d9533
- terminalStickyScrollHover.background#ad4a9724
- testing.iconPassed#4fa84b
- textBlockQuote.background#c7ddd8
- textLink.activeForeground#ad4a97
- textLink.foreground#9b3987
- textPreformat.foreground#294039
- titleBar.activeBackground#dee9e6
- titleBar.activeForeground#294039
- titleBar.border#b7c4c08f
- titleBar.inactiveBackground#dae5e2
- titleBar.inactiveForeground#294039d9
- toolbar.hoverBackground#4a66654d
- tree.indentGuidesStroke#8b5a2b59
- tree.tableColumnsBorder#4c88d8
- walkThrough.embeddedEditorBackground#c7ddd8
- welcomePage.buttonBackground#ad4a9766
- welcomePage.progress.background#ad4a971f
- welcomePage.tileBackground#cfe5df
- welcomePage.tileShadow#8e9d9533
- widget.border#8e9d951f
- widget.shadow#8e9d9533
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #294039 | — |
| comment | #68798cb3 | italic |
| string, constant.other.symbol | #5c8f00 | — |
| string.regexp, constant.character, constant.other | #b87500 | — |
| constant.numeric | #7e63c8 | — |
| constant.language | #7e63c8 | — |
| variable, variable.parameter.function-call | #294039 | — |
| variable.member | #c94f6d | — |
| variable.language | #0079d6 | italic |
| storage | #d85b00 | — |
| keyword | #d85b00 | — |
| keyword.operator | #c96a2b | — |
| punctuation.separator, punctuation.terminator | #294039b3 | — |
| punctuation.section | #294039 | — |
| punctuation.accessor | #c96a2b | — |
| punctuation.definition.template-expression | #d85b00 | — |
| punctuation.section.embedded | #d85b00 | — |
| meta.embedded | #294039 | — |
| source.java storage.type, source.haskell storage.type, source.c storage.type | #0079d6 | — |
| entity.other.inherited-class | #0079d6 | — |
| storage.type.function | #d85b00 | — |
| source.java storage.type.primitive | #0079d6 | — |
| entity.name.function | #008a70 | — |
| variable.parameter, meta.parameter | #7e63c8 | — |
| variable.function, variable.annotation, meta.function-call.generic, support.function.go | #008a70 | — |
| support.function, support.macro | #c94f6d | — |
| entity.name.import, entity.name.package | #5c8f00 | — |
| entity.name | #0079d6 | — |
| entity.name.tag, meta.tag.sgml | #0079d6 | — |
| support.class.component | #0079d6 | — |
| punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag | #0079d680 | — |
| entity.other.attribute-name | #008a70 | — |
| entity.other.attribute-name.pseudo-class | #b87500 | — |
| support.constant | #c96a2b | italic |
| support.type, support.class, source.go storage.type | #0079d6 | — |
| meta.decorator variable.other, meta.decorator punctuation.decorator, storage.type.annotation, entity.name.function.decorator | #b9822d | — |
| invalid | #b9473f | — |
| meta.diff, meta.diff.header | #c594c5 | — |
| source.ruby variable.other.readwrite | #008a70 | — |
| 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 | #0079d6 | — |
| source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type | #68798cb3 | — |
| support.type.property-name | #0079d6 | normal |
| constant.numeric.line-number.find-in-files - match | #68798cb3 | — |
| constant.numeric.line-number.match | #d85b00 | — |
| entity.name.filename.find-in-files | #5c8f00 | — |
| message.error | #b9473f | — |
| markup.heading, markup.heading entity.name | #5c8f00 | bold |
| markup.underline.link, string.other.link | #0079d6 | — |
| markup.italic, emphasis | #c94f6d | italic |
| markup.bold | #c94f6d | bold |
| markup.underline | — | underline |
| markup.italic markup.bold, markup.bold markup.italic | — | bold italic |
| markup.raw | — | — |
| markup.raw.inline | — | — |
| meta.separator | #68798cb3 | bold |
| markup.quote | #b87500 | italic |
| markup.list punctuation.definition.list.begin | #008a70 | — |
| markup.inserted | #4fa84b | — |
| markup.changed | #3b79c1 | — |
| markup.deleted | #b9473f | — |
| markup.strike | #b9822d | — |
| markup.strong | — | bold |
| markup.table | #0079d6 | — |
| text.html.markdown markup.inline.raw | #c96a2b | — |
| text.html.markdown meta.dummy.line-break | #68798cb3 | — |
| punctuation.definition.markdown | #68798cb3 | — |
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#3f69a638
- activityBar.activeBorder#3f69a6
- activityBar.activeFocusBorder#3f69a6bf
- activityBar.background#d5e7f5
- activityBar.border#8fa0a71f
- activityBar.dropBorder#3f69a6b3
- activityBar.foreground#3f69a6
- activityBar.inactiveForeground#495a67c7
- activityBarBadge.background#3f69a6
- activityBarBadge.foreground#ffffff
- activityBarTop.activeBackground#3f69a638
- activityBarTop.activeBorder#3f69a673
- activityBarTop.background#d6e8f6
- activityBarTop.foreground#3f69a6
- activityBarTop.inactiveForeground#495a67c7
- badge.background#3f69a633
- badge.foreground#3f69a6
- button.background#3f69a6
- button.border#ffffff1a
- button.foreground#ffffff
- button.hoverBackground#34609c
- button.secondaryBackground#495a6733
- button.secondaryForeground#34414b
- button.secondaryHoverBackground#495a6780
- button.separator#ffffff4d
- charts.blue#0079d6
- charts.green#4fa84b
- charts.orange#d85b00
- charts.purple#7e63c8
- charts.red#ff5a5a
- chat.checkpointSeparator#68798cb3
- chat.editedFileForeground#3b79c1
- chat.editorBackground#f2f7fb
- chat.requestBackground#d6e8f6
- chat.requestBorder#3f69a638
- chat.requestBubbleBackground#3f69a624
- chat.requestBubbleHoverBackground#3f69a638
- chat.slashCommandBackground#0079d633
- chat.slashCommandForeground#0079d6
- commandCenter.activeBackground#3f69a638
- commandCenter.activeBorder#3f69a673
- commandCenter.activeForeground#34414b
- commandCenter.background#f2f7fb
- commandCenter.border#8fa0a71f
- commandCenter.foreground#34414b
- commandCenter.inactiveBorder#8fa0a71f
- debugConsoleInputIcon.foreground#3f69a6
- debugExceptionWidget.background#c9dff0
- debugExceptionWidget.border#8fa0a71f
- debugIcon.breakpointDisabledForeground#c96a2b80
- debugIcon.breakpointForeground#c96a2b
- debugToolBar.background#c9dff0
- descriptionForeground#495a67
- diffEditor.diagonalFill#8fa0a71f
- diffEditor.insertedTextBackground#4fa84b1f
- diffEditor.removedTextBackground#b9473f1f
- disabledForeground#34414b80
- dropdown.background#c9dff0
- dropdown.border#8fa0a71f
- dropdown.foreground#495a67
- editor.background#f2f7fb
- editor.findMatchBackground#b87500e6
- editor.findMatchHighlightBackground#b8750080
- editor.foreground#34414b
- editor.inactiveSelectionBackground#3f69a61f
- editor.lineHighlightBackground#3f69a61f
- editor.rangeHighlightBackground#b8750033
- editor.selectionBackground#3f69a638
- editor.selectionHighlightBackground#4fa84b26
- editor.selectionHighlightBorder#4fa84b59
- editor.snippetTabstopHighlightBackground#4fa84b33
- editor.wordHighlightBackground#3b79c114
- editor.wordHighlightBorder#3b79c180
- editor.wordHighlightStrongBackground#4fa84b14
- editor.wordHighlightStrongBorder#4fa84b80
- editorBracketHighlight.foreground1#8b5a2be6
- editorBracketHighlight.foreground2#e5b94a
- editorBracketHighlight.foreground3#5fb04ad9
- editorBracketHighlight.foreground4#4c88d8d9
- editorBracketHighlight.foreground5#6b4fa8d9
- editorBracketHighlight.foreground6#b45a9cd9
- editorBracketMatch.background#495a674d
- editorBracketMatch.border#495a674d
- editorCodeLens.foreground#68798cb3
- editorCursor.foreground#3f69a6
- editorError.foreground#b9473f
- editorGroup.background#c9dff0
- editorGroup.border#c9dff0
- editorGroupHeader.border#8fa0a71f
- editorGroupHeader.noTabsBackground#d6e8f6
- editorGroupHeader.tabsBackground#d6e8f6
- editorGroupHeader.tabsBorder#8fa0a71f
- editorGutter.addedBackground#4fa84b
- editorGutter.commentRangeForeground#8fa0a71f
- editorGutter.deletedBackground#b9473f
- editorGutter.modifiedBackground#3b79c1
- editorHoverWidget.background#c9dff0
- editorHoverWidget.border#8fa0a71f
- editorIndentGuide.activeBackground#8b5a2b59
- editorIndentGuide.activeBackground1#8b5a2be6
- editorIndentGuide.activeBackground2#e5b94a
- editorIndentGuide.activeBackground3#5fb04ad9
- editorIndentGuide.activeBackground4#4c88d8d9
- editorIndentGuide.activeBackground5#6b4fa8d9
- editorIndentGuide.activeBackground6#b45a9cd9
- editorIndentGuide.background#8b5a2b2e
- editorIndentGuide.background1#8b5a2b59
- editorIndentGuide.background2#e5b94a8c
- editorIndentGuide.background3#5fb04a59
- editorIndentGuide.background4#4c88d859
- editorIndentGuide.background5#6b4fa859
- editorIndentGuide.background6#b45a9c59
- editorInlayHint.background#f2f7fb
- editorInlayHint.foreground#34414b80
- editorLineNumber.activeForeground#495a67b3
- editorLineNumber.foreground#495a6766
- editorLink.activeForeground#3f69a6
- editorMarkerNavigation.background#c9dff0
- editorOverviewRuler.addedForeground#4fa84b
- editorOverviewRuler.border#8fa0a71f
- editorOverviewRuler.bracketMatchForeground#495a67b3
- editorOverviewRuler.deletedForeground#b9473f
- editorOverviewRuler.errorForeground#b9473f
- editorOverviewRuler.findMatchForeground#b87500e6
- editorOverviewRuler.modifiedForeground#3b79c1
- editorOverviewRuler.warningForeground#b87500
- editorOverviewRuler.wordHighlightForeground#3b79c166
- editorOverviewRuler.wordHighlightStrongForeground#4fa84b66
- editorRuler.foreground#8b5a2b2e
- editorStickyScroll.background#c9dff0
- editorStickyScroll.border#8fa0a71f
- editorStickyScroll.shadow#8fa0a733
- editorStickyScrollHover.background#3f69a624
- editorSuggestWidget.background#c9dff0
- editorSuggestWidget.border#8fa0a71f
- editorSuggestWidget.highlightForeground#3f69a6
- editorSuggestWidget.selectedBackground#3f69a638
- editorWarning.foreground#b87500
- editorWhitespace.foreground#495a6766
- editorWidget.background#c9dff0
- editorWidget.border#8fa0a71f
- editorWidget.resizeBorder#8fa0a7a6
- errorForeground#b9473f
- extensionButton.prominentBackground#3f69a6
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#3a65a1
- focusBorder#8fa0a71f
- foreground#495a67
- gitDecoration.conflictingResourceForeground#b87500
- gitDecoration.deletedResourceForeground#b9473f
- gitDecoration.ignoredResourceForeground#495a6780
- gitDecoration.modifiedResourceForeground#3b79c1
- gitDecoration.submoduleResourceForeground#7e63c8
- gitDecoration.untrackedResourceForeground#4fa84b
- icon.foreground#495a67
- inlineChat.background#c9dff0
- inlineChat.border#8fa0a71f
- inlineChat.foreground#34414b
- inlineChat.shadow#8fa0a733
- inlineChatDiff.inserted#4fa84b33
- inlineChatDiff.removed#b9473f33
- inlineChatInput.background#f2f7fb
- inlineChatInput.border#8fa0a71f
- inlineChatInput.focusBorder#3f69a6b3
- inlineChatInput.placeholderForeground#495a6780
- inlineEdit.gutterIndicator.background#c9dff0
- inlineEdit.gutterIndicator.primaryBackground#3f69a624
- inlineEdit.gutterIndicator.primaryBorder#3f69a6bf
- inlineEdit.gutterIndicator.primaryForeground#3f69a6
- inlineEdit.gutterIndicator.secondaryBackground#495a671f
- inlineEdit.gutterIndicator.secondaryBorder#495a6773
- inlineEdit.gutterIndicator.secondaryForeground#495a67
- inlineEdit.gutterIndicator.successfulBackground#4fa84b1f
- inlineEdit.gutterIndicator.successfulBorder#4fa84bbf
- inlineEdit.gutterIndicator.successfulForeground#4fa84b
- inlineEdit.modifiedBackground#4fa84b14
- inlineEdit.modifiedBorder#4fa84b99
- inlineEdit.modifiedChangedLineBackground#4fa84b1f
- inlineEdit.modifiedChangedTextBackground#4fa84b33
- inlineEdit.originalBackground#b9473f14
- inlineEdit.originalBorder#b9473f99
- inlineEdit.originalChangedLineBackground#b9473f1f
- inlineEdit.originalChangedTextBackground#b9473f33
- input.background#f2f7fb
- input.border#495a6733
- input.foreground#34414b
- input.placeholderForeground#495a6780
- inputOption.activeBackground#3f69a61a
- inputOption.activeBorder#3f69a633
- inputOption.activeForeground#3f69a6
- inputOption.hoverBackground#495a6733
- inputValidation.errorBackground#f2f7fb
- inputValidation.errorBorder#b9473f
- inputValidation.infoBackground#d6e8f6
- inputValidation.infoBorder#0079d6
- inputValidation.warningBackground#d6e8f6
- inputValidation.warningBorder#b87500
- keybindingLabel.background#495a671a
- keybindingLabel.border#34414b1a
- keybindingLabel.bottomBorder#34414b1a
- keybindingLabel.foreground#34414b
- list.activeSelectionBackground#3f69a638
- list.activeSelectionForeground#34414b
- list.deemphasizedForeground#b9473f
- list.errorForeground#b9473f
- list.filterMatchBackground#a8680080
- list.filterMatchBorder#b8750080
- list.focusBackground#3f69a638
- list.focusForeground#34414b
- list.focusOutline#3f69a638
- list.highlightForeground#3f69a6
- list.hoverBackground#3f69a638
- list.inactiveSelectionBackground#3f69a624
- list.inactiveSelectionForeground#495a67
- list.invalidItemForeground#495a674d
- listFilterWidget.background#c9dff0
- listFilterWidget.noMatchesOutline#b9473f
- listFilterWidget.outline#3f69a6
- menu.border#8fa0a71f
- minimap.background#d6e8f6
- minimap.errorHighlight#b9473f
- minimap.findMatchHighlight#b87500e6
- minimap.selectionHighlight#3f69a638
- minimapGutter.addedBackground#4fa84b
- minimapGutter.deletedBackground#b9473f
- minimapGutter.modifiedBackground#3b79c1
- multiDiffEditor.background#d6e8f6
- multiDiffEditor.border#8fa0a71f
- multiDiffEditor.headerBackground#c9dff0
- panel.background#c9dff0
- panel.border#8fa0a71f
- panelStickyScroll.background#c8deef
- panelStickyScroll.border#8fa0a71f
- panelStickyScroll.shadow#8fa0a733
- panelTitle.activeBorder#3f69a673
- panelTitle.activeForeground#3f69a6
- panelTitle.border#8fa0a71f
- panelTitle.inactiveForeground#495a67
- peekView.border#3f69a638
- peekViewEditor.background#c9dff0
- peekViewEditor.matchHighlightBackground#b8750080
- peekViewEditor.matchHighlightBorder#a8680080
- peekViewResult.background#c9dff0
- peekViewResult.fileForeground#34414b
- peekViewResult.lineForeground#495a67
- peekViewResult.matchHighlightBackground#b8750080
- peekViewResult.selectionBackground#3f69a638
- peekViewTitle.background#3f69a638
- peekViewTitleDescription.foreground#495a67
- peekViewTitleLabel.foreground#34414b
- pickerGroup.border#8fa0a71f
- pickerGroup.foreground#495a6780
- profileBadge.background#3f69a6
- profileBadge.foreground#ffffff
- progressBar.background#3f69a6
- sash.background#c9dff0
- sash.hoverBackground#3f69a6
- scrollbar.shadow#c9dff0
- scrollbarSlider.activeBackground#495a67b3
- scrollbarSlider.background#495a6766
- scrollbarSlider.hoverBackground#495a6799
- selection.background#3f69a638
- settings.headerForeground#34414b
- settings.modifiedItemIndicator#3b79c1
- sideBar.background#d6e8f6
- sideBar.border#8fa0a71f
- sideBar.dropBackground#3f69a629
- sideBarActivityBarTop.border#8fa0a71f
- sideBarSectionHeader.background#d5e7f5
- sideBarSectionHeader.border#8fa0a71f
- sideBarSectionHeader.foreground#495a67
- sideBarStickyScroll.background#d5e7f5
- sideBarStickyScroll.border#8fa0a71f
- sideBarStickyScroll.shadow#8fa0a733
- sideBarTitle.background#d6e8f6
- sideBarTitle.border#8fa0a71f
- sideBarTitle.foreground#495a67
- simpleFindWidget.sashBorder#8fa0a799
- statusBar.background#4c716e
- statusBar.border#6b89888f
- statusBar.debuggingBackground#c96a2b
- statusBar.debuggingForeground#f2f7fb
- statusBar.focusBorder#6b8988b3
- statusBar.foreground#edf2fa
- statusBarItem.activeBackground#495a6733
- statusBarItem.hoverBackground#495a6733
- statusBarItem.prominentBackground#8fa0a71f
- statusBarItem.prominentHoverBackground#495a6729
- statusBarItem.remoteBackground#3f69a6
- statusBarItem.remoteForeground#ffffff
- symbolIcon.arrayForeground#0079d6
- symbolIcon.booleanForeground#7e63c8
- symbolIcon.classForeground#0079d6
- symbolIcon.colorForeground#b9822d
- symbolIcon.constantForeground#7e63c8
- symbolIcon.constructorForeground#008a70
- symbolIcon.enumeratorForeground#0079d6
- symbolIcon.enumeratorMemberForeground#7e63c8
- symbolIcon.eventForeground#b9822d
- symbolIcon.fieldForeground#c94f6d
- symbolIcon.fileForeground#495a67
- symbolIcon.folderForeground#495a67
- symbolIcon.functionForeground#008a70
- symbolIcon.interfaceForeground#0079d6
- symbolIcon.keyForeground#0079d6
- symbolIcon.keywordForeground#d85b00
- symbolIcon.methodForeground#008a70
- symbolIcon.moduleForeground#5c8f00
- symbolIcon.namespaceForeground#5c8f00
- symbolIcon.nullForeground#7e63c8
- symbolIcon.numberForeground#7e63c8
- symbolIcon.objectForeground#0079d6
- symbolIcon.operatorForeground#c96a2b
- symbolIcon.packageForeground#5c8f00
- symbolIcon.propertyForeground#c94f6d
- symbolIcon.referenceForeground#0079d6
- symbolIcon.snippetForeground#b9822d
- symbolIcon.stringForeground#5c8f00
- symbolIcon.structForeground#0079d6
- symbolIcon.textForeground#34414b
- symbolIcon.typeParameterForeground#0079d6
- symbolIcon.unitForeground#7e63c8
- symbolIcon.variableForeground#34414b
- tab.activeBackground#f2f7fb
- tab.activeBorder#f2f7fb
- tab.activeForeground#34414b
- tab.border#8fa0a71f
- tab.inactiveBackground#d6e8f6
- tab.inactiveForeground#495a67
- tab.lastPinnedBorder#8fa0a71f
- tab.unfocusedActiveBorder#f2f7fb
- tab.unfocusedActiveForeground#495a67
- tab.unfocusedInactiveForeground#495a67
- terminal.ansiBlack#1d1d21
- terminal.ansiBlue#2368c4
- terminal.ansiBrightBlack#5a6268
- terminal.ansiBrightBlue#1e74d8
- terminal.ansiBrightCyan#008c96
- terminal.ansiBrightGreen#1f9f36
- terminal.ansiBrightMagenta#b94bd0
- terminal.ansiBrightRed#e53935
- terminal.ansiBrightWhite#5a5f62
- terminal.ansiBrightYellow#b08000
- terminal.ansiCyan#007f89
- terminal.ansiGreen#2e8b2e
- terminal.ansiMagenta#a83dba
- terminal.ansiRed#c62828
- terminal.ansiWhite#34414b
- terminal.ansiYellow#9a7200
- terminal.background#d6e8f6
- terminal.foreground#34414b
- terminalChrome.background#d6e8f6
- terminalChrome.border#8fa0a71f
- terminalCommandGuide.foreground#495a674d
- terminalCursor.foreground#3f69a6
- terminalStickyScroll.background#d5e7f5
- terminalStickyScroll.border#8fa0a71f
- terminalStickyScroll.shadow#8fa0a733
- terminalStickyScrollHover.background#3f69a624
- testing.iconPassed#4fa84b
- textBlockQuote.background#c9dff0
- textLink.activeForeground#3f69a6
- textLink.foreground#2c5a95
- textPreformat.foreground#34414b
- titleBar.activeBackground#dfe8ef
- titleBar.activeForeground#34414b
- titleBar.border#bac4cc8f
- titleBar.inactiveBackground#dbe4eb
- titleBar.inactiveForeground#34414bd9
- toolbar.hoverBackground#495a674d
- tree.indentGuidesStroke#8b5a2b59
- tree.tableColumnsBorder#4c88d8
- walkThrough.embeddedEditorBackground#c9dff0
- welcomePage.buttonBackground#3f69a666
- welcomePage.progress.background#3f69a61f
- welcomePage.tileBackground#d6e8f6
- welcomePage.tileShadow#8fa0a733
- widget.border#8fa0a71f
- widget.shadow#8fa0a733
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #34414b | — |
| comment | #68798cb3 | italic |
| string, constant.other.symbol | #5c8f00 | — |
| string.regexp, constant.character, constant.other | #b87500 | — |
| constant.numeric | #7e63c8 | — |
| constant.language | #7e63c8 | — |
| variable, variable.parameter.function-call | #34414b | — |
| variable.member | #c94f6d | — |
| variable.language | #0079d6 | italic |
| storage | #d85b00 | — |
| keyword | #d85b00 | — |
| keyword.operator | #c96a2b | — |
| punctuation.separator, punctuation.terminator | #34414bb3 | — |
| punctuation.section | #34414b | — |
| punctuation.accessor | #c96a2b | — |
| punctuation.definition.template-expression | #d85b00 | — |
| punctuation.section.embedded | #d85b00 | — |
| meta.embedded | #34414b | — |
| source.java storage.type, source.haskell storage.type, source.c storage.type | #0079d6 | — |
| entity.other.inherited-class | #0079d6 | — |
| storage.type.function | #d85b00 | — |
| source.java storage.type.primitive | #0079d6 | — |
| entity.name.function | #008a70 | — |
| variable.parameter, meta.parameter | #7e63c8 | — |
| variable.function, variable.annotation, meta.function-call.generic, support.function.go | #008a70 | — |
| support.function, support.macro | #c94f6d | — |
| entity.name.import, entity.name.package | #5c8f00 | — |
| entity.name | #0079d6 | — |
| entity.name.tag, meta.tag.sgml | #0079d6 | — |
| support.class.component | #0079d6 | — |
| punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag | #0079d680 | — |
| entity.other.attribute-name | #008a70 | — |
| entity.other.attribute-name.pseudo-class | #b87500 | — |
| support.constant | #c96a2b | italic |
| support.type, support.class, source.go storage.type | #0079d6 | — |
| meta.decorator variable.other, meta.decorator punctuation.decorator, storage.type.annotation, entity.name.function.decorator | #b9822d | — |
| invalid | #b9473f | — |
| meta.diff, meta.diff.header | #c594c5 | — |
| source.ruby variable.other.readwrite | #008a70 | — |
| 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 | #0079d6 | — |
| source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type | #68798cb3 | — |
| support.type.property-name | #0079d6 | normal |
| constant.numeric.line-number.find-in-files - match | #68798cb3 | — |
| constant.numeric.line-number.match | #d85b00 | — |
| entity.name.filename.find-in-files | #5c8f00 | — |
| message.error | #b9473f | — |
| markup.heading, markup.heading entity.name | #5c8f00 | bold |
| markup.underline.link, string.other.link | #0079d6 | — |
| markup.italic, emphasis | #c94f6d | italic |
| markup.bold | #c94f6d | bold |
| markup.underline | — | underline |
| markup.italic markup.bold, markup.bold markup.italic | — | bold italic |
| markup.raw | — | — |
| markup.raw.inline | — | — |
| meta.separator | #68798cb3 | bold |
| markup.quote | #b87500 | italic |
| markup.list punctuation.definition.list.begin | #008a70 | — |
| markup.inserted | #4fa84b | — |
| markup.changed | #3b79c1 | — |
| markup.deleted | #b9473f | — |
| markup.strike | #b9822d | — |
| markup.strong | — | bold |
| markup.table | #0079d6 | — |
| text.html.markdown markup.inline.raw | #c96a2b | — |
| text.html.markdown meta.dummy.line-break | #68798cb3 | — |
| punctuation.definition.markdown | #68798cb3 | — |
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#d06a6a66
- activityBar.activeBorder#d06a6a
- activityBar.activeFocusBorder#d06a6abf
- activityBar.background#493a27
- activityBar.border#7059442e
- activityBar.dropBorder#d06a6ab3
- activityBar.foreground#d06a6a
- activityBar.inactiveForeground#f1e7dac7
- activityBarBadge.background#d06a6a
- activityBarBadge.foreground#2f1414
- activityBarTop.activeBackground#d06a6a66
- activityBarTop.activeBorder#d06a6a73
- activityBarTop.background#4a3b28
- activityBarTop.foreground#d06a6a
- activityBarTop.inactiveForeground#f1e7dac7
- badge.background#d06a6a33
- badge.foreground#d06a6a
- button.background#d06a6a
- button.border#2f14141a
- button.foreground#2f1414
- button.hoverBackground#c56161
- button.secondaryBackground#f1e7da33
- button.secondaryForeground#f0e0d0
- button.secondaryHoverBackground#f1e7da80
- button.separator#2f14144d
- charts.blue#65c7ff
- charts.green#70bf56
- charts.orange#ff9a3d
- charts.purple#c6a7ff
- charts.red#ff0000
- chat.checkpointSeparator#8fa6b2c7
- chat.editedFileForeground#73b8ff
- chat.editorBackground#2b221a
- chat.requestBackground#4a3b28
- chat.requestBorder#d06a6a66
- chat.requestBubbleBackground#d06a6a40
- chat.requestBubbleHoverBackground#d06a6a66
- chat.slashCommandBackground#65c7ff33
- chat.slashCommandForeground#65c7ff
- commandCenter.activeBackground#d06a6a66
- commandCenter.activeBorder#d06a6a73
- commandCenter.activeForeground#f0e0d0
- commandCenter.background#2b221a
- commandCenter.border#7059442e
- commandCenter.foreground#f0e0d0
- commandCenter.inactiveBorder#7059442e
- debugConsoleInputIcon.foreground#d06a6a
- debugExceptionWidget.background#352b1d
- debugExceptionWidget.border#7059442e
- debugIcon.breakpointDisabledForeground#ffb06680
- debugIcon.breakpointForeground#ffb066
- debugToolBar.background#352b1d
- descriptionForeground#f1e7da
- diffEditor.diagonalFill#7059442e
- diffEditor.insertedTextBackground#70bf561f
- diffEditor.removedTextBackground#f26d781f
- disabledForeground#f0e0d080
- dropdown.background#352b1d
- dropdown.border#7059442e
- dropdown.foreground#f1e7da
- editor.background#2b221a
- editor.findMatchBackground#ffd166bf
- editor.findMatchHighlightBackground#ffd16661
- editor.foreground#f0e0d0
- editor.inactiveSelectionBackground#d06a6a24
- editor.lineHighlightBackground#d06a6a29
- editor.rangeHighlightBackground#ffd16633
- editor.selectionBackground#d06a6a42
- editor.selectionHighlightBackground#70bf5626
- editor.selectionHighlightBorder#70bf5659
- editor.snippetTabstopHighlightBackground#70bf5633
- editor.wordHighlightBackground#73b8ff14
- editor.wordHighlightBorder#73b8ff80
- editor.wordHighlightStrongBackground#70bf5614
- editor.wordHighlightStrongBorder#70bf5680
- editorBracketHighlight.foreground1#8b5a2be6
- editorBracketHighlight.foreground2#e5b94a
- editorBracketHighlight.foreground3#5fb04ad9
- editorBracketHighlight.foreground4#4c88d8d9
- editorBracketHighlight.foreground5#6b4fa8d9
- editorBracketHighlight.foreground6#b45a9cd9
- editorBracketMatch.background#f1e7da4d
- editorBracketMatch.border#f1e7da4d
- editorCodeLens.foreground#8fa6b2c7
- editorCursor.foreground#d06a6a
- editorError.foreground#d95757
- editorGroup.background#352b1d
- editorGroup.border#352b1d
- editorGroupHeader.border#7059442e
- editorGroupHeader.noTabsBackground#4a3b28
- editorGroupHeader.tabsBackground#4a3b28
- editorGroupHeader.tabsBorder#7059442e
- editorGutter.addedBackground#70bf56
- editorGutter.commentRangeForeground#7059442e
- editorGutter.deletedBackground#f26d78
- editorGutter.modifiedBackground#73b8ff
- editorHoverWidget.background#352b1d
- editorHoverWidget.border#7059442e
- editorIndentGuide.activeBackground#8b5a2b59
- editorIndentGuide.activeBackground1#8b5a2be6
- editorIndentGuide.activeBackground2#e5b94a
- editorIndentGuide.activeBackground3#5fb04ad9
- editorIndentGuide.activeBackground4#4c88d8d9
- editorIndentGuide.activeBackground5#6b4fa8d9
- editorIndentGuide.activeBackground6#b45a9cd9
- editorIndentGuide.background#8b5a2b2e
- editorIndentGuide.background1#8b5a2b59
- editorIndentGuide.background2#e5b94a8c
- editorIndentGuide.background3#5fb04a59
- editorIndentGuide.background4#4c88d859
- editorIndentGuide.background5#6b4fa859
- editorIndentGuide.background6#b45a9c59
- editorInlayHint.background#2b221a
- editorInlayHint.foreground#f0e0d080
- editorLineNumber.activeForeground#f1e7dae6
- editorLineNumber.foreground#f1e7da99
- editorLink.activeForeground#d06a6a
- editorMarkerNavigation.background#352b1d
- editorOverviewRuler.addedForeground#70bf56
- editorOverviewRuler.border#7059442e
- editorOverviewRuler.bracketMatchForeground#f1e7dab3
- editorOverviewRuler.deletedForeground#f26d78
- editorOverviewRuler.errorForeground#d95757
- editorOverviewRuler.findMatchForeground#ffd166bf
- editorOverviewRuler.modifiedForeground#73b8ff
- editorOverviewRuler.warningForeground#ffd166
- editorOverviewRuler.wordHighlightForeground#73b8ff66
- editorOverviewRuler.wordHighlightStrongForeground#70bf5666
- editorRuler.foreground#8b5a2b2e
- editorStickyScroll.background#352b1d
- editorStickyScroll.border#7059442e
- editorStickyScroll.shadow#70594480
- editorStickyScrollHover.background#d06a6a40
- editorSuggestWidget.background#352b1d
- editorSuggestWidget.border#7059442e
- editorSuggestWidget.highlightForeground#d06a6a
- editorSuggestWidget.selectedBackground#d06a6a66
- editorWarning.foreground#ffd166
- editorWhitespace.foreground#f1e7da99
- editorWidget.background#352b1d
- editorWidget.border#7059442e
- editorWidget.resizeBorder#705944a6
- errorForeground#d95757
- extensionButton.prominentBackground#d06a6a
- extensionButton.prominentForeground#2f1414
- extensionButton.prominentHoverBackground#cb6566
- focusBorder#7059442e
- foreground#f1e7da
- gitDecoration.conflictingResourceForeground#ffd166
- gitDecoration.deletedResourceForeground#f26d78
- gitDecoration.ignoredResourceForeground#f1e7da80
- gitDecoration.modifiedResourceForeground#73b8ff
- gitDecoration.submoduleResourceForeground#c6a7ff
- gitDecoration.untrackedResourceForeground#70bf56
- icon.foreground#f1e7da
- inlineChat.background#352b1d
- inlineChat.border#7059442e
- inlineChat.foreground#f0e0d0
- inlineChat.shadow#70594480
- inlineChatDiff.inserted#70bf5633
- inlineChatDiff.removed#f26d7833
- inlineChatInput.background#2b221a
- inlineChatInput.border#7059442e
- inlineChatInput.focusBorder#d06a6ab3
- inlineChatInput.placeholderForeground#f1e7da80
- inlineEdit.gutterIndicator.background#352b1d
- inlineEdit.gutterIndicator.primaryBackground#d06a6a24
- inlineEdit.gutterIndicator.primaryBorder#d06a6abf
- inlineEdit.gutterIndicator.primaryForeground#d06a6a
- inlineEdit.gutterIndicator.secondaryBackground#f1e7da1f
- inlineEdit.gutterIndicator.secondaryBorder#f1e7da73
- inlineEdit.gutterIndicator.secondaryForeground#f1e7da
- inlineEdit.gutterIndicator.successfulBackground#70bf561f
- inlineEdit.gutterIndicator.successfulBorder#70bf56bf
- inlineEdit.gutterIndicator.successfulForeground#70bf56
- inlineEdit.modifiedBackground#70bf5614
- inlineEdit.modifiedBorder#70bf5699
- inlineEdit.modifiedChangedLineBackground#70bf561f
- inlineEdit.modifiedChangedTextBackground#70bf5633
- inlineEdit.originalBackground#f26d7814
- inlineEdit.originalBorder#f26d7899
- inlineEdit.originalChangedLineBackground#f26d781f
- inlineEdit.originalChangedTextBackground#f26d7833
- input.background#2b221a
- input.border#f1e7da33
- input.foreground#f0e0d0
- input.placeholderForeground#f1e7da80
- inputOption.activeBackground#d06a6a1a
- inputOption.activeBorder#d06a6a33
- inputOption.activeForeground#d06a6a
- inputOption.hoverBackground#f1e7da33
- inputValidation.errorBackground#2b221a
- inputValidation.errorBorder#d95757
- inputValidation.infoBackground#4a3b28
- inputValidation.infoBorder#65c7ff
- inputValidation.warningBackground#4a3b28
- inputValidation.warningBorder#ffd166
- keybindingLabel.background#f1e7da1a
- keybindingLabel.border#f0e0d01a
- keybindingLabel.bottomBorder#f0e0d01a
- keybindingLabel.foreground#f0e0d0
- list.activeSelectionBackground#d06a6a66
- list.activeSelectionForeground#f0e0d0
- list.deemphasizedForeground#d95757
- list.errorForeground#d95757
- list.filterMatchBackground#efc25861
- list.filterMatchBorder#ffd16661
- list.focusBackground#d06a6a66
- list.focusForeground#f0e0d0
- list.focusOutline#d06a6a66
- list.highlightForeground#d06a6a
- list.hoverBackground#d06a6a66
- list.inactiveSelectionBackground#d06a6a40
- list.inactiveSelectionForeground#f1e7da
- list.invalidItemForeground#f1e7da4d
- listFilterWidget.background#352b1d
- listFilterWidget.noMatchesOutline#d95757
- listFilterWidget.outline#d06a6a
- menu.border#7059442e
- minimap.background#4a3b28
- minimap.errorHighlight#d95757
- minimap.findMatchHighlight#ffd166bf
- minimap.selectionHighlight#d06a6a42
- minimapGutter.addedBackground#70bf56
- minimapGutter.deletedBackground#f26d78
- minimapGutter.modifiedBackground#73b8ff
- multiDiffEditor.background#4a3b28
- multiDiffEditor.border#7059442e
- multiDiffEditor.headerBackground#352b1d
- panel.background#352b1d
- panel.border#7059442e
- panelStickyScroll.background#342a1c
- panelStickyScroll.border#7059442e
- panelStickyScroll.shadow#70594480
- panelTitle.activeBorder#d06a6a73
- panelTitle.activeForeground#d06a6a
- panelTitle.border#7059442e
- panelTitle.inactiveForeground#f1e7da
- peekView.border#d06a6a66
- peekViewEditor.background#352b1d
- peekViewEditor.matchHighlightBackground#ffd16661
- peekViewEditor.matchHighlightBorder#efc25861
- peekViewResult.background#352b1d
- peekViewResult.fileForeground#f0e0d0
- peekViewResult.lineForeground#f1e7da
- peekViewResult.matchHighlightBackground#ffd16661
- peekViewResult.selectionBackground#d06a6a66
- peekViewTitle.background#d06a6a66
- peekViewTitleDescription.foreground#f1e7da
- peekViewTitleLabel.foreground#f0e0d0
- pickerGroup.border#7059442e
- pickerGroup.foreground#f1e7da80
- profileBadge.background#d06a6a
- profileBadge.foreground#2f1414
- progressBar.background#d06a6a
- sash.background#352b1d
- sash.hoverBackground#d06a6a
- scrollbar.shadow#352b1d
- scrollbarSlider.activeBackground#f1e7dab3
- scrollbarSlider.background#f1e7da66
- scrollbarSlider.hoverBackground#f1e7da99
- selection.background#d06a6a42
- settings.headerForeground#f0e0d0
- settings.modifiedItemIndicator#73b8ff
- sideBar.background#4a3b28
- sideBar.border#7059442e
- sideBar.dropBackground#d06a6a29
- sideBarActivityBarTop.border#7059442e
- sideBarSectionHeader.background#493a27
- sideBarSectionHeader.border#7059442e
- sideBarSectionHeader.foreground#f1e7da
- sideBarStickyScroll.background#493a27
- sideBarStickyScroll.border#7059442e
- sideBarStickyScroll.shadow#70594480
- sideBarTitle.background#4a3b28
- sideBarTitle.border#7059442e
- sideBarTitle.foreground#f1e7da
- simpleFindWidget.sashBorder#70594499
- statusBar.background#6b533a
- statusBar.border#856d55ad
- statusBar.debuggingBackground#ffb066
- statusBar.debuggingForeground#2b221a
- statusBar.focusBorder#856d55b3
- statusBar.foreground#f0e0d0
- statusBarItem.activeBackground#f1e7da33
- statusBarItem.hoverBackground#f1e7da33
- statusBarItem.prominentBackground#7059442e
- statusBarItem.prominentHoverBackground#f1e7da29
- statusBarItem.remoteBackground#d06a6a
- statusBarItem.remoteForeground#2f1414
- symbolIcon.arrayForeground#65c7ff
- symbolIcon.booleanForeground#c6a7ff
- symbolIcon.classForeground#65c7ff
- symbolIcon.colorForeground#ffb066
- symbolIcon.constantForeground#c6a7ff
- symbolIcon.constructorForeground#47e0b1
- symbolIcon.enumeratorForeground#65c7ff
- symbolIcon.enumeratorMemberForeground#c6a7ff
- symbolIcon.eventForeground#ffb066
- symbolIcon.fieldForeground#ff7fa3
- symbolIcon.fileForeground#f1e7da
- symbolIcon.folderForeground#f1e7da
- symbolIcon.functionForeground#47e0b1
- symbolIcon.interfaceForeground#65c7ff
- symbolIcon.keyForeground#65c7ff
- symbolIcon.keywordForeground#ff9a3d
- symbolIcon.methodForeground#47e0b1
- symbolIcon.moduleForeground#a5d85a
- symbolIcon.namespaceForeground#a5d85a
- symbolIcon.nullForeground#c6a7ff
- symbolIcon.numberForeground#c6a7ff
- symbolIcon.objectForeground#65c7ff
- symbolIcon.operatorForeground#ffb066
- symbolIcon.packageForeground#a5d85a
- symbolIcon.propertyForeground#ff7fa3
- symbolIcon.referenceForeground#65c7ff
- symbolIcon.snippetForeground#ffb066
- symbolIcon.stringForeground#a5d85a
- symbolIcon.structForeground#65c7ff
- symbolIcon.textForeground#f0e0d0
- symbolIcon.typeParameterForeground#65c7ff
- symbolIcon.unitForeground#c6a7ff
- symbolIcon.variableForeground#f0e0d0
- tab.activeBackground#2b221a
- tab.activeBorder#2b221a
- tab.activeForeground#f0e0d0
- tab.border#7059442e
- tab.inactiveBackground#4a3b28
- tab.inactiveForeground#f1e7da
- tab.lastPinnedBorder#7059442e
- tab.unfocusedActiveBorder#2b221a
- tab.unfocusedActiveForeground#f1e7da
- tab.unfocusedInactiveForeground#f1e7da
- terminal.ansiBlack#101418
- terminal.ansiBlue#70b7ff
- terminal.ansiBrightBlack#667785
- terminal.ansiBrightBlue#8bc7ff
- terminal.ansiBrightCyan#76f0f2
- terminal.ansiBrightGreen#9af27e
- terminal.ansiBrightMagenta#e2a8ff
- terminal.ansiBrightRed#ff8585
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffe082
- terminal.ansiCyan#55dde8
- terminal.ansiGreen#7fe36a
- terminal.ansiMagenta#d991ff
- terminal.ansiRed#ff6b6b
- terminal.ansiWhite#d7dce2
- terminal.ansiYellow#ffd166
- terminal.background#4a3b28
- terminal.foreground#f0e0d0
- terminalChrome.background#4a3b28
- terminalChrome.border#7059442e
- terminalCommandGuide.foreground#f1e7da4d
- terminalCursor.foreground#d06a6a
- terminalStickyScroll.background#493a27
- terminalStickyScroll.border#7059442e
- terminalStickyScroll.shadow#70594480
- terminalStickyScrollHover.background#d06a6a40
- testing.iconPassed#70bf56
- textBlockQuote.background#352b1d
- textLink.activeForeground#d06a6a
- textLink.foreground#bd5a5b
- textPreformat.foreground#f0e0d0
- titleBar.activeBackground#382f25
- titleBar.activeForeground#f0e0d0
- titleBar.border#594e43ad
- titleBar.inactiveBackground#30271e
- titleBar.inactiveForeground#f0e0d0d9
- toolbar.hoverBackground#f1e7da4d
- tree.indentGuidesStroke#8b5a2b59
- tree.tableColumnsBorder#0000ff
- walkThrough.embeddedEditorBackground#352b1d
- welcomePage.buttonBackground#d06a6a66
- welcomePage.progress.background#d06a6a29
- welcomePage.tileBackground#4a3b28
- welcomePage.tileShadow#70594480
- widget.border#7059442e
- widget.shadow#70594480
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #f0e0d0 | — |
| comment | #8fa6b2c7 | italic |
| string, constant.other.symbol | #a5d85a | — |
| string.regexp, constant.character, constant.other | #ffd166 | — |
| constant.numeric | #c6a7ff | — |
| constant.language | #c6a7ff | — |
| variable, variable.parameter.function-call | #f0e0d0 | — |
| variable.member | #ff7fa3 | — |
| variable.language | #65c7ff | italic |
| storage | #ff9a3d | — |
| keyword | #ff9a3d | — |
| keyword.operator | #ffb066 | — |
| punctuation.separator, punctuation.terminator | #f0e0d0b3 | — |
| punctuation.section | #f0e0d0 | — |
| punctuation.accessor | #ffb066 | — |
| punctuation.definition.template-expression | #ff9a3d | — |
| punctuation.section.embedded | #ff9a3d | — |
| meta.embedded | #f0e0d0 | — |
| source.java storage.type, source.haskell storage.type, source.c storage.type | #65c7ff | — |
| entity.other.inherited-class | #65c7ff | — |
| storage.type.function | #ff9a3d | — |
| source.java storage.type.primitive | #65c7ff | — |
| entity.name.function | #47e0b1 | — |
| variable.parameter, meta.parameter | #c6a7ff | — |
| variable.function, variable.annotation, meta.function-call.generic, support.function.go | #47e0b1 | — |
| support.function, support.macro | #ff7fa3 | — |
| entity.name.import, entity.name.package | #a5d85a | — |
| entity.name | #65c7ff | — |
| entity.name.tag, meta.tag.sgml | #65c7ff | — |
| support.class.component | #65c7ff | — |
| punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag | #65c7ff80 | — |
| entity.other.attribute-name | #47e0b1 | — |
| entity.other.attribute-name.pseudo-class | #ffd166 | — |
| support.constant | #ffb066 | italic |
| support.type, support.class, source.go storage.type | #65c7ff | — |
| meta.decorator variable.other, meta.decorator punctuation.decorator, storage.type.annotation, entity.name.function.decorator | #ffb066 | — |
| invalid | #d95757 | — |
| meta.diff, meta.diff.header | #c594c5 | — |
| source.ruby variable.other.readwrite | #47e0b1 | — |
| 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 | #65c7ff | — |
| source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type | #8fa6b2c7 | — |
| support.type.property-name | #65c7ff | normal |
| constant.numeric.line-number.find-in-files - match | #8fa6b2c7 | — |
| constant.numeric.line-number.match | #ff9a3d | — |
| entity.name.filename.find-in-files | #a5d85a | — |
| message.error | #d95757 | — |
| markup.heading, markup.heading entity.name | #a5d85a | bold |
| markup.underline.link, string.other.link | #65c7ff | — |
| markup.italic, emphasis | #ff7fa3 | italic |
| markup.bold | #ff7fa3 | bold |
| markup.underline | — | underline |
| markup.italic markup.bold, markup.bold markup.italic | — | bold italic |
| markup.raw | — | — |
| markup.raw.inline | — | — |
| meta.separator | #8fa6b2c7 | bold |
| markup.quote | #ffd166 | italic |
| markup.list punctuation.definition.list.begin | #47e0b1 | — |
| markup.inserted | #70bf56 | — |
| markup.changed | #73b8ff | — |
| markup.deleted | #f26d78 | — |
| markup.strike | #ffb066 | — |
| markup.strong | — | bold |
| markup.table | #65c7ff | — |
| text.html.markdown markup.inline.raw | #ffb066 | — |
| text.html.markdown meta.dummy.line-break | #8fa6b2c7 | — |
| punctuation.definition.markdown | #8fa6b2c7 | — |