Modern Themes
Publisher: Hüsamettin UlutaşThemes in package: 24
24 handcrafted modern color themes plus a coding font picker that can install bundled open-source fonts for you. Every color is solved for WCAG contrast.
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#42a9751a
- activityBar.activeBorder#42a975
- activityBar.background#efeeec
- activityBar.border#e1dfdb00
- activityBar.foreground#42403b
- activityBar.inactiveForeground#8a8478
- activityBarBadge.background#42a975
- activityBarBadge.foreground#1c1a17
- activityBarTop.activeBorder#42a975
- activityBarTop.foreground#42403b
- activityBarTop.inactiveForeground#8a8478
- badge.background#42a975
- badge.foreground#1c1a17
- banner.background#f7f6f5
- banner.foreground#42403b
- banner.iconForeground#317f58
- breadcrumb.activeSelectionForeground#317f58
- breadcrumb.background#fcfbfb
- breadcrumb.focusForeground#42403b
- breadcrumb.foreground#928c81
- breadcrumbPicker.background#fdfdfd
- button.background#42a975
- button.border#42a97500
- button.foreground#1c1a17
- button.hoverBackground#399366
- button.secondaryBackground#f7f6f5
- button.secondaryForeground#42403b
- button.secondaryHoverBackground#efeeec
- charts.blue#1d78b4
- charts.foreground#42403b
- charts.green#147d45
- charts.lines#928c81
- charts.orange#915818
- charts.purple#b81e99
- charts.red#d3222e
- charts.yellow#8a6716
- checkbox.background#fdfdfd
- checkbox.border#ccc9c2
- checkbox.foreground#42403b
- debugConsole.errorForeground#d3222e
- debugConsole.infoForeground#2f7954
- debugConsole.sourceForeground#6d6961
- debugConsole.warningForeground#8a6716
- debugConsoleInputIcon.foreground#317f58
- debugExceptionWidget.background#f6ddde
- debugExceptionWidget.border#d3222e
- debugIcon.breakpointDisabledForeground#d3222e80
- debugIcon.breakpointForeground#d3222e
- debugIcon.continueForeground#147d45
- debugIcon.pauseForeground#2f7954
- debugIcon.restartForeground#147d45
- debugIcon.startForeground#147d45
- debugIcon.stepIntoForeground#2f7954
- debugIcon.stepOutForeground#2f7954
- debugIcon.stepOverForeground#2f7954
- debugIcon.stopForeground#d3222e
- debugTokenExpression.boolean#b81e99
- debugTokenExpression.error#d3222e
- debugTokenExpression.name#2d6b95
- debugTokenExpression.number#915818
- debugTokenExpression.string#137638
- debugTokenExpression.value#137638
- debugToolBar.background#fdfdfd
- debugToolBar.border#e1dfdb
- descriptionForeground#6d6961
- diffEditor.diagonalFill#e1dfdb
- diffEditor.insertedLineBackground#19834514
- diffEditor.insertedTextBackground#1983451f
- diffEditor.removedLineBackground#d6342914
- diffEditor.removedTextBackground#d634291f
- diffEditorOverview.insertedForeground#19834599
- diffEditorOverview.removedForeground#d6342999
- dropdown.background#fdfdfd
- dropdown.border#e1dfdb
- dropdown.foreground#42403b
- dropdown.listBackground#fdfdfd
- editor.background#fcfbfb
- editor.findMatchBackground#db862447
- editor.findMatchBorder#df923ab3
- editor.findMatchHighlightBackground#db862429
- editor.findRangeHighlightBackground#42a9751c
- editor.focusedStackFrameHighlightBackground#147d452e
- editor.foldBackground#42a97514
- editor.foreground#42403b
- editor.hoverHighlightBackground#42a97524
- editor.inactiveSelectionBackground#42a9751c
- editor.lineHighlightBackground#00000009
- editor.lineHighlightBorder#42a97500
- editor.rangeHighlightBackground#42a9751c
- editor.selectionBackground#42a97533
- editor.selectionHighlightBackground#42a9751c
- editor.selectionHighlightBorder#42a97500
- editor.stackFrameHighlightBackground#8a671629
- editor.wordHighlightBackground#42a97524
- editor.wordHighlightStrongBackground#42a97538
- editorBracketHighlight.foreground1#1d78b4
- editorBracketHighlight.foreground2#a4641b
- editorBracketHighlight.foreground3#15816f
- editorBracketHighlight.foreground4#cc21aa
- editorBracketHighlight.foreground5#15843e
- editorBracketHighlight.foreground6#dc2831
- editorBracketHighlight.unexpectedBracket.foreground#d3222e
- editorBracketMatch.background#42a97529
- editorBracketMatch.border#42a9758c
- editorCodeLens.foreground#928c81
- editorCursor.background#fcfbfb
- editorCursor.foreground#317f58
- editorError.foreground#d3222e
- editorGhostText.foreground#a09b92
- editorGroup.border#e1dfdb
- editorGroup.dropBackground#42a97529
- editorGroupHeader.border#e1dfdb00
- editorGroupHeader.noTabsBackground#efeeec
- editorGroupHeader.tabsBackground#efeeec
- editorGroupHeader.tabsBorder#e1dfdb00
- editorGutter.addedBackground#198345
- editorGutter.background#fcfbfb
- editorGutter.deletedBackground#d63429
- editorGutter.foldingControlForeground#6d6961
- editorGutter.modifiedBackground#926a1c
- editorHint.foreground#928c81
- editorHoverWidget.background#fdfdfd
- editorHoverWidget.border#e1dfdb
- editorHoverWidget.foreground#42403b
- editorHoverWidget.statusBarBackground#f7f6f5
- editorIndentGuide.activeBackground1#c7c4bc
- editorIndentGuide.background1#e8e6e3
- editorInfo.foreground#2f7954
- editorInlayHint.background#42a9751a
- editorInlayHint.foreground#928c81
- editorLineNumber.activeForeground#317f58
- editorLineNumber.foreground#a09b92
- editorLink.activeForeground#317f58
- editorOverviewRuler.addedForeground#198345
- editorOverviewRuler.border#e1dfdb00
- editorOverviewRuler.bracketMatchForeground#42a97566
- editorOverviewRuler.deletedForeground#d63429
- editorOverviewRuler.errorForeground#d3222e
- editorOverviewRuler.findMatchForeground#df923ab3
- editorOverviewRuler.infoForeground#2f7954
- editorOverviewRuler.modifiedForeground#926a1c
- editorOverviewRuler.selectionHighlightForeground#42a97566
- editorOverviewRuler.warningForeground#8a6716
- editorRuler.foreground#eae9e6
- editorStickyScroll.background#f5f4f2
- editorStickyScrollHover.background#f7f6f5
- editorSuggestWidget.background#fdfdfd
- editorSuggestWidget.border#e1dfdb
- editorSuggestWidget.focusHighlightForeground#399366
- editorSuggestWidget.foreground#42403b
- editorSuggestWidget.highlightForeground#317f58
- editorSuggestWidget.selectedBackground#42a9752e
- editorSuggestWidget.selectedForeground#42403b
- editorWarning.foreground#8a6716
- editorWhitespace.foreground#a09b9280
- editorWidget.background#fdfdfd
- editorWidget.border#e1dfdb
- editorWidget.foreground#42403b
- errorForeground#d3222e
- extensionBadge.remoteBackground#42a975
- extensionBadge.remoteForeground#1c1a17
- extensionButton.prominentBackground#42a975
- extensionButton.prominentForeground#1c1a17
- extensionButton.prominentHoverBackground#399366
- extensionIcon.preReleaseForeground#b81e99
- extensionIcon.starForeground#915818
- extensionIcon.verifiedForeground#147d45
- focusBorder#42a97599
- foreground#42403b
- gitDecoration.addedResourceForeground#198345
- gitDecoration.conflictingResourceForeground#c229c2
- gitDecoration.deletedResourceForeground#d63429
- gitDecoration.ignoredResourceForeground#928c81
- gitDecoration.modifiedResourceForeground#926a1c
- gitDecoration.renamedResourceForeground#238323
- gitDecoration.stageDeletedResourceForeground#d63429
- gitDecoration.stageModifiedResourceForeground#926a1c
- gitDecoration.submoduleResourceForeground#9152d1
- gitDecoration.untrackedResourceForeground#238323
- icon.foreground#6d6961
- input.background#f8f8f7
- input.border#e1dfdb
- input.foreground#42403b
- input.placeholderForeground#928c81
- inputOption.activeBackground#42a9753d
- inputOption.activeBorder#42a97580
- inputOption.activeForeground#42403b
- inputValidation.errorBackground#f5d8da
- inputValidation.errorBorder#d3222e
- inputValidation.errorForeground#42403b
- inputValidation.infoBackground#dbe6e0
- inputValidation.infoBorder#2f7954
- inputValidation.infoForeground#42403b
- inputValidation.warningBackground#eae3d6
- inputValidation.warningBorder#8a6716
- inputValidation.warningForeground#42403b
- keybindingLabel.background#928c8124
- keybindingLabel.border#928c8129
- keybindingLabel.bottomBorder#928c8138
- keybindingLabel.foreground#42403b
- list.activeSelectionBackground#42a97533
- list.activeSelectionForeground#42403b
- list.activeSelectionIconForeground#317f58
- list.dropBackground#42a97529
- list.errorForeground#d3222e
- list.focusBackground#42a97533
- list.focusForeground#42403b
- list.focusHighlightForeground#399366
- list.focusOutline#42a97500
- list.highlightForeground#317f58
- list.hoverBackground#928c811a
- list.hoverForeground#42403b
- list.inactiveSelectionBackground#42a9751c
- list.inactiveSelectionForeground#42403b
- list.warningForeground#8a6716
- listFilterWidget.background#fdfdfd
- listFilterWidget.noMatchesOutline#d3222e
- listFilterWidget.outline#42a975
- menu.background#fdfdfd
- menu.border#e1dfdb
- menu.foreground#42403b
- menu.selectionBackground#42a97533
- menu.selectionForeground#42403b
- menu.separatorBackground#e1dfdb
- menubar.selectionBackground#928c8124
- menubar.selectionForeground#42403b
- merge.border#e1dfdb00
- merge.commonContentBackground#928c811f
- merge.commonHeaderBackground#928c8140
- merge.currentContentBackground#19834524
- merge.currentHeaderBackground#1983454d
- merge.incomingContentBackground#2f795424
- merge.incomingHeaderBackground#2f79544d
- minimap.background#fcfbfb
- minimap.errorHighlight#d3222e
- minimap.findMatchHighlight#db8624b3
- minimap.selectionHighlight#42a97580
- minimap.warningHighlight#8a6716
- minimapGutter.addedBackground#198345
- minimapGutter.deletedBackground#d63429
- minimapGutter.modifiedBackground#926a1c
- minimapSlider.activeBackground#928c8142
- minimapSlider.background#928c811a
- minimapSlider.hoverBackground#928c812e
- notificationCenter.border#e1dfdb
- notificationCenterHeader.background#f7f6f5
- notificationCenterHeader.foreground#42403b
- notificationLink.foreground#317f58
- notifications.background#fdfdfd
- notifications.border#e1dfdb
- notifications.foreground#42403b
- notificationsErrorIcon.foreground#d3222e
- notificationsInfoIcon.foreground#2f7954
- notificationsWarningIcon.foreground#8a6716
- notificationToast.border#e1dfdb
- panel.background#f5f4f2
- panel.border#e1dfdb
- panel.dropBorder#42a975
- panelInput.border#e1dfdb
- panelSection.border#e1dfdb
- panelSectionHeader.background#f5f4f2
- panelSectionHeader.foreground#42403b
- panelTitle.activeBorder#42a975
- panelTitle.activeForeground#42403b
- panelTitle.inactiveForeground#8d877c
- peekView.border#42a9758c
- peekViewEditor.background#f8f8f7
- peekViewEditor.matchHighlightBackground#db862447
- peekViewResult.background#f5f4f2
- peekViewResult.fileForeground#42403b
- peekViewResult.foreground#42403b
- peekViewResult.lineForeground#6d6961
- peekViewResult.matchHighlightBackground#db862447
- peekViewResult.selectionBackground#42a9752e
- peekViewResult.selectionForeground#42403b
- peekViewTitle.background#f5f4f2
- peekViewTitleDescription.foreground#6d6961
- peekViewTitleLabel.foreground#42403b
- pickerGroup.border#e1dfdb
- pickerGroup.foreground#317f58
- ports.iconRunningProcessForeground#147d45
- problemsErrorIcon.foreground#d3222e
- problemsInfoIcon.foreground#2f7954
- problemsWarningIcon.foreground#8a6716
- progressBar.background#42a975
- quickInput.background#fdfdfd
- quickInput.foreground#42403b
- quickInputList.focusBackground#42a97533
- quickInputList.focusForeground#42403b
- quickInputList.focusIconForeground#317f58
- quickInputTitle.background#f7f6f5
- sash.hoverBorder#42a97580
- scrollbar.shadow#8b837414
- scrollbarSlider.activeBackground#928c8173
- scrollbarSlider.background#928c8133
- scrollbarSlider.hoverBackground#928c8152
- search.resultsInfoForeground#6d6961
- searchEditor.findMatchBackground#db862429
- selection.background#42a97533
- settings.checkboxBackground#fdfdfd
- settings.checkboxBorder#ccc9c2
- settings.dropdownBackground#fdfdfd
- settings.dropdownBorder#e1dfdb
- settings.focusedRowBackground#42a97512
- settings.headerForeground#42403b
- settings.modifiedItemIndicator#42a975
- settings.numberInputBackground#f8f8f7
- settings.numberInputBorder#e1dfdb
- settings.rowHoverBackground#928c810f
- settings.textInputBackground#f8f8f7
- settings.textInputBorder#e1dfdb
- sideBar.background#f5f4f2
- sideBar.border#e1dfdb00
- sideBar.foreground#69655d
- sideBarSectionHeader.background#f5f4f2
- sideBarSectionHeader.border#e1dfdb00
- sideBarSectionHeader.foreground#42403b
- sideBarStickyScroll.background#f5f4f2
- sideBarTitle.foreground#42403b
- statusBar.background#efeeec
- statusBar.border#e1dfdb00
- statusBar.debuggingBackground#42a975
- statusBar.debuggingBorder#e1dfdb00
- statusBar.debuggingForeground#1c1a17
- statusBar.foreground#65625a
- statusBar.noFolderBackground#efeeec
- statusBar.noFolderForeground#65625a
- statusBarItem.activeBackground#928c8138
- statusBarItem.hoverBackground#928c8124
- statusBarItem.prominentBackground#42a9753d
- statusBarItem.prominentForeground#42403b
- statusBarItem.prominentHoverBackground#42a97557
- statusBarItem.remoteBackground#42a975
- statusBarItem.remoteForeground#1c1a17
- symbolIcon.booleanForeground#b81e99
- symbolIcon.classForeground#137262
- symbolIcon.colorForeground#8c5a22
- symbolIcon.constantForeground#915818
- symbolIcon.constructorForeground#1a6aa0
- symbolIcon.enumeratorForeground#137262
- symbolIcon.enumeratorMemberForeground#915818
- symbolIcon.fieldForeground#2d6b95
- symbolIcon.fileForeground#6d6961
- symbolIcon.folderForeground#6d6961
- symbolIcon.functionForeground#1a6aa0
- symbolIcon.interfaceForeground#137262
- symbolIcon.keywordForeground#b81e99
- symbolIcon.methodForeground#1a6aa0
- symbolIcon.moduleForeground#c82029
- symbolIcon.namespaceForeground#c82029
- symbolIcon.numberForeground#915818
- symbolIcon.propertyForeground#2d6b95
- symbolIcon.snippetForeground#8c5a22
- symbolIcon.stringForeground#137638
- symbolIcon.textForeground#6d6961
- symbolIcon.variableForeground#42403b
- tab.activeBackground#fcfbfb
- tab.activeBorder#fcfbfb00
- tab.activeBorderTop#42a975
- tab.activeForeground#42403b
- tab.activeModifiedBorder#926a1c
- tab.border#e1dfdb00
- tab.hoverBackground#f5f4f2
- tab.hoverForeground#42403b
- tab.inactiveBackground#efeeec
- tab.inactiveForeground#8a8478
- tab.inactiveModifiedBorder#926a1c80
- tab.lastPinnedBorder#e1dfdb
- tab.unfocusedActiveBackground#f5f4f2
- tab.unfocusedActiveBorderTop#42a97559
- tab.unfocusedActiveForeground#6d6961
- tab.unfocusedInactiveForeground#a09b92
- terminal.ansiBlack#b9b5ac
- terminal.ansiBlue#1d78b4
- terminal.ansiBrightBlack#9e978a
- terminal.ansiBrightBlue#186294
- terminal.ansiBrightCyan#116a5b
- terminal.ansiBrightGreen#116c33
- terminal.ansiBrightMagenta#a71b8b
- terminal.ansiBrightRed#b4212b
- terminal.ansiBrightWhite#42403b
- terminal.ansiBrightYellow#865216
- terminal.ansiCyan#15816f
- terminal.ansiGreen#15843e
- terminal.ansiMagenta#cc21aa
- terminal.ansiRed#dc2834
- terminal.ansiWhite#69655d
- terminal.ansiYellow#a4641b
- terminal.background#f5f4f2
- terminal.border#e1dfdb
- terminal.findMatchBackground#db862447
- terminal.findMatchHighlightBackground#db862429
- terminal.foreground#3e3c38
- terminal.inactiveSelectionBackground#42a9751c
- terminal.selectionBackground#42a97533
- terminalCursor.background#f5f4f2
- terminalCursor.foreground#317f58
- testing.iconErrored#d3222e
- testing.iconFailed#d3222e
- testing.iconPassed#147d45
- testing.iconQueued#8a6716
- testing.iconSkipped#928c81
- testing.iconUnset#928c81
- testing.message.error.decorationForeground#d3222e
- testing.runAction#147d45
- textBlockQuote.background#f5f4f2
- textBlockQuote.border#42a97580
- textCodeBlock.background#f5f4f2
- textLink.activeForeground#399366
- textLink.foreground#317f58
- textPreformat.background#42a9751a
- textPreformat.foreground#137638
- textSeparator.foreground#e1dfdb
- titleBar.activeBackground#efeeec
- titleBar.activeForeground#65625a
- titleBar.border#e1dfdb00
- titleBar.inactiveBackground#efeeec
- titleBar.inactiveForeground#a09b92
- tree.inactiveIndentGuidesStroke#ecebe9
- tree.indentGuidesStroke#e5e4e0
- walkThrough.embeddedEditorBackground#f5f4f2
- welcomePage.background#fcfbfb
- welcomePage.progress.background#e8e6e3
- welcomePage.progress.foreground#42a975
- welcomePage.tileBackground#f5f4f2
- welcomePage.tileHoverBackground#f7f6f5
- widget.border#e1dfdb
- widget.shadow#97908224
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #787266 | italic |
| comment.block.documentation storage.type, comment keyword | #787266 | italic bold |
| punctuation, meta.brace, punctuation.definition.parameters, punctuation.separator, punctuation.terminator | #6d6961 | — |
| variable, variable.other.readwrite, meta.definition.variable.name, support.variable, entity.name.variable | #42403b | — |
| variable.parameter, meta.function.parameters variable | #713535 | italic |
| variable.language, variable.language.this, variable.other.constant | #c82029 | italic |
| variable.other.property, meta.object-literal.key, support.type.property-name, variable.other.object.property | #2d6b95 | — |
| keyword, keyword.control, keyword.other, storage, storage.type, storage.modifier, keyword.type | #b81e99 | — |
| keyword.operator, punctuation.accessor, storage.type.function.arrow | #b5489f | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default | #b81e99 | italic |
| string, string.quoted, punctuation.definition.string, string.template | #137638 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #b5489f | — |
| string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #0d7261 | — |
| constant.character.escape, constant.character | #c82029 | — |
| constant.numeric, constant.language.numeric | #915818 | — |
| constant, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, support.constant | #915818 | — |
| entity.name.function, support.function, meta.function-call.generic, variable.function | #1a6aa0 | — |
| entity.name.method, meta.method entity.name.function | #1a6aa0 | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class, support.type, meta.type.annotation, entity.name.namespace | #137262 | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #8c5a22 | italic |
| entity.name.tag, punctuation.definition.tag, meta.tag | #c82029 | — |
| support.class.component, entity.name.tag.custom | #137262 | — |
| entity.other.attribute-name, meta.attribute | #8c5a22 | italic |
| entity.name.selector, entity.other.attribute-name.class, entity.other.attribute-name.id | #137262 | — |
| support.type.property-name.css, support.type.property-name.scss | #2d6b95 | — |
| keyword.other.unit, constant.numeric.css | #915818 | — |
| support.type.property-name.json, meta.structure.dictionary.json string.quoted.double | #2d6b95 | — |
| entity.name.tag.yaml | #2d6b95 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading | #1a6aa0 | bold |
| markup.bold | #915818 | bold |
| markup.italic | #b81e99 | italic |
| markup.strikethrough | #787266 | strikethrough |
| markup.underline.link, string.other.link | #317f58 | underline |
| markup.quote | #787266 | italic |
| markup.inline.raw, markup.fenced_code, markup.raw | #137638 | — |
| markup.list punctuation.definition.list, beginning.punctuation.definition.list | #c82029 | — |
| markup.inserted | #198345 | — |
| markup.deleted | #d63429 | — |
| markup.changed | #926a1c | — |
| invalid, invalid.illegal | #d3222e | — |
| invalid.deprecated | #8a6716 | strikethrough |
| variable.other.normal.shell, string.interpolated.dollar.shell | #2d6b95 | — |
| keyword.other.definition.ini, entity.name.section.ini | #2d6b95 | — |
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#c2ce3b1a
- activityBar.activeBorder#c2ce3b
- activityBar.background#0f1012
- activityBar.border#2b2b3100
- activityBar.foreground#c5c5c9
- activityBar.inactiveForeground#62636f
- activityBarBadge.background#c2ce3b
- activityBarBadge.foreground#18181b
- activityBarTop.activeBorder#c2ce3b
- activityBarTop.foreground#c5c5c9
- activityBarTop.inactiveForeground#62636f
- badge.background#c2ce3b
- badge.foreground#18181b
- banner.background#28292e
- banner.foreground#c5c5c9
- banner.iconForeground#99a329
- breadcrumb.activeSelectionForeground#99a329
- breadcrumb.background#1a1a1e
- breadcrumb.focusForeground#c5c5c9
- breadcrumb.foreground#696b77
- breadcrumbPicker.background#222328
- button.background#c2ce3b
- button.border#c2ce3b00
- button.foreground#18181b
- button.hoverBackground#c9d454
- button.secondaryBackground#28292e
- button.secondaryForeground#c5c5c9
- button.secondaryHoverBackground#323239
- charts.blue#767cd6
- charts.foreground#c5c5c9
- charts.green#2f9d62
- charts.lines#696b77
- charts.orange#969d2f
- charts.purple#d5748e
- charts.red#d36c73
- charts.yellow#a98532
- checkbox.background#222328
- checkbox.border#3e3e47
- checkbox.foreground#c5c5c9
- debugConsole.errorForeground#d36c73
- debugConsole.infoForeground#99a329
- debugConsole.sourceForeground#8c8d97
- debugConsole.warningForeground#a98532
- debugConsoleInputIcon.foreground#99a329
- debugExceptionWidget.background#34252a
- debugExceptionWidget.border#d36c73
- debugIcon.breakpointDisabledForeground#d36c7380
- debugIcon.breakpointForeground#d36c73
- debugIcon.continueForeground#2f9d62
- debugIcon.pauseForeground#99a329
- debugIcon.restartForeground#2f9d62
- debugIcon.startForeground#2f9d62
- debugIcon.stepIntoForeground#99a329
- debugIcon.stepOutForeground#99a329
- debugIcon.stepOverForeground#99a329
- debugIcon.stopForeground#d36c73
- debugTokenExpression.boolean#d5748e
- debugTokenExpression.error#d36c73
- debugTokenExpression.name#888dcd
- debugTokenExpression.number#969d2f
- debugTokenExpression.string#30a196
- debugTokenExpression.value#30a196
- debugToolBar.background#222328
- debugToolBar.border#2b2b31
- descriptionForeground#8c8d97
- diffEditor.diagonalFill#2b2b31
- diffEditor.insertedLineBackground#329a5d17
- diffEditor.insertedTextBackground#329a5d24
- diffEditor.removedLineBackground#cb665f17
- diffEditor.removedTextBackground#cb665f24
- diffEditorOverview.insertedForeground#329a5d99
- diffEditorOverview.removedForeground#cb665f99
- dropdown.background#222328
- dropdown.border#2b2b31
- dropdown.foreground#c5c5c9
- dropdown.listBackground#222328
- editor.background#1a1a1e
- editor.findMatchBackground#bbc43b52
- editor.findMatchBorder#c2ca4eb3
- editor.findMatchHighlightBackground#bbc43b2e
- editor.findRangeHighlightBackground#c2ce3b21
- editor.focusedStackFrameHighlightBackground#2f9d622e
- editor.foldBackground#c2ce3b14
- editor.foreground#c5c5c9
- editor.hoverHighlightBackground#c2ce3b24
- editor.inactiveSelectionBackground#c2ce3b21
- editor.lineHighlightBackground#ffffff0b
- editor.lineHighlightBorder#c2ce3b00
- editor.rangeHighlightBackground#c2ce3b21
- editor.selectionBackground#c2ce3b3d
- editor.selectionHighlightBackground#c2ce3b21
- editor.selectionHighlightBorder#c2ce3b00
- editor.stackFrameHighlightBackground#a9853229
- editor.wordHighlightBackground#c2ce3b24
- editor.wordHighlightStrongBackground#c2ce3b38
- editorBracketHighlight.foreground1#767cd6
- editorBracketHighlight.foreground2#969d2f
- editorBracketHighlight.foreground3#388bbb
- editorBracketHighlight.foreground4#cf607e
- editorBracketHighlight.foreground5#2f9d92
- editorBracketHighlight.foreground6#b97637
- editorBracketHighlight.unexpectedBracket.foreground#d36c73
- editorBracketMatch.background#c2ce3b29
- editorBracketMatch.border#c2ce3b8c
- editorCodeLens.foreground#696b77
- editorCursor.background#1a1a1e
- editorCursor.foreground#99a329
- editorError.foreground#d36c73
- editorGhostText.foreground#60616c
- editorGroup.border#2b2b31
- editorGroup.dropBackground#c2ce3b29
- editorGroupHeader.border#2b2b3100
- editorGroupHeader.noTabsBackground#0f1012
- editorGroupHeader.tabsBackground#0f1012
- editorGroupHeader.tabsBorder#2b2b3100
- editorGutter.addedBackground#329a5d
- editorGutter.background#1a1a1e
- editorGutter.deletedBackground#cb665f
- editorGutter.foldingControlForeground#8c8d97
- editorGutter.modifiedBackground#a47f35
- editorHint.foreground#696b77
- editorHoverWidget.background#222328
- editorHoverWidget.border#2b2b31
- editorHoverWidget.foreground#c5c5c9
- editorHoverWidget.statusBarBackground#28292e
- editorIndentGuide.activeBackground1#474852
- editorIndentGuide.background1#28292e
- editorInfo.foreground#99a329
- editorInlayHint.background#c2ce3b1a
- editorInlayHint.foreground#696b77
- editorLineNumber.activeForeground#99a329
- editorLineNumber.foreground#60616c
- editorLink.activeForeground#99a329
- editorOverviewRuler.addedForeground#329a5d
- editorOverviewRuler.border#2b2b3100
- editorOverviewRuler.bracketMatchForeground#c2ce3b66
- editorOverviewRuler.deletedForeground#cb665f
- editorOverviewRuler.errorForeground#d36c73
- editorOverviewRuler.findMatchForeground#c2ca4eb3
- editorOverviewRuler.infoForeground#99a329
- editorOverviewRuler.modifiedForeground#a47f35
- editorOverviewRuler.selectionHighlightForeground#c2ce3b66
- editorOverviewRuler.warningForeground#a98532
- editorRuler.foreground#26262c
- editorStickyScroll.background#141417
- editorStickyScrollHover.background#28292e
- editorSuggestWidget.background#222328
- editorSuggestWidget.border#2b2b31
- editorSuggestWidget.focusHighlightForeground#c9d454
- editorSuggestWidget.foreground#c5c5c9
- editorSuggestWidget.highlightForeground#99a329
- editorSuggestWidget.selectedBackground#c2ce3b2e
- editorSuggestWidget.selectedForeground#c5c5c9
- editorWarning.foreground#a98532
- editorWhitespace.foreground#60616c80
- editorWidget.background#222328
- editorWidget.border#2b2b31
- editorWidget.foreground#c5c5c9
- errorForeground#d36c73
- extensionBadge.remoteBackground#c2ce3b
- extensionBadge.remoteForeground#18181b
- extensionButton.prominentBackground#c2ce3b
- extensionButton.prominentForeground#18181b
- extensionButton.prominentHoverBackground#c9d454
- extensionIcon.preReleaseForeground#d5748e
- extensionIcon.starForeground#969d2f
- extensionIcon.verifiedForeground#2f9d62
- focusBorder#c2ce3b99
- foreground#c5c5c9
- gitDecoration.addedResourceForeground#329a5d
- gitDecoration.conflictingResourceForeground#c658c6
- gitDecoration.deletedResourceForeground#cb665f
- gitDecoration.ignoredResourceForeground#696b77
- gitDecoration.modifiedResourceForeground#a47f35
- gitDecoration.renamedResourceForeground#3c963c
- gitDecoration.stageDeletedResourceForeground#cb665f
- gitDecoration.stageModifiedResourceForeground#a47f35
- gitDecoration.submoduleResourceForeground#9c71c6
- gitDecoration.untrackedResourceForeground#3c963c
- icon.foreground#8c8d97
- input.background#212226
- input.border#2b2b31
- input.foreground#c5c5c9
- input.placeholderForeground#696b77
- inputOption.activeBackground#c2ce3b3d
- inputOption.activeBorder#c2ce3b80
- inputOption.activeForeground#c5c5c9
- inputValidation.errorBackground#38272c
- inputValidation.errorBorder#d36c73
- inputValidation.errorForeground#c5c5c9
- inputValidation.infoBackground#2e3020
- inputValidation.infoBorder#99a329
- inputValidation.infoForeground#c5c5c9
- inputValidation.warningBackground#312b21
- inputValidation.warningBorder#a98532
- inputValidation.warningForeground#c5c5c9
- keybindingLabel.background#696b7724
- keybindingLabel.border#696b7729
- keybindingLabel.bottomBorder#696b7738
- keybindingLabel.foreground#c5c5c9
- list.activeSelectionBackground#c2ce3b33
- list.activeSelectionForeground#c5c5c9
- list.activeSelectionIconForeground#99a329
- list.dropBackground#c2ce3b29
- list.errorForeground#d36c73
- list.focusBackground#c2ce3b33
- list.focusForeground#c5c5c9
- list.focusHighlightForeground#c9d454
- list.focusOutline#c2ce3b00
- list.highlightForeground#99a329
- list.hoverBackground#696b771a
- list.hoverForeground#c5c5c9
- list.inactiveSelectionBackground#c2ce3b1c
- list.inactiveSelectionForeground#c5c5c9
- list.warningForeground#a98532
- listFilterWidget.background#222328
- listFilterWidget.noMatchesOutline#d36c73
- listFilterWidget.outline#c2ce3b
- menu.background#222328
- menu.border#2b2b31
- menu.foreground#c5c5c9
- menu.selectionBackground#c2ce3b33
- menu.selectionForeground#c5c5c9
- menu.separatorBackground#2b2b31
- menubar.selectionBackground#696b7724
- menubar.selectionForeground#c5c5c9
- merge.border#2b2b3100
- merge.commonContentBackground#696b771f
- merge.commonHeaderBackground#696b7740
- merge.currentContentBackground#329a5d24
- merge.currentHeaderBackground#329a5d4d
- merge.incomingContentBackground#99a32924
- merge.incomingHeaderBackground#99a3294d
- minimap.background#1a1a1e
- minimap.errorHighlight#d36c73
- minimap.findMatchHighlight#bbc43bb3
- minimap.selectionHighlight#c2ce3b80
- minimap.warningHighlight#a98532
- minimapGutter.addedBackground#329a5d
- minimapGutter.deletedBackground#cb665f
- minimapGutter.modifiedBackground#a47f35
- minimapSlider.activeBackground#696b7742
- minimapSlider.background#696b771a
- minimapSlider.hoverBackground#696b772e
- notificationCenter.border#2b2b31
- notificationCenterHeader.background#28292e
- notificationCenterHeader.foreground#c5c5c9
- notificationLink.foreground#99a329
- notifications.background#222328
- notifications.border#2b2b31
- notifications.foreground#c5c5c9
- notificationsErrorIcon.foreground#d36c73
- notificationsInfoIcon.foreground#99a329
- notificationsWarningIcon.foreground#a98532
- notificationToast.border#2b2b31
- panel.background#141417
- panel.border#2b2b31
- panel.dropBorder#c2ce3b
- panelInput.border#2b2b31
- panelSection.border#2b2b31
- panelSectionHeader.background#141417
- panelSectionHeader.foreground#c5c5c9
- panelTitle.activeBorder#c2ce3b
- panelTitle.activeForeground#c5c5c9
- panelTitle.inactiveForeground#656672
- peekView.border#c2ce3b8c
- peekViewEditor.background#151619
- peekViewEditor.matchHighlightBackground#bbc43b52
- peekViewResult.background#141417
- peekViewResult.fileForeground#c5c5c9
- peekViewResult.foreground#c5c5c9
- peekViewResult.lineForeground#8c8d97
- peekViewResult.matchHighlightBackground#bbc43b52
- peekViewResult.selectionBackground#c2ce3b2e
- peekViewResult.selectionForeground#c5c5c9
- peekViewTitle.background#141417
- peekViewTitleDescription.foreground#8c8d97
- peekViewTitleLabel.foreground#c5c5c9
- pickerGroup.border#2b2b31
- pickerGroup.foreground#99a329
- ports.iconRunningProcessForeground#2f9d62
- problemsErrorIcon.foreground#d36c73
- problemsInfoIcon.foreground#99a329
- problemsWarningIcon.foreground#a98532
- progressBar.background#c2ce3b
- quickInput.background#222328
- quickInput.foreground#c5c5c9
- quickInputList.focusBackground#c2ce3b33
- quickInputList.focusForeground#c5c5c9
- quickInputList.focusIconForeground#99a329
- quickInputTitle.background#28292e
- sash.hoverBorder#c2ce3b80
- scrollbar.shadow#0707084d
- scrollbarSlider.activeBackground#696b7773
- scrollbarSlider.background#696b7733
- scrollbarSlider.hoverBackground#696b7752
- search.resultsInfoForeground#8c8d97
- searchEditor.findMatchBackground#bbc43b2e
- selection.background#c2ce3b3d
- settings.checkboxBackground#222328
- settings.checkboxBorder#3e3e47
- settings.dropdownBackground#222328
- settings.dropdownBorder#2b2b31
- settings.focusedRowBackground#c2ce3b12
- settings.headerForeground#c5c5c9
- settings.modifiedItemIndicator#c2ce3b
- settings.numberInputBackground#212226
- settings.numberInputBorder#2b2b31
- settings.rowHoverBackground#696b770f
- settings.textInputBackground#212226
- settings.textInputBorder#2b2b31
- sideBar.background#141417
- sideBar.border#2b2b3100
- sideBar.foreground#888993
- sideBarSectionHeader.background#141417
- sideBarSectionHeader.border#2b2b3100
- sideBarSectionHeader.foreground#c5c5c9
- sideBarStickyScroll.background#141417
- sideBarTitle.foreground#c5c5c9
- statusBar.background#0f1012
- statusBar.border#2b2b3100
- statusBar.debuggingBackground#c2ce3b
- statusBar.debuggingBorder#2b2b3100
- statusBar.debuggingForeground#18181b
- statusBar.foreground#848590
- statusBar.noFolderBackground#0f1012
- statusBar.noFolderForeground#848590
- statusBarItem.activeBackground#696b7738
- statusBarItem.hoverBackground#696b7724
- statusBarItem.prominentBackground#c2ce3b3d
- statusBarItem.prominentForeground#c5c5c9
- statusBarItem.prominentHoverBackground#c2ce3b57
- statusBarItem.remoteBackground#c2ce3b
- statusBarItem.remoteForeground#18181b
- symbolIcon.booleanForeground#d5748e
- symbolIcon.classForeground#4899c8
- symbolIcon.colorForeground#909738
- symbolIcon.constantForeground#969d2f
- symbolIcon.constructorForeground#858bdb
- symbolIcon.enumeratorForeground#4899c8
- symbolIcon.enumeratorMemberForeground#969d2f
- symbolIcon.fieldForeground#888dcd
- symbolIcon.fileForeground#8c8d97
- symbolIcon.folderForeground#8c8d97
- symbolIcon.functionForeground#858bdb
- symbolIcon.interfaceForeground#4899c8
- symbolIcon.keywordForeground#d5748e
- symbolIcon.methodForeground#858bdb
- symbolIcon.moduleForeground#c78243
- symbolIcon.namespaceForeground#c78243
- symbolIcon.numberForeground#969d2f
- symbolIcon.propertyForeground#888dcd
- symbolIcon.snippetForeground#909738
- symbolIcon.stringForeground#30a196
- symbolIcon.textForeground#8c8d97
- symbolIcon.variableForeground#c5c5c9
- tab.activeBackground#1a1a1e
- tab.activeBorder#1a1a1e00
- tab.activeBorderTop#c2ce3b
- tab.activeForeground#c5c5c9
- tab.activeModifiedBorder#a47f35
- tab.border#2b2b3100
- tab.hoverBackground#141417
- tab.hoverForeground#c5c5c9
- tab.inactiveBackground#0f1012
- tab.inactiveForeground#62636f
- tab.inactiveModifiedBorder#a47f3580
- tab.lastPinnedBorder#2b2b31
- tab.unfocusedActiveBackground#141417
- tab.unfocusedActiveBorderTop#c2ce3b59
- tab.unfocusedActiveForeground#8c8d97
- tab.unfocusedInactiveForeground#60616c
- terminal.ansiBlack#2f3037
- terminal.ansiBlue#767cd6
- terminal.ansiBrightBlack#51525d
- terminal.ansiBrightBlue#9499df
- terminal.ansiBrightCyan#64a5ca
- terminal.ansiBrightGreen#5db3aa
- terminal.ansiBrightMagenta#da839a
- terminal.ansiBrightRed#da858a
- terminal.ansiBrightWhite#c5c5c9
- terminal.ansiBrightYellow#adb35d
- terminal.ansiCyan#388bbb
- terminal.ansiGreen#2f9d92
- terminal.ansiMagenta#cf607e
- terminal.ansiRed#d06269
- terminal.ansiWhite#888993
- terminal.ansiYellow#969d2f
- terminal.background#141417
- terminal.border#2b2b31
- terminal.findMatchBackground#bbc43b52
- terminal.findMatchHighlightBackground#bbc43b2e
- terminal.foreground#bfc0c4
- terminal.inactiveSelectionBackground#c2ce3b21
- terminal.selectionBackground#c2ce3b3d
- terminalCursor.background#141417
- terminalCursor.foreground#99a329
- testing.iconErrored#d36c73
- testing.iconFailed#d36c73
- testing.iconPassed#2f9d62
- testing.iconQueued#a98532
- testing.iconSkipped#696b77
- testing.iconUnset#696b77
- testing.message.error.decorationForeground#d36c73
- testing.runAction#2f9d62
- textBlockQuote.background#141417
- textBlockQuote.border#c2ce3b80
- textCodeBlock.background#141417
- textLink.activeForeground#c9d454
- textLink.foreground#99a329
- textPreformat.background#c2ce3b1a
- textPreformat.foreground#30a196
- textSeparator.foreground#2b2b31
- titleBar.activeBackground#0f1012
- titleBar.activeForeground#848590
- titleBar.border#2b2b3100
- titleBar.inactiveBackground#0f1012
- titleBar.inactiveForeground#60616c
- tree.inactiveIndentGuidesStroke#242429
- tree.indentGuidesStroke#2d2e34
- walkThrough.embeddedEditorBackground#141417
- welcomePage.background#1a1a1e
- welcomePage.progress.background#2b2b31
- welcomePage.progress.foreground#c2ce3b
- welcomePage.tileBackground#141417
- welcomePage.tileHoverBackground#28292e
- widget.border#2b2b31
- widget.shadow#07070870
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #838491 | italic |
| comment.block.documentation storage.type, comment keyword | #838491 | italic bold |
| punctuation, meta.brace, punctuation.definition.parameters, punctuation.separator, punctuation.terminator | #8c8d97 | — |
| variable, variable.other.readwrite, meta.definition.variable.name, support.variable, entity.name.variable | #c5c5c9 | — |
| variable.parameter, meta.function.parameters variable | #c6ae9a | italic |
| variable.language, variable.language.this, variable.other.constant | #c78243 | italic |
| variable.other.property, meta.object-literal.key, support.type.property-name, variable.other.object.property | #888dcd | — |
| keyword, keyword.control, keyword.other, storage, storage.type, storage.modifier, keyword.type | #d5748e | — |
| keyword.operator, punctuation.accessor, storage.type.function.arrow | #b57082 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default | #d5748e | italic |
| string, string.quoted, punctuation.definition.string, string.template | #30a196 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #b57082 | — |
| string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #409ace | — |
| constant.character.escape, constant.character | #c78243 | — |
| constant.numeric, constant.language.numeric | #969d2f | — |
| constant, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, support.constant | #969d2f | — |
| entity.name.function, support.function, meta.function-call.generic, variable.function | #858bdb | — |
| entity.name.method, meta.method entity.name.function | #858bdb | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class, support.type, meta.type.annotation, entity.name.namespace | #4899c8 | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #909738 | italic |
| entity.name.tag, punctuation.definition.tag, meta.tag | #c78243 | — |
| support.class.component, entity.name.tag.custom | #4899c8 | — |
| entity.other.attribute-name, meta.attribute | #909738 | italic |
| entity.name.selector, entity.other.attribute-name.class, entity.other.attribute-name.id | #4899c8 | — |
| support.type.property-name.css, support.type.property-name.scss | #888dcd | — |
| keyword.other.unit, constant.numeric.css | #969d2f | — |
| support.type.property-name.json, meta.structure.dictionary.json string.quoted.double | #888dcd | — |
| entity.name.tag.yaml | #888dcd | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading | #858bdb | bold |
| markup.bold | #969d2f | bold |
| markup.italic | #d5748e | italic |
| markup.strikethrough | #838491 | strikethrough |
| markup.underline.link, string.other.link | #99a329 | underline |
| markup.quote | #838491 | italic |
| markup.inline.raw, markup.fenced_code, markup.raw | #30a196 | — |
| markup.list punctuation.definition.list, beginning.punctuation.definition.list | #c78243 | — |
| markup.inserted | #329a5d | — |
| markup.deleted | #cb665f | — |
| markup.changed | #a47f35 | — |
| invalid, invalid.illegal | #d36c73 | — |
| invalid.deprecated | #a98532 | strikethrough |
| variable.other.normal.shell, string.interpolated.dollar.shell | #888dcd | — |
| keyword.other.definition.ini, entity.name.section.ini | #888dcd | — |
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#3454d51a
- activityBar.activeBorder#3454d5
- activityBar.background#0a0b10
- activityBar.border#23263900
- activityBar.foreground#bdbfcc
- activityBar.inactiveForeground#5b6186
- activityBarBadge.background#3454d5
- activityBarBadge.foreground#f2f3f7
- activityBarTop.activeBorder#3454d5
- activityBarTop.foreground#bdbfcc
- activityBarTop.inactiveForeground#5b6186
- badge.background#3454d5
- badge.foreground#f2f3f7
- banner.background#1e2131
- banner.foreground#bdbfcc
- banner.iconForeground#607ade
- breadcrumb.activeSelectionForeground#607ade
- breadcrumb.background#12141e
- breadcrumb.focusForeground#bdbfcc
- breadcrumb.foreground#5e648a
- breadcrumbPicker.background#191b29
- button.background#3454d5
- button.border#3454d500
- button.foreground#f2f3f7
- button.hoverBackground#4d69db
- button.secondaryBackground#1e2131
- button.secondaryForeground#bdbfcc
- button.secondaryHoverBackground#292c42
- charts.blue#4981d4
- charts.foreground#bdbfcc
- charts.green#27a562
- charts.lines#5e648a
- charts.orange#ae8a29
- charts.purple#da62aa
- charts.red#d95e66
- charts.yellow#a78127
- checkbox.background#191b29
- checkbox.border#323752
- checkbox.foreground#bdbfcc
- debugConsole.errorForeground#d95e66
- debugConsole.infoForeground#6981e0
- debugConsole.sourceForeground#8287a6
- debugConsole.warningForeground#a78127
- debugConsoleInputIcon.foreground#607ade
- debugExceptionWidget.background#2e1e28
- debugExceptionWidget.border#d95e66
- debugIcon.breakpointDisabledForeground#d95e6680
- debugIcon.breakpointForeground#d95e66
- debugIcon.continueForeground#27a562
- debugIcon.pauseForeground#6981e0
- debugIcon.restartForeground#27a562
- debugIcon.startForeground#27a562
- debugIcon.stepIntoForeground#6981e0
- debugIcon.stepOutForeground#6981e0
- debugIcon.stepOverForeground#6981e0
- debugIcon.stopForeground#d95e66
- debugTokenExpression.boolean#da62aa
- debugTokenExpression.error#d95e66
- debugTokenExpression.name#698fc9
- debugTokenExpression.number#ae8a29
- debugTokenExpression.string#27a56e
- debugTokenExpression.value#27a56e
- debugToolBar.background#191b29
- debugToolBar.border#232639
- descriptionForeground#8287a6
- diffEditor.diagonalFill#232639
- diffEditor.insertedLineBackground#2aa25c17
- diffEditor.insertedTextBackground#2aa25c24
- diffEditor.removedLineBackground#d2595117
- diffEditor.removedTextBackground#d2595124
- diffEditorOverview.insertedForeground#2aa25c99
- diffEditorOverview.removedForeground#d2595199
- dropdown.background#191b29
- dropdown.border#232639
- dropdown.foreground#bdbfcc
- dropdown.listBackground#191b29
- editor.background#12141e
- editor.findMatchBackground#cfa43052
- editor.findMatchBorder#d3ad45b3
- editor.findMatchHighlightBackground#cfa4302e
- editor.findRangeHighlightBackground#3454d521
- editor.focusedStackFrameHighlightBackground#27a5622e
- editor.foldBackground#3454d514
- editor.foreground#bdbfcc
- editor.hoverHighlightBackground#3454d524
- editor.inactiveSelectionBackground#3454d521
- editor.lineHighlightBackground#ffffff0b
- editor.lineHighlightBorder#3454d500
- editor.rangeHighlightBackground#3454d521
- editor.selectionBackground#3454d53d
- editor.selectionHighlightBackground#3454d521
- editor.selectionHighlightBorder#3454d500
- editor.stackFrameHighlightBackground#a7812729
- editor.wordHighlightBackground#3454d524
- editor.wordHighlightStrongBackground#3454d538
- editorBracketHighlight.foreground1#4981d4
- editorBracketHighlight.foreground2#a58427
- editorBracketHighlight.foreground3#27a1a5
- editorBracketHighlight.foreground4#d54b9e
- editorBracketHighlight.foreground5#27a56e
- editorBracketHighlight.foreground6#d35943
- editorBracketHighlight.unexpectedBracket.foreground#d95e66
- editorBracketMatch.background#3454d529
- editorBracketMatch.border#3454d58c
- editorCodeLens.foreground#5e648a
- editorCursor.background#12141e
- editorCursor.foreground#607ade
- editorError.foreground#d95e66
- editorGhostText.foreground#535879
- editorGroup.border#232639
- editorGroup.dropBackground#3454d529
- editorGroupHeader.border#23263900
- editorGroupHeader.noTabsBackground#0a0b10
- editorGroupHeader.tabsBackground#0a0b10
- editorGroupHeader.tabsBorder#23263900
- editorGutter.addedBackground#2aa25c
- editorGutter.background#12141e
- editorGutter.deletedBackground#d25951
- editorGutter.foldingControlForeground#8287a6
- editorGutter.modifiedBackground#a27a2a
- editorHint.foreground#5e648a
- editorHoverWidget.background#191b29
- editorHoverWidget.border#232639
- editorHoverWidget.foreground#bdbfcc
- editorHoverWidget.statusBarBackground#1e2131
- editorIndentGuide.activeBackground1#3a3f5f
- editorIndentGuide.background1#212436
- editorInfo.foreground#6981e0
- editorInlayHint.background#3454d51a
- editorInlayHint.foreground#5e648a
- editorLineNumber.activeForeground#607ade
- editorLineNumber.foreground#535879
- editorLink.activeForeground#607ade
- editorOverviewRuler.addedForeground#2aa25c
- editorOverviewRuler.border#23263900
- editorOverviewRuler.bracketMatchForeground#3454d566
- editorOverviewRuler.deletedForeground#d25951
- editorOverviewRuler.errorForeground#d95e66
- editorOverviewRuler.findMatchForeground#d3ad45b3
- editorOverviewRuler.infoForeground#6981e0
- editorOverviewRuler.modifiedForeground#a27a2a
- editorOverviewRuler.selectionHighlightForeground#3454d566
- editorOverviewRuler.warningForeground#a78127
- editorRuler.foreground#1f2233
- editorStickyScroll.background#0e0f16
- editorStickyScrollHover.background#1e2131
- editorSuggestWidget.background#191b29
- editorSuggestWidget.border#232639
- editorSuggestWidget.focusHighlightForeground#4d69db
- editorSuggestWidget.foreground#bdbfcc
- editorSuggestWidget.highlightForeground#607ade
- editorSuggestWidget.selectedBackground#3454d52e
- editorSuggestWidget.selectedForeground#bdbfcc
- editorWarning.foreground#a78127
- editorWhitespace.foreground#53587980
- editorWidget.background#191b29
- editorWidget.border#232639
- editorWidget.foreground#bdbfcc
- errorForeground#d95e66
- extensionBadge.remoteBackground#3454d5
- extensionBadge.remoteForeground#f2f3f7
- extensionButton.prominentBackground#3454d5
- extensionButton.prominentForeground#f2f3f7
- extensionButton.prominentHoverBackground#4d69db
- extensionIcon.preReleaseForeground#da62aa
- extensionIcon.starForeground#ae8a29
- extensionIcon.verifiedForeground#27a562
- focusBorder#3454d599
- foreground#bdbfcc
- gitDecoration.addedResourceForeground#2aa25c
- gitDecoration.conflictingResourceForeground#cb46cb
- gitDecoration.deletedResourceForeground#d25951
- gitDecoration.ignoredResourceForeground#5e648a
- gitDecoration.modifiedResourceForeground#a27a2a
- gitDecoration.renamedResourceForeground#339933
- gitDecoration.stageDeletedResourceForeground#d25951
- gitDecoration.stageModifiedResourceForeground#a27a2a
- gitDecoration.submoduleResourceForeground#9c6acd
- gitDecoration.untrackedResourceForeground#339933
- icon.foreground#8287a6
- input.background#1b1d2c
- input.border#232639
- input.foreground#bdbfcc
- input.placeholderForeground#5e648a
- inputOption.activeBackground#3454d53d
- inputOption.activeBorder#3454d580
- inputOption.activeForeground#bdbfcc
- inputValidation.errorBackground#32202a
- inputValidation.errorBorder#d95e66
- inputValidation.errorForeground#bdbfcc
- inputValidation.infoBackground#20253d
- inputValidation.infoBorder#6981e0
- inputValidation.infoForeground#bdbfcc
- inputValidation.warningBackground#2a251f
- inputValidation.warningBorder#a78127
- inputValidation.warningForeground#bdbfcc
- keybindingLabel.background#5e648a24
- keybindingLabel.border#5e648a29
- keybindingLabel.bottomBorder#5e648a38
- keybindingLabel.foreground#bdbfcc
- list.activeSelectionBackground#3454d533
- list.activeSelectionForeground#bdbfcc
- list.activeSelectionIconForeground#607ade
- list.dropBackground#3454d529
- list.errorForeground#d95e66
- list.focusBackground#3454d533
- list.focusForeground#bdbfcc
- list.focusHighlightForeground#4d69db
- list.focusOutline#3454d500
- list.highlightForeground#607ade
- list.hoverBackground#5e648a1a
- list.hoverForeground#bdbfcc
- list.inactiveSelectionBackground#3454d51c
- list.inactiveSelectionForeground#bdbfcc
- list.warningForeground#a78127
- listFilterWidget.background#191b29
- listFilterWidget.noMatchesOutline#d95e66
- listFilterWidget.outline#3454d5
- menu.background#191b29
- menu.border#232639
- menu.foreground#bdbfcc
- menu.selectionBackground#3454d533
- menu.selectionForeground#bdbfcc
- menu.separatorBackground#232639
- menubar.selectionBackground#5e648a24
- menubar.selectionForeground#bdbfcc
- merge.border#23263900
- merge.commonContentBackground#5e648a1f
- merge.commonHeaderBackground#5e648a40
- merge.currentContentBackground#2aa25c24
- merge.currentHeaderBackground#2aa25c4d
- merge.incomingContentBackground#6981e024
- merge.incomingHeaderBackground#6981e04d
- minimap.background#12141e
- minimap.errorHighlight#d95e66
- minimap.findMatchHighlight#cfa430b3
- minimap.selectionHighlight#3454d580
- minimap.warningHighlight#a78127
- minimapGutter.addedBackground#2aa25c
- minimapGutter.deletedBackground#d25951
- minimapGutter.modifiedBackground#a27a2a
- minimapSlider.activeBackground#5e648a42
- minimapSlider.background#5e648a1a
- minimapSlider.hoverBackground#5e648a2e
- notificationCenter.border#232639
- notificationCenterHeader.background#1e2131
- notificationCenterHeader.foreground#bdbfcc
- notificationLink.foreground#607ade
- notifications.background#191b29
- notifications.border#232639
- notifications.foreground#bdbfcc
- notificationsErrorIcon.foreground#d95e66
- notificationsInfoIcon.foreground#6981e0
- notificationsWarningIcon.foreground#a78127
- notificationToast.border#232639
- panel.background#0e0f16
- panel.border#232639
- panel.dropBorder#3454d5
- panelInput.border#232639
- panelSection.border#232639
- panelSectionHeader.background#0e0f16
- panelSectionHeader.foreground#bdbfcc
- panelTitle.activeBorder#3454d5
- panelTitle.activeForeground#bdbfcc
- panelTitle.inactiveForeground#5c6287
- peekView.border#3454d58c
- peekViewEditor.background#11131c
- peekViewEditor.matchHighlightBackground#cfa43052
- peekViewResult.background#0e0f16
- peekViewResult.fileForeground#bdbfcc
- peekViewResult.foreground#bdbfcc
- peekViewResult.lineForeground#8287a6
- peekViewResult.matchHighlightBackground#cfa43052
- peekViewResult.selectionBackground#3454d52e
- peekViewResult.selectionForeground#bdbfcc
- peekViewTitle.background#0e0f16
- peekViewTitleDescription.foreground#8287a6
- peekViewTitleLabel.foreground#bdbfcc
- pickerGroup.border#232639
- pickerGroup.foreground#607ade
- ports.iconRunningProcessForeground#27a562
- problemsErrorIcon.foreground#d95e66
- problemsInfoIcon.foreground#6981e0
- problemsWarningIcon.foreground#a78127
- progressBar.background#3454d5
- quickInput.background#191b29
- quickInput.foreground#bdbfcc
- quickInputList.focusBackground#3454d533
- quickInputList.focusForeground#bdbfcc
- quickInputList.focusIconForeground#607ade
- quickInputTitle.background#1e2131
- sash.hoverBorder#3454d580
- scrollbar.shadow#0606094d
- scrollbarSlider.activeBackground#5e648a73
- scrollbarSlider.background#5e648a33
- scrollbarSlider.hoverBackground#5e648a52
- search.resultsInfoForeground#8287a6
- searchEditor.findMatchBackground#cfa4302e
- selection.background#3454d53d
- settings.checkboxBackground#191b29
- settings.checkboxBorder#323752
- settings.dropdownBackground#191b29
- settings.dropdownBorder#232639
- settings.focusedRowBackground#3454d512
- settings.headerForeground#bdbfcc
- settings.modifiedItemIndicator#3454d5
- settings.numberInputBackground#1b1d2c
- settings.numberInputBorder#232639
- settings.rowHoverBackground#5e648a0f
- settings.textInputBackground#1b1d2c
- settings.textInputBorder#232639
- sideBar.background#0e0f16
- sideBar.border#23263900
- sideBar.foreground#7f84a4
- sideBarSectionHeader.background#0e0f16
- sideBarSectionHeader.border#23263900
- sideBarSectionHeader.foreground#bdbfcc
- sideBarStickyScroll.background#0e0f16
- sideBarTitle.foreground#bdbfcc
- statusBar.background#0a0b10
- statusBar.border#23263900
- statusBar.debuggingBackground#3454d5
- statusBar.debuggingBorder#23263900
- statusBar.debuggingForeground#f2f3f7
- statusBar.foreground#7d82a3
- statusBar.noFolderBackground#0a0b10
- statusBar.noFolderForeground#7d82a3
- statusBarItem.activeBackground#5e648a38
- statusBarItem.hoverBackground#5e648a24
- statusBarItem.prominentBackground#3454d53d
- statusBarItem.prominentForeground#bdbfcc
- statusBarItem.prominentHoverBackground#3454d557
- statusBarItem.remoteBackground#3454d5
- statusBarItem.remoteForeground#f2f3f7
- symbolIcon.booleanForeground#da62aa
- symbolIcon.classForeground#27a1a5
- symbolIcon.colorForeground#aa8a34
- symbolIcon.constantForeground#ae8a29
- symbolIcon.constructorForeground#5c8ed9
- symbolIcon.enumeratorForeground#27a1a5
- symbolIcon.enumeratorMemberForeground#ae8a29
- symbolIcon.fieldForeground#698fc9
- symbolIcon.fileForeground#8287a6
- symbolIcon.folderForeground#8287a6
- symbolIcon.functionForeground#5c8ed9
- symbolIcon.interfaceForeground#27a1a5
- symbolIcon.keywordForeground#da62aa
- symbolIcon.methodForeground#5c8ed9
- symbolIcon.moduleForeground#d96f5c
- symbolIcon.namespaceForeground#d96f5c
- symbolIcon.numberForeground#ae8a29
- symbolIcon.propertyForeground#698fc9
- symbolIcon.snippetForeground#aa8a34
- symbolIcon.stringForeground#27a56e
- symbolIcon.textForeground#8287a6
- symbolIcon.variableForeground#bdbfcc
- tab.activeBackground#12141e
- tab.activeBorder#12141e00
- tab.activeBorderTop#3454d5
- tab.activeForeground#bdbfcc
- tab.activeModifiedBorder#a27a2a
- tab.border#23263900
- tab.hoverBackground#0e0f16
- tab.hoverForeground#bdbfcc
- tab.inactiveBackground#0a0b10
- tab.inactiveForeground#5b6186
- tab.inactiveModifiedBorder#a27a2a80
- tab.lastPinnedBorder#232639
- tab.unfocusedActiveBackground#0e0f16
- tab.unfocusedActiveBorderTop#3454d559
- tab.unfocusedActiveForeground#8287a6
- tab.unfocusedInactiveForeground#535879
- terminal.ansiBlack#272a3f
- terminal.ansiBlue#4981d4
- terminal.ansiBrightBlack#42476c
- terminal.ansiBrightBlue#719ddd
- terminal.ansiBrightCyan#57b6b9
- terminal.ansiBrightGreen#57b98e
- terminal.ansiBrightMagenta#de73b3
- terminal.ansiBrightRed#e07a80
- terminal.ansiBrightWhite#bdbfcc
- terminal.ansiBrightYellow#b99f57
- terminal.ansiCyan#27a1a5
- terminal.ansiGreen#27a56e
- terminal.ansiMagenta#d54b9e
- terminal.ansiRed#d7545c
- terminal.ansiWhite#7f84a4
- terminal.ansiYellow#a58427
- terminal.background#0e0f16
- terminal.border#232639
- terminal.findMatchBackground#cfa43052
- terminal.findMatchHighlightBackground#cfa4302e
- terminal.foreground#b8bbc9
- terminal.inactiveSelectionBackground#3454d521
- terminal.selectionBackground#3454d53d
- terminalCursor.background#0e0f16
- terminalCursor.foreground#607ade
- testing.iconErrored#d95e66
- testing.iconFailed#d95e66
- testing.iconPassed#27a562
- testing.iconQueued#a78127
- testing.iconSkipped#5e648a
- testing.iconUnset#5e648a
- testing.message.error.decorationForeground#d95e66
- testing.runAction#27a562
- textBlockQuote.background#0e0f16
- textBlockQuote.border#3454d580
- textCodeBlock.background#0e0f16
- textLink.activeForeground#4d69db
- textLink.foreground#607ade
- textPreformat.background#3454d51a
- textPreformat.foreground#27a56e
- textSeparator.foreground#232639
- titleBar.activeBackground#0a0b10
- titleBar.activeForeground#7d82a3
- titleBar.border#23263900
- titleBar.inactiveBackground#0a0b10
- titleBar.inactiveForeground#535879
- tree.inactiveIndentGuidesStroke#1d202f
- tree.indentGuidesStroke#25283c
- walkThrough.embeddedEditorBackground#0e0f16
- welcomePage.background#12141e
- welcomePage.progress.background#232639
- welcomePage.progress.foreground#3454d5
- welcomePage.tileBackground#0e0f16
- welcomePage.tileHoverBackground#1e2131
- widget.border#232639
- widget.shadow#06060970
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #787ea8 | italic |
| comment.block.documentation storage.type, comment keyword | #787ea8 | italic bold |
| punctuation, meta.brace, punctuation.definition.parameters, punctuation.separator, punctuation.terminator | #8287a6 | — |
| variable, variable.other.readwrite, meta.definition.variable.name, support.variable, entity.name.variable | #bdbfcc | — |
| variable.parameter, meta.function.parameters variable | #c7a3a5 | italic |
| variable.language, variable.language.this, variable.other.constant | #d96f5c | italic |
| variable.other.property, meta.object-literal.key, support.type.property-name, variable.other.object.property | #698fc9 | — |
| keyword, keyword.control, keyword.other, storage, storage.type, storage.modifier, keyword.type | #da62aa | — |
| keyword.operator, punctuation.accessor, storage.type.function.arrow | #b86496 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default | #da62aa | italic |
| string, string.quoted, punctuation.definition.string, string.template | #27a56e | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #b86496 | — |
| string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #21a7ab | — |
| constant.character.escape, constant.character | #d96f5c | — |
| constant.numeric, constant.language.numeric | #ae8a29 | — |
| constant, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, support.constant | #ae8a29 | — |
| entity.name.function, support.function, meta.function-call.generic, variable.function | #5c8ed9 | — |
| entity.name.method, meta.method entity.name.function | #5c8ed9 | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class, support.type, meta.type.annotation, entity.name.namespace | #27a1a5 | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #aa8a34 | italic |
| entity.name.tag, punctuation.definition.tag, meta.tag | #d96f5c | — |
| support.class.component, entity.name.tag.custom | #27a1a5 | — |
| entity.other.attribute-name, meta.attribute | #aa8a34 | italic |
| entity.name.selector, entity.other.attribute-name.class, entity.other.attribute-name.id | #27a1a5 | — |
| support.type.property-name.css, support.type.property-name.scss | #698fc9 | — |
| keyword.other.unit, constant.numeric.css | #ae8a29 | — |
| support.type.property-name.json, meta.structure.dictionary.json string.quoted.double | #698fc9 | — |
| entity.name.tag.yaml | #698fc9 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading | #5c8ed9 | bold |
| markup.bold | #ae8a29 | bold |
| markup.italic | #da62aa | italic |
| markup.strikethrough | #787ea8 | strikethrough |
| markup.underline.link, string.other.link | #607ade | underline |
| markup.quote | #787ea8 | italic |
| markup.inline.raw, markup.fenced_code, markup.raw | #27a56e | — |
| markup.list punctuation.definition.list, beginning.punctuation.definition.list | #d96f5c | — |
| markup.inserted | #2aa25c | — |
| markup.deleted | #d25951 | — |
| markup.changed | #a27a2a | — |
| invalid, invalid.illegal | #d95e66 | — |
| invalid.deprecated | #a78127 | strikethrough |
| variable.other.normal.shell, string.interpolated.dollar.shell | #698fc9 | — |
| keyword.other.definition.ini, entity.name.section.ini | #698fc9 | — |
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#b7343f1a
- activityBar.activeBorder#b7343f
- activityBar.background#efecec
- activityBar.border#e1dddb00
- activityBar.foreground#423e3d
- activityBar.inactiveForeground#8c817d
- activityBarBadge.background#b7343f
- activityBarBadge.foreground#f6f4f4
- activityBarTop.activeBorder#b7343f
- activityBarTop.foreground#423e3d
- activityBarTop.inactiveForeground#8c817d
- badge.background#b7343f
- badge.foreground#f6f4f4
- banner.background#f7f6f5
- banner.foreground#423e3d
- banner.iconForeground#ca424d
- breadcrumb.activeSelectionForeground#ca424d
- breadcrumb.background#fbfbfb
- breadcrumb.focusForeground#423e3d
- breadcrumb.foreground#948a87
- breadcrumbPicker.background#fdfdfd
- button.background#b7343f
- button.border#b7343f00
- button.foreground#f6f4f4
- button.hoverBackground#9f2d36
- button.secondaryBackground#f7f6f5
- button.secondaryForeground#423e3d
- button.secondaryHoverBackground#efecec
- charts.blue#206fd7
- charts.foreground#423e3d
- charts.green#137c44
- charts.lines#948a87
- charts.orange#836114
- charts.purple#bd1c82
- charts.red#d31f2b
- charts.yellow#8a6615
- checkbox.background#fdfdfd
- checkbox.border#cbc5c2
- checkbox.foreground#423e3d
- debugConsole.errorForeground#d31f2b
- debugConsole.infoForeground#c53843
- debugConsole.sourceForeground#726865
- debugConsole.warningForeground#8a6615
- debugConsoleInputIcon.foreground#ca424d
- debugExceptionWidget.background#f5dcde
- debugExceptionWidget.border#d31f2b
- debugIcon.breakpointDisabledForeground#d31f2b80
- debugIcon.breakpointForeground#d31f2b
- debugIcon.continueForeground#137c44
- debugIcon.pauseForeground#c53843
- debugIcon.restartForeground#137c44
- debugIcon.startForeground#137c44
- debugIcon.stepIntoForeground#c53843
- debugIcon.stepOutForeground#c53843
- debugIcon.stepOverForeground#c53843
- debugIcon.stopForeground#d31f2b
- debugTokenExpression.boolean#bd1c82
- debugTokenExpression.error#d31f2b
- debugTokenExpression.name#3167ad
- debugTokenExpression.number#836114
- debugTokenExpression.string#117346
- debugTokenExpression.value#117346
- debugToolBar.background#fdfdfd
- debugToolBar.border#e1dddb
- descriptionForeground#726865
- diffEditor.diagonalFill#e1dddb
- diffEditor.insertedLineBackground#17824414
- diffEditor.insertedTextBackground#1782441f
- diffEditor.removedLineBackground#d7322614
- diffEditor.removedTextBackground#d732261f
- diffEditorOverview.insertedForeground#17824499
- diffEditorOverview.removedForeground#d7322699
- dropdown.background#fdfdfd
- dropdown.border#e1dddb
- dropdown.foreground#423e3d
- dropdown.listBackground#fdfdfd
- editor.background#fbfbfb
- editor.findMatchBackground#dea52147
- editor.findMatchBorder#e1ae37b3
- editor.findMatchHighlightBackground#dea52129
- editor.findRangeHighlightBackground#b7343f1c
- editor.focusedStackFrameHighlightBackground#137c442e
- editor.foldBackground#b7343f14
- editor.foreground#423e3d
- editor.hoverHighlightBackground#b7343f24
- editor.inactiveSelectionBackground#b7343f1c
- editor.lineHighlightBackground#00000009
- editor.lineHighlightBorder#b7343f00
- editor.rangeHighlightBackground#b7343f1c
- editor.selectionBackground#b7343f33
- editor.selectionHighlightBackground#b7343f1c
- editor.selectionHighlightBorder#b7343f00
- editor.stackFrameHighlightBackground#8a661529
- editor.wordHighlightBackground#b7343f24
- editor.wordHighlightStrongBackground#b7343f38
- editorBracketHighlight.foreground1#206fd7
- editorBracketHighlight.foreground2#906b16
- editorBracketHighlight.foreground3#137e7e
- editorBracketHighlight.foreground4#d31f91
- editorBracketHighlight.foreground5#14834f
- editorBracketHighlight.foreground6#d53520
- editorBracketHighlight.unexpectedBracket.foreground#d31f2b
- editorBracketMatch.background#b7343f29
- editorBracketMatch.border#b7343f8c
- editorCodeLens.foreground#948a87
- editorCursor.background#fbfbfb
- editorCursor.foreground#ca424d
- editorError.foreground#d31f2b
- editorGhostText.foreground#9f9693
- editorGroup.border#e1dddb
- editorGroup.dropBackground#b7343f29
- editorGroupHeader.border#e1dddb00
- editorGroupHeader.noTabsBackground#efecec
- editorGroupHeader.tabsBackground#efecec
- editorGroupHeader.tabsBorder#e1dddb00
- editorGutter.addedBackground#178244
- editorGutter.background#fbfbfb
- editorGutter.deletedBackground#d73226
- editorGutter.foldingControlForeground#726865
- editorGutter.modifiedBackground#936b1a
- editorHint.foreground#948a87
- editorHoverWidget.background#fdfdfd
- editorHoverWidget.border#e1dddb
- editorHoverWidget.foreground#423e3d
- editorHoverWidget.statusBarBackground#f7f6f5
- editorIndentGuide.activeBackground1#c7bfbd
- editorIndentGuide.background1#e8e4e3
- editorInfo.foreground#c53843
- editorInlayHint.background#b7343f1a
- editorInlayHint.foreground#948a87
- editorLineNumber.activeForeground#ca424d
- editorLineNumber.foreground#9f9693
- editorLink.activeForeground#ca424d
- editorOverviewRuler.addedForeground#178244
- editorOverviewRuler.border#e1dddb00
- editorOverviewRuler.bracketMatchForeground#b7343f66
- editorOverviewRuler.deletedForeground#d73226
- editorOverviewRuler.errorForeground#d31f2b
- editorOverviewRuler.findMatchForeground#e1ae37b3
- editorOverviewRuler.infoForeground#c53843
- editorOverviewRuler.modifiedForeground#936b1a
- editorOverviewRuler.selectionHighlightForeground#b7343f66
- editorOverviewRuler.warningForeground#8a6615
- editorRuler.foreground#eae7e6
- editorStickyScroll.background#f4f3f3
- editorStickyScrollHover.background#f7f6f5
- editorSuggestWidget.background#fdfdfd
- editorSuggestWidget.border#e1dddb
- editorSuggestWidget.focusHighlightForeground#9f2d36
- editorSuggestWidget.foreground#423e3d
- editorSuggestWidget.highlightForeground#ca424d
- editorSuggestWidget.selectedBackground#b7343f2e
- editorSuggestWidget.selectedForeground#423e3d
- editorWarning.foreground#8a6615
- editorWhitespace.foreground#9f969380
- editorWidget.background#fdfdfd
- editorWidget.border#e1dddb
- editorWidget.foreground#423e3d
- errorForeground#d31f2b
- extensionBadge.remoteBackground#b7343f
- extensionBadge.remoteForeground#f6f4f4
- extensionButton.prominentBackground#b7343f
- extensionButton.prominentForeground#f6f4f4
- extensionButton.prominentHoverBackground#9f2d36
- extensionIcon.preReleaseForeground#bd1c82
- extensionIcon.starForeground#836114
- extensionIcon.verifiedForeground#137c44
- focusBorder#b7343f99
- foreground#423e3d
- gitDecoration.addedResourceForeground#178244
- gitDecoration.conflictingResourceForeground#c226c2
- gitDecoration.deletedResourceForeground#d73226
- gitDecoration.ignoredResourceForeground#948a87
- gitDecoration.modifiedResourceForeground#936b1a
- gitDecoration.renamedResourceForeground#228422
- gitDecoration.stageDeletedResourceForeground#d73226
- gitDecoration.stageModifiedResourceForeground#936b1a
- gitDecoration.submoduleResourceForeground#9151d2
- gitDecoration.untrackedResourceForeground#228422
- icon.foreground#726865
- input.background#f8f7f7
- input.border#e1dddb
- input.foreground#423e3d
- input.placeholderForeground#948a87
- inputOption.activeBackground#b7343f3d
- inputOption.activeBorder#b7343f80
- inputOption.activeForeground#423e3d
- inputValidation.errorBackground#f5d8da
- inputValidation.errorBorder#d31f2b
- inputValidation.errorForeground#423e3d
- inputValidation.infoBackground#f2dcde
- inputValidation.infoBorder#c53843
- inputValidation.infoForeground#423e3d
- inputValidation.warningBackground#e9e3d6
- inputValidation.warningBorder#8a6615
- inputValidation.warningForeground#423e3d
- keybindingLabel.background#948a8724
- keybindingLabel.border#948a8729
- keybindingLabel.bottomBorder#948a8738
- keybindingLabel.foreground#423e3d
- list.activeSelectionBackground#b7343f33
- list.activeSelectionForeground#423e3d
- list.activeSelectionIconForeground#ca424d
- list.dropBackground#b7343f29
- list.errorForeground#d31f2b
- list.focusBackground#b7343f33
- list.focusForeground#423e3d
- list.focusHighlightForeground#9f2d36
- list.focusOutline#b7343f00
- list.highlightForeground#ca424d
- list.hoverBackground#948a871a
- list.hoverForeground#423e3d
- list.inactiveSelectionBackground#b7343f1c
- list.inactiveSelectionForeground#423e3d
- list.warningForeground#8a6615
- listFilterWidget.background#fdfdfd
- listFilterWidget.noMatchesOutline#d31f2b
- listFilterWidget.outline#b7343f
- menu.background#fdfdfd
- menu.border#e1dddb
- menu.foreground#423e3d
- menu.selectionBackground#b7343f33
- menu.selectionForeground#423e3d
- menu.separatorBackground#e1dddb
- menubar.selectionBackground#948a8724
- menubar.selectionForeground#423e3d
- merge.border#e1dddb00
- merge.commonContentBackground#948a871f
- merge.commonHeaderBackground#948a8740
- merge.currentContentBackground#17824424
- merge.currentHeaderBackground#1782444d
- merge.incomingContentBackground#c5384324
- merge.incomingHeaderBackground#c538434d
- minimap.background#fbfbfb
- minimap.errorHighlight#d31f2b
- minimap.findMatchHighlight#dea521b3
- minimap.selectionHighlight#b7343f80
- minimap.warningHighlight#8a6615
- minimapGutter.addedBackground#178244
- minimapGutter.deletedBackground#d73226
- minimapGutter.modifiedBackground#936b1a
- minimapSlider.activeBackground#948a8742
- minimapSlider.background#948a871a
- minimapSlider.hoverBackground#948a872e
- notificationCenter.border#e1dddb
- notificationCenterHeader.background#f7f6f5
- notificationCenterHeader.foreground#423e3d
- notificationLink.foreground#ca424d
- notifications.background#fdfdfd
- notifications.border#e1dddb
- notifications.foreground#423e3d
- notificationsErrorIcon.foreground#d31f2b
- notificationsInfoIcon.foreground#c53843
- notificationsWarningIcon.foreground#8a6615
- notificationToast.border#e1dddb
- panel.background#f4f3f3
- panel.border#e1dddb
- panel.dropBorder#b7343f
- panelInput.border#e1dddb
- panelSection.border#e1dddb
- panelSectionHeader.background#f4f3f3
- panelSectionHeader.foreground#423e3d
- panelTitle.activeBorder#b7343f
- panelTitle.activeForeground#423e3d
- panelTitle.inactiveForeground#908581
- peekView.border#b7343f8c
- peekViewEditor.background#f8f7f7
- peekViewEditor.matchHighlightBackground#dea52147
- peekViewResult.background#f4f3f3
- peekViewResult.fileForeground#423e3d
- peekViewResult.foreground#423e3d
- peekViewResult.lineForeground#726865
- peekViewResult.matchHighlightBackground#dea52147
- peekViewResult.selectionBackground#b7343f2e
- peekViewResult.selectionForeground#423e3d
- peekViewTitle.background#f4f3f3
- peekViewTitleDescription.foreground#726865
- peekViewTitleLabel.foreground#423e3d
- pickerGroup.border#e1dddb
- pickerGroup.foreground#ca424d
- ports.iconRunningProcessForeground#137c44
- problemsErrorIcon.foreground#d31f2b
- problemsInfoIcon.foreground#c53843
- problemsWarningIcon.foreground#8a6615
- progressBar.background#b7343f
- quickInput.background#fdfdfd
- quickInput.foreground#423e3d
- quickInputList.focusBackground#b7343f33
- quickInputList.focusForeground#423e3d
- quickInputList.focusIconForeground#ca424d
- quickInputTitle.background#f7f6f5
- sash.hoverBorder#b7343f80
- scrollbar.shadow#8a7a7514
- scrollbarSlider.activeBackground#948a8773
- scrollbarSlider.background#948a8733
- scrollbarSlider.hoverBackground#948a8752
- search.resultsInfoForeground#726865
- searchEditor.findMatchBackground#dea52129
- selection.background#b7343f33
- settings.checkboxBackground#fdfdfd
- settings.checkboxBorder#cbc5c2
- settings.dropdownBackground#fdfdfd
- settings.dropdownBorder#e1dddb
- settings.focusedRowBackground#b7343f12
- settings.headerForeground#423e3d
- settings.modifiedItemIndicator#b7343f
- settings.numberInputBackground#f8f7f7
- settings.numberInputBorder#e1dddb
- settings.rowHoverBackground#948a870f
- settings.textInputBackground#f8f7f7
- settings.textInputBorder#e1dddb
- sideBar.background#f4f3f3
- sideBar.border#e1dddb00
- sideBar.foreground#6d6461
- sideBarSectionHeader.background#f4f3f3
- sideBarSectionHeader.border#e1dddb00
- sideBarSectionHeader.foreground#423e3d
- sideBarStickyScroll.background#f4f3f3
- sideBarTitle.foreground#423e3d
- statusBar.background#efecec
- statusBar.border#e1dddb00
- statusBar.debuggingBackground#b7343f
- statusBar.debuggingBorder#e1dddb00
- statusBar.debuggingForeground#f6f4f4
- statusBar.foreground#69605d
- statusBar.noFolderBackground#efecec
- statusBar.noFolderForeground#69605d
- statusBarItem.activeBackground#948a8738
- statusBarItem.hoverBackground#948a8724
- statusBarItem.prominentBackground#b7343f3d
- statusBarItem.prominentForeground#423e3d
- statusBarItem.prominentHoverBackground#b7343f57
- statusBarItem.remoteBackground#b7343f
- statusBarItem.remoteForeground#f6f4f4
- symbolIcon.booleanForeground#bd1c82
- symbolIcon.classForeground#117171
- symbolIcon.colorForeground#7f611d
- symbolIcon.constantForeground#836114
- symbolIcon.constructorForeground#1d64c1
- symbolIcon.enumeratorForeground#117171
- symbolIcon.enumeratorMemberForeground#836114
- symbolIcon.fieldForeground#3167ad
- symbolIcon.fileForeground#726865
- symbolIcon.folderForeground#726865
- symbolIcon.functionForeground#1d64c1
- symbolIcon.interfaceForeground#117171
- symbolIcon.keywordForeground#bd1c82
- symbolIcon.methodForeground#1d64c1
- symbolIcon.moduleForeground#bf2f1d
- symbolIcon.namespaceForeground#bf2f1d
- symbolIcon.numberForeground#836114
- symbolIcon.propertyForeground#3167ad
- symbolIcon.snippetForeground#7f611d
- symbolIcon.stringForeground#117346
- symbolIcon.textForeground#726865
- symbolIcon.variableForeground#423e3d
- tab.activeBackground#fbfbfb
- tab.activeBorder#fbfbfb00
- tab.activeBorderTop#b7343f
- tab.activeForeground#423e3d
- tab.activeModifiedBorder#936b1a
- tab.border#e1dddb00
- tab.hoverBackground#f4f3f3
- tab.hoverForeground#423e3d
- tab.inactiveBackground#efecec
- tab.inactiveForeground#8c817d
- tab.inactiveModifiedBorder#936b1a80
- tab.lastPinnedBorder#e1dddb
- tab.unfocusedActiveBackground#f4f3f3
- tab.unfocusedActiveBorderTop#b7343f59
- tab.unfocusedActiveForeground#726865
- tab.unfocusedInactiveForeground#9f9693
- terminal.ansiBlack#b9afac
- terminal.ansiBlue#206fd7
- terminal.ansiBrightBlack#9c908b
- terminal.ansiBrightBlue#1a5bb0
- terminal.ansiBrightCyan#106767
- terminal.ansiBrightGreen#106b41
- terminal.ansiBrightMagenta#ad1977
- terminal.ansiBrightRed#b61d27
- terminal.ansiBrightWhite#423e3d
- terminal.ansiBrightYellow#765812
- terminal.ansiCyan#137e7e
- terminal.ansiGreen#14834f
- terminal.ansiMagenta#d31f91
- terminal.ansiRed#de2330
- terminal.ansiWhite#6d6461
- terminal.ansiYellow#906b16
- terminal.background#f4f3f3
- terminal.border#e1dddb
- terminal.findMatchBackground#dea52147
- terminal.findMatchHighlightBackground#dea52129
- terminal.foreground#3e3b3a
- terminal.inactiveSelectionBackground#b7343f1c
- terminal.selectionBackground#b7343f33
- terminalCursor.background#f4f3f3
- terminalCursor.foreground#ca424d
- testing.iconErrored#d31f2b
- testing.iconFailed#d31f2b
- testing.iconPassed#137c44
- testing.iconQueued#8a6615
- testing.iconSkipped#948a87
- testing.iconUnset#948a87
- testing.message.error.decorationForeground#d31f2b
- testing.runAction#137c44
- textBlockQuote.background#f4f3f3
- textBlockQuote.border#b7343f80
- textCodeBlock.background#f4f3f3
- textLink.activeForeground#9f2d36
- textLink.foreground#ca424d
- textPreformat.background#b7343f1a
- textPreformat.foreground#117346
- textSeparator.foreground#e1dddb
- titleBar.activeBackground#efecec
- titleBar.activeForeground#69605d
- titleBar.border#e1dddb00
- titleBar.inactiveBackground#efecec
- titleBar.inactiveForeground#9f9693
- tree.inactiveIndentGuidesStroke#eceae9
- tree.indentGuidesStroke#e5e2e1
- walkThrough.embeddedEditorBackground#f4f3f3
- welcomePage.background#fbfbfb
- welcomePage.progress.background#e8e4e3
- welcomePage.progress.foreground#b7343f
- welcomePage.tileBackground#f4f3f3
- welcomePage.tileHoverBackground#f7f6f5
- widget.border#e1dddb
- widget.shadow#95888324
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #7c706c | italic |
| comment.block.documentation storage.type, comment keyword | #7c706c | italic bold |
| punctuation, meta.brace, punctuation.definition.parameters, punctuation.separator, punctuation.terminator | #726865 | — |
| variable, variable.other.readwrite, meta.definition.variable.name, support.variable, entity.name.variable | #423e3d | — |
| variable.parameter, meta.function.parameters variable | #6e3932 | italic |
| variable.language, variable.language.this, variable.other.constant | #bf2f1d | italic |
| variable.other.property, meta.object-literal.key, support.type.property-name, variable.other.object.property | #3167ad | — |
| keyword, keyword.control, keyword.other, storage, storage.type, storage.modifier, keyword.type | #bd1c82 | — |
| keyword.operator, punctuation.accessor, storage.type.function.arrow | #b84990 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default | #bd1c82 | italic |
| string, string.quoted, punctuation.definition.string, string.template | #117346 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #b84990 | — |
| string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #0c7171 | — |
| constant.character.escape, constant.character | #bf2f1d | — |
| constant.numeric, constant.language.numeric | #836114 | — |
| constant, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, support.constant | #836114 | — |
| entity.name.function, support.function, meta.function-call.generic, variable.function | #1d64c1 | — |
| entity.name.method, meta.method entity.name.function | #1d64c1 | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class, support.type, meta.type.annotation, entity.name.namespace | #117171 | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #7f611d | italic |
| entity.name.tag, punctuation.definition.tag, meta.tag | #bf2f1d | — |
| support.class.component, entity.name.tag.custom | #117171 | — |
| entity.other.attribute-name, meta.attribute | #7f611d | italic |
| entity.name.selector, entity.other.attribute-name.class, entity.other.attribute-name.id | #117171 | — |
| support.type.property-name.css, support.type.property-name.scss | #3167ad | — |
| keyword.other.unit, constant.numeric.css | #836114 | — |
| support.type.property-name.json, meta.structure.dictionary.json string.quoted.double | #3167ad | — |
| entity.name.tag.yaml | #3167ad | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading | #1d64c1 | bold |
| markup.bold | #836114 | bold |
| markup.italic | #bd1c82 | italic |
| markup.strikethrough | #7c706c | strikethrough |
| markup.underline.link, string.other.link | #ca424d | underline |
| markup.quote | #7c706c | italic |
| markup.inline.raw, markup.fenced_code, markup.raw | #117346 | — |
| markup.list punctuation.definition.list, beginning.punctuation.definition.list | #bf2f1d | — |
| markup.inserted | #178244 | — |
| markup.deleted | #d73226 | — |
| markup.changed | #936b1a | — |
| invalid, invalid.illegal | #d31f2b | — |
| invalid.deprecated | #8a6615 | strikethrough |
| variable.other.normal.shell, string.interpolated.dollar.shell | #3167ad | — |
| keyword.other.definition.ini, entity.name.section.ini | #3167ad | — |