Skip to main content
Coding Theme

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.

  • actionBar.toggledBackground#16161Ffe
  • activityBar.activeBackground#16161Ffe
  • activityBar.activeBorder#AD07BAfe
  • activityBar.activeFocusBorder#50703000
  • activityBar.background#0E0E14fe
  • activityBar.border#50703000
  • activityBar.dropBorder#AE08B8fe
  • activityBar.foreground#AF07BAfe
  • activityBar.inactiveForeground#A5A5BF65
  • activityBarBadge.background#D84BE2fe
  • activityBarBadge.foreground#0E0E14fe
  • badge.background#DB51E4fe
  • badge.foreground#0E0E14fe
  • banner.background#16161Ffe
  • banner.foreground#B1B1FAce
  • banner.iconForeground#DCE5E5fe
  • breadcrumb.activeSelectionForeground#DED2D5ca
  • breadcrumb.background#101017fe
  • breadcrumb.focusForeground#D039DAfe
  • breadcrumb.foreground#E6E6EDae
  • breadcrumbPicker.background#16161Ffe
  • button.background#35354Bae
  • button.border#0E0C0A00
  • button.foreground#B1B1FAce
  • button.hoverBackground#2727376e
  • button.secondaryBackground#16161Ffe
  • button.secondaryForeground#B1B1FAce
  • button.secondaryHoverBackground#16161Ffe
  • button.separator#0A0E0E00
  • charts.blue#1b1bfffe
  • charts.foreground#B1B1FAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a7
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0C11fe
  • chat.slashCommandBackground#16161Ffe
  • chat.slashCommandForeground#B1B1FAce
  • checkbox.background#0C0C11fe
  • checkbox.border#0C0C11fe
  • checkbox.foreground#B1B1FAce
  • checkbox.selectBackground#0C0C11fe
  • checkbox.selectBorder#0C0C11fe
  • commandCenter.activeBackground#2E1F0E8e
  • commandCenter.activeBorder#0C0C11fe
  • commandCenter.activeForeground#D84BE2fe
  • commandCenter.background#16161Ffe
  • commandCenter.border#0C0C11fe
  • commandCenter.foreground#B1B1FAce
  • commandCenter.inactiveBorder#0B0B3795
  • commandCenter.inactiveForeground#AAAAC365
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0A0E0B00
  • contrastBorder#0C0E0A00
  • debugConsole.errorForeground#FE9BFEce
  • debugConsole.infoForeground#B1B1FAce
  • debugConsole.sourceForeground#B1B1FAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#E4DCE5fe
  • debugExceptionWidget.background#430043ca
  • debugExceptionWidget.border#0C0C11fe
  • debugIcon.breakpointCurrentStackframeForeground#D7D7E2fe
  • debugIcon.breakpointDisabledForeground#B4B4DE65
  • debugIcon.breakpointForeground#C3C3D4fe
  • debugIcon.breakpointStackframeForeground#D7D7E2fe
  • debugIcon.breakpointUnverifiedForeground#C4D3C8fe
  • debugIcon.continueForeground#D3C4C8fe
  • debugIcon.disconnectForeground#DADED2fe
  • debugIcon.pauseForeground#B5C9BAfe
  • debugIcon.restartForeground#C5CCBAfe
  • debugIcon.startForeground#D5C9D7fe
  • debugIcon.stepBackForeground#D7E2DAfe
  • debugIcon.stepIntoForeground#C7B1CAfe
  • debugIcon.stepOutForeground#E5DCDFfe
  • debugIcon.stepOverForeground#C6B5C9fe
  • debugIcon.stopForeground#C4D3D3fe
  • debugTokenExpression.boolean#D7E2DAca
  • debugTokenExpression.error#E5DCDFca
  • debugTokenExpression.name#DADED2ca
  • debugTokenExpression.number#CDCDDBca
  • debugTokenExpression.value#D7D0C9ca
  • debugToolBar.background#430043c2
  • debugToolBar.border#0C0C11fe
  • debugView.exceptionLabelBackground#311B22ca
  • debugView.exceptionLabelForeground#E2E5DCca
  • debugView.stateLabelBackground#142323ca
  • debugView.stateLabelForeground#E0D7E2ca
  • debugView.valueChangedHighlight#D7E2DAca
  • descriptionForeground#B1B1FAce
  • diffEditor.border#0A0A0F00
  • diffEditor.diagonalFill#000000f1
  • diffEditor.insertedLineBackground#00280031
  • diffEditor.insertedTextBackground#0A260Cfb
  • diffEditor.insertedTextBorder#0E0C0A00
  • diffEditor.move.border#0E0C0A00
  • diffEditor.moveActive.border#0D0A0E00
  • diffEditor.removedLineBackground#4D000031
  • diffEditor.removedTextBackground#4B0000fb
  • diffEditor.removedTextBorder#0E0C0A00
  • diffEditor.unchangedCodeBackground#16161Ffe
  • diffEditor.unchangedRegionBackground#16161Ffe
  • diffEditor.unchangedRegionForeground#B1B1FAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B3B3E765
  • dropdown.background#0C0C11fe
  • dropdown.border#0C0C11fe
  • dropdown.foreground#B1B1FAce
  • dropdown.listBackground#0C0C11fe
  • editor.background#16161Ffe
  • editor.findMatchBackground#365050a6
  • editor.findMatchBorder#0C0C11fe
  • editor.findMatchHighlightBackground#616C4Faa
  • editor.findMatchHighlightBorder#0C0C11fe
  • editor.findRangeHighlightBackground#46466Ca3
  • editor.findRangeHighlightBorder#0C0C11fe
  • editor.focusedStackFrameHighlightBackground#41585887
  • editor.foldBackground#E4A1EEa5
  • editor.foreground#B1B1FAce
  • editor.hoverHighlightBackground#4B6767a3
  • editor.inactiveSelectionBackground#3F3F9791
  • editor.inlineValuesBackground#16161Ffe
  • editor.inlineValuesForeground#B1B1FAce
  • editor.lineHighlightBackground#2E2E41b4
  • editor.lineHighlightBorder#0D0A0E00
  • editor.linkedEditingBackground#16161Ffe
  • editor.rangeHighlightBackground#5D444Aab
  • editor.rangeHighlightBorder#0C0C11fe
  • editor.selectionBackground#674118a1
  • editor.selectionForeground#E0D7E2ca
  • editor.selectionHighlightBackground#7162538a
  • editor.selectionHighlightBorder#0C0C11fe
  • editor.snippetFinalTabstopHighlightBackground#3D5353aa
  • editor.snippetFinalTabstopHighlightBorder#0C0C11fe
  • editor.snippetTabstopHighlightBackground#584C41ae
  • editor.snippetTabstopHighlightBorder#0C0C11fe
  • editor.stackFrameHighlightBackground#44447Cad
  • editor.symbolHighlightBackground#3D5343aa
  • editor.symbolHighlightBorder#0C0C11fe
  • editor.wordHighlightBackground#394E4Eac
  • editor.wordHighlightBorder#0D0A0E00
  • editor.wordHighlightStrongBackground#394E4Ea6
  • editor.wordHighlightStrongBorder#0A0E0E00
  • editor.wordHighlightTextBackground#46466Ca2
  • editor.wordHighlightTextBorder#0A0E0B00
  • editorBracketHighlight.foreground1#F5F5F7ce
  • editorBracketHighlight.foreground2#F5F5F7ce
  • editorBracketHighlight.foreground3#F5F5F7ce
  • editorBracketHighlight.foreground4#F5F5F7ce
  • editorBracketHighlight.foreground5#F5F5F7ce
  • editorBracketHighlight.foreground6#F5F5F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#B1B1FAce
  • editorBracketMatch.background#EFA3B5a3
  • editorBracketMatch.border#0C0C11fe
  • editorBracketPairGuide.activeBackground1#6ACC828d
  • editorBracketPairGuide.activeBackground2#9FC45D8c
  • editorBracketPairGuide.activeBackground3#E2B07E85
  • editorBracketPairGuide.activeBackground4#F1A3B683
  • editorBracketPairGuide.activeBackground5#A1C56683
  • editorBracketPairGuide.activeBackground6#9DC65D86
  • editorBracketPairGuide.background1#1F2414fe
  • editorBracketPairGuide.background2#152519fe
  • editorBracketPairGuide.background3#1E2414fe
  • editorBracketPairGuide.background4#1F2414fe
  • editorBracketPairGuide.background5#142418fe
  • editorBracketPairGuide.background6#152418fe
  • editorCodeLens.foreground#B4B4EC6e
  • editorCommentsWidget.rangeActiveBackground#B2B2F8fe
  • editorCommentsWidget.rangeBackground#16161Ffe
  • editorCommentsWidget.resolvedBorder#0C0C11fe
  • editorCommentsWidget.unresolvedBorder#4B0000cb
  • editorCursor.background#16161Ffe
  • editorCursor.foreground#D84BE2fe
  • editorError.background#0A0E0E00
  • editorError.border#0E0C0A00
  • editorError.foreground#FE9BFEce
  • editorGhostText.background#16161Ffe
  • editorGhostText.border#0A0E0B00
  • editorGhostText.foreground#B4B4EE6e
  • editorGroup.border#0C0C11fe
  • editorGroup.dropBackground#16161Ffe
  • editorGroup.dropIntoPromptBackground#16161Ffe
  • editorGroup.dropIntoPromptBorder#0C0C11fe
  • editorGroup.dropIntoPromptForeground#B1B1FAce
  • editorGroup.emptyBackground#16161Ffe
  • editorGroup.focusedEmptyBorder#0C0C11fe
  • editorGroupHeader.border#0D0A0E00
  • editorGroupHeader.noTabsBackground#0E0E14ae
  • editorGroupHeader.tabsBackground#16161Fa1
  • editorGroupHeader.tabsBorder#0A0E0E00
  • editorGutter.addedBackground#4FD156fb
  • editorGutter.background#16161Ffe
  • editorGutter.commentGlyphForeground#B1B1FAce
  • editorGutter.commentRangeForeground#B1B1FAce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FEA4A4cb
  • editorGutter.foldingControlForeground#B1B1FAce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0C0E0A00
  • editorHint.foreground#C0ADFFce
  • editorHoverWidget.background#0C0C11fe
  • editorHoverWidget.border#0C0C11fe
  • editorHoverWidget.foreground#B1B1FAce
  • editorHoverWidget.highlightForeground#DADED2ca
  • editorHoverWidget.statusBarBackground#16161Ffe
  • editorIndentGuide.activeBackground1#B3B3F4fe
  • editorIndentGuide.activeBackground2#B3B3F4fe
  • editorIndentGuide.activeBackground3#B3B3F3fe
  • editorIndentGuide.activeBackground4#B3B3F3fe
  • editorIndentGuide.activeBackground5#B3B3F3fe
  • editorIndentGuide.activeBackground6#B3B3F3fe
  • editorIndentGuide.background1#BEB2A635
  • editorIndentGuide.background2#B5BEA635
  • editorIndentGuide.background3#BAA2A835
  • editorIndentGuide.background4#98B3B335
  • editorIndentGuide.background5#ABC1B135
  • editorIndentGuide.background6#A5948435
  • editorInfo.background#0A0E0E00
  • editorInfo.border#0C0E0A00
  • editorInfo.foreground#C0ADFFce
  • editorInlayHint.background#16161Ffe
  • editorInlayHint.foreground#B1B1FAce
  • editorInlayHint.parameterBackground#16161Ffe
  • editorInlayHint.parameterForeground#B1B1FAce
  • editorInlayHint.typeBackground#16161Ffe
  • editorInlayHint.typeForeground#B1B1FAce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#CA2DD5fe
  • editorLineNumber.dimmedForeground#B3B3ED6e
  • editorLineNumber.foreground#B3B3ED6e
  • editorLink.activeForeground#D84BE2fe
  • editorMarkerNavigation.background#0C0C11fe
  • editorMarkerNavigationError.background#430043b0
  • editorMarkerNavigationError.headerBackground#430043a8
  • editorMarkerNavigationInfo.background#000081fe
  • editorMarkerNavigationInfo.headerBackground#000081fe
  • editorMarkerNavigationWarning.background#272000fe
  • editorMarkerNavigationWarning.headerBackground#272000fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#16161Ffe
  • editorOverviewRuler.border#0D0D3Afe
  • editorOverviewRuler.bracketMatchForeground#B1B1FAce
  • editorOverviewRuler.commentForeground#B4B4EC6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#B1B1FAce
  • editorOverviewRuler.currentContentForeground#cececeb6
  • editorOverviewRuler.deletedForeground#FEA4A4cb
  • editorOverviewRuler.errorForeground#FE9BFEce
  • editorOverviewRuler.findMatchForeground#00CECEce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C0ADFFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D6DBCEca
  • editorOverviewRuler.selectionHighlightForeground#C0ADFFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DADED2ca
  • editorOverviewRuler.wordHighlightStrongForeground#B1B1FAce
  • editorOverviewRuler.wordHighlightTextForeground#B1B1FAce
  • editorPane.background#16161Ffe
  • editorRuler.foreground#B5B5F834
  • editorStickyScroll.background#16161Ffe
  • editorStickyScroll.shadow#0A0A0F00
  • editorStickyScrollHover.background#0909216e
  • editorSuggestWidget.background#0C0C11fe
  • editorSuggestWidget.border#0E0C0A00
  • editorSuggestWidget.focusHighlightForeground#576D2Afe
  • editorSuggestWidget.foreground#E4DCE5fe
  • editorSuggestWidget.highlightForeground#DCDCE6ca
  • editorSuggestWidget.selectedBackground#56493B81
  • editorSuggestWidget.selectedForeground#D7E2E2ca
  • editorSuggestWidget.selectedIconForeground#DCE5DFca
  • editorSuggestWidgetStatus.foreground#BACCBFfe
  • editorUnicodeHighlight.background#4F6C6Caa
  • editorUnicodeHighlight.border#0C0C11fe
  • editorUnnecessaryCode.border#282100ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0D0A0E00
  • editorWarning.border#0A0E0E00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#B1B1FAce
  • editorWidget.background#0C0C11fe
  • editorWidget.border#0C0C11fe
  • editorWidget.foreground#B1B1FAce
  • editorWidget.resizeBorder#0C0C11fe
  • errorForeground#FE9BFEce
  • extensionBadge.remoteBackground#E05EE9fe
  • extensionBadge.remoteForeground#0E0E14fe
  • extensionButton.background#0D0D3Aae
  • extensionButton.foreground#B1B1FAce
  • extensionButton.hoverBackground#20202D6e
  • extensionButton.prominentBackground#16161Ffe
  • extensionButton.prominentForeground#B1B1FAce
  • extensionButton.prominentHoverBackground#16161Ffe
  • extensionButton.separator#0A0A0F00
  • extensionIcon.preReleaseForeground#BDC5B0fe
  • extensionIcon.sponsorForeground#C7B1CAfe
  • extensionIcon.starForeground#DDD2DEfe
  • extensionIcon.verifiedForeground#D3C4C8fe
  • focusBorder#0C0E0A00
  • foreground#B1B1FAce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FEA4A4cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C0ADFFce
  • gitDecoration.stageDeletedResourceForeground#FEA4A4cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CECEce
  • icon.foreground#B3B3F6ae
  • inlineChat.background#1E1E3Eca
  • inlineChat.border#142424ca
  • inlineChat.regionHighlight#DBD4CEca
  • inlineChat.shadow#C9D7D7ca
  • inlineChatDiff.inserted#CEDBDBca
  • inlineChatDiff.removed#DED8D2ca
  • inlineChatInput.background#DBD4CEca
  • inlineChatInput.border#142419ca
  • inlineChatInput.focusBorder#0C0E0A00
  • inlineChatInput.placeholderForeground#CDCDDBca
  • input.background#0C0C11fe
  • input.border#0C0C11fe
  • input.foreground#B1B1FAce
  • input.placeholderForeground#B4B4E265
  • inputOption.activeBackground#0C0C11fe
  • inputOption.activeBorder#0C0C11fe
  • inputOption.activeForeground#D645DFfe
  • inputOption.hoverBackground#0C0C11fe
  • inputValidation.errorBackground#670067b3
  • inputValidation.errorBorder#430043b0
  • inputValidation.errorForeground#FE9BFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0C11fe
  • inputValidation.infoForeground#B1B1FAce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0C11fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0C11fe
  • interactive.inactiveCodeBorder#20202D96
  • keybindingLabel.background#16161Ffe
  • keybindingLabel.border#0C0C11fe
  • keybindingLabel.bottomBorder#0C0C11fe
  • keybindingLabel.foreground#B1B1FAce
  • keybindingTable.headerBackground#16161Ffe
  • keybindingTable.rowsBackground#16161Ffe
  • list.activeSelectionBackground#683D488a
  • list.activeSelectionForeground#D5C9D7ca
  • list.activeSelectionIconForeground#DBCED1ca
  • list.deemphasizedForeground#B1B1FAce
  • list.dropBackground#16161Ffe
  • list.errorForeground#FE9BFEce
  • list.filterMatchBackground#16161Ffe
  • list.filterMatchBorder#0C0C11fe
  • list.focusAndSelectionOutline#0A0E0E00
  • list.focusBackground#3E3E9A96
  • list.focusForeground#C42ACFfe
  • list.focusHighlightForeground#24C64Bfe
  • list.focusOutline#0D0A0E00
  • list.highlightForeground#E4DCE5ca
  • list.hoverBackground#0909326e
  • list.hoverForeground#C42ACFfe
  • list.inactiveFocusBackground#24243298
  • list.inactiveFocusOutline#0D0A0E00
  • list.inactiveSelectionBackground#0E0E14ae
  • list.inactiveSelectionForeground#B4B4E265
  • list.inactiveSelectionIconForeground#B4B4E265
  • list.invalidItemForeground#B1B1FAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#16161Ffe
  • listFilterWidget.noMatchesOutline#0D0A0E00
  • listFilterWidget.outline#0C0E0A00
  • listFilterWidget.shadow#0E0A0B00
  • menu.background#0E0E14fe
  • menu.border#0A0E0B00
  • menu.foreground#E1E1E9ae
  • menu.selectionBackground#4B6752a6
  • menu.selectionBorder#0A0E0B00
  • menu.selectionForeground#D84BE2fe
  • menu.separatorBackground#1D1D4465
  • menubar.selectionBackground#674118ae
  • menubar.selectionBorder#0E0A0B00
  • menubar.selectionForeground#E05EE9fe
  • merge.border#0C0C11fe
  • merge.commonContentBackground#16161Ffe
  • merge.commonHeaderBackground#16161Ffe
  • merge.currentContentBackground#00280031
  • merge.currentHeaderBackground#0A260Cfb
  • merge.incomingContentBackground#0D260Ecb
  • merge.incomingHeaderBackground#0A260Cfb
  • mergeEditor.change.background#16161Ffe
  • mergeEditor.change.word.background#16161Ffe
  • mergeEditor.changeBase.background#16161Ffe
  • mergeEditor.changeBase.word.background#16161Ffe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0C11fe
  • mergeEditor.conflict.handledUnfocused.border#19192324
  • mergeEditor.conflict.input1.background#0C0C11fe
  • mergeEditor.conflict.input2.background#0C0C11fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c2
  • mergeEditor.conflict.unhandledFocused.border#0C0C11fe
  • mergeEditor.conflict.unhandledUnfocused.border#1919232c
  • mergeEditor.conflictingLines.background#16161Ffe
  • minimap.background#16161Ffe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F5F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#4FD156fb
  • minimapGutter.deletedBackground#FE9F9Ffb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#555578fe
  • minimapSlider.background#393950ae
  • minimapSlider.hoverBackground#2727376e
  • notebook.cellBorderColor#0C0C11fe
  • notebook.cellEditorBackground#16161Ffe
  • notebook.cellHoverBackground#16161Ffe
  • notebook.cellInsertionIndicator#DCDCE6ca
  • notebook.cellStatusBarItemHoverBackground#16161Ffe
  • notebook.cellToolbarSeparator#E2DDD7ca
  • notebook.editorBackground#16161Ffe
  • notebook.focusedCellBackground#16161Ffe
  • notebook.focusedCellBorder#CA2DD5fe
  • notebook.focusedEditorBorder#0C0C11fe
  • notebook.inactiveFocusedCellBorder#5F5F868e
  • notebook.inactiveSelectedCellBorder#5555788e
  • notebook.outputContainerBackgroundColor#16161Ffe
  • notebook.outputContainerBorderColor#0C0C11fe
  • notebook.selectedCellBackground#16161Ffe
  • notebook.selectedCellBorder#0C0C11fe
  • notebook.symbolHighlightBackground#16161Ffe
  • notebookEditorOverviewRuler.runningCellForeground#B1B1FAce
  • notebookScrollbarSlider.activeBackground#5C5C82fe
  • notebookScrollbarSlider.background#35354Bae
  • notebookScrollbarSlider.hoverBackground#2E2E416e
  • notebookStatusErrorIcon.foreground#FE9BFEce
  • notebookStatusRunningIcon.foreground#D7D7E2fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0C11fe
  • notificationCenterHeader.background#16161Ffe
  • notificationCenterHeader.foreground#B1B1FAce
  • notificationLink.foreground#B1B1FAce
  • notifications.background#16161Ffe
  • notifications.border#0C0C11fe
  • notifications.foreground#B1B1FAce
  • notificationsErrorIcon.foreground#FE9BFEce
  • notificationsInfoIcon.foreground#DBD4CEfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0C11fe
  • panel.background#16161Ffe
  • panel.border#0C0C11fe
  • panel.dropBorder#0C0C11fe
  • panelInput.border#0C0C11fe
  • panelSection.border#0C0C11fe
  • panelSection.dropBackground#16161Ffe
  • panelSectionHeader.background#16161Ffe
  • panelSectionHeader.border#0C0C11fe
  • panelSectionHeader.foreground#B1B1FAce
  • panelTitle.activeBorder#0C0E0A00
  • panelTitle.activeForeground#B105BBfe
  • panelTitle.inactiveForeground#A0A0BC65
  • peekView.border#AE08B8fe
  • peekViewEditor.background#0C0C11fe
  • peekViewEditor.matchHighlightBackground#53717184
  • peekViewEditor.matchHighlightBorder#0C0E0A00
  • peekViewEditorGutter.background#0C0C11fe
  • peekViewEditorStickyScroll.background#16161Ffe
  • peekViewResult.background#0E0E14fe
  • peekViewResult.fileForeground#B1B1FAce
  • peekViewResult.lineForeground#B1B1FAce
  • peekViewResult.matchHighlightBackground#584C418e
  • peekViewResult.selectionBackground#62484E87
  • peekViewResult.selectionForeground#DDD2DEca
  • peekViewTitle.background#0E0E14fe
  • peekViewTitleDescription.foreground#B1B1FAce
  • peekViewTitleLabel.foreground#B1B1FAce
  • pickerGroup.border#0C0C11fe
  • pickerGroup.foreground#B1B1FAce
  • ports.iconRunningProcessForeground#C9BFB5fe
  • problemsErrorIcon.foreground#FE9BFEce
  • problemsInfoIcon.foreground#C0ADFFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#DE58E6fe
  • profileBadge.foreground#0E0E14fe
  • progressBar.background#16161Ffe
  • quickInput.background#0E0E14fe
  • quickInput.foreground#B3B3FBae
  • quickInputList.focusBackground#586248a8
  • quickInputList.focusForeground#E05EE9fe
  • quickInputList.focusIconForeground#DB51E4fe
  • quickInputTitle.background#0C0C11fe
  • sash.hoverBorder#0C0C11fe
  • scrollbar.shadow#0D0A0E00
  • scrollbarSlider.activeBackground#5F5F86fe
  • scrollbarSlider.background#40405Aae
  • scrollbarSlider.hoverBackground#20202D6e
  • search.resultsInfoForeground#B1B1FAce
  • searchEditor.findMatchBackground#6C4F56ae
  • searchEditor.findMatchBorder#0C0C11fe
  • searchEditor.textInputBorder#0C0C11fe
  • selection.background#16161Ffe
  • settings.checkboxBackground#0C0C11fe
  • settings.checkboxBorder#0C0C11fe
  • settings.checkboxForeground#B1B1FAce
  • settings.dropdownBackground#0C0C11fe
  • settings.dropdownBorder#0C0C11fe
  • settings.dropdownForeground#B1B1FAce
  • settings.dropdownListBorder#0C0C11fe
  • settings.focusedRowBackground#444D3582
  • settings.focusedRowBorder#0C0C11fe
  • settings.headerBorder#0C0C11fe
  • settings.headerForeground#B1B1FAce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0C11fe
  • settings.numberInputBorder#0C0C11fe
  • settings.numberInputForeground#B1B1FAce
  • settings.rowHoverBackground#16161Ffe
  • settings.sashBorder#0C0C11fe
  • settings.settingsHeaderHoverForeground#CA2DD5fe
  • settings.textInputBackground#0C0C11fe
  • settings.textInputBorder#0C0C11fe
  • settings.textInputForeground#B1B1FAce
  • sideBar.background#16161Ffe
  • sideBar.border#0C0C11fe
  • sideBar.dropBackground#16161Ffe
  • sideBar.foreground#B3B3F6ae
  • sideBarSectionHeader.background#0D0A0E00
  • sideBarSectionHeader.border#0C0C11fe
  • sideBarSectionHeader.foreground#B1B1FAce
  • sideBarTitle.foreground#B1B1FAce
  • sideBySideEditor.horizontalBorder#0C0C11fe
  • sideBySideEditor.verticalBorder#0C0C11fe
  • simpleFindWidget.sashBorder#0C0C11fe
  • statusBar.background#0E0E14fe
  • statusBar.border#0C0C11fe
  • statusBar.debuggingBackground#430043ba
  • statusBar.debuggingBorder#0C0C11fe
  • statusBar.debuggingForeground#B1B1FAce
  • statusBar.focusBorder#0D0A0E00
  • statusBar.foreground#B4B4EE6e
  • statusBar.noFolderBackground#0E0E14fe
  • statusBar.noFolderBorder#0C0C11fe
  • statusBar.noFolderForeground#B1B1FAce
  • statusBarItem.activeBackground#0E0E14fe
  • statusBarItem.compactHoverBackground#0E0E14fe
  • statusBarItem.errorBackground#430043bc
  • statusBarItem.errorForeground#FE9BFEce
  • statusBarItem.errorHoverBackground#430043c6
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0E0C0A00
  • statusBarItem.hoverBackground#0E0E14fe
  • statusBarItem.hoverForeground#CD33D8fe
  • statusBarItem.offlineBackground#0E0E14fe
  • statusBarItem.offlineForeground#B1B1FAce
  • statusBarItem.offlineHoverBackground#0E0E14fe
  • statusBarItem.offlineHoverForeground#DB51E4fe
  • statusBarItem.prominentBackground#0E0E14fe
  • statusBarItem.prominentForeground#B1B1FAce
  • statusBarItem.prominentHoverBackground#0E0E14fe
  • statusBarItem.prominentHoverForeground#DE58E6fe
  • statusBarItem.remoteBackground#DB51E4fe
  • statusBarItem.remoteForeground#0E0E14fe
  • statusBarItem.remoteHoverBackground#0E0E14fe
  • statusBarItem.remoteHoverForeground#E05EE9fe
  • statusBarItem.warningBackground#272000fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#272000fe
  • statusBarItem.warningHoverForeground#776300ce
  • symbolIcon.arrayForeground#CEBFD0fe
  • symbolIcon.booleanForeground#00CECEce
  • symbolIcon.classForeground#C9B5BAfe
  • symbolIcon.colorForeground#CCB1B8fe
  • symbolIcon.constantForeground#C1C9B5fe
  • symbolIcon.constructorForeground#BACCBFfe
  • symbolIcon.enumeratorForeground#D3C4C8fe
  • symbolIcon.enumeratorMemberForeground#C9D7D7fe
  • symbolIcon.eventForeground#DCDCE6fe
  • symbolIcon.fieldForeground#D2DEDEfe
  • symbolIcon.fileForeground#B5B5D9fe
  • symbolIcon.folderForeground#DCDCE6fe
  • symbolIcon.functionForeground#CCB1B8fe
  • symbolIcon.interfaceForeground#CCB1B8fe
  • symbolIcon.keyForeground#D7D0C9fe
  • symbolIcon.keywordForeground#BDC5B0fe
  • symbolIcon.methodForeground#C9D7CCfe
  • symbolIcon.moduleForeground#D9CEDBfe
  • symbolIcon.namespaceForeground#DBCED1fe
  • symbolIcon.nullForeground#D3CCC4fe
  • symbolIcon.numberForeground#DEE2D7fe
  • symbolIcon.objectForeground#E2DDD7fe
  • symbolIcon.operatorForeground#B5C9BAfe
  • symbolIcon.packageForeground#D7D0C9fe
  • symbolIcon.propertyForeground#DBD4CEfe
  • symbolIcon.referenceForeground#C5CCBAfe
  • symbolIcon.snippetForeground#D3C4C8fe
  • symbolIcon.stringForeground#D5C9D7fe
  • symbolIcon.structForeground#DCE5DFfe
  • symbolIcon.textForeground#C5BBB0fe
  • symbolIcon.typeParameterForeground#C9D0BFfe
  • symbolIcon.unitForeground#D9CEDBfe
  • symbolIcon.variableForeground#BACCCCfe
  • tab.activeBackground#101017fe
  • tab.activeBorder#0A0E0E00
  • tab.activeBorderTop#AE08B8fe
  • tab.activeForeground#AF07BAfe
  • tab.activeModifiedBorder#282100ce
  • tab.border#0C0E0A00
  • tab.hoverBackground#B3B3F86e
  • tab.hoverBorder#0C0C11fe
  • tab.hoverForeground#CD33D8fe
  • tab.inactiveBackground#0B0B3792
  • tab.inactiveForeground#A5A5BF65
  • tab.inactiveModifiedBorder#282100ce
  • tab.lastPinnedBorder#0C0C11fe
  • tab.unfocusedActiveBackground#1D1D2836
  • tab.unfocusedActiveBorder#0E0C0A00
  • tab.unfocusedActiveBorderTop#1D1D4765
  • tab.unfocusedActiveForeground#9797B565
  • tab.unfocusedActiveModifiedBorder#282100ce
  • tab.unfocusedHoverBackground#B4B4F86e
  • tab.unfocusedHoverBorder#1D1D2823
  • tab.unfocusedHoverForeground#9B9BB865
  • tab.unfocusedInactiveBackground#27273799
  • tab.unfocusedInactiveForeground#9B9BB865
  • tab.unfocusedInactiveModifiedBorder#282100ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333bd
  • terminal.ansiBrightBlue#8e6affce
  • terminal.ansiBrightCyan#00a5a5ce
  • terminal.ansiBrightGreen#8acd8dcb
  • terminal.ansiBrightMagenta#b400b4ce
  • terminal.ansiBrightRed#ff6a6acb
  • terminal.ansiBrightWhite#f4f4f4be
  • terminal.ansiBrightYellow#ffd611ce
  • terminal.ansiCyan#008b8bfe
  • terminal.ansiGreen#39853dfb
  • terminal.ansiMagenta#670067b2
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececebf
  • terminal.ansiYellow#c4a200fe
  • terminal.background#16161Ffe
  • terminal.border#0C0C11fe
  • terminal.dropBackground#16161Ffe
  • terminal.findMatchBackground#16161Ffe
  • terminal.findMatchBorder#0C0C11fe
  • terminal.findMatchHighlightBackground#16161Ffe
  • terminal.findMatchHighlightBorder#0C0C11fe
  • terminal.foreground#B3B3F6ae
  • terminal.hoverHighlightBackground#16161Ffe
  • terminal.inactiveSelectionBackground#2E2E4194
  • terminal.selectionBackground#6255488b
  • terminal.selectionForeground#CEDBDBca
  • terminal.tab.activeBorder#B004BBfe
  • terminalCommandDecoration.defaultBackground#9FC45Dab
  • terminalCommandDecoration.errorBackground#FEA4A4cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#16161Ffe
  • terminalCursor.foreground#DE58E6fe
  • terminalOverviewRuler.cursorForeground#B1B1FAce
  • terminalOverviewRuler.findMatchForeground#00CECEce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0ab
  • testing.iconUnset#808080b3
  • testing.message.error.decorationForeground#F198F6fe
  • testing.message.error.lineBackground#4300439b
  • testing.message.info.decorationForeground#F198F6fe
  • testing.message.info.lineBackground#000081fe
  • testing.peekBorder#0C0C11fe
  • testing.peekHeaderBackground#16161Ffe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#16161Ffe
  • textBlockQuote.border#0C0C11fe
  • textCodeBlock.background#16161Ffe
  • textLink.activeForeground#DE58E6fe
  • textLink.foreground#C0ADFFce
  • textPreformat.foreground#B1B1FAce
  • textSeparator.foreground#B1B1FAce
  • titleBar.activeBackground#0E0E14fe
  • titleBar.activeForeground#5050E2ae
  • titleBar.border#0E0A0B00
  • titleBar.inactiveBackground#1D1D28dd
  • titleBar.inactiveForeground#9797B565
  • toolbar.activeBackground#0E25258e
  • toolbar.hoverBackground#16161Ffe
  • toolbar.hoverOutline#0C0E0A00
  • tree.inactiveIndentGuidesStroke#B0939A35
  • tree.indentGuidesStroke#F099F7fe
  • tree.tableColumnsBorder#0C0C11fe
  • tree.tableOddRowsBackground#16161Ffe
  • walkThrough.embeddedEditorBackground#16161Ffe
  • walkthrough.stepTitle.foreground#B1B1FAce
  • welcomePage.background#16161Ffe
  • welcomePage.progress.background#16161Ffe
  • welcomePage.progress.foreground#B1B1FAce
  • welcomePage.tileBackground#16161Ffe
  • welcomePage.tileBorder#0C0C11fe
  • welcomePage.tileHoverBackground#16161Ffe
  • widget.border#0C0C11fe
  • widget.shadow#0A0E0E00
  • window.activeBorder#0C0C11fe
  • window.inactiveBorder#0B0B379c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#9A9AF76e
