zero two dark
Publisher: ftureThemes in package: 1
custom dark theme
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBorder#3d59a1
- activityBar.background#0d1017
- activityBar.border#1e232b
- activityBar.foreground#565b66cc
- activityBar.inactiveForeground#565b6699
- activityBarBadge.background#3d59a1
- activityBarBadge.foreground#ffffff5c
- badge.background#59ecdb33
- badge.foreground#acb0d0
- button.background#3d59a1dd
- button.foreground#1e232b
- button.hoverBackground#3d59a1aa
- button.secondaryBackground#565b6633
- button.secondaryForeground#bfbdb6
- button.secondaryHoverBackground#565b6680
- contrastActiveBorder#122d42
- contrastBorder#122d42
- debugConsole.errorForeground#bb616b
- debugConsole.infoForeground#787c99
- debugConsole.sourceForeground#787c99
- debugConsole.warningForeground#c49a5a
- debugConsoleInputIcon.foreground#73daca
- debugExceptionWidget.background#101014
- debugExceptionWidget.border#963c47
- debugIcon.breakpointDisabledForeground#414761
- debugIcon.breakpointForeground#db4b4b
- debugIcon.breakpointUnverifiedForeground#c24242
- debugTokenExpression.boolean#ff9e64
- debugTokenExpression.error#bb616b
- debugTokenExpression.name#7dcfff
- debugTokenExpression.number#ff9e64
- debugTokenExpression.string#9ece6a
- debugTokenExpression.value#9aa5ce
- debugToolBar.background#101014
- debugView.stateLabelBackground#14141b
- debugView.stateLabelForeground#787c99
- debugView.valueChangedHighlight#3d59a1aa
- descriptionForeground#565b66
- diffEditor.diagonalFill#1e232b
- diffEditor.insertedTextBackground#7fd9621f
- diffEditor.insertedTextBorder#addb6733
- diffEditor.removedTextBackground#f26d781f
- diffEditor.removedTextBorder#ef53504d
- dropdown.background#0d1017
- dropdown.border#565b6645
- dropdown.foreground#565b66
- editor.background#0d1017
- editor.findMatchBackground#6c5980
- editor.findMatchBorder#6c5980
- editor.findMatchHighlightBackground#6c598066
- editor.findMatchHighlightBorder#5f4c7266
- editor.findRangeHighlightBackground#6c598040
- editor.foreground#bfbdb6
- editor.hoverHighlightBackground#0c4994
- editor.inactiveSelectionBackground#409fff21
- editor.lineHighlightBackground#131721
- editor.rangeHighlightBackground#6c598033
- editor.selectionBackground#409fff4d
- editor.selectionHighlightBackground#7fd96226
- editor.selectionHighlightBorder#7fd96200
- editor.snippetTabstopHighlightBackground#7fd96233
- editor.wordHighlightBackground#73b8ff14
- editor.wordHighlightBorder#73b8ff80
- editor.wordHighlightStrongBackground#7fd96214
- editor.wordHighlightStrongBorder#7fd96280
- editorBracketHighlight.foreground1#f878b4
- editorBracketHighlight.foreground2#dfb976
- editorBracketHighlight.foreground3#c172d9
- editorBracketHighlight.foreground4#4fb1bc
- editorBracketHighlight.foreground5#97c26c
- editorBracketHighlight.foreground6#abb2c0
- editorBracketHighlight.unexpectedBracket.foreground#db6165
- editorBracketMatch.background#6c73804d
- editorBracketMatch.border#6c73804d
- editorCodeLens.foreground#acb6bf8c
- editorCursor.foreground#59ecdb
- editorError.foreground#d95757
- editorGroup.border#1e232b
- editorGroupHeader.noTabsBackground#0b0e14
- editorGroupHeader.tabsBackground#0b0e14
- editorGroupHeader.tabsBorder#1e232b
- editorGutter.addedBackground#7fd962cc
- editorGutter.background#0d1017
- editorGutter.deletedBackground#f26d78cc
- editorGutter.modifiedBackground#73b8ffcc
- editorHoverWidget.background#0b0e14
- editorHoverWidget.border#1e232b
- editorIndentGuide.activeBackground#6c738080
- editorIndentGuide.background#6c738033
- editorLineNumber.activeForeground#6c7380e6
- editorLineNumber.foreground#6c738099
- editorLink.activeForeground#3d59a1
- editorMarkerNavigation.background#0f131a
- editorOverviewRuler.addedForeground#7fd962
- editorOverviewRuler.border#1e232b
- editorOverviewRuler.bracketMatchForeground#6c7380b3
- editorOverviewRuler.commonContentForeground#7e57c2
- editorOverviewRuler.currentContentForeground#7e57c2
- editorOverviewRuler.deletedForeground#f26d78
- editorOverviewRuler.errorForeground#d95757
- editorOverviewRuler.findMatchForeground#6c5980
- editorOverviewRuler.incomingContentForeground#7e57c2
- editorOverviewRuler.modifiedForeground#73b8ff
- editorOverviewRuler.warningForeground#e0af68
- editorOverviewRuler.wordHighlightForeground#73b8ff66
- editorOverviewRuler.wordHighlightStrongForeground#7fd96266
- editorRuler.foreground#6c738033
- editorSuggestWidget.background#0f131a
- editorSuggestWidget.border#1e232b
- editorSuggestWidget.foreground#d6deeb
- editorSuggestWidget.highlightForeground#3d59a1
- editorSuggestWidget.selectedBackground#47526640
- editorWarning.foreground#3d59a1
- editorWhitespace.foreground#6c738099
- editorWidget.background#0b0e14
- editorWidget.border#1e232b
- errorForeground#d95757
- extensionBadge.remoteBackground#3d59a1
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#3d59a1dd
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#3d59a1aa
- focusBorder#545c7e33
- foreground#565b66
- gitDecoration.conflictingResourceForeground#ff0000
- gitDecoration.deletedResourceForeground#f26d78b3
- gitDecoration.ignoredResourceForeground#565b6680
- gitDecoration.modifiedResourceForeground#73b8ffb3
- gitDecoration.submoduleResourceForeground#d2a6ffb3
- gitDecoration.untrackedResourceForeground#7fd962b3
- icon.foreground#565b66
- input.background#14141b
- input.border#0f0f14
- input.foreground#a9b1d6
- input.placeholderForeground#787c998a
- inputOption.activeBackground#3d59a144
- inputOption.activeBorder#ffffff
- inputOption.activeForeground#c0caf5
- inputValidation.errorBackground#85353e
- inputValidation.errorBorder#963c47
- inputValidation.errorForeground#bbc2e0
- inputValidation.infoBackground#3d59a15c
- inputValidation.infoBorder#3d59a1
- inputValidation.infoForeground#bbc2e0
- inputValidation.warningBackground#c2985b
- inputValidation.warningBorder#e0af68
- inputValidation.warningForeground#000000
- keybindingLabel.background#565b661a
- keybindingLabel.border#bfbdb61a
- keybindingLabel.bottomBorder#bfbdb61a
- keybindingLabel.foreground#bfbdb6
- list.activeSelectionBackground#47526640
- list.activeSelectionForeground#bfbdb6
- list.deemphasizedForeground#d95757
- list.dropBackground#011627
- list.errorForeground#d95757
- list.filterMatchBackground#5f4c7266
- list.filterMatchBorder#6c598066
- list.focusBackground#47526640
- list.focusForeground#bfbdb6
- list.focusOutline#47526640
- list.highlightForeground#668ac4
- list.hoverBackground#47526640
- list.hoverForeground#219fd5
- list.inactiveSelectionBackground#47526633
- list.inactiveSelectionForeground#565b66
- list.invalidItemForeground#565b664d
- listFilterWidget.background#0f131a
- listFilterWidget.noMatchesOutline#d95757
- listFilterWidget.outline#3d59a1
- menu.background#16161e
- menu.border#101014
- menu.foreground#787c99
- menu.selectionBackground#1e202e
- menu.selectionForeground#a9b1d6
- menu.separatorBackground#101014
- menubar.selectionBackground#1e202e
- menubar.selectionBorder#1b1e2e
- menubar.selectionForeground#a9b1d6
- merge.currentContentBackground#007a7544
- merge.currentHeaderBackground#41a6b525
- merge.incomingContentBackground#3d59a144
- merge.incomingHeaderBackground#3d59a1aa
- mergeEditor.change.background#41a6b525
- mergeEditor.change.word.background#41a6b540
- mergeEditor.conflict.handled.minimapOverViewRuler#449dab
- mergeEditor.conflict.handledFocused.border#41a6b565
- mergeEditor.conflict.handledUnfocused.border#41a6b525
- mergeEditor.conflict.unhandled.minimapOverViewRuler#e0af68
- mergeEditor.conflict.unhandledFocused.border#e0af68b0
- mergeEditor.conflict.unhandledUnfocused.border#e0af6888
- minimap.background#0d1017
- minimap.errorHighlight#d95757
- minimap.findMatchHighlight#6c5980
- minimap.selectionHighlight#409fff4d
- minimapGutter.addedBackground#7fd962
- minimapGutter.deletedBackground#f26d78
- minimapGutter.modifiedBackground#73b8ff
- notificationLink.foreground#80cbc4
- notifications.background#011627
- notifications.foreground#ffffffcc
- notificationToast.border#219fd544
- panel.background#0b0e14
- panel.border#1e232b
- panelTitle.activeBorder#16161e
- panelTitle.activeForeground#787c99
- panelTitle.inactiveForeground#42465d
- peekView.border#47526640
- peekViewEditor.background#0b0e14
- peekViewEditor.matchHighlightBackground#3d59a166
- peekViewEditor.matchHighlightBorder#5f4c7266
- peekViewResult.background#0b0e14
- peekViewResult.fileForeground#bfbdb6
- peekViewResult.lineForeground#565b66
- peekViewResult.matchHighlightBackground#6c598066
- peekViewResult.selectionBackground#47526640
- peekViewResult.selectionForeground#cecece
- peekViewTitle.background#47526640
- peekViewTitleDescription.foreground#565b66
- peekViewTitleLabel.foreground#bfbdb6
- pickerGroup.border#101014
- pickerGroup.foreground#a9b1d6
- progressBar.background#3d59a1
- quickInputList.focusBackground#219fd5
- scrollbar.shadow#1e232b00
- scrollbarSlider.activeBackground#565b66b3
- scrollbarSlider.background#565b6666
- scrollbarSlider.hoverBackground#565b6699
- selection.background#409fff4d
- settings.headerForeground#6183bb
- settings.modifiedItemIndicator#73b8ff
- sideBar.background#0b0e14
- sideBar.border#1e232b
- sideBar.foreground#7799bb
- sideBarSectionHeader.background#0b0e14
- sideBarSectionHeader.border#1e232b
- sideBarSectionHeader.foreground#565b66
- sideBarTitle.foreground#565b66
- statusBar.background#0b0e14
- statusBar.border#1e232b
- statusBar.debuggingBackground#f29668
- statusBar.debuggingForeground#0d1017
- statusBar.foreground#565b66
- statusBar.noFolderBackground#0f131a
- statusBarItem.activeBackground#565b6633
- statusBarItem.hoverBackground#565b6633
- statusBarItem.prominentBackground#1e232b
- statusBarItem.prominentHoverBackground#00000030
- statusBarItem.remoteBackground#0b0e14
- statusBarItem.remoteForeground#565b66
- tab.activeBackground#0d1017
- tab.activeBorder#0d1017
- tab.activeBorderTop#3d59a1
- tab.activeForeground#bfbdb6
- tab.border#1e232b
- tab.inactiveBackground#0b0e14
- tab.inactiveForeground#565b66
- tab.unfocusedActiveBorderTop#565b66
- tab.unfocusedActiveForeground#565b66
- tab.unfocusedInactiveForeground#565b66
- terminal.ansiBlack#000000
- terminal.ansiBlue#0066ff
- terminal.ansiBrightBlack#808080
- terminal.ansiBrightBlue#0066ff
- terminal.ansiBrightCyan#00ffff
- terminal.ansiBrightGreen#00ff4c
- terminal.ansiBrightMagenta#cc00ff
- terminal.ansiBrightRed#ff0000
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f7fa3b
- terminal.ansiCyan#00ffff
- terminal.ansiGreen#23d18b
- terminal.ansiMagenta#a557ff
- terminal.ansiRed#ff4949
- terminal.ansiWhite#d0d0d0
- terminal.ansiYellow#fac03b
- terminal.background#0b0e14
- terminal.foreground#d0d0d0
- terminalCursor.background#d0d0d0
- terminalCursor.foreground#ffffff65
- textBlockQuote.background#0f131a
- textLink.activeForeground#7dcfff
- textLink.foreground#6183bb
- textPreformat.foreground#bfbdb6
- titleBar.activeBackground#0b0e14
- titleBar.activeForeground#bfbdb6
- titleBar.border#1e232b
- titleBar.inactiveBackground#0b0e14
- titleBar.inactiveForeground#565b66
- tree.indentGuidesStroke#6c738080
- walkThrough.embeddedEditorBackground#0f131a
- welcomePage.progress.background#131721
- welcomePage.tileBackground#0b0e14
- widget.shadow#ff428e80
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.paragraph.markdown, string.other.link.description.title.markdown | #EEFFFF | — |
| entity.name.section.markdown, punctuation.definition.heading.markdown | #5ABEB0 | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, markup.quote.markdown | #82AAFF | — |
| markup.quote.markdown | #82AAFF | — |
| markup.bold.markdown, punctuation.definition.bold.markdown | #57CDFF | bold |
| markup.italic.markdown, punctuation.definition.italic.markdown | #C792EA | — |
| markup.inline.raw.string.markdown, markup.fenced_code.block.markdown | #F7ECB5 | — |
| punctuation.definition.metadata.markdown | #F3B8C2 | — |
| markup.underline.link.image.markdown, markup.underline.link.markdown | #6DBDFA | — |
| comment | #999999 | — |
| punctuation.definition.string | #6BFF81 | — |
| string | #D3EED6 | — |
| string.quoted, variable.other.readwrite.js | #D3EED6 | |
| constant.numeric | #8DEC95 | — |
| constant.language.boolean | #8DEC95 | — |
| constant | #A170C6 | — |
| constant.language, punctuation.definition.constant, variable.other.constant | #92B6F4 | — |
| constant.character, constant.other | #82AAFF | — |
| variable | #A4CEEE | — |
| variable.other.object.js | #D6DEEB | — |
| variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.object.ts, variable.other.object.tsx, variable.object.property.ts, variable.object.property.tsx, variable.other.ts, variable.other.tsx, variable.tsx, variable.ts | #D6DEEB | — |
| meta.class entity.name.type.class.tsx | #D29FFC | — |
| entity.name.type.tsx, entity.name.type.module.tsx | #D29FFC | — |
| meta.method.declaration storage.type.ts, meta.method.declaration storage.type.tsx | #A1BDE6 | — |
| variable.other.object.property | #F7ECB5 | — |
| variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance, variable.other.property | #7FDBCA | — |
| variable.other.readwrite.js, variable.parameter | #D7DBE0 | — |
| string.template meta.template.expression | #C63ED3 | — |
| string.template punctuation.definition.string | #FFFFFF | — |
| storage | #6DBDFA | |
| keyword, storage.type, storage.modifier, variable.language.this | #00BFF9 | — |
| keyword.operator | #00BFF9 | — |
| storage, meta.var.expr, meta.class meta.method.declaration meta.var.expr storage.type.js, storage.type.property.js, storage.type.property.ts | #C792EA | — |
| variable.other.meta.import.js, meta.import.js variable.other, variable.other.meta.export.js, meta.export.js variable.other | #D3EED6 | — |
| entity.name.class | #F7ECB5 | — |
| entity.other.inherited-class | #4FB4D8 | |
| variable.other.readwrites, meta.definition.variable | #F7ECB5 | |
| support.variable.property | #7FDBCA | — |
| entity.name.function | #87AFF4 | — |
| variable.parameter | #D7DBE0 | |
| entity.name.tag | #6DBDFA | |
| entity.name.type | #D29FFC | — |
| entity.other.attribute-name | #F7ECB5 | — |
| punctuation.decorator | #F7ECB5 | — |
| punctuation.definition.block, punctuation.definition.tag | #FFFFFF | — |
| support.function | #F7ECB5 | |
| support.constant | #EC9CD2 | |
| support.type, support.class | #7FDBCA | — |
| support.other.variable | #CBCDD2 | — |
| invalid | #6DBDFA | bold underline |
| invalid.deprecated | #6DBDFA | bold underline |
| support.type.property-name.json | #91DACD | — |
| support.constant.json | #ADDB67 | — |
| meta.structure.dictionary.value.json string.quoted.double | #E0AFF5 | — |
| string.quoted.double.json punctuation.definition.string.json | #80CBC4 | — |
| meta.structure.dictionary.json meta.structure.dictionary.value constant.language | #F29FD8 | — |
| source.json support | #6DBDFA | — |
| source.json string, source.json punctuation.definition.string | #ECE7CD | — |
| markup.list | #6DBDFA | — |
| markup.heading punctuation.definition.heading, entity.name.section | #4FB4D8 | |
| text.html.markdown meta.paragraph meta.link.inline, text.html.markdown meta.paragraph meta.link.inline punctuation.definition.string.begin.markdown, text.html.markdown meta.paragraph meta.link.inline punctuation.definition.string.end.markdown | #78BD65 | — |
| meta.paragraph.markdown | #FFFFFF | — |
| markup.quote | #78BD65 | — |
| meta.link | #78BD65 | — |
| source.dockerfile | #99D0F7 | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |