Chinubhai67
Publisher: chinubhai67Themes in package: 7
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#0c1a25
- activityBarBadge.background#FF652F
- activityBarBadge.foreground#ffffff
- badge.background#FF652F
- badge.foreground#ffffff
- button.background#FF652F
- button.foreground#ffffff
- debugToolBar.background#0c1a25
- dropdown.background#0e1e2b
- editor.background#09131b
- editor.foreground#FFFFFF
- editor.lineHighlightBorder#FFFFFF1a
- editor.rangeHighlightBackground#FFFFFF0d
- editorCursor.foreground#FFE400
- editorGroup.dropBackground#FF652F80
- editorGroup.focusedEmptyBorder#FF652F
- editorGroupHeader.tabsBackground#0a1620
- editorHoverWidget.background#0a1620
- editorLineNumber.activeForeground#FF652F
- editorLineNumber.foreground#FFFFFF4d
- editorMarkerNavigation.background#0a1620
- editorWidget.background#0a1620
- focusBorder#7e2200
- foreground#FFFFFF
- input.background#0e1e2b
- inputOption.activeBorder#FF652F
- list.activeSelectionBackground#FF652F80
- list.activeSelectionForeground#FFFFFF
- list.dropBackground#FF652F80
- list.focusBackground#FF652F80
- list.focusForeground#FFFFFF
- list.highlightForeground#FF652F
- list.hoverBackground#FFFFFF1a
- list.inactiveSelectionBackground#FFFFFF33
- panel.background#0a1620
- panel.border#FFFFFF1a
- panelTitle.activeBorder#FFFFFF80
- panelTitle.inactiveForeground#FFFFFF80
- peekView.border#FF652F
- peekViewEditor.background#070f15
- peekViewResult.background#0a1620
- peekViewTitle.background#09131b
- pickerGroup.border#FFFFFF1a
- selection.background#FF652F
- sideBar.background#0a1620
- sideBarSectionHeader.background#0c1a25
- statusBar.background#070f15
- statusBar.debuggingBackground#FF652F
- statusBar.debuggingForeground#ffffff
- statusBar.noFolderBackground#070f15
- statusBarItem.activeBackground#FF652F80
- statusBarItem.hoverBackground#FFFFFF1a
- statusBarItem.remoteBackground#FF652F
- statusBarItem.remoteForeground#ffffff
- tab.activeBorder#FF652F
- tab.activeModifiedBorder#FF652F
- tab.border#00000033
- tab.inactiveBackground#0c1a25
- tab.inactiveModifiedBorder#993c1c
- tab.lastPinnedBorder#ff652f
- tab.unfocusedActiveModifiedBorder#cc5025
- tab.unfocusedInactiveModifiedBorder#993c1c
- titleBar.activeBackground#070f15
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| Global settings | #FFFFFF | — |
| comment, markup.quote.markdown, meta.diff, meta.diff.header | #5f6167 | — |
| support.type, source.js support.type | #5eb7ee | — |
| meta.template.expression.js, constant.name.attribute.tag.jade, punctuation.definition.metadata.markdown, punctuation.definition.string.end.markdown, punctuation.definition.string.begin.markdown | #D5CED9 | — |
| variable, support.variable, entity.name.tag.yaml, constant.character.entity.html, source.css entity.name.tag.reference, beginning.punctuation.definition.list.markdown, source.css entity.other.attribute-name.parent-selector, meta.structure.dictionary.json support.type.property-name | #00e8c6 | — |
| markup.bold, constant.numeric, meta.group.regexp, constant.other.php, support.constant.ext.php, constant.other.class.php, support.constant.core.php, fenced_code.block.language, constant.other.caps.python, entity.other.attribute-name, support.type.exception.python, source.css keyword.other.unit, variable.other.object.property.js.jsx, variable.other.object.js | #f39c12 | — |
| markup.list, text.xml string, entity.name.type, support.function, entity.other.attribute-name, meta.at-rule.extend, entity.name.function, entity.other.inherited-class, entity.other.keyframe-offset.css, text.html.markdown string.quoted, meta.function-call.generic.python, meta.at-rule.extend support.constant, entity.other.attribute-name.class.jade, source.css entity.other.attribute-name, text.xml punctuation.definition.string | #FFE66D | — |
| markup.heading, variable.language.this.js, variable.language.special.self.python | #ff00aa | — |
| punctuation.definition.interpolation, punctuation.section.embedded.end.php, punctuation.section.embedded.end.ruby, punctuation.section.embedded.begin.php, punctuation.section.embedded.begin.ruby, punctuation.definition.template-expression, entity.name.tag | #f92672 | — |
| storage, keyword, meta.link, meta.image, markup.italic | #c74ded | — |
| string.regexp, markup.changed | #7cb7ff | — |
| constant, support.class, keyword.operator, support.constant, text.html.markdown string, source.css support.function, source.php support.function, support.function.magic.python, entity.other.attribute-name.id, markup.deleted | #ee5d43 | — |
| string, text.html.php string, markup.inline.raw, markup.inserted, punctuation.definition.string, punctuation.definition.markdown, text.html meta.embedded source.js string, text.html.php punctuation.definition.string, text.html meta.embedded source.js punctuation.definition.string, text.html punctuation.definition.string, text.html string | #96E072 | — |
| entity.other.inherited-class | — | underline |
| comment, invalid, variable, keyword, variable.other.object.js, variable.other.object.property, variable.language.this, entity.name.function, keyword.operator, entity.other.attribute-name | — | italic |
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBackground#0f0f0f
- activityBar.activeBorder#0f0f0f
- activityBar.background#0f0f0f
- activityBar.border#000000
- activityBar.dropBackground#262626
- activityBar.foreground#dddddd
- activityBar.inactiveForeground#888888
- activityBarBadge.background#007acc
- activityBarBadge.foreground#dddddd
- badge.background#363636
- badge.foreground#dddddd
- breadcrumb.activeSelectionForeground#dddddd
- breadcrumb.background#161616
- breadcrumb.focusForeground#dddddd
- breadcrumb.foreground#666666
- breadcrumbPicker.background#363636
- button.background#007acc
- button.foreground#dddddd
- button.hoverBackground#004c7f
- debugExceptionWidget.background#363636
- debugExceptionWidget.border#666666
- debugToolBar.background#363636
- debugToolBar.border#363636
- descriptionForeground#dddddd
- diffEditor.border#000000
- diffEditor.insertedTextBackground#86b42b44
- diffEditor.removedTextBackground#c4265e44
- dropdown.background#363636
- dropdown.border#363636
- dropdown.foreground#dddddd
- dropdown.listBackground#363636
- editor.background#000000
- editor.findMatchBackground#464646
- editor.findMatchBorder#00000000
- editor.findMatchHighlightBackground#363636
- editor.findMatchHighlightBorder#00000000
- editor.findRangeHighlightBackground#f2f2f20c
- editor.focusedStackFrameHighlightBackground#b1b01124
- editor.foreground#dddddd
- editor.hoverHighlightBackground#363636
- editor.inactiveSelectionBackground#464646
- editor.lineHighlightBackground#292929
- editor.lineHighlightBorder#292929
- editor.rangeHighlightBackground#292929
- editor.rangeHighlightBorder#292929
- editor.selectionBackground#464646
- editor.selectionForeground#dddddd
- editor.selectionHighlightBackground#363636
- editor.selectionHighlightBorder#00000000
- editor.snippetFinalTabstopHighlightBackground#ffffff20
- editor.snippetFinalTabstopHighlightBorder#00000000
- editor.snippetTabstopHighlightBackground#ffffff20
- editor.snippetTabstopHighlightBorder#00000000
- editor.stackFrameHighlightBackground#b1b01124
- editor.wordHighlightBackground#363636
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#363636
- editor.wordHighlightStrongBorder#00000000
- editorBracketMatch.background#363636
- editorBracketMatch.border#666666
- editorCodeLens.foreground#666666
- editorCursor.background#1f1f1f
- editorCursor.foreground#f2f2f2
- editorError.border#00000000
- editorError.foreground#fe413f
- editorGroup.background#161616
- editorGroup.border#161616
- editorGroup.dropBackground#ffffff12
- editorGroup.emptyBackground#1f1f1f
- editorGroup.focusedEmptyBorder#00000000
- editorGroupHeader.noTabsBackground#161616
- editorGroupHeader.tabsBackground#1f1f1f
- editorGroupHeader.tabsBorder#161616
- editorGutter.addedBackground#86b42b
- editorGutter.background#1f1f1f
- editorGutter.deletedBackground#c4265e
- editorGutter.modifiedBackground#007acc
- editorHint.border#00000000
- editorHint.foreground#007acc
- editorHoverWidget.background#363636
- editorHoverWidget.border#666666
- editorIndentGuide.activeBackground#363636
- editorIndentGuide.background#363636
- editorInfo.border#00000000
- editorInfo.foreground#007acc
- editorLineNumber.activeForeground#666666
- editorLineNumber.foreground#666666
- editorLink.activeForeground#66d9ef
- editorMarkerNavigation.background#363636
- editorMarkerNavigationError.background#fe413f
- editorMarkerNavigationInfo.background#007acc
- editorMarkerNavigationWarning.background#b1b011
- editorOverviewRuler.addedForeground#86b42b
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#666666
- editorOverviewRuler.currentContentForeground#ae81ff
- editorOverviewRuler.deletedForeground#c4265e
- editorOverviewRuler.errorForeground#fe413f
- editorOverviewRuler.findMatchForeground#666666
- editorOverviewRuler.incomingContentForeground#66d9ef
- editorOverviewRuler.infoForeground#007acc
- editorOverviewRuler.modifiedForeground#007acc
- editorOverviewRuler.rangeHighlightForeground#007acc
- editorOverviewRuler.warningForeground#b1b011
- editorOverviewRuler.wordHighlightForeground#666666
- editorOverviewRuler.wordHighlightStrongForeground#666666
- editorPane.background#161616
- editorRuler.foreground#363636
- editorSuggestWidget.background#262626
- editorSuggestWidget.border#363636
- editorSuggestWidget.foreground#dddddd
- editorSuggestWidget.highlightForeground#dddddd
- editorSuggestWidget.selectedBackground#363636
- editorUnnecessaryCode.border#00000000
- editorWarning.border#00000000
- editorWarning.foreground#b1b011
- editorWhitespace.foreground#363636
- editorWidget.background#363636
- editorWidget.border#666666
- editorWidget.resizeBorder#666666
- errorForeground#dddddd
- extensionButton.prominentBackground#363636
- extensionButton.prominentForeground#dddddd
- extensionButton.prominentHoverBackground#464646
- focusBorder#00000000
- foreground#dddddd
- gitDecoration.addedResourceForeground#007acc
- gitDecoration.conflictingResourceForeground#fe413f
- gitDecoration.deletedResourceForeground#c4265e
- gitDecoration.ignoredResourceForeground#777777
- gitDecoration.modifiedResourceForeground#b3b42b
- gitDecoration.submoduleResourceForeground#2bb3b4
- gitDecoration.untrackedResourceForeground#86b42b
- input.background#363636
- input.border#363636
- input.foreground#dddddd
- input.placeholderForeground#888888
- inputOption.activeBackground#464646
- inputOption.activeBorder#464646
- inputValidation.errorBackground#fe413f
- inputValidation.errorBorder#fc5b58
- inputValidation.errorForeground#dddddd
- inputValidation.infoBackground#007acc
- inputValidation.infoBorder#008ae5
- inputValidation.infoForeground#dddddd
- inputValidation.warningBackground#b1b011
- inputValidation.warningBorder#c9c914
- inputValidation.warningForeground#dddddd
- list.activeSelectionBackground#262626
- list.activeSelectionForeground#dddddd
- list.dropBackground#363636
- list.errorForeground#fe413f
- list.focusBackground#1f1f1f
- list.focusForeground#dddddd
- list.highlightForeground#dddddd
- list.hoverBackground#1f1f1f
- list.hoverForeground#dddddd
- list.inactiveSelectionBackground#262626
- list.inactiveSelectionForeground#dddddd
- list.invalidItemForeground#fe413f
- list.warningForeground#b1b011
- menu.background#363636
- menu.foreground#dddddd
- menu.selectionBackground#262626
- menu.selectionBorder#00000000
- menu.selectionForeground#dddddd
- menu.separatorBackground#666666
- menubar.selectionBackground#363636
- menubar.selectionBorder#00000000
- menubar.selectionForeground#dddddd
- merge.border#000000aa
- merge.currentContentBackground#ae81ff44
- merge.currentHeaderBackground#ae81ff88
- merge.incomingContentBackground#66d9ef44
- merge.incomingHeaderBackground#66d9ef88
- minimap.findMatchHighlight#b1b011
- notificationCenter.border#464646
- notificationCenterHeader.background#464646
- notificationCenterHeader.foreground#dddddd
- notificationLink.foreground#66d9ef
- notifications.background#363636
- notifications.border#464646
- notifications.foreground#dddddd
- notificationToast.border#363636
- panel.background#262626
- panel.border#161616
- panel.dropBackground#363636
- panelTitle.activeBorder#00000000
- panelTitle.activeForeground#dddddd
- panelTitle.inactiveForeground#666666
- peekView.border#666666
- peekViewEditor.background#262626
- peekViewEditor.matchHighlightBackground#464646
- peekViewEditor.matchHighlightBorder#00000000
- peekViewEditorGutter.background#262626
- peekViewResult.background#262626
- peekViewResult.fileForeground#dddddd
- peekViewResult.lineForeground#dddddd
- peekViewResult.matchHighlightBackground#464646
- peekViewResult.selectionBackground#464646
- peekViewResult.selectionForeground#dddddd
- peekViewTitle.background#262626
- peekViewTitleDescription.foreground#dddddd
- peekViewTitleLabel.foreground#dddddd
- pickerGroup.border#262626
- pickerGroup.foreground#666666
- progressBar.background#363636
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#f2f2f218
- scrollbarSlider.background#f2f2f212
- scrollbarSlider.hoverBackground#f2f2f224
- selection.background#666666
- settings.checkboxBackground#363636
- settings.checkboxBorder#363636
- settings.checkboxForeground#dddddd
- settings.dropdownBackground#363636
- settings.dropdownBorder#363636
- settings.dropdownForeground#dddddd
- settings.dropdownListBorder#666666
- settings.headerForeground#dddddd
- settings.inactiveSelectedItemBorder#00000000
- settings.modifiedItemForeground#b3b42b
- settings.numberInputBackground#363636
- settings.numberInputBorder#363636
- settings.numberInputForeground#dddddd
- settings.textInputBackground#363636
- settings.textInputBorder#363636
- settings.textInputForeground#dddddd
- sideBar.background#161616
- sideBar.border#000000
- sideBar.dropBackground#262626
- sideBar.foreground#dddddd
- sideBarSectionHeader.background#262626
- sideBarSectionHeader.border#262626
- sideBarSectionHeader.foreground#dddddd
- sideBarTitle.foreground#dddddd
- statusBar.background#161616
- statusBar.border#000000
- statusBar.debuggingBackground#007acc
- statusBar.debuggingBorder#000000
- statusBar.debuggingForeground#dddddd
- statusBar.foreground#dddddd
- statusBar.noFolderBackground#000000
- statusBar.noFolderBorder#000000
- statusBar.noFolderForeground#dddddd
- statusBarItem.activeBackground#ffffff16
- statusBarItem.hoverBackground#ffffff20
- statusBarItem.prominentBackground#363636
- statusBarItem.prominentHoverBackground#ffffff40
- tab.activeBackground#1f1f1f
- tab.activeBorder#1f1f1f
- tab.activeBorderTop#007acc
- tab.activeForeground#dddddd
- tab.activeModifiedBorder#dddddd
- tab.border#161616
- tab.hoverBackground#1f1f1f
- tab.hoverBorder#161616
- tab.inactiveBackground#1f1f1f
- tab.inactiveForeground#666666
- tab.inactiveModifiedBorder#666666
- tab.unfocusedActiveBackground#1f1f1f
- tab.unfocusedActiveBorder#1f1f1f
- tab.unfocusedActiveBorderTop#666666
- tab.unfocusedActiveForeground#dddddd
- tab.unfocusedActiveModifiedBorder#dddddd
- tab.unfocusedHoverBackground#1f1f1f
- tab.unfocusedHoverBorder#161616
- tab.unfocusedInactiveForeground#666666
- tab.unfocusedInactiveModifiedBorder#666666
- terminal.ansiBlack#333333
- terminal.ansiBlue#6a7ec8
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#819aff
- terminal.ansiBrightCyan#66d9ef
- terminal.ansiBrightGreen#a6e22e
- terminal.ansiBrightMagenta#ae81ff
- terminal.ansiBrightRed#f92672
- terminal.ansiBrightWhite#f8f8f2
- terminal.ansiBrightYellow#e2e22e
- terminal.ansiCyan#56adbc
- terminal.ansiGreen#86b42b
- terminal.ansiMagenta#8c6bc8
- terminal.ansiRed#c4265e
- terminal.ansiWhite#e3e3dd
- terminal.ansiYellow#b3b42b
- terminal.background#262626
- terminal.border#161616
- terminal.foreground#dddddd
- terminal.selectionBackground#ffffff24
- terminalCursor.background#262626
- terminalCursor.foreground#f2f2f2
- textBlockQuote.background#363636
- textBlockQuote.border#666666
- textCodeBlock.background#161616
- textLink.activeForeground#008ae5
- textLink.foreground#007acc
- textPreformat.foreground#e6db74
- textSeparator.foreground#666666
- titleBar.activeBackground#161616
- titleBar.activeForeground#dddddd
- titleBar.border#000000
- titleBar.inactiveBackground#161616
- titleBar.inactiveForeground#666666
- walkThrough.embeddedEditorBackground#0f0f0f
- welcomePage.buttonBackground#363636
- welcomePage.buttonHoverBackground#464646
- widget.shadow#00000088
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #ddddddff | — |
| meta.embedded, source.groovy.embedded | #F8F8F2 | — |
| comment | #75715E | — |
| string | #E6DB74 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #F92672 | — |
| meta.template.expression | #F8F8F2 | — |
| constant.numeric | #AE81FF | — |
| constant.language | #AE81FF | — |
| constant.character, constant.other | #AE81FF | — |
| variable | #F8F8F2 | |
| keyword | #F92672 | — |
| storage | #F92672 | |
| storage.type | #66D9EF | italic |
| entity.name.type, entity.name.class | #A6E22E | underline |
| entity.other.inherited-class | #A6E22E | italic underline |
| entity.name.function | #A6E22E | |
| variable.parameter | #FD971F | italic |
| entity.name.tag | #F92672 | |
| entity.other.attribute-name | #A6E22E | |
| support.function | #66D9EF | |
| support.constant | #66D9EF | |
| support.type, support.class | #66D9EF | italic |
| support.other.variable | — | |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| invalid.deprecated.html | #F9267299 | — |
| meta.structure.dictionary.json string.quoted.double.json | #CFCFC2 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #F92672 | — |
| markup.inserted | #A6E22E | — |
| markup.changed | #E6DB74 | — |
| constant.numeric.line-number.find-in-files - match | #AE81FFA0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| markup.quote | #F92672 | — |
| markup.list | #E6DB74 | — |
| markup.bold, markup.italic | #66D9EF | — |
| markup.inline.raw | #FD971F | |
| markup.heading | #A6E22E | — |
| markup.heading.setext | #A6E22E | |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| variable.language | #FD971F | — |
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#49ace933
- activityBar.activeBorder#49ace9
- activityBar.background#07273b
- activityBar.border#0f1315
- activityBar.dropBackground#61a6d165
- activityBar.foreground#1679b6
- activityBar.inactiveForeground#1679b677
- activityBarBadge.background#49ace9
- activityBarBadge.foreground#0f1315
- badge.background#49ace9
- badge.foreground#0f1315
- breadcrumb.activeSelectionForeground#ebf7ff
- breadcrumb.background#07273b
- breadcrumb.focusForeground#49ace9
- breadcrumb.foreground#9fb6c6
- breadcrumbPicker.background#09334e
- button.background#007f99
- button.foreground#ebf7ff
- button.hoverBackground#0ac
- debugExceptionWidget.background#07273b
- debugExceptionWidget.border#1679b6
- debugToolBar.background#07273b
- descriptionForeground#61a6d1
- diffEditor.insertedTextBackground#16b67327
- diffEditor.removedTextBackground#e6653341
- dropdown.background#09334e
- dropdown.border#09334e
- dropdown.foreground#61a6d1
- editor.background#010107
- editor.findMatchBackground#40bf6a11
- editor.findMatchHighlightBackground#0e667179
- editor.findRangeHighlightBackground#49e9a622
- editor.foldBackground#0A1724
- editor.foreground#becfda
- editor.hoverHighlightBackground#1679b63f
- editor.inactiveSelectionBackground#1679b633
- editor.lineHighlightBackground#003c61ee
- editor.lineHighlightBorder#003c61
- editor.minimap.autohide
- editor.minimap.scale2
- editor.rangeHighlightBackground#49d6e922
- editor.selectionBackground#1679b6BF
- editor.selectionHighlightBackground#49ace933
- editor.snippetFinalTabstopHighlightBackground#051b29
- editor.snippetFinalTabstopHighlightBorder#062132
- editor.snippetTabstopHighlightBackground#051b29
- editor.snippetTabstopHighlightBorder#062132
- editor.wordHighlightBackground#e4b78133
- editor.wordHighlightStrongBackground#cc990033
- editorBracketMatch.background#1679b622
- editorBracketMatch.border#1679b6
- editorCodeLens.foreground#5b858b
- editorCursor.foreground#EA7773
- editorError.border#07273b
- editorError.foreground#e34e1c
- editorGroup.border#0f1315
- editorGroup.dropBackground#4d6c8033
- editorGroup.emptyBackground#4d6c8033
- editorGroupHeader.noTabsBackground#09334e
- editorGroupHeader.tabsBackground#09334e
- editorGroupHeader.tabsBorder#09334e
- editorGutter.addedBackground#8ce99a
- editorGutter.background#010107
- editorGutter.deletedBackground#e34e1c
- editorGutter.modifiedBackground#ffc180
- editorHint.border#49e9a600
- editorHint.foreground#49e9a6
- editorHoverWidget.background#002942
- editorHoverWidget.border#0f1315
- editorIndentGuide.activeBackground#28658a
- editorIndentGuide.background#183c53
- editorInfo.border#07273b
- editorInfo.foreground#49ace9
- editorLineNumber.activeForeground#61a6d1
- editorLineNumber.foreground#4d6c80
- editorLink.activeForeground#14a5ff
- editorMarkerNavigation.background#3a3a5e29
- editorMarkerNavigationError.background#e34e1c
- editorMarkerNavigationWarning.background#e69533
- editorOverviewRuler.border#07273b
- editorOverviewRuler.commonContentForeground#ffc18044
- editorOverviewRuler.currentContentForeground#85f1ff44
- editorOverviewRuler.incomingContentForeground#9d92f244
- editorRuler.foreground#1a425b
- editorSuggestWidget.background#002942
- editorSuggestWidget.border#0f1315
- editorSuggestWidget.foreground#9fb6c6
- editorSuggestWidget.highlightForeground#49ace9
- editorSuggestWidget.selectedBackground#0c3f5f
- editorWarning.border#07273b
- editorWarning.foreground#e69533
- editorWhitespace.foreground#ffffff21
- editorWidget.background#09334e
- editorWidget.border#0f1315
- errorForeground#e34e1c
- extensionButton.prominentBackground#008c99
- extensionButton.prominentForeground#e5f5f5
- extensionButton.prominentHoverBackground#00bbcc
- focusBorder#09334e
- foreground#becfda
- gitDecoration.addedResourceForeground#16b673
- gitDecoration.conflictingResourceForeground#ffc180
- gitDecoration.deletedResourceForeground#e34e1c
- gitDecoration.ignoredResourceForeground#5b788b
- gitDecoration.modifiedResourceForeground#49e9a6
- gitDecoration.untrackedResourceForeground#40d4e7
- input.background#051b29
- input.border#002f4d
- input.foreground#CDD3DE
- input.placeholderForeground#879dab
- inputOption.activeBorder#1679b6
- inputValidation.errorBackground#501502ee
- inputValidation.errorBorder#691c02
- inputValidation.errorForeground#ff4000
- inputValidation.infoBackground#0f6e7bee
- inputValidation.infoBorder#148f9f
- inputValidation.infoForeground#40d4e7
- inputValidation.warningBackground#82694acc
- inputValidation.warningBorder#a88457
- inputValidation.warningForeground#e69533
- list.activeSelectionBackground#0c3f5f
- list.activeSelectionForeground#ebf7ff
- list.dropBackground#002a4d
- list.errorForeground#e34e1c
- list.focusBackground#0b3c5b
- list.focusForeground#ebf7ff
- list.highlightForeground#49ace9
- list.hoverBackground#00558a65
- list.hoverForeground#ebf7ff
- list.inactiveFocusBackground#082d44
- list.inactiveSelectionBackground#09334e
- list.inactiveSelectionForeground#becfda
- list.warningForeground#ffa857
- listFilterWidget.background#002a4d
- listFilterWidget.noMatchesOutline#e34e1c
- listFilterWidget.outline#49e9a6
- menu.background#09334e
- menu.foreground#9fb6c6
- menu.selectionBackground#0b3c5b
- menu.selectionBorder#0b3c5b
- menu.selectionForeground#49ace9
- menu.separatorBackground#49ace9
- menubar.selectionBackground#0b3c5b
- menubar.selectionBorder#0b3c5b
- menubar.selectionForeground#49ace9
- merge.border#07273b00
- merge.commonContentBackground#ffc18022
- merge.commonHeaderBackground#ffc18044
- merge.currentContentBackground#85f1ff22
- merge.currentHeaderBackground#85f1ff44
- merge.incomingContentBackground#9d92f222
- merge.incomingHeaderBackground#9d92f244
- minimap.background#07273b99
- minimap.errorHighlight#e34e1cee
- minimap.findMatchHighlight#49ace9ee
- minimap.warningHighlight#e69533ee
- minimapGutter.addedBackground#16b673
- minimapGutter.deletedBackground#e34e1c
- minimapGutter.modifiedBackground#49e9a6
- notificationCenter.border#09334e
- notificationCenterHeader.background#09334e
- notificationCenterHeader.foreground#879dab
- notificationLink.foreground#879dab
- notifications.background#09334e
- notifications.border#09334e
- notifications.foreground#CDD3DE
- notificationToast.border#09334e
- panel.background#051b29
- panel.border#1679b6
- panelTitle.activeBorder#1679b6
- panelTitle.activeForeground#49ace9
- panelTitle.inactiveForeground#507b95
- peekView.border#1679b6
- peekViewEditor.background#001f33
- peekViewEditor.matchHighlightBackground#005b9433
- peekViewEditor.matchHighlightBorder#007ecc
- peekViewEditorGutter.background#001f33
- peekViewResult.background#002338
- peekViewResult.fileForeground#ffc180
- peekViewResult.lineForeground#879dab
- peekViewResult.matchHighlightBackground#09334e
- peekViewResult.selectionBackground#09334e
- peekViewResult.selectionForeground#879dab
- peekViewTitle.background#002338
- peekViewTitleDescription.foreground#879dab
- peekViewTitleLabel.foreground#ffc180
- pickerGroup.border#1679b6
- pickerGroup.foreground#49ace9
- progressBar.background#49ace9
- scrollbar.shadow#00000044
- scrollbarSlider.activeBackground#008ee677
- scrollbarSlider.background#008ee633
- scrollbarSlider.hoverBackground#008ee655
- selection.background#1679b6cc
- settings.checkboxBackground#09334e
- settings.checkboxBorder#09334e
- settings.checkboxForeground#0ac
- settings.dropdownBackground#09334e
- settings.dropdownBorder#09334e
- settings.dropdownForeground#0ac
- settings.dropdownListBorder#0051a877
- settings.headerForeground#becfda
- settings.modifiedItemIndicator#15ac31
- settings.numberInputBackground#051b29
- settings.numberInputBorder#051b29
- settings.numberInputForeground#7060eb
- settings.textInputBackground#09334e
- settings.textInputBorder#09334e
- settings.textInputForeground#0ac
- sideBar.background#010305
- sideBar.border#515151
- sideBar.dropBackground#062132
- sideBar.foreground#9fb6c6
- sideBarSectionHeader.background#09334e
- sideBarSectionHeader.border#0f1315
- sideBarSectionHeader.foreground#9fb6c6
- sideBarTitle.foreground#9fb6c6
- statusBar.background#07273b
- statusBar.border#0f1315
- statusBar.debuggingBackground#07273b
- statusBar.debuggingBorder#ff80acaf
- statusBar.debuggingForeground#ff80ac50
- statusBar.foreground#1679b6
- statusBar.noFolderBackground#07273b
- statusBar.noFolderBorder#07273b
- statusBar.noFolderForeground#879dab
- statusBarItem.activeBackground#007ecc59
- statusBarItem.hoverBackground#0a3652
- statusBarItem.prominentBackground#051e2e
- statusBarItem.prominentHoverBackground#002f4d
- tab.activeBackground#000000
- tab.activeBorder#FFFFFF
- tab.activeBorderTop#FFFFFF
- tab.activeForeground#FFFFFF
- tab.activeModifiedBorder#49e9a6
- tab.border#0f1315
- tab.inactiveBackground#09334e
- tab.inactiveForeground#9fb6c6
- tab.unfocusedActiveBackground#002c47
- tab.unfocusedActiveBorder#07273b
- tab.unfocusedActiveForeground#9fb6c6
- tab.unfocusedHoverBackground#1679b621
- tab.unfocusedInactiveForeground#9fb6c6
- terminal.ansiBlack#28353e
- terminal.ansiBlue#49ace9
- terminal.ansiBrightBlack#475e6c
- terminal.ansiBrightBlue#60b6eb
- terminal.ansiBrightCyan#60dbeb
- terminal.ansiBrightGreen#60ebb1
- terminal.ansiBrightMagenta#e798b3
- terminal.ansiBrightRed#e97749
- terminal.ansiBrightWhite#becfda
- terminal.ansiBrightYellow#e69533
- terminal.ansiCyan#49d6e9
- terminal.ansiGreen#49e9a6
- terminal.ansiMagenta#df769b
- terminal.ansiRed#e66533
- terminal.ansiWhite#aec3d0
- terminal.ansiYellow#e4b781
- terminal.background#070707
- terminal.foreground#becfda
- terminal.selectionBackground#E07C24
- terminal.selectionForeground#000000
- terminalCursor.background#051b29
- terminalCursor.foreground#becfda
- textBlockQuote.background#07273b
- textBlockQuote.border#1679b6
- textCodeBlock.background#07273b
- textLink.activeForeground#49ace9
- textLink.foreground#49ace9
- textPreformat.foreground#ffc180
- textSeparator.foreground#07273b
- titleBar.activeBackground#07273b
- titleBar.activeForeground#becfda
- titleBar.inactiveBackground#07273b
- titleBar.inactiveForeground#9fb6c6
- tree.indent15
- tree.indentGuidesStroke#f6f6f6
- tree.renderIndentGuidesalways
- walkThrough.embeddedEditorBackground#07273b
- welcomePage.buttonBackground#051b29
- welcomePage.buttonHoverBackground#09334e
- widget.shadow#00000044
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, punctuation.definition.tag, comment.block.documentation punctuation.definition.bracket, source.ocaml comment constant.regexp meta.separator, markup.other.anchor support.constant, markup.fenced_code, markup.fenced_code punctuation.definition, punctuation.definition.heading, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.strikethrough.markdown | #dcdcdc | — |
| constant.character, constant.escape, text.html.markdown, punctuation.definition.list_item, keyword.begin.tag.ejs, constant.name.attribute.tag.pug, source.clojure meta.symbol, constant.other.description.jsdoc, keyword.other.array.phpdoc.php, keyword.operator.other.powershell, meta.link.inline punctuation.definition.string, source.sql, source meta.brace, source punctuation, text.html punctuation, markup meta punctuation.definition, meta.bracket.julia, meta.array.julia, entity.name.footnote, source.ocaml punctuation.definition.tag, source.ocaml entity.name.filename, source.reason entity.name.filename, entity.other.attribute-name strong, binding.fsharp keyword.symbol.fsharp, entity.name.record.field.elm, entity.name.record.field.accessor.elm, storage.modifier.array.bracket, source.css entity.other, meta.attribute-selector punctuation.definition.entity, markup.other.anchor string, punctuation.separator, punctuation.section, punctuation.terminator | #becfda | — |
| keyword, keyword.control, keyword.other.template, keyword.other.substitution, storage.modifier, meta.tag.sgml, punctuation.accessor, constant.other.color, entity.name.section, markup.heading, markup.heading punctuation.definition, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, storage.type.function.pug, text.pug storage.type, text.pug meta.tag.other, source.clojure storage.control, meta.expression.clojure, punctuation.separator.slice.python, punctuation.separator.question-mark.cs, punctuation.definition.parameters.varargs, source.go keyword.operator, punctuation.separator.pointer-access, punctuation.separator.other.ruby, keyword.package, keyword.import, punctuation.definition.keyword, punctuation.separator.hash.cs, entity.other.attribute-name.pseudo-class.css punctuation.definition.entity.css, entity.other.attribute-name.pseudo-element.css punctuation.definition.entity.css, source.kotlin storage.type.import, source.kotlin storage.type.package, constant.string.documentation.powershell, punctuation.section.directive, storage.type.rust, punctuation.definition.attribute, punctuation.definition.preprocessor, punctuation.separator.namespace, punctuation.separator.method, keyword.control punctuation.definition.function, source.ocaml variable.interpolation string, source.reason variable.interpolation, punctuation.definition.directive, storage.type.modifier, keyword.other.class.fileds, source.toml entity.other.attribute-name, source.css entity.name.tag.custom, sharing.modifier, keyword.control.class.ruby, keyword.control.def.ruby | #df769b | — |
| variable, variable.object, variable.other, variable.parameter, support, entity.name.module, variable.import.parameter, variable.other.class, meta.toc-list.id.html, source.json meta.structure.dictionary.json support.type.property-name.json, meta.var.clojure, entity.name.variable, source.java meta.class.body.java, entity.name.package.go, source.c, source.cpp, source.go, source.python, meta.function-call.arguments.python, source.ruby, source.coffee.embedded.source, source.coffee, storage.modifier.import, storage.modifier.package, storage.type.annotation, punctuation.definition.annotation, source.groovy.embedded.source, punctuation.definition.variable, source.powershell, string.quoted.interpolated.vala constant.character.escape.vala, source.apacheconf, source.objc, source.crystal, string.quoted.double.kotlin entity.string.template.element.kotlin, entity.name.package.kotlin, meta.template.expression.kotlin, parameter.variable.function, variable.other.constant.elixir, source.elixir.embedded.source, source.sql.embedded, punctuation.definition.placeholder, source.swift, source.julia, source.shell, variable.other.normal punctuation.definition.variable.shell, source.reason variable.language, source.reason variable.language string.other.link, source.elm meta.value, source.elm meta.declaration.module, meta.embedded.block variable punctuation.definition.variable.php, string.quoted.double.class.other, source.toml keyword, support.type.nim, source.tf meta.template.expression, source.scala entity.name.import, markup.code, markup.fenced_code.block | #e4b781 | — |
| support.variable.property, constant.other.symbol.hashkey.ruby, constant.other.symbol.hashkey.ruby punctuation.definition.constant.ruby, entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition.entity, entity.name.type.annotation.kotlin, support.type.primitive, meta.type.parameters entity.name.type, meta.type.annotation entity.name.type, punctuation.definition.typeparameters, source.python support.type.python, comment.block.documentation.phpdoc.php keyword.other.type.php, storage.type.php, keyword.type, storage.type.cs, storage.type.c, storage.type.objc, punctuation.definition.storage.type.objc, markup punctuation.definition, storage.type.powershell, comment.block.documentation entity.name.type, source.java storage.type, storage.type.primitive, source.groovy storage.type, storage.type.r, source.haskell storage.type, punctuation.separator.clause-head-body, source.go storage.type, storage.type.core.rust, storage.class.std.rust, storage.modifier.lifetime.rust, entity.name.lifetime.rust, support.type.vb, support.type.julia, constant.other.reference, source.graphql support.type, source.reason support.type string, source.elm storage.type, storage.type.user-defined, storage.type.built-in, support.type.builtin, source.swift support.type, support.class.crystal, storage.type.integral, source.cpp storage.type.cpp, source.vala storage.type, source.hlsl storage.type.basic, source.hlsl support.type.other, source.apex storage.type, source.nim storage.type, support.class.builtin, source.tf meta.keyword.string, source.tf meta.keyword.number, source.scala entity.name.class, markup.raw.monospace, markup.mark, entity.name.type | #d67e5c | — |
| constant, variable.other.constant, support.constant, punctuation.definition.entity, constant.character.entity, support.variable.magic, markup.quote, entity.name.type.type-parameter.cs, punctuation.bracket.angle, entity.name.function.preprocessor.c, storage.type.scala, entity.helper.apacheconf, variable.language.crystal, punctuation.definition.constant, support.constant punctuation.definition.variable, constant.character.math, support.class.math, source.graphql constant.character, source.reason constant.language.list, source.cpp variable.other.enummember, support.variable.class.hideshow, entity.other.attribute-name.class, meta.attribute.id entity.other.attribute-name, text.html entity.other.attribute-name, meta.tag.attributes entity.other.attribute-name, text.xml entity.other.attribute-name, source.cs entity.other.attribute-name, constant.character.format.placeholder, constant.other.placeholder, source.vue entity.other.attribute-name, entity.other.attribute-name.mjml, source.vue meta.directive punctuation.separator.key-value, meta.definition.attribute-entry punctuation.separator | #d5971a | — |
| variable.language, variable.parameter.function.language.special, punctuation.definition.italic, punctuation.definition.bold, entity.name.tag, variable.language punctuation.definition.variable, keyword.control.clojure, support.type.exception.python, keyword.other.this.cs, keyword.other.base.cs, keyword.other.var.cs, storage.modifier.super, source.go keyword, keyword.function.go, meta.separator, keyword.other.fn.rust, storage.modifier.static.rust, source.r meta.function.r keyword.control.r, storage.type.def, meta.class.identifier storage.modifier, source.scala keyword.declaration, storage.type, comment.block.documentation punctuation.definition.block.tag, comment.block.documentation punctuation.definition.inline.tag, entity.tag.apacheconf, keyword.other.julia, source.julia storage.modifier, constant.language.empty-list.haskell, meta.function.powershell storage.type.powershell, keyword.control.fun, punctuation.terminator.function, keyword.other.rust, keyword.other.declaration-specifier.swift, keyword.control.class, keyword.control.def, source.ocaml keyword markup.underline, source.ocaml storage.type markup.underline, binding.fsharp keyword, function.anonymous keyword, function.anonymous keyword.symbol.fsharp, meta.embedded.block variable.language punctuation.definition.variable.php, keyword.declaration.dart, source.wsd keyword.other.class, source.wsd keyword.other.linebegin, keyword.other.skinparam.keyword, keyword.other.nim, markup.deleted.diff, source.tf support.class.variable, meta.function.lua keyword.control.lua, markup.block entity.name.tag, markup.meta.attribute-list, source.zig keyword.default, source.zig keyword.structure | #e66533 | — |
| string, punctuation.definition.string, source.css support.constant, entity.name.import.go, markup.raw.texttt, markup.inserted.diff, source.scala punctuation.definition.character, constant.character.literal.scala, source.tf entity.name | #49e9a6 | — |
| string.template, punctuation.definition.string.template, string.interpolated.python string.quoted.single.python, string.quoted.double.heredoc, string.quoted.interpolated.vala, string.quoted.interpolated.vala punctuation.definition.string, string.regexp.apacheconf, markup.inline.raw.string, markup.inline.raw punctuation.definition.raw, string.quoted.double.interpolated.crystal, string.quoted.double.interpolated.crystal punctuation.definition.string, text.tex markup.raw | #16b673 | — |
| constant.numeric, constant.language, punctuation.separator.decimal.period.php, keyword.operator.null-conditional.cs, punctuation.separator.question-mark.cs, constant.integer.apacheconf, keyword.operator.nullable-type, constant.language punctuation.definition.variable, constant.others.fsharp, keyword.other.unit, string.quoted.double.skinparam.value, source.toml constant, source.zig keyword.constant.bool, source.zig keyword.constant.default | #7060eb | — |
| variable.function, support.type.property-name, entity.name.function, string.other.link, markup.link, support.type.vendored, support.other.variable, meta.function-call.generic.python, meta.method-call.groovy meta.method.groovy, meta.class.body.groovy meta.method.body.java storage.type.groovy, punctuation.definition.decorator, support.function.any-method, text.tex support.function, text.tex punctuation.definition.function, entity.name.section.fsharp entity.name.section.fsharp, support.variable.class.function, keyword.control.cucumber.table, punctuation.decorator, source.tf support.class | #16a3b6 | — |
| entity.name, entity.other, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, support.type, support.class, punctuation.definition.parameters, support.function, support.function.construct, markup.changed.git_gutter, markup.underline.link, markup.underline.link.image, markup.underline, meta.symbol.namespace.clojure, entity.mime-type.apacheconf, keyword.operator.function.infix, entity.name.function.infix, entity.name.function.call.kotlin, text.tex support.function.verb, text.tex support.function.texttt, source.reason constant.language.unit, source.ocaml constant.language constant.numeric entity.other.attribute-name.id.css, source.reason entity.other.attribute-name constant.language constant.numeric, constant.language.unit.fsharp, source.wsd support.class.preprocessings, keyword.language.gherkin.feature.scenario, source.nim keyword.other.common.function, entity.name.scope-resolution.function.call | #49d6e9 | — |
| source.js constant.other.object.key.js string.unquoted.label.js, source.js punctuation.section.embedded, punctuation.definition.template-expression, support.class, storage.type.string.python, string.interpolated.pug, support.constant.handlebars, source.clojure punctuation.section.set, source.clojure punctuation.section.metadata, entity.global.clojure, source.python meta.function-call.python support.type.python, entity.other.inherited-class.python, punctuation.definition.interpolation, punctuation.section.embedded.begin.ruby, punctuation.section.embedded.end.ruby source.ruby, support.constant.math, entity.namespace.r, meta.method-call.groovy storage.type.groovy, source.scala entity.name.class.declaration, constant.character.escape, support.function.macro.julia, string.replacement.apacheconf, storage.modifier.using.vala, constant.other.haskell, source.objc entity.name.tag, string.quoted.other.literal.upper.crystal punctuation.definition.string, meta.embedded.line.crystal punctuation.section.embedded, meta.embedded.line.crystal punctuation.section.embedded source.crystal, punctuation.section.embedded, punctuation.section.tag, punctuation.section.embedded source.swift, variable.other.bracket punctuation.definition.variable, string.interpolated.dollar punctuation.definition.string, constant.character.escape punctuation.definition.keyword, source.ocaml entity.name.class constant.numeric, source.reason entity.name.class, keyword.format.specifier.fsharp, support.module.elm, meta.embedded.block.php punctuation.definition.variable.php, source.vala storage.type, support.variable.class.group, entity.name.type.class, source.tf meta.keyword.list, source.tf meta.keyword.map, entity.name.class.lua, markup.substitution | #49ace9 | — |
| invalid, invalid.illegal | #e3541c | — |
| comment, storage.modifier, punctuation.definition.comment, entity.other, variable.language, support.type.vendored, support.constant.vendored, markup.quote, markup.italic, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, keyword.control.clojure, source.clojure meta.symbol.dynamic, keyword.other.this.cs, keyword.other.base.cs, variable.other.member.c, support.type.core.rust, variable.other.object.property, variable.other.property, source.r meta.function.r keyword.control.r, comment.line.roxygen.r keyword, comment.line.roxygen.r variable.parameter.r, keyword.control.inheritance.coffee, comment.block.documentation.phpdoc.php keyword, keyword.other.array.phpdoc.php, storage.type.modifier, comment.block.javadoc.java keyword, comment.block.javadoc.java variable.parameter.java, keyword.operator.documentation.powershell, storage.type.scala, variable.parameter.function.language.special, comment.block.documentation.scala keyword, comment.block.documentation.scala variable.parameter, support.function.builtin.go, constant.other.symbol.hashkey.ruby, constant.other.symbol.hashkey.ruby punctuation.definition.constant.ruby, constant.other.symbol.ruby, source.vala storage.type.generic, constant.other.table-name, constant.other.placeholder, variable.other.field, entity.alias.import.go, source.swift keyword.other.declaration-specifier, support.variable.swift, keyword.other.capture-specifier, text.tex support.function.emph, constant.other.math, support.function.textit, entity.name.footnote, entity.name.function.directive.graphql, source.graphql support.type.enum, source.ocaml entity.name.filename, source.reason entity.name.filename, abstract.definition.fsharp keyword, abstract.definition.fsharp entity, function.anonymous keyword, entity.name.record.field.accessor.elm, support.type.primitive, support.type.builtin, keyword.type.cs, storage.type.built-in, storage.type.primitive, source.python support.type.python, storage.type.core.rust, source.swift support.type, source.go storage.type, storage.type.php, storage.type.function.kotlin, entity.name.type.kotlin, support.type.julia, variable.other.member, keyword.other.import, keyword.package, keyword.import, source.wsd keyword.control.diagram, keyword.language.gherkin.feature.step, source.hlsl storage.type.basic, source.apex keyword.type, sharing.modifier, source.nim storage.type.concrete, meta.preprocessor.pragma.nim, storage.type.integral, entity.name.scope-resolution.function.call, support.class.builtin, comment.block.documentation storage.type.class, source.tf meta.keyword.string, source.tf meta.keyword.number, source.scala entity.name.class, meta.import keyword.control, keyword.control.export, source.vue meta.directive punctuation.separator.key-value, keyword.local.lua, markup.mark.constrained markup.mark, markup.block.open, entity.name.type.primitive, entity.name.type.numeric, source.zig keyword.type, source.zig keyword.storage, source.zig keyword.structure | — | italic |
| keyword, keyword.control, keyword.operator, keyword.other.template, keyword.other.substitution, storage.type.function.arrow, constant.other.color, punctuation.accessor, entity.name.section, markdown.heading, markup.inline.raw punctuation.definition.raw, markup.heading, storage.type.function.pug, storage.type.function.python, storage.type.annotation, punctuation.bracket.angle, keyword.other.new, storage.type.generic.wildcard, source.go keyword.operator, constant.other.symbol.ruby punctuation.definition.constant.ruby, variable.parameter, support.function.builtin.rust, storage.type.function.coffee, entity.name.variable.parameter, punctuation.separator.hash.cs, constant.other.symbol.ruby punctuation.definition.constant.ruby, constant.other.symbol.hashkey.ruby punctuation.definition.constant.ruby, meta.function.parameters variable.other, entity.name.type.annotation.kotlin, storage.type.objc, parameter.variable.function, markup punctuation.definition, punctuation.section.directive, punctuation.definition.preprocessor, source.ruby punctuation.definition.variable, support.function.textbf, source.graphql support.type.builtin, source.ocaml variable.interpolation string, entity.name.function.definition.special.constructor, entity.name.function.definition.special.member.destructor., meta.function.parameters variable punctuation.definition.variable.php, source.wsd keyword.other.activity, keyword.control.class.ruby, keyword.control.def.ruby, keyword.function.go, keyword.other.fn.rust, markup.other.anchor, markup.list.bullet, markup.list punctuation.definition, keyword.control.default, punctuation.section, punctuation.separator, punctuation.terminator, markup.bold.markdown, source.zig storage.type.function, entity.name.type | — | bold |
| markup.quote markup.bold, text.html punctuation.section.embedded, variable.other.c, storage.modifier.lifetime.rust, entity.name.lifetime.rust, source.rust meta.attribute.rust, meta.attribute.id entity.other.attribute-name, source.ocaml punctuation.definition.tag emphasis, source.tf entity.name, markup.quote punctuation.definition, markup.fenced_code punctuation.definition, fenced_code.block.language | — | bold italic |
| keyword.begin.tag.ejs, source.python meta.function.decorator.python support.type.python, source.cs keyword.other, keyword.other.var.cs, source.go keyword, storage.modifier.static.rust, variable.parameter.r, variable.parameter.handlebars, storage.modifier.import, storage.modifier.package, meta.class.identifier storage.modifier, keyword.operator.other.powershell, source.css variable.parameter, string.interpolated variable.parameter, source.apacheconf keyword, keyword.other.julia, storage.modifier.using.vala, source.objc keyword.other.property.attribute, source.sql keyword.other, keyword.other.using.vala, keyword.operator.function.infix, keyword.control.directive, keyword.other.rust, keyword.other.declaration-specifier.swift, entity.name.function.swift, keyword.control.class, keyword.control.def, punctuation.definition.variable, entity.name.section.latex, source.ocaml keyword markup.underline, source.ocaml constant.language constant.numeric entity.other.attribute-name.id.css, source.reason entity.other.attribute-name constant.language constant.numeric, keyword.format.specifier.fsharp, entity.name.section.fsharp, binding.fsharp keyword, binding.fsharp keyword.symbol, record.fsharp keyword, keyword.symbol.fsharp, entity.name.section.fsharp keyword, namespace.open.fsharp keyword, namespace.open.fsharp entity, storage.type, source.cpp keyword.other, source.c keyword.other, keyword.other.unit, storage.modifier.array.bracket, meta.import.haskell keyword, keyword.declaration.dart, source.wsd keyword.other, keyword.other.skinparam, source.css keyword.control, source.css keyword.operator, keyword.language.gherkin.feature.scenario, keyword.control.cucumber.table, source.toml entity.other.attribute-name, source.toml keyword, keyword.other.nim, source.nim keyword.other.common.function, source.nim keyword.other, source.scala keyword.declaration, source.scala entity.name.class.declaration, keyword.control.lua, source.css punctuation.section, punctuation.section.embedded, source.c punctuation.section, source.cpp punctuation.section, source.java punctuation.section, source.php punctuation.section, source.powershell punctuation.section, source.r punctuation.section, source.ruby punctuation.section, source.swift punctuation.section, source.objc punctuation.section, source.zig keyword.constant.bool, source.zig keyword.default, source.zig keyword.statement, source.zig keyword.constant.default | — | |
| markup.strikethrough | — | strikethrough |
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#122738
- activityBar.border#0d3a58
- activityBar.dropBackground#0d3a58
- activityBar.foreground#fff
- activityBarBadge.background#ffc600
- activityBarBadge.foreground#000
- badge.background#ffc600
- badge.foreground#000
- button.background#0088ff
- button.foreground#fff
- button.hoverBackground#ff9d00
- contrastBorder#ffffff00
- debugConsole.errorForeground#ff5630
- debugExceptionWidget.background#193549
- debugExceptionWidget.border#aaa
- debugToolBar.background#193549
- descriptionForeground#aaa
- diffEditor.insertedTextBackground#3ad90033
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedTextBackground#ee3a4333
- diffEditor.removedTextBorder#00000000
- dropdown.background#193549
- dropdown.border#15232d
- dropdown.foreground#fff
- editor.background#193549
- editor.findMatchBackground#FF720066
- editor.findMatchHighlightBackground#CAD40F66
- editor.findRangeHighlightBackground#243E51
- editor.foreground#fff
- editor.hoverHighlightBackground#ffc60033
- editor.inactiveSelectionBackground#003b8b
- editor.lineHighlightBackground#1F4662
- editor.lineHighlightBorder#234E6D
- editor.rangeHighlightBackground#1F4662
- editor.selectionBackground#0050A4
- editor.selectionHighlightBackground#0050A480
- editor.wordHighlightBackground#ffffff21
- editor.wordHighlightStrongBackground#ffffff21
- editorBracketHighlight.foreground1#FFA500
- editorBracketHighlight.foreground2#FF69B4
- editorBracketHighlight.foreground3#00FF7F
- editorBracketHighlight.foreground4#00FFFF
- editorBracketHighlight.foreground5#FFD700
- editorBracketHighlight.foreground6#FF00FF
- editorBracketMatch.background#0d3a58
- editorBracketMatch.border#ffc60080
- editorCodeLens.foreground#aaa
- editorCursor.foreground#ffc600
- editorError.border#0d3a58
- editorError.foreground#A22929
- editorGroup.background#A22929
- editorGroup.border#122738
- editorGroup.dropBackground#12273899
- editorGroupHeader.noTabsBackground#193549
- editorGroupHeader.tabsBackground#122738
- editorGroupHeader.tabsBorder#15232d
- editorGutter.addedBackground#3C9F4A
- editorGutter.background#12273866
- editorGutter.deletedBackground#A22929
- editorGutter.modifiedBackground#ffc600
- editorHint.foreground#ffc600
- editorHoverWidget.background#15232d
- editorHoverWidget.border#0d3a58
- editorIndentGuide.background#3B5364
- editorInlayHint.background#0000001a
- editorInlayHint.foreground#ff68b8
- editorLineNumber.foreground#aaa
- editorLink.activeForeground#aaa
- editorMarkerNavigation.background#3B536433
- editorMarkerNavigationError.background#A22929
- editorMarkerNavigationWarning.background#ffc600
- editorOverviewRuler.border#0d3a58
- editorOverviewRuler.commonContentForeground#ffc60055
- editorOverviewRuler.currentContentForeground#ee3a4355
- editorOverviewRuler.incomingContentForeground#3ad90055
- editorRuler.foreground#1F4662
- editorSuggestWidget.background#15232d
- editorSuggestWidget.border#15232d
- editorSuggestWidget.foreground#aaa
- editorSuggestWidget.highlightForeground#ffc600
- editorSuggestWidget.selectedBackground#193549
- editorWarning.border#ffffff00
- editorWarning.foreground#ffc600
- editorWhitespace.foreground#ffffff52
- editorWidget.background#15232d
- editorWidget.border#0d3a58
- errorForeground#A22929
- extensionButton.prominentBackground#0088ff
- extensionButton.prominentForeground#fff
- extensionButton.prominentHoverBackground#ff9d00
- focusBorder#0d3a58
- foreground#aaa
- gitDecoration.conflictingResourceForeground#FF7200
- gitDecoration.deletedResourceForeground#ff628c
- gitDecoration.ignoredResourceForeground#808080
- gitDecoration.modifiedResourceForeground#ffc600
- gitDecoration.untrackedResourceForeground#3ad900
- input.background#193549
- input.border#0d3a58
- input.foreground#ffc600
- input.placeholderForeground#aaa
- inputOption.activeBorder#8dffff
- inputValidation.errorBackground#193549
- inputValidation.errorBorder#ffc600
- inputValidation.infoBackground#193549
- inputValidation.infoBorder#0D3A58
- inputValidation.warningBackground#193549
- inputValidation.warningBorder#ffc600
- list.activeSelectionBackground#193549
- list.activeSelectionForeground#aaa
- list.dropBackground#0d3a58
- list.focusBackground#0d3a58
- list.focusForeground#aaa
- list.highlightForeground#ffc600
- list.hoverBackground#193549
- list.hoverForeground#aaa
- list.inactiveSelectionBackground#0d3a58
- list.inactiveSelectionForeground#aaa
- menu.background#122738
- menu.selectionForeground#fff
- menubar.selectionBackground#0d3a58
- merge.border#ffffff00
- merge.commonContentBackground#c97d0c
- merge.commonHeaderBackground#c97d0c
- merge.currentContentBackground#2F7366
- merge.currentHeaderBackground#2F7366
- merge.incomingContentBackground#185294
- merge.incomingHeaderBackground#185294
- notificationCenter.border#ffc600
- notificationCenterHeader.background#122738
- notificationCenterHeader.foreground#aaa
- notificationLink.foreground#ffc600
- notifications.background#122738
- notifications.border#ffc600
- notifications.foreground#aaa
- notificationToast.border#ffc600
- panel.background#122738
- panel.border#ffc600
- panelTitle.activeBorder#ffc600
- panelTitle.activeForeground#ffc600
- panelTitle.inactiveForeground#aaa
- peekView.border#ffc600
- peekViewEditor.background#193549
- peekViewEditor.matchHighlightBackground#19354900
- peekViewEditorGutter.background#122738
- peekViewResult.background#15232d
- peekViewResult.fileForeground#aaa
- peekViewResult.lineForeground#fff
- peekViewResult.matchHighlightBackground#0d3a58
- peekViewResult.selectionBackground#0d3a58
- peekViewResult.selectionForeground#fff
- peekViewTitle.background#15232d
- peekViewTitleDescription.foreground#aaa
- peekViewTitleLabel.foreground#ffc600
- pickerGroup.border#0d3a58
- pickerGroup.foreground#aaa
- progressBar.background#ffc600
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#355166cc
- scrollbarSlider.background#406179cc
- scrollbarSlider.hoverBackground#437da3cc
- selection.background#027dff
- settings.checkboxBorder#aaa
- sideBar.background#15232d
- sideBar.border#0d3a58
- sideBar.foreground#aaa
- sideBarSectionHeader.background#193549
- sideBarSectionHeader.foreground#aaaaaa
- sideBarTitle.foreground#aaaaaa
- statusBar.background#15232d
- statusBar.border#0d3a58
- statusBar.debuggingBackground#15232d
- statusBar.debuggingBorder#ffc600
- statusBar.debuggingForeground#ffc600
- statusBar.foreground#aaa
- statusBar.noFolderBackground#15232d
- statusBar.noFolderBorder#0d3a58
- statusBar.noFolderForeground#aaa
- statusBarItem.activeBackground#0088ff
- statusBarItem.hoverBackground#0d3a58
- statusBarItem.prominentBackground#15232d
- statusBarItem.prominentHoverBackground#0d3a58
- statusBarItem.remoteBackground#15232d
- statusBarItem.remoteForeground#aaa
- tab.activeBackground#193549
- tab.activeBorder#ffc600
- tab.activeForeground#fff
- tab.border#15232D
- tab.inactiveBackground#122738
- tab.inactiveForeground#aaa
- tab.unfocusedActiveForeground#aaa
- tab.unfocusedInactiveForeground#aaa
- terminal.ansiBlack#000000
- terminal.ansiBlue#0088ff
- terminal.ansiBrightBlack#0050A4
- terminal.ansiBrightBlue#0088ff
- terminal.ansiBrightCyan#80fcff
- terminal.ansiBrightGreen#3ad900
- terminal.ansiBrightMagenta#fb94ff
- terminal.ansiBrightRed#ff628c
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffc600
- terminal.ansiCyan#80fcff
- terminal.ansiGreen#3ad900
- terminal.ansiMagenta#fb94ff
- terminal.ansiRed#ff628c
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#ffc600
- terminal.background#122738
- terminal.foreground#ffffff
- terminalCursor.background#122738
- terminalCursor.foreground#ffc600
- textBlockQuote.background#193549
- textBlockQuote.border#0088ff
- textCodeBlock.background#193549
- textLink.activeForeground#0088ff
- textLink.foreground#0088ff
- textPreformat.foreground#ffc600
- textSeparator.foreground#0d3a58
- titleBar.activeBackground#15232D
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#193549
- titleBar.inactiveForeground#ffffff33
- walkThrough.embeddedEditorBackground#0d3a58
- welcomePage.buttonBackground#193549
- welcomePage.buttonHoverBackground#0d3a58
- widget.shadow#00000026
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #0088ff | italic |
| constant | #ff628c | — |
| entity | #ffc600 | — |
| invalid | #f44542 | — |
| storage.type.function | #ff9d00 | — |
| keyword, storage.type.class, keyword.control.default.ts | #ff9d00 | — |
| markup.inserted, meta.diff.header.to-file | #a5ff90 | — |
| punctuation.definition.inserted | #a5ff90cc | — |
| markup.deleted, meta.diff.header.from-file | #ff628c | — |
| punctuation.definition.deleted | #ff628ccc | — |
| meta | #9effff | — |
| meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx | #fff | — |
| meta.brace | #e1efff | — |
| punctuation | #e1efff | — |
| punctuation.definition.parameters | #ffee80 | — |
| punctuation.definition.template-expression | #ffee80 | — |
| storage | #ffc600 | — |
| storage.type.function.arrow | #ffc600 | — |
| string, punctuation.definition.string | #a5ff90 | — |
| string.template, punctuation.definition.string.template | #3ad900 | — |
| support | #80ffbb | — |
| support.function | #ff9d00 | — |
| support.variable.property.dom | #e1efff | — |
| variable | #e1efff | — |
| source.css entity, source.stylus entity | #3ad900 | — |
| entity.other.attribute-name.id.css | #FFB454 | — |
| entity.name.tag | #9EFFFF | — |
| source.css support, source.stylus support | #a5ff90 | — |
| source.css constant, source.css support.constant, source.stylus constant, source.stylus support.constant | #ffee80 | — |
| source.css string, source.css punctuation.definition.string, source.stylus string, source.stylus punctuation.definition.string | #ffee80 | — |
| source.css variable, source.stylus variable | #9effff | — |
| text.html.basic entity.name | #9effff | — |
| meta.toc-list.id.html | #A5FF90 | — |
| text.html.basic entity.other | #ffc600 | italic |
| meta.tag.metadata.script.html entity.name.tag.html | #ffc600 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #92fc79 | — |
| source.ini entity | #e1efff | — |
| source.ini keyword | #ffc600 | — |
| source.ini punctuation.definition | #ffee80 | — |
| source.ini punctuation.separator | #ff9d00 | — |
| source.js storage.type.function, source.ts storage.type.function | #fb94ff | — |
| variable.language, entity.name.type.class.js | #fb94ff | — |
| entity.other.inherited-class.js | #ccc | — |
| variable.parameter.function.language.special.self.python, meta.function-call.generic.python | #9effff | — |
| meta.function-call.arguments.python | #fb94ff | — |
| source.json support | #ffc600 | — |
| source.json string, source.json punctuation.definition.string | #e1efff | — |
| punctuation.definition.heading.markdown | #e1efff | — |
| entity.name.section.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown | #ffc600 | bold |
| meta.paragraph.markdown | #e1efff | — |
| beginning.punctuation.definition.quote.markdown | #ffc600 | — |
| markup.quote.markdown meta.paragraph.markdown | #9effff | italic |
| meta.separator.markdown | #ffc600 | — |
| markup.bold.markdown | #9effff | bold |
| markup.italic.markdown | #9effff | italic |
| beginning.punctuation.definition.list.markdown | #ffc600 | — |
| string.other.link.title.markdown | #a5ff90 | — |
| string.other.link.title.markdown, string.other.link.description.markdown, string.other.link.description.title.markdown | #a5ff90 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #9effff | — |
| fenced_code.block.language, markup.inline.raw.markdown | #9effff | — |
| fenced_code.block.language, markup.inline.raw.markdown | #9effff | — |
| text.jade entity.name | #9effff | — |
| text.jade entity.other.attribute-name.tag | — | italic |
| text.jade string.interpolated | #ffee80 | — |
| source.ts entity.name.type | #80ffbb | — |
| source.ts keyword | #ffc600 | — |
| source.ts punctuation.definition.parameters | #e1efff | — |
| meta.arrow.ts punctuation.definition.parameters | #ffee80 | — |
| source.php entity | #9effff | — |
| variable.other.php | #ffc600 | — |
| storage.type.cs | #9effff | — |
| entity.name.variable.property.cs | #9effff | — |
| storage.modifier.cs | #80ffbb | — |
| modifier, this, comment, storage.modifier, entity.other.attribute-name.js, entity.other.attribute-name.js, entity.other.attribute-name.ts, entity.other.attribute-name.tsx, entity.other.attribute-name.html | — | italic |
| keyword.control.export | #ff9d00 | italic |
| meta.return.type.ts | #ff0088 | italic |