re:Theme
Publisher: CydoThemes in package: 8
A collection of reimagined themes that I like, but felt are not completed. re:Themes is my way of bringing a form of completion to those themes while also adding my own flare to them.
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.background#1d2021
- activityBar.border#3c3836
- activityBar.dropBackground#1d2021
- activityBar.foreground#ebdbb2
- activityBarBadge.background#458588
- activityBarBadge.foreground#ebdbb2
- badge.background#d3869b
- badge.foreground#1d2021
- button.background#45858880
- button.foreground#ebdbb2
- button.hoverBackground#45858860
- debugToolBar.background#1d2021
- diffEditor.insertedTextBackground#b8bb2630
- diffEditor.removedTextBackground#fb493430
- dropdown.background#1d2021
- dropdown.border#3c3836
- dropdown.foreground#ebdbb2
- editor.background#1d2021
- editor.findMatchBackground#83a59870
- editor.findMatchHighlightBackground#fe801930
- editor.findRangeHighlightBackground#83a59870
- editor.foreground#ebdbb2
- editor.hoverHighlightBackground#689d6a50
- editor.lineHighlightBackground#3c383660
- editor.lineHighlightBorder#3c383600
- editor.selectionBackground#99d34e40
- editor.selectionHighlightBackground#fabd2f40
- editorBracketHighlight.foreground1#b16286
- editorBracketHighlight.foreground2#458588
- editorBracketHighlight.foreground3#689d6a
- editorBracketHighlight.foreground4#98971a
- editorBracketHighlight.foreground5#d79921
- editorBracketHighlight.foreground6#d65d0e
- editorBracketHighlight.unexpectedBracket.foreground#cc241d
- editorBracketMatch.background#92837480
- editorBracketMatch.border#1d202100
- editorCodeLens.foreground#a8998490
- editorCursor.foreground#ebdbb2
- editorError.foreground#cc241d
- editorGroup.background#3c3836
- editorGroup.border#3c3836
- editorGroup.dropBackground#3c383660
- editorGroupHeader.noTabsBackground#3c3836
- editorGroupHeader.tabsBackground#1d2021
- editorGroupHeader.tabsBorder#3c3836
- editorGutter.addedBackground#b8bb26
- editorGutter.background#1d202100
- editorGutter.deletedBackground#fb4934
- editorGutter.modifiedBackground#83a598
- editorHoverWidget.background#1d2021
- editorHoverWidget.border#3c3836
- editorIndentGuide.activeBackground#a8998450
- editorIndentGuide.background#a8998420
- editorInfo.foreground#458588
- editorInlayHint.background#3c383660
- editorInlayHint.foreground#a89984
- editorLineNumber.activeForeground#fe8019
- editorLineNumber.foreground#665c54
- editorLink.activeForeground#ebdbb2
- editorOverviewRuler.addedForeground#83a598
- editorOverviewRuler.border#1d202100
- editorOverviewRuler.commonContentForeground#928374
- editorOverviewRuler.currentContentForeground#458588
- editorOverviewRuler.deletedForeground#83a598
- editorOverviewRuler.errorForeground#fb4934
- editorOverviewRuler.findMatchForeground#bdae93
- editorOverviewRuler.incomingContentForeground#689d6a
- editorOverviewRuler.infoForeground#d3869b
- editorOverviewRuler.modifiedForeground#83a598
- editorOverviewRuler.rangeHighlightForeground#bdae93
- editorOverviewRuler.selectionHighlightForeground#665c54
- editorOverviewRuler.warningForeground#d79921
- editorOverviewRuler.wordHighlightForeground#665c54
- editorOverviewRuler.wordHighlightStrongForeground#665c54
- editorRuler.foreground#a8998440
- editorSuggestWidget.background#1d2021
- editorSuggestWidget.border#3c3836
- editorSuggestWidget.foreground#ebdbb2
- editorSuggestWidget.highlightForeground#689d6a
- editorSuggestWidget.selectedBackground#3c383660
- editorWarning.foreground#d79921
- editorWhitespace.foreground#a8998420
- editorWidget.background#1d2021
- editorWidget.border#3c3836
- errorForeground#fb4934
- extensionButton.prominentBackground#b8bb2680
- extensionButton.prominentHoverBackground#b8bb2630
- focusBorder#3c3836
- foreground#ebdbb2
- gitDecoration.conflictingResourceForeground#b16286
- gitDecoration.deletedResourceForeground#cc241d
- gitDecoration.ignoredResourceForeground#7c6f64
- gitDecoration.modifiedResourceForeground#d79921
- gitDecoration.untrackedResourceForeground#98971a
- input.background#ebdbb205
- input.border#3c3836
- input.foreground#ebdbb2
- input.placeholderForeground#ebdbb260
- inputOption.activeBorder#ebdbb260
- inputValidation.errorBackground#cc241d80
- inputValidation.errorBorder#fb4934
- inputValidation.infoBackground#45858880
- inputValidation.infoBorder#83a598
- inputValidation.warningBackground#d7992180
- inputValidation.warningBorder#fabd2f
- list.activeSelectionBackground#3c383680
- list.activeSelectionForeground#8ec07c
- list.dropBackground#3c3836
- list.focusBackground#3c3836
- list.focusForeground#ebdbb2
- list.highlightForeground#689d6a
- list.hoverBackground#3c383680
- list.hoverForeground#d5c4a1
- list.inactiveSelectionBackground#3c383680
- list.inactiveSelectionForeground#689d6a
- menu.border#3c3836
- merge.border#1d202100
- merge.currentContentBackground#45858820
- merge.currentHeaderBackground#45858840
- merge.incomingContentBackground#689d6a20
- merge.incomingHeaderBackground#689d6a40
- notebook.cellBorderColor#3c3836
- notebook.cellEditorBackground#282828
- notebook.focusedCellBorder#a89984
- notebook.focusedEditorBorder#3c3836
- notification.background#1d2021
- notification.buttonBackground#665c54
- notification.buttonForeground#ebdbb2
- notification.buttonHoverBackground#665c5450
- notification.errorBackground#fb4934
- notification.errorForeground#1d2021
- notification.foreground#ebdbb2
- notification.infoBackground#83a598
- notification.infoForeground#1d2021
- notification.warningBackground#fabd2f
- notification.warningForeground#1d2021
- panel.border#3c3836
- panelTitle.activeForeground#ebdbb2
- peekView.border#3c3836
- peekViewEditor.background#3c383650
- peekViewEditor.matchHighlightBackground
- peekViewEditorGutter.background#3c383650
- peekViewResult.background#3c383650
- peekViewResult.fileForeground#ebdbb2
- peekViewResult.matchHighlightBackground#8ec07c30
- peekViewResult.selectionBackground#8ec07c30
- peekViewResult.selectionForeground#8ec07c30
- peekViewTitle.background#3c383650
- peekViewTitleDescription.foreground#bdae93
- peekViewTitleLabel.foreground#ebdbb2
- progressBar.background#689d6a
- scrollbar.shadow#1d2021
- scrollbarSlider.activeBackground#689d6a
- scrollbarSlider.background#50494599
- scrollbarSlider.hoverBackground#665c54
- selection.background#689d6a80
- sideBar.background#1d2021
- sideBar.border#3c3836
- sideBar.foreground#d5c4a1
- sideBarSectionHeader.background#1d202100
- sideBarSectionHeader.foreground#ebdbb2
- sideBarTitle.foreground#ebdbb2
- statusBar.background#1d2021
- statusBar.border#3c3836
- statusBar.debuggingBackground#fe8019
- statusBar.debuggingBorder#1d202100
- statusBar.debuggingForeground#1d2021
- statusBar.foreground#ebdbb2
- statusBar.noFolderBackground#1d2021
- statusBar.noFolderBorder#1d202100
- statusBar.prominentBackground#689d6a
- statusBar.prominentHoverBackground#689d6a70
- tab.activeBackground#32302f
- tab.activeBorder#689d6a
- tab.activeForeground#ebdbb2
- tab.border#1d202100
- tab.inactiveBackground#1d2021
- tab.inactiveForeground#a89984
- tab.unfocusedActiveBorder#1d202100
- tab.unfocusedActiveForeground#a89984
- tab.unfocusedInactiveForeground#928374
- terminal.ansiBlack#3c3836
- terminal.ansiBlue#458588
- terminal.ansiBrightBlack#928374
- terminal.ansiBrightBlue#83a598
- terminal.ansiBrightCyan#8ec07c
- terminal.ansiBrightGreen#b8bb26
- terminal.ansiBrightMagenta#d3869b
- terminal.ansiBrightRed#fb4934
- terminal.ansiBrightWhite#ebdbb2
- terminal.ansiBrightYellow#fabd2f
- terminal.ansiCyan#689d6a
- terminal.ansiGreen#98971a
- terminal.ansiMagenta#b16286
- terminal.ansiRed#cc241d
- terminal.ansiWhite#a89984
- terminal.ansiYellow#d79921
- terminal.background#1d2021
- terminal.foreground#ebdbb2
- textLink.activeForeground#458588
- textLink.foreground#83a598
- titleBar.activeBackground#1d2021
- titleBar.activeForeground#ebdbb2
- titleBar.inactiveBackground#1d2021
- widget.shadow#1d202130
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #ebdbb2 | — |
| emphasis | — | italic |
| strong | — | bold |
| header | #458588 | — |
| comment, punctuation.definition.comment | #928374 | italic |
| constant, support.constant, variable.arguments | #d3869b | — |
| constant.rgb-value | #ebdbb2 | — |
| entity.name.selector | #8ec07c | — |
| entity.other.attribute-name | #fe8019 | — |
| entity.name.tag, punctuation.tag | #83a598 | — |
| invalid, invalid.illegal | #cc241d | — |
| invalid.deprecated | #b16286 | — |
| meta.selector | #8ec07c | — |
| meta.preprocessor | #fe8019 | — |
| meta.preprocessor.string | #b8bb26 | — |
| meta.preprocessor.numeric | #b8bb26 | — |
| meta.header.diff | #fe8019 | — |
| storage | #fe8019 | — |
| storage.modifier | #fe8019 | — |
| string | #b8bb26 | — |
| string.tag | #b8bb26 | — |
| string.value | #b8bb26 | — |
| string.regexp | #fe8019 | — |
| string.escape | #fb4934 | — |
| string.quasi | #8ec07c | — |
| string.entity | #b8bb26 | — |
| object | #ebdbb2 | — |
| module.node | #83a598 | — |
| support.type.property-name | #689d6a | — |
| keyword | #fb4934 | — |
| keyword.control | #fb4934 | — |
| keyword.control.module | #8ec07c | — |
| keyword.control.less | #d79921 | — |
| keyword.operator | #8ec07c | — |
| keyword.operator.new | #fe8019 | — |
| keyword.other.unit | #b8bb26 | — |
| metatag.php | #fe8019 | — |
| support.function.git-rebase | #689d6a | — |
| constant.sha.git-rebase | #b8bb26 | — |
| meta.type.name, meta.return.type, meta.return-type, meta.cast, meta.type.annotation, support.type, storage.type.cs, variable.class | #fabd2f | — |
| variable.this, support.variable | #d3869b | — |
| entity.name, entity.static, entity.name.class.static.function, entity.name.function, entity.name.class, entity.name.type | #EBD6AD | — |
| storage.type.function, entity.function, entity.name.function.static | #fabd2f | — |
| entity.name.function.function-call | #8ec07c | — |
| support.function.builtin | #fe8019 | — |
| entity.name.method, entity.name.method.function-call, entity.name.static.function-call | #689d6a | — |
| brace | #d5c4a1 | — |
| meta.parameter.type.variable, variable.parameter, variable.name, variable.other, variable, string.constant.other.placeholder | #EBD6AD | — |
| entity.name.function | #Fabd2f | — |
| prototype | #d3869b | — |
| storage.type.class | #fb4934 | — |
| punctuation | #a89984 | — |
| punctuation.quoted | #ebdbb2 | — |
| punctuation.quasi | #fb4934 | — |
| *url*, *link*, *uri* | — | underline |
| meta.function.python, entity.name.function.python | #8ec07c | — |
| storage.type.function.python, storage.modifier.declaration, storage.type.class.python | #fb4934 | — |
| meta.function-call.generic | #83a598 | — |
| meta.function-call.arguments | #d5c4a1 | — |
| entity.name.function.decorator | #fabd2f | bold |
| constant.other.caps | — | bold |
| keyword.operator.logical | #fb4934 | — |
| punctuation.definition.logical-expression | #fe8019 | — |
| string.inperpolated.dollar.shell | #fe8019 | — |
| string.interpolated.dollar.shell, string.interpolated.backtick.shell | #8ec07c | — |
| keyword.control.directive | #8ec07c | — |
| support.function.C99 | #fabd2f | — |
| meta.function.cs, entity.name.function.cs, entity.name.type.namespace.cs | #b8bb26 | — |
| keyword.other.using.cs, entity.name.variable.field.cs, entity.name.variable.local.cs, variable.other.readwrite.cs | #8ec07c | — |
| keyword.other.this.cs, keyword.other.base.cs | #d3869b | — |
| meta.scope.prerequisites | #fabd2f | — |
| entity.name.function.target | #b8bb26 | bold |
| storage.modifier.import.java, storage.modifier.package.java | #bdae93 | — |
| keyword.other.import.java, keyword.other.package.java | #8ec07c | — |
| storage.type.java | #fabd2f | — |
| storage.type.annotation | #83a598 | bold |
| keyword.other.documentation.javadoc | #8ec07c | — |
| comment.block.javadoc variable.parameter.java | #b8bb26 | bold |
| source.java variable.other.object, source.java variable.other.definition.java | #ebdbb2 | — |
| meta.function-parameters.lisp | #fabd2f | — |
| markup.underline | — | underline |
| string.other.link.title.markdown | #928374 | underline |
| markup.underline.link | #d3869b | — |
| markup.bold | #fe8019 | bold |
| markup.heading | #fe8019 | bold |
| markup.italic | — | italic |
| markup.inserted | #b8bb26 | — |
| markup.deleted | #d65d0e | — |
| markup.changed | #fe8019 | — |
| markup.punctuation.quote.beginning | #98971a | — |
| markup.punctuation.list.beginning | #83a598 | — |
| markup.inline.raw, markup.fenced_code.block | #8ec07c | — |
| string.quoted.double.json | #83a598 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #b8bb26 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #8ec07c | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #d3869b | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #b8bb26 | — |
| entity.other.attribute-name.css | #fe8019 | — |
| source.css meta.selector | #ebdbb2 | — |
| support.type.property-name.css | #fe8019 | — |
| entity.other.attribute-name.class | #b8bb26 | — |
| source.css support.function.transform, source.css support.function.timing-function, source.css support.function.misc | #fb4934 | — |
| support.property-value, constant.rgb-value, support.property-value.scss, constant.rgb-value.scss | #d65d0e | — |
| entity.name.tag.css | — | normal |
| punctuation.definition.tag | #8ec07c | — |
| text.html entity.name.tag, text.html punctuation.tag | #83a598 | bold |
| source.js variable.language | #fe8019 | — |
| source.ts variable.language | #fe8019 | — |
| source.go storage.type | #fabd2f | — |
| source.go entity.name.import | #b8bb26 | — |
| source.go keyword.package, source.go keyword.import | #8ec07c | — |
| source.go keyword.interface, source.go keyword.struct | #83a598 | — |
| source.go entity.name.type | #ebdbb2 | — |
| source.go entity.name.function | #d3869b | — |
| keyword.control.cucumber.table | #83a598 | — |
| source.reason string.double, source.reason string.regexp | #b8bb26 | — |
| source.reason keyword.control.less | #8ec07c | — |
| source.reason entity.name.function | #83a598 | — |
| source.reason support.property-value, source.reason entity.name.filename | #fe8019 | — |
| source.powershell variable.other.member.powershell | #fe8019 | — |
| source.powershell support.function.powershell | #fabd2f | — |
| source.powershell support.function.attribute.powershell | #bdae93 | — |
| source.powershell meta.hashtable.assignment.powershell variable.other.readwrite.powershell | #fe8019 | — |
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#8f8f8f10
- activityBar.activeBorder#8f8f8f
- activityBar.background#0e0e0e
- activityBar.border#050505
- activityBar.foreground#8f8f8f
- activityBar.inactiveForeground#545454AA
- activityBarBadge.background#8f8f8f
- activityBarBadge.foreground#0e0e0e
- badge.background#8f8f8f
- badge.foreground#141414
- breadcrumb.background#141414
- breadcrumbPicker.background#141414
- button.background#8f8f8f75
- button.border#8f8f8f75
- button.foreground#c7c7c7
- button.hoverBackground#8f8f8f90
- button.secondaryBackground#8f8f8f20
- button.secondaryForeground#c7c7c7
- button.secondaryHoverBackground#8f8f8f35
- charts.blue#78dce8
- charts.foreground#c7c7c7
- charts.green#a9dc76
- charts.lines#c7c7c7
- charts.orange#fc9867
- charts.purple#e991e3
- charts.red#fc6a67
- charts.yellow#ffd866
- checkbox.foreground#c7c7c7
- commandCenter.activeBackground#21212160
- commandCenter.activeForeground#adadad90
- commandCenter.background#141414
- commandCenter.border#050505
- commandCenter.foreground#545454
- contrastActiveBorder#00000000
- contrastBorder#00000000
- debugExceptionWidget.background#212121
- debugExceptionWidget.border#050505
- debugToolBar.background#212121
- descriptionForeground#c7c7c7
- diffEditor.border#050505
- diffEditor.diagonalFill#05050580
- diffEditor.insertedLineBackground#a9dc7620
- diffEditor.insertedTextBackground#a9dc7620
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedLineBackground#fc6a6725
- diffEditor.removedTextBackground#fc6a6725
- diffEditor.removedTextBorder#00000000
- diffEditorGutter.insertedLineBackground#00000000
- diffEditorGutter.removedLineBackground#00000000
- diffEditorOverview.insertedForeground#a9dc7625
- diffEditorOverview.removedForeground#fc6a6730
- disabledForeground#6e6e6e
- dropdown.background#141414
- dropdown.border#54545450
- dropdown.foreground#c7c7c7
- dropdown.listBackground#141414
- editor.background#141414
- editor.findMatchBackground#8f8f8f20
- editor.findMatchBorder#8f8f8f60
- editor.findMatchHighlightBackground#8f8f8f20
- editor.findMatchHighlightBorder#8f8f8f40
- editor.foldBackground#0e0e0e
- editor.foreground#c7c7c7
- editor.hoverHighlightBackground#8f8f8f40
- editor.inactiveSelectionBackground#8f8f8f20
- editor.lineHighlightBackground#8f8f8f0c
- editor.lineHighlightBorder#8f8f8f1a
- editor.rangeHighlightBackground#8f8f8f20
- editor.selectionBackground#8f8f8f30
- editor.selectionForeground#c7c7c7
- editor.selectionHighlightBackground#8f8f8f15
- editor.selectionHighlightBorder#8f8f8f80
- editor.wordHighlightBackground#8f8f8f20
- editor.wordHighlightStrongBackground#8f8f8f40
- editorBracketHighlight.foreground1#ffd866
- editorBracketHighlight.foreground2#e991e3
- editorBracketHighlight.foreground3#78dce8
- editorBracketHighlight.foreground4#ab9df2
- editorBracketHighlight.foreground5#78e8c6
- editorBracketHighlight.foreground6#ff6188
- editorBracketHighlight.unexpectedBracket.foreground#fc6a67
- editorBracketMatch.background#8f8f8f20
- editorBracketMatch.border#8f8f8f40
- editorCodeLens.foreground#adadad80
- editorCursor.background#8f8f8f
- editorCursor.foreground#ffd866
- editorError.border#00000000
- editorError.foreground#fc6a67
- editorGhostText.border#00000000
- editorGhostText.foreground#c7c7c770
- editorGroup.border#050505
- editorGroup.dropBackground#8f8f8f15
- editorGroupHeader.border#bb272700
- editorGroupHeader.noTabsBackground#141414
- editorGroupHeader.tabsBackground#0e0e0e
- editorGroupHeader.tabsBorder#050505
- editorGutter.addedBackground#a9dc76cc
- editorGutter.background#141414
- editorGutter.commentRangeForeground#212121
- editorGutter.deletedBackground#fc6a67cc
- editorGutter.modifiedBackground#78dce8cc
- editorHoverWidget.background#212121
- editorHoverWidget.border#050505
- editorIndentGuide.activeBackground#545454bb
- editorIndentGuide.background#54545430
- editorInfo.border#00000000
- editorInlayHint.background#adadad20
- editorInlayHint.foreground#adadad90
- editorInlayHint.typeBackground#ab9df230
- editorInlayHint.typeForeground#ab9df2aa
- editorLineNumber.activeForeground#545454
- editorLineNumber.foreground#54545490
- editorLink.activeForeground#c7c7c7
- editorMarkerNavigation.background#0e0e0e
- editorMarkerNavigationError.background#fc6a6790
- editorMarkerNavigationInfo.background#78dce890
- editorMarkerNavigationWarning.background#ffd86690
- editorOverviewRuler.border#050505
- editorOverviewRuler.commonContentForeground#ffd866
- editorOverviewRuler.currentContentForeground#fc6a67
- editorOverviewRuler.incomingContentForeground#a9dc76
- editorRuler.foreground#54545433
- editorSuggestWidget.background#141414
- editorSuggestWidget.border#050505
- editorSuggestWidget.foreground#adadad
- editorSuggestWidget.highlightForeground#ffd866
- editorSuggestWidget.selectedBackground#8f8f8f4d
- editorWarning.border#00000000
- editorWarning.foreground#ffd866
- editorWhitespace.foreground#54545460
- editorWidget.background#212121
- editorWidget.resizeBorder#8f8f8f50
- errorForeground#fc6a67
- errorLens.errorForeground#fc6a6799
- errorLens.hintForeground#78dce899
- errorLens.infoForeground#78dce899
- errorLens.warningForeground#ffd86699
- extensionButton.background#8f8f8f60
- extensionButton.foreground#c7c7c7
- extensionButton.hoverBackground#8f8f8f90
- extensionButton.prominentBackground#8f8f8f9d
- extensionButton.prominentForeground#c7c7c7
- extensionButton.prominentHoverBackground#8f8f8f
- focusBorder#8f8f8f40
- foreground#adadadAA
- gitDecoration.conflictingResourceForeground#8f8f8f
- gitDecoration.deletedResourceForeground#fc6a67
- gitDecoration.ignoredResourceForeground#545454
- gitDecoration.modifiedResourceForeground#78dce8
- gitDecoration.untrackedResourceForeground#a9dc76
- icon.foreground#adadadAA
- input.background#00000000
- input.border#54545460
- input.foreground#c7c7c7
- input.placeholderForeground#c7c7c760
- inputOption.activeBorder#8f8f8f
- inputValidation.errorBackground#212121
- inputValidation.errorBorder#ffd866
- inputValidation.infoBackground#212121
- inputValidation.infoBorder#8f8f8f
- inputValidation.warningBackground#212121
- inputValidation.warningBorder#ffd866
- keybindingLabel.background#212121
- keybindingLabel.border#545454
- keybindingLabel.bottomBorder#545454
- keybindingLabel.foreground#878787
- list.activeSelectionBackground#3b3b3b73
- list.activeSelectionForeground#c7c7c7
- list.dropBackground#8f8f8f15
- list.errorForeground#fc6a67
- list.focusBackground#8f8f8f40
- list.focusForeground#adadad
- list.highlightForeground#ffd866
- list.hoverBackground#2e2e2e33
- list.hoverForeground#d3d3d3
- list.inactiveSelectionBackground#3b3b3b40
- list.inactiveSelectionForeground#c7c7c7
- list.warningForeground#ffd866
- menu.background#212121
- menu.border#050505
- menu.foreground#a1a1a1
- menu.selectionForeground#ededed
- menu.separatorBackground#05050565
- menubar.selectionBackground#212121
- menubar.selectionForeground#adadad
- merge.border#050505
- merge.commonContentBackground#ffd86630
- merge.commonHeaderBackground#ffd86680
- merge.currentContentBackground#a9dc7630
- merge.currentHeaderBackground#a9dc7680
- merge.incomingContentBackground#78dce830
- merge.incomingHeaderBackground#78dce880
- notificationCenterHeader.background#212121
- notificationCenterHeader.foreground#c7c7c7
- notificationLink.foreground#ffd866
- notifications.background#212121
- notifications.border#050505
- notifications.foreground#adadad
- notificationsErrorIcon.foreground#fc6a67
- notificationsInfoIcon.foreground#78dce8
- notificationsWarningIcon.foreground#fc9867
- panel.background#111111
- panel.border#050505
- panel.dropBorder#050505
- panelSection.border#050505
- panelSectionHeader.background#54545420
- panelSectionHeader.border#050505
- panelSectionHeader.foreground#c7c7c7
- panelTitle.activeBorder#8f8f8f
- panelTitle.activeForeground#8f8f8f
- panelTitle.inactiveForeground#545454
- peekView.border#8f8f8f
- peekViewEditor.background#21212140
- peekViewEditor.matchHighlightBackground#21212140
- peekViewEditorGutter.background#21212140
- peekViewResult.background#21212140
- peekViewResult.fileForeground#c7c7c7
- peekViewResult.lineForeground#c7c7c7
- peekViewResult.matchHighlightBackground#212121
- peekViewResult.selectionBackground#212121
- peekViewResult.selectionForeground#c7c7c7
- peekViewTitle.background#050505
- peekViewTitleDescription.foreground#c7c7c7
- peekViewTitleLabel.foreground#c7c7c7
- pickerGroup.border#050505
- pickerGroup.foreground#c7c7c7
- profileBadge.background#8f8f8f
- profileBadge.foreground#141414
- progressBar.background#ffd866
- quickInput.foreground#a1a1a1
- quickInputList.focusBackground#47474773
- quickInputList.focusForeground#ededed
- quickInputTitle.background#0e0e0e
- sash.hoverBorder#8f8f8f50
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#8f8f8f40
- scrollbarSlider.background#8f8f8f20
- scrollbarSlider.hoverBackground#8f8f8f30
- selection.background#8f8f8f60
- settings.headerForeground#8f8f8f
- settings.modifiedItemIndicator#8f8f8f
- sideBar.background#0e0e0e
- sideBar.border#050505
- sideBar.foreground#adadadCC
- sideBarSectionHeader.background#0e0e0e
- sideBarSectionHeader.border#050505
- sideBarSectionHeader.foreground#c7c7c7
- sideBarTitle.foreground#545454
- statusBar.background#0e0e0e
- statusBar.border#050505
- statusBar.debuggingBackground#8f8f8f44
- statusBar.debuggingForeground#c7c7c7
- statusBar.foreground#adadadBB
- statusBar.noFolderBackground#0e0e0e
- statusBar.noFolderBorder#050505
- statusBar.noFolderForeground#adadadBB
- statusBarItem.activeBackground#212121
- statusBarItem.errorBackground#fc6a67
- statusBarItem.hoverBackground#54545430
- statusBarItem.prominentBackground#050505
- statusBarItem.prominentHoverBackground#212121
- statusBarItem.warningBackground#ffd866
- tab.activeBackground#141414
- tab.activeBorder#141414
- tab.activeBorderTop#8f8f8f
- tab.activeForeground#8f8f8f
- tab.border#050505
- tab.hoverBackground#141414cc
- tab.inactiveBackground#0e0e0e
- tab.inactiveForeground#545454
- tab.lastPinnedBorder#050505
- tab.unfocusedActiveForeground#c7c7c7
- tab.unfocusedHoverBackground#8f8f8f10
- tab.unfocusedHoverBorder#00000000
- tab.unfocusedInactiveForeground#c7c7c7
- terminal.ansiBlack#141414
- terminal.ansiBlue#78dce8
- terminal.ansiBrightBlack#78dce8
- terminal.ansiBrightBlue#78dce8
- terminal.ansiBrightCyan#78e8c6
- terminal.ansiBrightGreen#a9dc76
- terminal.ansiBrightMagenta#e991e3
- terminal.ansiBrightRed#fc6a67
- terminal.ansiBrightWhite#c7c7c7
- terminal.ansiBrightYellow#ffd866
- terminal.ansiCyan#78e8c6
- terminal.ansiGreen#a9dc76
- terminal.ansiMagenta#e991e3
- terminal.ansiRed#fc6a67
- terminal.ansiWhite#c7c7c7
- terminal.ansiYellow#ffd866
- terminal.background#111111
- terminal.foreground#c7c7c7
- terminal.selectionForeground#c7c7c7
- terminalCursor.background#ffd866
- terminalCursor.foreground#ffd866
- textBlockQuote.background#78dce834
- textBlockQuote.border#78dce8b9
- textCodeBlock.background#78dce834
- textLink.activeForeground#78dce8
- textLink.foreground#78dce8
- textPreformat.foreground#ffd866
- textSeparator.foreground#8f8f8f
- titleBar.activeBackground#0e0e0e
- titleBar.activeForeground#545454
- titleBar.border#050505
- titleBar.inactiveBackground#050505
- titleBar.inactiveForeground#545454
- toolbar.hoverBackground#54545460
- tree.indentGuidesStroke#54545470
- walkThrough.embeddedEditorBackground#141414
- welcomePage.progress.background#212121
- welcomePage.progress.foreground#8f8f8f
- welcomePage.tileBackground#adadad10
- welcomePage.tileBorder#adadad20
- welcomePage.tileHoverBackground#adadad20
- widget.shadow#05050530
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #899397 | italic |
| variable, string constant.other.placeholder | #d5d2d2 | — |
| constant.other.color | #FFCB6B | — |
| invalid, invalid.illegal | #FF5370 | italic strikethrough |
| keyword, storage.type, storage.modifier | #c180f7 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #7deabb | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #ffd262 | — |
| meta.block variable.other | #6cdae7 | — |
| support.other.variable, string.other.link | #f6c8cb | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #fd8585 | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #acff95 | — |
| support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #fe926d | — |
| entity.name | #FFCB6B | — |
| support.type | #B2CCD6 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #B2CCD6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #ffd058 | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #FFCB6B | italic |
| entity.other.attribute-name.class | #91d773 | — |
| source.sass keyword.control | #4a79dd | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #ba74e9 | — |
| string.regexp | #acff95 | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #fe926d | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| text.html.markdown, meta.paragraph.markdown | #d2d4d5 | — |
| punctuation.definition.raw.markdown, markup.inline.raw.markdown, markup.inline.raw.string.markdown | #acff95 | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #fe926d | — |
| markup.italic | #7deabb | italic |
| markup.bold, markup.bold string | #7deabb | — |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #7deabb | — |
| markup.underline | #acff95 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #6cdae7 | — |
| string.other.link.description.title.markdown | #c180f7 | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |
| punctuation.definition.list.begin.markdown, punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown | #c180f7 | — |
| variable.css | #7deabb | — |
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#7bcc38
- activityBar.background#0d0c0c
- activityBar.border#0d0c0c
- activityBar.foreground#cfc6c6
- activityBar.inactiveForeground#474747
- activityBarBadge.background#7bcc38
- activityBarBadge.foreground#fff5f5
- badge.background#7bcc38
- badge.foreground#fff5f5
- breadcrumb.activeSelectionForeground#fff5f5
- breadcrumb.focusForeground#fff5f5
- breadcrumb.foreground#6c6767
- button.background#2f2f2f
- button.foreground#8f8c8c
- button.hoverBackground#1b1b1b
- debugExceptionWidget.background#0d0c0c
- debugExceptionWidget.border#1b1b1b
- debugIcon.breakpointCurrentStackframeForeground#7bcc38
- debugIcon.breakpointDisabledForeground#c0b6b6
- debugIcon.breakpointForeground#fc618d
- debugIcon.breakpointStackframeForeground#fff5f5
- debugIcon.breakpointUnverifiedForeground#fd9353
- debugIcon.continueForeground#fff5f5
- debugIcon.disconnectForeground#fff5f5
- debugIcon.pauseForeground#fff5f5
- debugIcon.restartForeground#7bd88f
- debugIcon.startForeground#7bd88f
- debugIcon.stepBackForeground#fff5f5
- debugIcon.stepIntoForeground#fff5f5
- debugIcon.stepOutForeground#fff5f5
- debugIcon.stepOverForeground#fff5f5
- debugIcon.stopForeground#fc618d
- debugToolBar.background#141414
- descriptionForeground#8f8c8c
- diffEditor.insertedTextBackground#7bd88f19
- diffEditor.removedTextBackground#fc618d19
- dropdown.background#1b1b1b
- dropdown.border#1b1b1b
- dropdown.foreground#8f8c8c
- dropdown.listBackground#373535
- editor.background#1b1b1b
- editor.findMatchBackground#fff5f526
- editor.findMatchBorder#7bcc38
- editor.findMatchHighlightBackground#fff5f526
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#fff5f50c
- editor.findRangeHighlightBorder#00000000
- editor.foreground#cccccc
- editor.hoverHighlightBackground#fff5f510
- editor.inactiveSelectionBackground#fff5f50c
- editor.lineHighlightBackground#fff5f50c
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#373535
- editor.rangeHighlightBorder#373535
- editor.selectionBackground#c0b6b626
- editor.selectionHighlightBackground#fff5f526
- editor.selectionHighlightBorder#00000000
- editor.wordHighlightBackground#fff5f526
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#fff5f526
- editor.wordHighlightStrongBorder#00000000
- editorBracketMatch.background#1b1b1b
- editorBracketMatch.border#6c6767
- editorCodeLens.foreground#6c6767
- editorCursor.background#1b1b1b
- editorCursor.foreground#ffffff
- editorError.border#00000000
- editorError.foreground#fc618d
- editorGroup.border#121212
- editorGroup.dropBackground#121212bf
- editorGroup.emptyBackground#1b1b1b
- editorGroup.focusedEmptyBorder#121212
- editorGroupHeader.noTabsBackground#1b1b1b
- editorGroupHeader.tabsBackground#121212
- editorGroupHeader.tabsBorder#1b1b1b
- editorGutter.addedBackground#cbf075
- editorGutter.background#1b1b1b
- editorGutter.deletedBackground#f0758a
- editorGutter.modifiedBackground#75f0f0
- editorHint.border#1b1b1b
- editorHint.foreground#948ae3
- editorHoverWidget.background#373535
- editorHoverWidget.border#1b1b1b
- editorIndentGuide.background#373535
- editorInfo.border#1b1b1b
- editorInfo.foreground#5cb3c0
- editorLightBulb.foreground#fce566
- editorLightBulbAutoFix.foreground#7bd88f
- editorLineNumber.activeForeground#c0b6b6
- editorLineNumber.foreground#4b4b4b
- editorLink.activeForeground#5cb3c0
- editorMarkerNavigation.background#373535
- editorMarkerNavigationError.background#fc618d
- editorMarkerNavigationInfo.background#5cb3c0
- editorMarkerNavigationWarning.background#fd9353
- editorOverviewRuler.addedForeground#cbf075
- editorOverviewRuler.border#1b1b1b
- editorOverviewRuler.currentContentForeground#373535
- editorOverviewRuler.deletedForeground#f0758a
- editorOverviewRuler.errorForeground#f0758a
- editorOverviewRuler.findMatchForeground#fff5f526
- editorOverviewRuler.incomingContentForeground#373535
- editorOverviewRuler.infoForeground#5cb3c0
- editorOverviewRuler.modifiedForeground#90dcf3
- editorOverviewRuler.rangeHighlightForeground#fff5f526
- editorOverviewRuler.selectionHighlightForeground#fff5f526
- editorOverviewRuler.warningForeground#fd9353
- editorOverviewRuler.wordHighlightForeground#fff5f526
- editorOverviewRuler.wordHighlightStrongForeground#fff5f526
- editorPane.background#1b1b1b
- editorRuler.foreground#474747
- editorSuggestWidget.background#373535
- editorSuggestWidget.border#373535
- editorSuggestWidget.foreground#c0b6b6
- editorSuggestWidget.highlightForeground#fff5f5
- editorSuggestWidget.selectedBackground#6c6767
- editorWarning.border#00000000
- editorWarning.foreground#fd9353
- editorWhitespace.foreground#474747
- editorWidget.background#373535
- editorWidget.border#373535
- errorForeground#fc618d
- extensionButton.prominentBackground#373535
- extensionButton.prominentForeground#fff5f5
- extensionButton.prominentHoverBackground#474747
- focusBorder#555050
- foreground#fff5f5
- gitDecoration.addedResourceForeground#cbf075
- gitDecoration.conflictingResourceForeground#fd9353
- gitDecoration.deletedResourceForeground#f0758a
- gitDecoration.ignoredResourceForeground#474747
- gitDecoration.modifiedResourceForeground#90dcf3
- gitDecoration.untrackedResourceForeground#fd9353
- input.background#2f2f2f
- input.border#2c2c2c
- input.foreground#fff5f5
- input.placeholderForeground#6c6767
- inputOption.activeBackground#474747
- inputOption.activeBorder#474747
- inputValidation.errorBackground#373535
- inputValidation.errorBorder#fc618d
- inputValidation.errorForeground#fc618d
- inputValidation.infoBackground#373535
- inputValidation.infoBorder#5cb3c0
- inputValidation.infoForeground#5cb3c0
- inputValidation.warningBackground#373535
- inputValidation.warningBorder#fd9353
- inputValidation.warningForeground#fd9353
- list.activeSelectionBackground#2f2f2f
- list.activeSelectionForeground#cccccc
- list.dropBackground#121212bf
- list.errorForeground#fc618d
- list.focusBackground#1b1b1b
- list.focusForeground#fff5f5
- list.highlightForeground#fff5f5
- list.hoverBackground#121212
- list.hoverForeground#fff5f5
- list.inactiveFocusBackground#1b1b1b
- list.inactiveSelectionBackground#1b1b1b
- list.inactiveSelectionForeground#cccccc
- list.invalidItemForeground#fc618d
- list.warningForeground#fd9353
- listFilterWidget.background#1b1b1b
- listFilterWidget.noMatchesOutline#fc618d
- listFilterWidget.outline#1b1b1b
- merge.border#1b1b1b
- merge.commonContentBackground#fff5f519
- merge.commonHeaderBackground#fff5f526
- merge.currentContentBackground#fc618d19
- merge.currentHeaderBackground#fc618d26
- merge.incomingContentBackground#7bd88f19
- merge.incomingHeaderBackground#7bd88f26
- minimap.errorHighlight#fc618d
- minimap.warningHighlight#fd9353
- minimapGutter.addedBackground#cbf075
- minimapGutter.deletedBackground#f0758a
- minimapGutter.modifiedBackground#90dcf3
- notificationCenter.border#373535
- notificationCenterHeader.background#373535
- notificationCenterHeader.foreground#8f8c8c
- notificationLink.foreground#7bcc38
- notifications.background#373535
- notifications.border#373535
- notifications.foreground#c0b6b6
- notificationsErrorIcon.foreground#fc618d
- notificationsInfoIcon.foreground#5cb3c0
- notificationsWarningIcon.foreground#fd9353
- notificationToast.border#373535
- panel.background#121212
- panel.border#0d0c0c
- panelTitle.activeBorder#121212
- panelTitle.activeForeground#7bcc38
- panelTitle.inactiveForeground#474747
- peekView.border#1b1b1b
- peekViewEditor.background#373535
- peekViewEditor.matchHighlightBackground#474747
- peekViewEditorGutter.background#373535
- peekViewResult.background#373535
- peekViewResult.fileForeground#8f8c8c
- peekViewResult.lineForeground#8f8c8c
- peekViewResult.matchHighlightBackground#474747
- peekViewResult.selectionBackground#373535
- peekViewResult.selectionForeground#fff5f5
- peekViewTitle.background#373535
- peekViewTitleDescription.foreground#8f8c8c
- peekViewTitleLabel.foreground#fff5f5
- pickerGroup.border#1b1b1b
- pickerGroup.foreground#474747
- problemsErrorIcon.foreground#fc618d
- problemsInfoIcon.foreground#5cb3c0
- problemsWarningIcon.foreground#fd9353
- progressBar.background#373535
- scrollbar.shadow#00000055
- scrollbarSlider.activeBackground#fff5f512
- scrollbarSlider.background#fff5f512
- scrollbarSlider.hoverBackground#fff5f512
- selection.background#c0b6b626
- settings.checkboxBackground#373535
- settings.checkboxBorder#373535
- settings.checkboxForeground#fff5f5
- settings.dropdownBackground#373535
- settings.dropdownBorder#373535
- settings.dropdownForeground#fff5f5
- settings.dropdownListBorder#8f8c8c
- settings.headerForeground#7bcc38
- settings.modifiedItemIndicator#7bcc38
- settings.numberInputBackground#373535
- settings.numberInputBorder#373535
- settings.numberInputForeground#fff5f5
- settings.textInputBackground#373535
- settings.textInputBorder#373535
- settings.textInputForeground#fff5f5
- sideBar.background#121212
- sideBar.border#0d0c0c
- sideBar.dropBackground#121212bf
- sideBar.foreground#8f8c8c
- sideBarSectionHeader.background#121212
- sideBarSectionHeader.foreground#cfc6c6
- sideBarTitle.foreground#474747
- statusBar.background#121212
- statusBar.border#0d0c0c
- statusBar.debuggingBackground#6c6767
- statusBar.debuggingBorder#121212
- statusBar.debuggingForeground#fff5f5
- statusBar.foreground#6c6767
- statusBar.noFolderBackground#121212
- statusBar.noFolderBorder#0d0c0c
- statusBar.noFolderForeground#6c6767
- statusBarItem.activeBackground#1b1b1b
- statusBarItem.hoverBackground#1b1b1b
- statusBarItem.prominentBackground#373535
- statusBarItem.prominentHoverBackground#373535
- statusBarItem.remoteBackground#121212
- statusBarItem.remoteForeground#7bcc38
- tab.activeBackground#1b1b1b
- tab.activeBorder#1b1b1b
- tab.activeBorderTop#7bcc38
- tab.activeForeground#f4f4f4
- tab.border#121212
- tab.hoverBackground#1b1b1b
- tab.hoverBorder#1b1b1b
- tab.hoverForeground#dddddd
- tab.inactiveBackground#121212
- tab.inactiveForeground#606060
- tab.unfocusedActiveBorder#121212
- tab.unfocusedActiveBorderTop#606060
- tab.unfocusedActiveForeground#8f8c8c
- tab.unfocusedHoverBackground#1b1b1b
- tab.unfocusedHoverForeground#dddddd
- tab.unfocusedInactiveBackground#121212
- tab.unfocusedInactiveForeground#606060
- terminal.ansiBlack#282a36
- terminal.ansiBlue#8897f4
- terminal.ansiBrightBlack#414458
- terminal.ansiBrightBlue#556fff
- terminal.ansiBrightCyan#3fdcee
- terminal.ansiBrightGreen#18e3c8
- terminal.ansiBrightMagenta#b043d1
- terminal.ansiBrightRed#ff4971
- terminal.ansiBrightWhite#fdfdfd
- terminal.ansiBrightYellow#ff8037
- terminal.ansiCyan#79e6f3
- terminal.ansiGreen#5adecd
- terminal.ansiMagenta#c574dd
- terminal.ansiRed#f37f97
- terminal.ansiWhite#bebec1
- terminal.ansiYellow#f2a272
- terminal.background#101010
- terminal.foreground#94a3a5
- terminal.selectionBackground#48b9c750
- terminalCursor.background#00000000
- terminalCursor.foreground#f6f6f6
- textBlockQuote.background#373535
- textBlockQuote.border#373535
- textCodeBlock.background#373535
- textLink.activeForeground#fff5f5
- textLink.foreground#7bcc38
- textPreformat.foreground#fff5f5
- textSeparator.foreground#6c6767
- titleBar.activeBackground#121212
- titleBar.activeForeground#8f8c8c
- titleBar.border#0d0c0c
- titleBar.inactiveBackground#121212
- titleBar.inactiveForeground#474747
- tree.indentGuidesStroke#fff5f515
- walkThrough.embeddedEditorBackground#121212
- welcomePage.buttonBackground#121212
- welcomePage.buttonHoverBackground#0d0c0c
- widget.shadow#0d0c0c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text | #5c5757 | italic |
| comment storage.type | #5c5757 | — |
| comment entity.name.type | #5c5757 | — |
| comment variable, comment variable.other | #5c5757 | — |
| comment.git-status.header.remote | #fc618d | — |
| comment.git-status.header.local | #5cb3c0 | — |
| comment.other.git-status.head | #d7d7d7 | — |
| constant | #c8e1ff | — |
| constant.other | #c8e1ff | — |
| constant.other.symbol | #5cb3c0 | — |
| constant.numeric | #c8e1ff | — |
| entity.name | #fff5f5 | — |
| entity.name.function, entity.name.function-call | #b392f0 | — |
| entity.name.section | #7bcc38 | — |
| entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component | #b392f0 | — |
| entity.other.attribute-name | #5cb3c0 | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css, entity.other.attribute-name.css | #b392f0 | italic |
| entity.other.attribute-name.id.css | #5ae6b7 | italic |
| entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css | #5cb3c0 | italic |
| entity.other.git-status.hex | #948ae3 | — |
| invalid | — | italic |
| keyword | #7bcc38 | — |
| keyword.operator, keyword.operator.member, keyword.operator.new | #7bcc38 | — |
| keyword.other.substitution | #8b888f | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.heading | #7bcc38 | — |
| markup.raw | #fd9353 | — |
| markup.underline | — | underline |
| markup.underline.link | #5cb3c0 | — |
| markup.inserted, markup.inserted punctuation.definition.inserted | #7bd88f | — |
| markup.deleted, markup.deleted punctuation.definition.deleted | #fc618d | — |
| markup.changed, markup.changed punctuation.definition.changed | #fce566 | — |
| markup.ignored, markup.ignored punctuation.definition.ignored | #8b888f | — |
| markup.untracked | #8b888f | — |
| markup.quote | — | italic |
| meta.brace.round, meta.brace.square, meta.brace.curly, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js | #888f88 | — |
| meta.function-call.python, meta.function-call.arguments.python meta.function-call.python | #b392f0 | — |
| meta.function-call.python meta.function-call.arguments.python | #fff5f5 | — |
| meta.object.member | #fff5f5 | — |
| meta.diff.git-diff.header | #fce566 | — |
| meta.separator.markdown | #8b888f | — |
| punctuation | #8b888f | — |
| punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css | #bab6c0 | — |
| source | #d7d7d7 | — |
| source.scss, source.sass | #8f8888 | — |
| source.sass variable.other, source.sass variable.sass, source.scss variable.other, source.scss variable.scss, source.scss variable.sass, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less | #fff5f5 | italic |
| source.git-show.commit.sha | #948ae3 | — |
| source.git-show.author, source.git-show.date, source.git-diff.command, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file | #8b888f | — |
| source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha | #948ae3 | — |
| source.git-show meta.diff.range.unified | #fd9353 | — |
| source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file | #8f8888 | — |
| storage | #5cb3c0 | — |
| storage.modifier, storage.type.modifier | #7bcc38 | italic |
| storage.type | #5cb3c0 | italic |
| storage.type.function.arrow | #7bcc38 | |
| string | #e69850 | — |
| string source | #fff5f5 | — |
| string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end | #7bcc38 | — |
| support.constant | #5cb3c0 | — |
| support.function | #5ae6b7 | — |
| support.type, entity.name.type.object.console | #5cb3c0 | italic |
| support.type.property-name | #c8e1ff | |
| support.variable | #5cb3c0 | — |
| support.class | #5cb3c0 | — |
| text | #fff5f5 | — |
| variable | #fff5f5 | — |
| variable.parameter, parameters variable.function | #bab6c0 | italic |
| variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #bab6c0 | italic |
| variable.other.object | #bab6c0 | — |
| variable.other.constant, variable.other.property, variable.other.object.property | #c8e1ff | — |
| token.info-token | #316BCD | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
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#d6c95611
- activityBar.activeBorder#FFD700
- activityBar.background#181818
- activityBar.border#181818
- activityBar.foreground#949494
- activityBarBadge.background#FFD700
- activityBarBadge.foreground#1e1e1e
- badge.background#FFD700
- badge.foreground#1d2021
- breadcrumb.background#3e3d1c34
- button.background#FFD700
- button.foreground#1E1E1E
- button.hoverBackground#cea800
- editor.background#1e1e1e
- editor.foreground#d4d4d4
- editor.inactiveSelectionBackground#3a3d41
- editor.lineHighlightBackground#3e3d1c66
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#d3c64e40
- editor.selectionHighlightBackground#faffad26
- editorCursor.background#57430e
- editorCursor.foreground#cfa738
- editorGroup.border#181818
- editorGroupHeader.tabsBackground#1e1e1e
- editorIndentGuide.activeBackground#ffffff33
- editorIndentGuide.background#ffffff0c
- editorLineNumber.activeForeground#FFD700
- editorLineNumber.foreground#3a3a3a
- editorPane.background#00000044
- editorRuler.foreground#ffffff11
- errorForeground#fb4934
- focusBorder#3c3836
- foreground#d4d4d4
- gitDecoration.ignoredResourceForeground#4b4b4b
- icon.foreground#1E1E1E
- list.activeSelectionBackground#3c383680
- list.activeSelectionForeground#FFD700
- list.dropBackground#383b3d
- list.focusBackground#3c3836
- list.focusForeground#1E1E1E
- list.hoverBackground#3c383680
- list.hoverForeground#FFD700
- list.inactiveSelectionBackground#3c383680
- list.inactiveSelectionForeground#ad9300
- panel.background#1b1b1b
- panel.border#181818
- peekView.border#30597a00
- peekViewEditor.background#181818
- peekViewEditorGutter.background#1b1b1b
- peekViewResult.background#1b1b1b
- scrollbar.shadow#00000022
- selection.background#d3c64e40
- sideBar.background#1b1b1b
- sideBar.border#181818
- sideBar.foreground#ffffff88
- sideBarTitle.foreground#bbbbbb
- statusBar.background#181818
- statusBar.border#181818
- statusBar.foreground#646464
- statusBar.noFolderBackground#252526
- statusBarItem.remoteBackground#181818
- statusBarItem.remoteForeground#646464
- tab.activeBackground#3e3d1c34
- tab.activeBorderTop#FFD700
- tab.activeModifiedBorder#ff3c0088
- tab.border#181818
- tab.hoverBackground#20252B
- tab.inactiveBackground#1e1e1e
- tab.inactiveForeground#949494
- tab.unfocusedHoverBackground#1e1e1e
- terminal.ansiBlack#1E1E1E
- terminal.ansiBlue#569CD6
- terminal.ansiBrightBlack#131313
- terminal.ansiBrightBlue#7abcf3
- terminal.ansiBrightCyan#9fffff
- terminal.ansiBrightGreen#B5CEA8
- terminal.ansiBrightMagenta#f0c2f7
- terminal.ansiBrightRed#fb4934
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#FFD700
- terminal.ansiCyan#4ce2e2
- terminal.ansiGreen#87ad72
- terminal.ansiMagenta#D8A0DF
- terminal.ansiRed#cc241d
- terminal.ansiWhite#eeeeee
- terminal.ansiYellow#cea800
- terminal.foreground#d4d4d4
- titleBar.activeBackground#181818
- titleBar.border#181818
- tree.indentGuidesStroke#ffffff11
- widget.shadow#00000022
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #BDB76B | — |
| comment | #57a64a | |
| variable | #BDB76B | |
| keyword | #D8A0DF | |
| keyword.operator.comparison | #DCDCDC | |
| keyword.operator.assignment | #DCDCDC | |
| keyword.operator.arithmetic | #DCDCDC | |
| constant.numeric | #B5CEA8 | |
| constant | #B4CEA8 | |
| constant.language | #569CD6 | |
| constant.language.boolean | #569CD6 | |
| string | #d69d85 | |
| constant.character.escape, string source | #D69D85 | |
| meta.preprocessor | #bd63c5 | |
| keyword.control.import | #bd63c5 | |
| entity.name.function, keyword.other.name-of-parameter.objc | #ff8000 | |
| entity.name.type | #FFD700 | |
| storage.type | #ffd700 | |
| storage.modifier | #569CD6 | |
| entity.other.inherited-class | #FFD700 | |
| variable.parameter | #BDB76B | |
| storage.type.method | #BDB76B | |
| meta.section entity.name.section, declaration.section entity.name.section | #8A8A8A | — |
| support.function | #ff8000 | |
| support.class, support.type | #ffd700 | |
| support.constant | #ffd700 | |
| support.variable | #BDB76B | |
| keyword.operator.js | #687687 | — |
| invalid | #ff3333 | — |
| invalid.deprecated.trailing-whitespace | — | — |
| text source, string.unquoted | — | — |
| meta.xml-processing, declaration.xml-processing | #68685B | |
| meta.doctype, declaration.doctype | #808080 | |
| meta.doctype.DTD, declaration.doctype.DTD | — | |
| meta.tag, declaration.tag | #808080 | |
| entity.name.tag | #569CD6 | |
| entity.other.attribute-name | #92CAF4 | |
| string.quoted.double.xml, string.quoted.double.html | #C8C8C8 | |
| markup.heading | #569CD6 | |
| markup.quote | #DCDCDC | |
| markup.list | #DCDCDC | — |
| meta.selector.css entity.name.tag | #D7BA7D | — |
| meta.selector.css entity.other.attribute-name.tag.pseudo-class | #D7BA7D | — |
| meta.selector.css entity.other.attribute-name.id | #D7BA7D | — |
| meta.selector.css entity.other.attribute-name.class | #D7BA7D | — |
| support.type.property-name.css | #9CDCFE | — |
| meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css | #C8C8C8 | — |
| meta.preprocessor.at-rule keyword.control.at-rule | #87CEFA | — |
| source.cs comment.block.documentation.source.cs meta.tag.xml, source.cs comment.block.documentation.source.cs meta.tag.xml entity.name.tag.localname.xml, source.cs comment.block.documentation.source.cs meta.tag.xml entity.other.attribute-name | #608B4E | — |
| markup.deleted.git_gutter | #F92672 | — |
| markup.inserted.git_gutter | #A6E22E | — |
| markup.changed.git_gutter | #967EFB | — |
| markup.ignored.git_gutter | #565656 | — |
| markup.untracked.git_gutter | #565656 | — |
| git.changes.x | — | — |
| git.changes.+ | — | — |
| git.changes.- | — | — |