comment.block.html#9B9BF86e
comment.block.java#9999F96e
comment.block.javadoc.java#9A9AF76e
comment.block.powershell#9898F86e
comment.block.xml#9898F86e
comment.line.double-slash.c#9B9BF86e
comment.line.double-slash.cpp#9B9BF86e
comment.line.double-slash.java#9B9BF86e
comment.line.double-slash.js#9999F96e
comment.line.number-sign.makefile#9898F86e
comment.line.number-sign.python#9999F96e
comment.line.number-sign.yaml#9B9BF86e
comment.line.percentage.erlang#9B9BF86e
comment.line.powershell#9898F86e
comment.source.cmake#9999F96e
comment.source.cmakecache#9898F86e
constant.character#A2A2A2de
constant.character.character-class.regexp#29BB60de
constant.character.escape#A2A2A2de
constant.character.set.regexp#07B1EAde
constant.language#A2A2A2de
constant.numeric#9D97F6de
constant.numeric.dec.python#9F99F7de
constant.other.caps.python#F18095de
constant.other.character-class.regexp#A3A3A3de
constant.other.character-class.set.regexp#F17F95de
constant.other.color.rgb-value#32AFD8de
constant.other.placeholder#A2A2A2de
constant.other.rgb-value#56BA08de
constant.regexp#9F98F6de
constant.sha.git-rebase#9D97F6de
emphasis#9D97F6de
entity.name.class#07D655de
entity.name.function#76D52Dde
entity.name.function.preprocessor#9D98F6de
entity.name.function.python#55B808de
entity.name.label#2ACF68de
entity.name.namespace#54B808de
entity.name.operator#07BE4Bde
entity.name.operator.custom-literal#56BA09de
entity.name.scope-resolution#56BA09de
entity.name.tag#A2A2A2de
entity.name.tag.css#07B0E7de
entity.name.type#67B729de
entity.name.variable#F58FA2de
entity.other.attribute#9E98F6de
entity.other.attribute-name#55BA09de
entity.other.attribute-name.class.css#E776EFde
entity.other.attribute-name.class.mixin.css#55B809de
entity.other.attribute-name.id#E876EFde
entity.other.attribute-name.id.css#F096F6de
entity.other.attribute-name.parent-selector.css#29BB60de
entity.other.attribute-name.pseudo-class.css#07B3EEde
entity.other.attribute-name.pseudo-element.css#A2A2A2de
entity.other.attribute-name.scss#56BA08de
entity.other.document.begin.yaml#9999F96e
entity.other.inherited-class#56BA09de
header#F27E94de
invalid#F27F94de
keyword#55B809de
keyword.codetag.notation.python#9E98F6de
keyword.control#E877F0de
keyword.control.anchor.regexp#07DC57de
keyword.control.import.python#A2A2A2de
keyword.operator#F28095de
keyword.operator.alignas#BCBCBCde
keyword.operator.alignof#2AB95Fde
keyword.operator.cast#06DC56de
keyword.operator.delete#9D98F6de
keyword.operator.documentation.powershell#9898F86e
keyword.operator.expression#F17F95de
keyword.operator.instanceof#32AFD8de
keyword.operator.logical.python#07D655de
keyword.operator.minus.exponent#F58FA2de
keyword.operator.negation.regexp#F17F95de
keyword.operator.new#F28196de
keyword.operator.noexcept#2ACF68de
keyword.operator.or.regexp#9F99F7de
keyword.operator.plus.exponent#F18095de
keyword.operator.quantifier.regexp#E876F0de
keyword.operator.sizeof#56BA08de
keyword.operator.typeid#F27E94de
keyword.operator.wordlike#07D957de
keyword.other.operator#A2A2A2de
keyword.other.package.java#B7B7B7de
keyword.other.unit#66B529de
keyword.other.using#32AFD8de
markup.bold#E776EFde
markup.changed#08BB4Bde
markup.deleted#07BE4Bde
markup.fenced_code.block.markdown#07AFE9de
markup.heading#A2A2A2de
markup.inline.raw#07BD4Bde
markup.inserted#9E98F6de
markup.italic#33AFD8de
markup.raw.block.markdown#06DC56de
markup.strikethrough#F18095de
markup.underline#76D52Dde
meta.block.c#07AFE9de
meta.block.c#07AEE6de
meta.class.java#55B909de
meta.definition.variable.name#07DC57de
meta.diff.header#58C3E6de
meta.embedded#33D871de
meta.embedded.assembly#57BA09de
meta.function-call.arguments.python#F28095de
meta.function-call.python#F18095de
meta.member.access.python#67B729de
meta.method.java#56BA08de
meta.object-literal.key#A2A2A2de
meta.paragraph.markdown#F17F95de
meta.preprocessor#07AEE6de
meta.preprocessor.numeric#F17F94de
meta.preprocessor.string#F17F94de
meta.scope.prerequisites.makefile#56BA09de
meta.structure.dictionary.json.comments#9999F96e
meta.structure.dictionary.key.python#E876EFde
meta.structure.dictionary.value.json.comments#9B9BF86e
meta.template.expression#F58FA2de
meta.type.cast.expr#F696A8de
meta.type.new.expr#F17F94de
parameter#9D97F6de
punctuation.character.set.begin.regexp#08CB51de
punctuation.character.set.end.regexp#F29EF7de
punctuation.definition.array.begin.json#F696A8de
punctuation.definition.character-class.regexp#2DD56Cde
punctuation.definition.comment#9999F96e
punctuation.definition.comment.json.comments#9A9AF76e
punctuation.definition.comment.python#9999F96e
punctuation.definition.dictionary.begin.json#F18095de
punctuation.definition.dictionary.end.json#F28095de
punctuation.definition.group.assertion.regexp#9D97F6de
punctuation.definition.group.regexp#67B729de
punctuation.definition.list.begin.json#08CB51de
punctuation.definition.list.begin.markdown#07AFE9de
punctuation.definition.list.begin.python#9E98F6de
punctuation.definition.list.end.json#33AFD8de
punctuation.definition.list.end.markdown#07BD4Bde
punctuation.definition.list.end.python#07B0E7de
punctuation.definition.parameters.begin.python#A6A6A6de
punctuation.definition.parameters.end.bracket.round.java#E876EFde
punctuation.definition.quote.begin.markdown#F27F94de
punctuation.definition.tag#9D98F6de
punctuation.definition.template-expression.begin#29BB60de
punctuation.definition.template-expression.end#33D871de
punctuation.section.class.begin.bracket.curly.java#2ABD61de
punctuation.section.embedded#A2A2A2de
punctuation.section.embedded.begin.php#A6A6A6de
punctuation.section.embedded.end.php#9F99F7de
punctuation.terminator.java#32AED8de
source.cmake#AAA5F8de
source.coffee.embedded#9D97F6de
source.cpp#08D254de
source.css.less#9E98F6de
source.groovy.embedded#A2A2A2de
source.java#55BA07de
source.java-properties#67B729de
source.json.comments#9B9BF86e
source.makefile#E776EFde
source.powershell#66B529de
source.powershell.variable.other.member#F17F94de
source.python#A2A2A2de
storage#2ABD61de
storage.modifier#6CCCEDde
storage.modifier.import.java#A2A2A2de
storage.modifier.package.java#A2A2A2de
storage.type#F18095de
storage.type.annotation.groovy#E775EFde
storage.type.annotation.java#A2A2A2de
storage.type.boolean.go#07B3EEde
storage.type.byte.go#9F99F7de
storage.type.cs#E876F0de
storage.type.error.go#07B3EEde
storage.type.generic.cs#07BE4Bde
storage.type.generic.groovy#06DC56de
storage.type.generic.java#F27F95de
storage.type.groovy#55BA07de
storage.type.java#6EC62Ade
storage.type.modifier.cs#4BBCE2de
storage.type.numeric.go#E876F0de
storage.type.object.array.groovy#A2A2A2de
storage.type.object.array.java#07AFE9de
storage.type.parameters.groovy#A2A2A2de
storage.type.primitive.array.groovy#07BD4Bde
storage.type.primitive.array.java#07B1EAde
storage.type.primitive.groovy#E775EFde
storage.type.primitive.java#E876EFde
storage.type.rune.go#9F99F7de
storage.type.string.go#F27F95de
storage.type.token.java#51C0E4de
storage.type.uintptr.go#A2A2A2de
storage.type.variable.cs#E776EFde
string#9E98F6de
string.quoted.docstring.multi.python#9898F86e
string.regexp#9D98F6de
string.tag#07B0E7de
string.value#55B909de
strong#F096F6de
support.class#E775EFde
support.constant.color#B3B3B3de
support.constant.dom#32AFD8de
support.constant.font-name#07AEE4de
support.constant.handlebars#56BA08de
support.constant.json#F28096de
support.constant.math#E775EFde
support.constant.media#E875EEde
support.constant.media-type#32AFD8de
support.constant.property-value#F17F94de
support.function#32AED8de
support.function.git-rebase#AAA5F8de
support.other.parenthesis.regexp#A2A2A2de
support.type#32AFD8de
support.type.property-name#2DD56Cde
support.type.vendored.property-name#33AED8de
support.variable#6BBD2Ade
token.debug-token#07AFE9de
token.error-token#F3A5F8de
token.info-token#A3A3A3de
token.warn-token#A2A2A2de
variable#E876EFde
variable.css#39B2DAde
variable.language#A2A2A2de
variable.language.wildcard.java#E875EEde
variable.other.constant#A2A2A2de
variable.other.definition.java#51C0E4de
variable.other.enummember#9D97F6de
variable.other.less#56BA09de
variable.other.object.java#E876EFde
variable.other.object.property.java#07BD4Bde
variable.parameter.c#A2A2A2de
variable.parameter.function.language.python#33D871de
variable.parameter.java#67B729de
variable.scss#F17F95de