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#191f1ffe
  • activityBar.activeBackground#191f1ffe
  • activityBar.activeBorder#19CE19fe
  • activityBar.activeFocusBorder#5E6E6E00
  • activityBar.background#0F1313fe
  • activityBar.border#76665600
  • activityBar.dropBorder#08D008fe
  • activityBar.foreground#09CE09fe
  • activityBar.inactiveForeground#42C5C565
  • activityBarBadge.background#16CF16fe
  • activityBarBadge.foreground#0F1313fe
  • badge.background#53C753fe
  • badge.foreground#0F1313fe
  • banner.background#191f1ffe
  • banner.foreground#CDFBFBce
  • banner.iconForeground#D3D6CAfe
  • breadcrumb.activeSelectionForeground#DDE5DEca
  • breadcrumb.background#111515fe
  • breadcrumb.focusForeground#18CF18fe
  • breadcrumb.foreground#ECEFEFae
  • breadcrumbPicker.background#191f1ffe
  • button.background#465656ae
  • button.border#0B0F0C00
  • button.foreground#CDFBFBce
  • button.hoverBackground#5164646e
  • button.secondaryBackground#191f1ffe
  • button.secondaryForeground#CDFBFBce
  • button.secondaryHoverBackground#191f1ffe
  • button.separator#0F0D0B00
  • charts.blue#1b1bfffe
  • charts.foreground#CDFBFBce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067bf
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0D1111fe
  • chat.slashCommandBackground#191f1ffe
  • chat.slashCommandForeground#CDFBFBce
  • checkbox.background#0D1111fe
  • checkbox.border#0D1111fe
  • checkbox.foreground#CDFBFBce
  • checkbox.selectBackground#0D1111fe
  • checkbox.selectBorder#0D1111fe
  • commandCenter.activeBackground#4028338c
  • commandCenter.activeBorder#0D1111fe
  • commandCenter.activeForeground#19CF19fe
  • commandCenter.background#191f1ffe
  • commandCenter.border#0D1111fe
  • commandCenter.foreground#CDFBFBce
  • commandCenter.inactiveBorder#2831319e
  • commandCenter.inactiveForeground#9DB0B065
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0F0B0D00
  • contrastBorder#0B0F0C00
  • debugConsole.errorForeground#FE9BFEce
  • debugConsole.infoForeground#CDFBFBce
  • debugConsole.sourceForeground#CDFBFBce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#CBC1CFfe
  • debugExceptionWidget.background#590059a8
  • debugExceptionWidget.border#0D1111fe
  • debugIcon.breakpointCurrentStackframeForeground#E3DDE5fe
  • debugIcon.breakpointDisabledForeground#B3C2C265
  • debugIcon.breakpointForeground#CBBCC2fe
  • debugIcon.breakpointStackframeForeground#D9E1DAfe
  • debugIcon.breakpointUnverifiedForeground#DDD8D4fe
  • debugIcon.continueForeground#DFE1D9fe
  • debugIcon.disconnectForeground#D6CACFfe
  • debugIcon.pauseForeground#D7CFDAfe
  • debugIcon.restartForeground#DFD9E1fe
  • debugIcon.startForeground#C1C3CFfe
  • debugIcon.stepBackForeground#DDD8D4fe
  • debugIcon.stepIntoForeground#E1D9DCfe
  • debugIcon.stepOutForeground#D9E0E0fe
  • debugIcon.stepOverForeground#D6CFCAfe
  • debugIcon.stopForeground#DBDDD4fe
  • debugTokenExpression.boolean#E2E3E8ca
  • debugTokenExpression.error#E1D9DCca
  • debugTokenExpression.name#E2E8E3ca
  • debugTokenExpression.number#D6CACFca
  • debugTokenExpression.value#D0D9D9ca
  • debugToolBar.background#590059c3
  • debugToolBar.border#0D1111fe
  • debugView.exceptionLabelBackground#282C4Aca
  • debugView.exceptionLabelForeground#E5E0DDca
  • debugView.stateLabelBackground#382D23ca
  • debugView.stateLabelForeground#E5DDE0ca
  • debugView.valueChangedHighlight#D7CFDAca
  • descriptionForeground#CDFBFBce
  • diffEditor.border#0C0E0E00
  • diffEditor.diagonalFill#000000f9
  • diffEditor.insertedLineBackground#00380031
  • diffEditor.insertedTextBackground#113613fb
  • diffEditor.insertedTextBorder#0B0F0C00
  • diffEditor.move.border#0F0B0D00
  • diffEditor.moveActive.border#0E0F0B00
  • diffEditor.removedLineBackground#66000031
  • diffEditor.removedTextBackground#650000fb
  • diffEditor.removedTextBorder#0B0F0C00
  • diffEditor.unchangedCodeBackground#191f1ffe
  • diffEditor.unchangedRegionBackground#191f1ffe
  • diffEditor.unchangedRegionForeground#CDFBFBce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B3C1C165
  • dropdown.background#0D1111fe
  • dropdown.border#0D1111fe
  • dropdown.foreground#CDFBFBce
  • dropdown.listBackground#0D1111fe
  • editor.background#191f1ffe
  • editor.findMatchBackground#6C745Aa5
  • editor.findMatchBorder#0D1111fe
  • editor.findMatchHighlightBackground#61544Ba4
  • editor.findMatchHighlightBorder#0D1111fe
  • editor.findRangeHighlightBackground#4F5266a9
  • editor.findRangeHighlightBorder#0D1111fe
  • editor.focusedStackFrameHighlightBackground#574C4488
  • editor.foldBackground#B3C4B5a4
  • editor.foreground#CDFBFBce
  • editor.hoverHighlightBackground#4F5266a3
  • editor.inactiveSelectionBackground#4251519d
  • editor.inlineValuesBackground#191f1ffe
  • editor.inlineValuesForeground#CDFBFBce
  • editor.lineHighlightBackground#2B3636b1
  • editor.lineHighlightBorder#0B0C0F00
  • editor.linkedEditingBackground#191f1ffe
  • editor.rangeHighlightBackground#5F664Fa8
  • editor.rangeHighlightBorder#0D1111fe
  • editor.selectionBackground#3F5342ab
  • editor.selectionForeground#DBD4DDca
  • editor.selectionHighlightBackground#5B4B618a
  • editor.selectionHighlightBorder#0D1111fe
  • editor.snippetFinalTabstopHighlightBackground#68566Fa5
  • editor.snippetFinalTabstopHighlightBorder#0D1111fe
  • editor.snippetTabstopHighlightBackground#6C5A74ad
  • editor.snippetTabstopHighlightBorder#0D1111fe
  • editor.stackFrameHighlightBackground#64526Aae
  • editor.symbolHighlightBackground#74655Aa6
  • editor.symbolHighlightBorder#0D1111fe
  • editor.wordHighlightBackground#574C44a3
  • editor.wordHighlightBorder#0E0B0F00
  • editor.wordHighlightStrongBackground#6F5661a8
  • editor.wordHighlightStrongBorder#0B0C0F00
  • editor.wordHighlightTextBackground#4F5266a2
  • editor.wordHighlightTextBorder#0C0E0E00
  • editorBracketHighlight.foreground1#F5F7F7ce
  • editorBracketHighlight.foreground2#F5F7F7ce
  • editorBracketHighlight.foreground3#F5F7F7ce
  • editorBracketHighlight.foreground4#F5F7F7ce
  • editorBracketHighlight.foreground5#F5F7F7ce
  • editorBracketHighlight.foreground6#F5F7F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#CDFBFBce
  • editorBracketMatch.background#BCC1B0ad
  • editorBracketMatch.border#0D1111fe
  • editorBracketPairGuide.activeBackground1#C6BDB685
  • editorBracketPairGuide.activeBackground2#C7BDB686
  • editorBracketPairGuide.activeBackground3#CBBBC28a
  • editorBracketPairGuide.activeBackground4#BCC1AF8e
  • editorBracketPairGuide.activeBackground5#B2C4B589
  • editorBracketPairGuide.activeBackground6#C6BDB683
  • editorBracketPairGuide.background1#382C22fe
  • editorBracketPairGuide.background2#372B3Bfe
  • editorBracketPairGuide.background3#2C311Dfe
  • editorBracketPairGuide.background4#272D49fe
  • editorBracketPairGuide.background5#442532fe
  • editorBracketPairGuide.background6#2B2F1Efe
  • editorCodeLens.foreground#B3C2C26e
  • editorCommentsWidget.rangeActiveBackground#B3C2C2fe
  • editorCommentsWidget.rangeBackground#191f1ffe
  • editorCommentsWidget.resolvedBorder#0D1111fe
  • editorCommentsWidget.unresolvedBorder#640000cb
  • editorCursor.background#191f1ffe
  • editorCursor.foreground#53C753fe
  • editorError.background#0B0F0C00
  • editorError.border#0F0D0B00
  • editorError.foreground#FE9BFEce
  • editorGhostText.background#191f1ffe
  • editorGhostText.border#0E0F0B00
  • editorGhostText.foreground#B3C2C26e
  • editorGroup.border#0D1111fe
  • editorGroup.dropBackground#191f1ffe
  • editorGroup.dropIntoPromptBackground#191f1ffe
  • editorGroup.dropIntoPromptBorder#0D1111fe
  • editorGroup.dropIntoPromptForeground#CDFBFBce
  • editorGroup.emptyBackground#191f1ffe
  • editorGroup.focusedEmptyBorder#0D1111fe
  • editorGroupHeader.border#0B0C0F00
  • editorGroupHeader.noTabsBackground#0F1313ae
  • editorGroupHeader.tabsBackground#191f1fa1
  • editorGroupHeader.tabsBorder#0F0D0B00
  • editorGutter.addedBackground#8CCE90fb
  • editorGutter.background#191f1ffe
  • editorGutter.commentGlyphForeground#CDFBFBce
  • editorGutter.commentRangeForeground#CDFBFBce
  • editorGutter.commentUnresolvedGlyphForeground#8CCE8Fcb
  • editorGutter.deletedBackground#FFA7A7cb
  • editorGutter.foldingControlForeground#CDFBFBce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0F0B0D00
  • editorHint.foreground#C6B4FFce
  • editorHoverWidget.background#0D1111fe
  • editorHoverWidget.border#0D1111fe
  • editorHoverWidget.foreground#CDFBFBce
  • editorHoverWidget.highlightForeground#DFE1D9ca
  • editorHoverWidget.statusBarBackground#191f1ffe
  • editorIndentGuide.activeBackground1#13CE13fe
  • editorIndentGuide.activeBackground2#17CF17fe
  • editorIndentGuide.activeBackground3#17CF17fe
  • editorIndentGuide.activeBackground4#13CE13fe
  • editorIndentGuide.activeBackground5#10D010fe
  • editorIndentGuide.activeBackground6#09CE09fe
  • editorIndentGuide.background1#888CA335
  • editorIndentGuide.background2#88A38C35
  • editorIndentGuide.background3#AA919C35
  • editorIndentGuide.background4#9B9EB135
  • editorIndentGuide.background5#B7A9BC35
  • editorIndentGuide.background6#AEB0C035
  • editorInfo.background#0B0C0F00
  • editorInfo.border#0E0B0F00
  • editorInfo.foreground#C6B4FFce
  • editorInlayHint.background#191f1ffe
  • editorInlayHint.foreground#CDFBFBce
  • editorInlayHint.parameterBackground#191f1ffe
  • editorInlayHint.parameterForeground#CDFBFBce
  • editorInlayHint.typeBackground#191f1ffe
  • editorInlayHint.typeForeground#CDFBFBce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8CCE8Fcb
  • editorLineNumber.activeForeground#17CF17fe
  • editorLineNumber.dimmedForeground#B3C2C26e
  • editorLineNumber.foreground#B3C2C26e
  • editorLink.activeForeground#19CF19fe
  • editorMarkerNavigation.background#0D1111fe
  • editorMarkerNavigationError.background#590059c3
  • editorMarkerNavigationError.headerBackground#590059bd
  • editorMarkerNavigationInfo.background#0000A9fe
  • editorMarkerNavigationInfo.headerBackground#0000A9fe
  • editorMarkerNavigationWarning.background#382E00fe
  • editorMarkerNavigationWarning.headerBackground#382E00fe
  • editorOverviewRuler.addedForeground#8CCE8Fcb
  • editorOverviewRuler.background#191f1ffe
  • editorOverviewRuler.border#163434fe
  • editorOverviewRuler.bracketMatchForeground#CDFBFBce
  • editorOverviewRuler.commentForeground#B3C2C26e
  • editorOverviewRuler.commentUnresolvedForeground#8CCE8Fcb
  • editorOverviewRuler.commonContentForeground#CDFBFBce
  • editorOverviewRuler.currentContentForeground#cececea3
  • editorOverviewRuler.deletedForeground#FFA7A7cb
  • editorOverviewRuler.errorForeground#FE9BFEce
  • editorOverviewRuler.findMatchForeground#00D6D6ce
  • editorOverviewRuler.incomingContentForeground#8CCE8Fcb
  • editorOverviewRuler.infoForeground#C6B4FFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DFE1D9ca
  • editorOverviewRuler.selectionHighlightForeground#C6B4FFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DDD8D4ca
  • editorOverviewRuler.wordHighlightStrongForeground#CDFBFBce
  • editorOverviewRuler.wordHighlightTextForeground#CDFBFBce
  • editorPane.background#191f1ffe
  • editorRuler.foreground#B4C3C334
  • editorStickyScroll.background#191f1ffe
  • editorStickyScrollHover.background#2631316e
  • editorSuggestWidget.background#0D1111fe
  • editorSuggestWidget.border#0B0C0F00
  • editorSuggestWidget.focusHighlightForeground#F894C2fe
  • editorSuggestWidget.foreground#CFC6D2fe
  • editorSuggestWidget.highlightForeground#D0D9D9ca
  • editorSuggestWidget.selectedBackground#686F5686
  • editorSuggestWidget.selectedForeground#E1DCD9ca
  • editorSuggestWidget.selectedIconForeground#E2E8E3ca
  • editorSuggestWidgetStatus.foreground#E3E5DDfe
  • editorUnicodeHighlight.background#565C47ab
  • editorUnicodeHighlight.border#0D1111fe
  • editorUnnecessaryCode.border#382F00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0C0E0E00
  • editorWarning.border#0E0F0B00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#CDFBFBce
  • editorWidget.background#0D1111fe
  • editorWidget.border#0D1111fe
  • editorWidget.foreground#CDFBFBce
  • editorWidget.resizeBorder#0D1111fe
  • errorForeground#FE9BFEce
  • extensionBadge.remoteBackground#53C753fe
  • extensionBadge.remoteForeground#0F1313fe
  • extensionButton.background#193333ae
  • extensionButton.foreground#CDFBFBce
  • extensionButton.hoverBackground#2831316e
  • extensionButton.prominentBackground#191f1ffe
  • extensionButton.prominentForeground#CDFBFBce
  • extensionButton.prominentHoverBackground#191f1ffe
  • extensionButton.separator#0F0D0B00
  • extensionIcon.preReleaseForeground#CABBC1fe
  • extensionIcon.sponsorForeground#CAD6CCfe
  • extensionIcon.starForeground#DFD9E1fe
  • extensionIcon.verifiedForeground#E8E5E2fe
  • focusBorder#0F0D0B00
  • foreground#CDFBFBce
  • gitDecoration.addedResourceForeground#8CCE8Fcb
  • gitDecoration.deletedResourceForeground#FFA7A7cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C6B4FFce
  • gitDecoration.stageDeletedResourceForeground#FFA7A7cb
  • gitDecoration.stageModifiedResourceForeground#8CCE8Fcb
  • gitDecoration.untrackedResourceForeground#00D6D6ce
  • icon.foreground#B3C2C2ae
  • inlineChat.background#282C4Aca
  • inlineChat.border#392B23ca
  • inlineChat.regionHighlight#E2E3E8ca
  • inlineChat.shadow#DFD9E1ca
  • inlineChatDiff.inserted#DFD9E1ca
  • inlineChatDiff.removed#D0D9D9ca
  • inlineChatInput.background#E3DDE5ca
  • inlineChatInput.border#203030ca
  • inlineChatInput.focusBorder#0B0C0F00
  • inlineChatInput.placeholderForeground#DDDEE5ca
  • input.background#0D1111fe
  • input.border#0D1111fe
  • input.foreground#CDFBFBce
  • input.placeholderForeground#B3C1C165
  • inputOption.activeBackground#0D1111fe
  • inputOption.activeBorder#0D1111fe
  • inputOption.activeForeground#1ACF1Afe
  • inputOption.hoverBackground#0D1111fe
  • inputValidation.errorBackground#670067a1
  • inputValidation.errorBorder#590059a3
  • inputValidation.errorForeground#FE9BFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0D1111fe
  • inputValidation.infoForeground#CDFBFBce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0D1111fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0D1111fe
  • interactive.inactiveCodeBorder#1134349b
  • keybindingLabel.background#191f1ffe
  • keybindingLabel.border#0D1111fe
  • keybindingLabel.bottomBorder#0D1111fe
  • keybindingLabel.foreground#CDFBFBce
  • keybindingTable.headerBackground#191f1ffe
  • keybindingTable.rowsBackground#191f1ffe
  • list.activeSelectionBackground#4053438e
  • list.activeSelectionForeground#DFE1D9ca
  • list.activeSelectionIconForeground#D5DDDDca
  • list.deemphasizedForeground#CDFBFBce
  • list.dropBackground#191f1ffe
  • list.errorForeground#FE9BFEce
  • list.filterMatchBackground#191f1ffe
  • list.filterMatchBorder#0D1111fe
  • list.focusAndSelectionOutline#0F0D0B00
  • list.focusBackground#42515196
  • list.focusForeground#17CF17fe
  • list.focusHighlightForeground#A3AEF7fe
  • list.focusOutline#0F0D0B00
  • list.highlightForeground#E1D9DCca
  • list.hoverBackground#103616ad
  • list.hoverForeground#53C753fe
  • list.inactiveFocusBackground#28313197
  • list.inactiveFocusOutline#0F0B0D00
  • list.inactiveSelectionBackground#0F1313ae
  • list.inactiveSelectionForeground#B3C1C165
  • list.inactiveSelectionIconForeground#B3C2C265
  • list.invalidItemForeground#CDFBFBce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#191f1ffe
  • listFilterWidget.noMatchesOutline#0F0D0B00
  • listFilterWidget.outline#0B0F0C00
  • listFilterWidget.shadow#0F0B0D00
  • menu.background#0F1313fe
  • menu.border#0E0B0F00
  • menu.foreground#E7ECECae
  • menu.selectionBackground#415342a3
  • menu.selectionBorder#0E0F0B00
  • menu.selectionForeground#19CF19fe
  • menu.separatorBackground#27313265
  • menubar.selectionBackground#405343a2
  • menubar.selectionBorder#0B0C0F00
  • menubar.selectionForeground#4FC24Ffe
  • merge.border#0D1111fe
  • merge.commonContentBackground#191f1ffe
  • merge.commonHeaderBackground#191f1ffe
  • merge.currentContentBackground#00380031
  • merge.currentHeaderBackground#113613fb
  • merge.incomingContentBackground#123514cb
  • merge.incomingHeaderBackground#113613fb
  • mergeEditor.change.background#191f1ffe
  • mergeEditor.change.word.background#191f1ffe
  • mergeEditor.changeBase.background#191f1ffe
  • mergeEditor.changeBase.word.background#191f1ffe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0D1111fe
  • mergeEditor.conflict.handledUnfocused.border#2028282d
  • mergeEditor.conflict.input1.background#0D1111fe
  • mergeEditor.conflict.input2.background#0D1111fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c9
  • mergeEditor.conflict.unhandledFocused.border#0D1111fe
  • mergeEditor.conflict.unhandledUnfocused.border#1C232333
  • mergeEditor.conflictingLines.background#191f1ffe
  • minimap.background#191f1ffe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F7F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#8CCE90fb
  • minimapGutter.deletedBackground#FFA8A8fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#607777fe
  • minimapSlider.background#3A4848ae
  • minimapSlider.hoverBackground#5164646e
  • notebook.cellBorderColor#0D1111fe
  • notebook.cellEditorBackground#191f1ffe
  • notebook.cellHoverBackground#191f1ffe
  • notebook.cellInsertionIndicator#DDD4D8ca
  • notebook.cellStatusBarItemHoverBackground#191f1ffe
  • notebook.cellToolbarSeparator#E2E8E3ca
  • notebook.editorBackground#191f1ffe
  • notebook.focusedCellBackground#191f1ffe
  • notebook.focusedCellBorder#53C753fe
  • notebook.focusedEditorBorder#0D1111fe
  • notebook.inactiveFocusedCellBorder#6B85858e
  • notebook.inactiveSelectedCellBorder#5C72728e
  • notebook.outputContainerBackgroundColor#191f1ffe
  • notebook.outputContainerBorderColor#0D1111fe
  • notebook.selectedCellBackground#191f1ffe
  • notebook.selectedCellBorder#0D1111fe
  • notebook.symbolHighlightBackground#191f1ffe
  • notebookEditorOverviewRuler.runningCellForeground#CDFBFBce
  • notebookScrollbarSlider.activeBackground#6B8585fe
  • notebookScrollbarSlider.background#3E4D4Dae
  • notebookScrollbarSlider.hoverBackground#4D60606e
  • notebookStatusErrorIcon.foreground#FE9BFEce
  • notebookStatusRunningIcon.foreground#DBDDD4fe
  • notebookStatusSuccessIcon.foreground#8CCE8Fcb
  • notificationCenter.border#0D1111fe
  • notificationCenterHeader.background#191f1ffe
  • notificationCenterHeader.foreground#CDFBFBce
  • notificationLink.foreground#CDFBFBce
  • notifications.background#191f1ffe
  • notifications.border#0D1111fe
  • notifications.foreground#CDFBFBce
  • notificationsErrorIcon.foreground#FE9BFEce
  • notificationsInfoIcon.foreground#D9DAE1fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0D1111fe
  • panel.background#191f1ffe
  • panel.border#0D1111fe
  • panel.dropBorder#0D1111fe
  • panelInput.border#0D1111fe
  • panelSection.border#0D1111fe
  • panelSection.dropBackground#191f1ffe
  • panelSectionHeader.background#191f1ffe
  • panelSectionHeader.border#0D1111fe
  • panelSectionHeader.foreground#CDFBFBce
  • panelTitle.activeBorder#0E0F0B00
  • panelTitle.activeForeground#13CE13fe
  • panelTitle.inactiveForeground#46C4C465
  • peekView.border#10D010fe
  • peekViewEditor.background#0D1111fe
  • peekViewEditor.matchHighlightBackground#4F665283
  • peekViewEditor.matchHighlightBorder#0C0E0E00
  • peekViewEditorGutter.background#0D1111fe
  • peekViewEditorStickyScroll.background#191f1ffe
  • peekViewResult.background#0F1313fe
  • peekViewResult.fileForeground#CDFBFBce
  • peekViewResult.lineForeground#CDFBFBce
  • peekViewResult.matchHighlightBackground#5E4A538c
  • peekViewResult.selectionBackground#614B548c
  • peekViewResult.selectionForeground#DDDEE5ca
  • peekViewTitle.background#0F1313fe
  • peekViewTitleDescription.foreground#CDFBFBce
  • peekViewTitleLabel.foreground#CDFBFBce
  • pickerGroup.border#0D1111fe
  • pickerGroup.foreground#CDFBFBce
  • ports.iconRunningProcessForeground#E5DDE0fe
  • problemsErrorIcon.foreground#FE9BFEce
  • problemsInfoIcon.foreground#C6B4FFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#53C753fe
  • profileBadge.foreground#0F1313fe
  • progressBar.background#191f1ffe
  • quickInput.background#0F1313fe
  • quickInput.foreground#F1F3F3ae
  • quickInputList.focusBackground#516464ad
  • quickInputList.focusForeground#18CF18fe
  • quickInputList.focusIconForeground#4BBE4Bfe
  • quickInputTitle.background#0D1111fe
  • sash.hoverBorder#0D1111fe
  • scrollbar.shadow#0B0F0C00
  • scrollbarSlider.activeBackground#678080fe
  • scrollbarSlider.background#3E4D4Dae
  • scrollbarSlider.hoverBackground#4D60606e
  • search.resultsInfoForeground#CDFBFBce
  • searchEditor.findMatchBackground#61544Ba7
  • searchEditor.findMatchBorder#0D1111fe
  • searchEditor.textInputBorder#0D1111fe
  • selection.background#191f1ffe
  • settings.checkboxBackground#0D1111fe
  • settings.checkboxBorder#0D1111fe
  • settings.checkboxForeground#CDFBFBce
  • settings.dropdownBackground#0D1111fe
  • settings.dropdownBorder#0D1111fe
  • settings.dropdownForeground#CDFBFBce
  • settings.dropdownListBorder#0D1111fe
  • settings.focusedRowBackground#5A745D8c
  • settings.focusedRowBorder#0D1111fe
  • settings.headerBorder#0D1111fe
  • settings.headerForeground#CDFBFBce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0D1111fe
  • settings.numberInputBorder#0D1111fe
  • settings.numberInputForeground#CDFBFBce
  • settings.rowHoverBackground#191f1ffe
  • settings.sashBorder#0D1111fe
  • settings.settingsHeaderHoverForeground#4FC24Ffe
  • settings.textInputBackground#0D1111fe
  • settings.textInputBorder#0D1111fe
  • settings.textInputForeground#CDFBFBce
  • sideBar.background#191f1ffe
  • sideBar.border#0D1111fe
  • sideBar.dropBackground#191f1ffe
  • sideBar.foreground#B3C2C2ae
  • sideBarSectionHeader.background#0F0B0D00
  • sideBarSectionHeader.border#0D1111fe
  • sideBarSectionHeader.foreground#CDFBFBce
  • sideBarTitle.foreground#CDFBFBce
  • sideBySideEditor.horizontalBorder#0D1111fe
  • sideBySideEditor.verticalBorder#0D1111fe
  • simpleFindWidget.sashBorder#0D1111fe
  • statusBar.background#0F1313fe
  • statusBar.border#0D1111fe
  • statusBar.debuggingBackground#590059ae
  • statusBar.debuggingBorder#0D1111fe
  • statusBar.debuggingForeground#CDFBFBce
  • statusBar.focusBorder#0B0C0F00
  • statusBar.foreground#B3C2C26e
  • statusBar.noFolderBackground#0F1313fe
  • statusBar.noFolderBorder#0D1111fe
  • statusBar.noFolderForeground#CDFBFBce
  • statusBarItem.activeBackground#0F1313fe
  • statusBarItem.compactHoverBackground#0F1313fe
  • statusBarItem.errorBackground#590059bb
  • statusBarItem.errorForeground#FE9BFEce
  • statusBarItem.errorHoverBackground#590059be
  • statusBarItem.errorHoverForeground#BA00BAce
  • statusBarItem.focusBorder#0B0F0C00
  • statusBarItem.hoverBackground#0F1313fe
  • statusBarItem.hoverForeground#1ACF1Afe
  • statusBarItem.offlineBackground#0F1313fe
  • statusBarItem.offlineForeground#CDFBFBce
  • statusBarItem.offlineHoverBackground#0F1313fe
  • statusBarItem.offlineHoverForeground#4FC24Ffe
  • statusBarItem.prominentBackground#0F1313fe
  • statusBarItem.prominentForeground#CDFBFBce
  • statusBarItem.prominentHoverBackground#0F1313fe
  • statusBarItem.prominentHoverForeground#1ACF1Afe
  • statusBarItem.remoteBackground#4FC24Ffe
  • statusBarItem.remoteForeground#0F1313fe
  • statusBarItem.remoteHoverBackground#0F1313fe
  • statusBarItem.remoteHoverForeground#47BA47fe
  • statusBarItem.warningBackground#382E00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#382E00fe
  • statusBarItem.warningHoverForeground#D5B000ce
  • symbolIcon.arrayForeground#D9DAE1fe
  • symbolIcon.booleanForeground#00D6D6ce
  • symbolIcon.classForeground#D7DACFfe
  • symbolIcon.colorForeground#CAD6CCfe
  • symbolIcon.constantForeground#BDCACAfe
  • symbolIcon.constructorForeground#D2C6CBfe
  • symbolIcon.enumeratorForeground#D3D6CAfe
  • symbolIcon.enumeratorMemberForeground#C6C7D2fe
  • symbolIcon.eventForeground#CBC1CFfe
  • symbolIcon.fieldForeground#D3D6CAfe
  • symbolIcon.fileForeground#D3CAD6fe
  • symbolIcon.folderForeground#B4C2C2fe
  • symbolIcon.functionForeground#C6D2C7fe
  • symbolIcon.interfaceForeground#CBC2BCfe
  • symbolIcon.keyForeground#BCBECBfe
  • symbolIcon.keywordForeground#CABBC1fe
  • symbolIcon.methodForeground#D4DDD5fe
  • symbolIcon.moduleForeground#CFD2C6fe
  • symbolIcon.namespaceForeground#DDE5DEfe
  • symbolIcon.nullForeground#DFD9E1fe
  • symbolIcon.numberForeground#CACCD6fe
  • symbolIcon.objectForeground#CFC6D2fe
  • symbolIcon.operatorForeground#D5DDDDfe
  • symbolIcon.packageForeground#C7D1D1fe
  • symbolIcon.propertyForeground#E2E8E3fe
  • symbolIcon.referenceForeground#CAD6CCfe
  • symbolIcon.snippetForeground#DBDDD4fe
  • symbolIcon.stringForeground#D5DDDDfe
  • symbolIcon.structForeground#CBC2BCfe
  • symbolIcon.textForeground#DACFD4fe
  • symbolIcon.typeParameterForeground#C7BEB7fe
  • symbolIcon.unitForeground#CFD2C6fe
  • symbolIcon.variableForeground#D2CBC6fe
  • tab.activeBackground#111515fe
  • tab.activeBorder#0C0E0E00
  • tab.activeBorderTop#10D010fe
  • tab.activeForeground#09CE09fe
  • tab.activeModifiedBorder#382F00ce
  • tab.border#0F0B0D00
  • tab.hoverBackground#B3C4B5ac
  • tab.hoverBorder#0D1111fe
  • tab.hoverForeground#19CF19fe
  • tab.inactiveBackground#14343491
  • tab.inactiveForeground#46C4C465
  • tab.inactiveModifiedBorder#382F00ce
  • tab.lastPinnedBorder#0D1111fe
  • tab.unfocusedActiveBackground#1C23232a
  • tab.unfocusedActiveBorder#0E0F0B00
  • tab.unfocusedActiveBorderTop#26313165
  • tab.unfocusedActiveForeground#46C4C465
  • tab.unfocusedActiveModifiedBorder#382F00ce
  • tab.unfocusedHoverBackground#B3C2C22f
  • tab.unfocusedHoverBorder#2028282e
  • tab.unfocusedHoverForeground#9DB0B065
  • tab.unfocusedInactiveBackground#2F3A3A95
  • tab.unfocusedInactiveForeground#9DB0B065
  • tab.unfocusedInactiveModifiedBorder#382F00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#3333339e
  • 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#670067bf
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececebc
  • terminal.ansiYellow#c4a200fe
  • terminal.background#191f1ffe
  • terminal.border#0D1111fe
  • terminal.dropBackground#191f1ffe
  • terminal.findMatchBackground#191f1ffe
  • terminal.findMatchBorder#0D1111fe
  • terminal.findMatchHighlightBackground#191f1ffe
  • terminal.findMatchHighlightBorder#0D1111fe
  • terminal.foreground#B3C2C2ae
  • terminal.hoverHighlightBackground#191f1ffe
  • terminal.inactiveSelectionBackground#2F3A3A93
  • terminal.selectionBackground#574C438b
  • terminal.selectionForeground#E8E5E2ca
  • terminal.tab.activeBorder#19CE19fe
  • terminalCommandDecoration.defaultBackground#C6BBCAab
  • terminalCommandDecoration.errorBackground#FFA7A7cb
  • terminalCommandDecoration.successBackground#8CCE8Fcb
  • terminalCursor.background#191f1ffe
  • terminalCursor.foreground#4FC24Ffe
  • terminalOverviewRuler.cursorForeground#CDFBFBce
  • terminalOverviewRuler.findMatchForeground#00D6D6ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a9
  • testing.iconUnset#808080a9
  • testing.message.error.decorationForeground#6AD96Afe
  • testing.message.error.lineBackground#59005999
  • testing.message.info.decorationForeground#75D475fe
  • testing.message.info.lineBackground#0000A9fe
  • testing.peekBorder#0D1111fe
  • testing.peekHeaderBackground#191f1ffe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#191f1ffe
  • textBlockQuote.border#0D1111fe
  • textCodeBlock.background#191f1ffe
  • textLink.activeForeground#4BBE4Bfe
  • textLink.foreground#C6B4FFce
  • textPreformat.foreground#CDFBFBce
  • textSeparator.foreground#CDFBFBce
  • titleBar.activeBackground#0F1313fe
  • titleBar.activeForeground#76BFBFae
  • titleBar.border#0E0F0B00
  • titleBar.inactiveBackground#1C2323d6
  • titleBar.inactiveForeground#3DC5C565
  • toolbar.activeBackground#2133238d
  • toolbar.hoverBackground#191f1ffe
  • toolbar.hoverOutline#0B0F0C00
  • tree.inactiveIndentGuidesStroke#BBC0AE35
  • tree.indentGuidesStroke#75D475fe
  • tree.tableColumnsBorder#0D1111fe
  • tree.tableOddRowsBackground#191f1ffe
  • walkThrough.embeddedEditorBackground#191f1ffe
  • walkthrough.stepTitle.foreground#CDFBFBce
  • welcomePage.background#191f1ffe
  • welcomePage.progress.background#191f1ffe
  • welcomePage.progress.foreground#CDFBFBce
  • welcomePage.tileBackground#191f1ffe
  • welcomePage.tileBorder#0D1111fe
  • welcomePage.tileHoverBackground#191f1ffe
  • widget.border#0D1111fe
  • widget.shadow#0F0D0B00
  • window.activeBorder#0D1111fe
  • window.inactiveBorder#1434349c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#83D6D66e
comment.block.html#86D5D56e
comment.block.java#7ED6D66e
comment.block.javadoc.java#7CD6D66e
comment.block.powershell#86D5D56e
comment.block.xml#7CD6D66e
comment.line.double-slash.c#83D6D66e
comment.line.double-slash.cpp#83D6D66e
comment.line.double-slash.java#83D6D66e
comment.line.double-slash.js#86D5D56e
comment.line.number-sign.makefile#7CD6D66e
comment.line.number-sign.python#83D6D66e
comment.line.number-sign.yaml#7ED6D66e
comment.line.percentage.erlang#86D5D56e
comment.line.powershell#86D5D56e
comment.source.cmake#86D5D56e
comment.source.cmakecache#86D5D56e
constant.character#FEB5B5de
constant.character.character-class.regexp#1AE71Ade
constant.character.escape#FEB4B4de
constant.character.set.regexp#A8A8A8de
constant.language#19E719de
constant.numeric#19E719de
constant.numeric.dec.python#19E719de
constant.other.caps.python#0DE70Dde
constant.other.character-class.regexp#E89191de
constant.other.character-class.set.regexp#E89191de
constant.other.color.rgb-value#A1A1EDde
constant.other.placeholder#ABABF5de
constant.other.rgb-value#0DE70Dde
constant.regexp#A1A1EBde
constant.sha.git-rebase#ED9191de
emphasis#F29E9Ede
entity.name.class#A1A1EBde
entity.name.function#C8C8C8de
entity.name.function.preprocessor#ABABF5de
entity.name.function.python#0FE80Fde
entity.name.label#A1A1EDde
entity.name.namespace#AAAAAAde
entity.name.operator#F5ABABde
entity.name.operator.custom-literal#A0A0F2de
entity.name.scope-resolution#F29E9Ede
entity.name.tag#14E714de
entity.name.tag.css#C0C0FAde
entity.name.type#BCBCBCde
entity.name.variable#A1A1EEde
entity.other.attribute#C2C2FEde
entity.other.attribute-name#EA8F8Fde
entity.other.attribute-name.class.css#13E613de
entity.other.attribute-name.class.mixin.css#EB8F8Fde
entity.other.attribute-name.id#E89191de
entity.other.attribute-name.id.css#F5ABABde
entity.other.attribute-name.parent-selector.css#BCBCBCde
entity.other.attribute-name.pseudo-class.css#18E718de
entity.other.attribute-name.pseudo-element.css#F5ABABde
entity.other.attribute-name.scss#A1A1F0de
entity.other.document.begin.yaml#7ED6D66e
entity.other.inherited-class#BEBEFEde
header#19E719de
invalid#A1A1EEde
keyword#A1A1EDde
keyword.codetag.notation.python#A0A0F2de
keyword.control#19E719de
keyword.control.anchor.regexp#F5ABABde
keyword.control.import.python#A1A1ECde
keyword.operator#E89191de
keyword.operator.alignas#C8C8C8de
keyword.operator.alignof#13E613de
keyword.operator.cast#B2B2F7de
keyword.operator.delete#19E719de
keyword.operator.documentation.powershell#83D6D66e
keyword.operator.expression#C5C5C5de
keyword.operator.instanceof#18E718de
keyword.operator.logical.python#18E718de
keyword.operator.minus.exponent#A1A1ECde
keyword.operator.negation.regexp#A8A8A8de
keyword.operator.new#0EE80Ede
keyword.operator.noexcept#FEADADde
keyword.operator.or.regexp#1AE71Ade
keyword.operator.plus.exponent#1AE71Ade
keyword.operator.quantifier.regexp#C0C0FAde
keyword.operator.sizeof#B9B9F8de
keyword.operator.typeid#E69191de
keyword.operator.wordlike#F29E9Ede
keyword.other.operator#E89191de
keyword.other.package.java#F7B2B2de
keyword.other.unit#17E717de
keyword.other.using#B9B9F8de
markup.bold#1AE71Ade
markup.changed#0FE80Fde
markup.deleted#FEB5B5de
markup.fenced_code.block.markdown#B9B9F8de
markup.heading#A1A1EEde
markup.inline.raw#F7B2B2de
markup.inserted#A4A4F3de
markup.italic#13E613de
markup.raw.block.markdown#A1A1F0de
markup.strikethrough#A1A1ECde
markup.underline#EF9898de
meta.block.c#18E718de
meta.block.c#B9B9F8de
meta.class.java#C8C8C8de
meta.definition.variable.name#FEB5B5de
meta.diff.header#1AE71Ade
meta.embedded#0FE80Fde
meta.embedded.assembly#E69191de
meta.function-call.arguments.python#16E716de
meta.function-call.python#C0C0C0de
meta.member.access.python#C0C0FAde
meta.method.java#C8C8C8de
meta.object-literal.key#FEB5B5de
meta.paragraph.markdown#EA8F8Fde
meta.preprocessor#16E716de
meta.preprocessor.numeric#AAAAAAde
meta.preprocessor.string#E69191de
meta.scope.prerequisites.makefile#A1A1EEde
meta.structure.dictionary.json.comments#7ED6D66e
meta.structure.dictionary.key.python#C2C2FEde
meta.structure.dictionary.value.json.comments#86D5D56e
meta.template.expression#EB8F8Fde
meta.type.cast.expr#A2A2EAde
meta.type.new.expr#E89191de
parameter#FEADADde
punctuation.character.set.begin.regexp#ABABF5de
punctuation.character.set.end.regexp#19E719de
punctuation.definition.array.begin.json#15E715de
punctuation.definition.character-class.regexp#A2A2EAde
punctuation.definition.comment#7CD6D66e
punctuation.definition.comment.json.comments#83D6D66e
punctuation.definition.comment.python#7ED6D66e
punctuation.definition.dictionary.begin.json#A1A1EEde
punctuation.definition.dictionary.end.json#FEB4B4de
punctuation.definition.group.assertion.regexp#0FE80Fde
punctuation.definition.group.regexp#19E719de
punctuation.definition.list.begin.json#F7B2B2de
punctuation.definition.list.begin.markdown#EB8F8Fde
punctuation.definition.list.begin.python#B2B2F7de
punctuation.definition.list.end.json#EF9898de
punctuation.definition.list.end.markdown#EF9898de
punctuation.definition.list.end.python#FEB5B5de
punctuation.definition.parameters.begin.python#A1A1EBde
punctuation.definition.parameters.end.bracket.round.java#1AE71Ade
punctuation.definition.quote.begin.markdown#A1A1EFde
punctuation.definition.tag#A0A0F2de
punctuation.definition.template-expression.begin#0DE70Dde
punctuation.definition.template-expression.end#C2C2FEde
punctuation.section.class.begin.bracket.curly.java#F5ABABde
punctuation.section.embedded#EF9898de
punctuation.section.embedded.begin.php#C8C8C8de
punctuation.section.embedded.end.php#15E715de
punctuation.terminator.java#EF9898de
source.cmake#B2B2F7de
source.coffee.embedded#C2C2FEde
source.cpp#F3A4A4de
source.css.less#19E719de
source.groovy.embedded#BEBEFEde
source.java#E99090de
source.java-properties#14E714de
source.json.comments#86D5D56e
source.makefile#FEADADde
source.powershell#14E714de
source.powershell.variable.other.member#F29E9Ede
source.python#EA8F8Fde
storage#13E613de
storage.modifier#F5ABABde
storage.modifier.import.java#F3A4A4de
storage.modifier.package.java#C8C8C8de
storage.type#F7B2B2de
storage.type.annotation.groovy#E99090de
storage.type.annotation.java#15E715de
storage.type.boolean.go#E99090de
storage.type.byte.go#19E719de
storage.type.cs#15E715de
storage.type.error.go#17E717de
storage.type.generic.cs#F7B2B2de
storage.type.generic.groovy#A8A8A8de
storage.type.generic.java#16E716de
storage.type.groovy#C8C8C8de
storage.type.java#1AE71Ade
storage.type.modifier.cs#AFAFAFde
storage.type.numeric.go#B7B7B7de
storage.type.object.array.groovy#A4A4F3de
storage.type.object.array.java#E99090de
storage.type.parameters.groovy#ED9191de
storage.type.primitive.array.groovy#AFAFAFde
storage.type.primitive.array.java#A2A2EAde
storage.type.primitive.groovy#F3A4A4de
storage.type.primitive.java#F3A4A4de
storage.type.rune.go#C8C8C8de
storage.type.string.go#13E613de
storage.type.token.java#15E715de
storage.type.uintptr.go#A1A1EEde
storage.type.variable.cs#18E718de
string#EB8F8Fde
string.quoted.docstring.multi.python#86D5D56e
string.regexp#FEB5B5de
string.tag#C8C8C8de
string.value#13E613de
strong#1AE71Ade
support.class#EF9898de
support.constant.color#C8C8C8de
support.constant.dom#1AE71Ade
support.constant.font-name#E99090de
support.constant.handlebars#E99090de
support.constant.json#0EE80Ede
support.constant.math#0FE80Fde
support.constant.media#A1A1EBde
support.constant.media-type#C0C0FAde
support.constant.property-value#0EE80Ede
support.function#18E718de
support.function.git-rebase#A4A4F3de
support.other.parenthesis.regexp#FEB4B4de
support.type#E89191de
support.type.property-name#AFAFAFde
support.type.vendored.property-name#E89191de
support.variable#0EE80Ede
token.debug-token#A1A1F0de
token.error-token#A1A1ECde
token.info-token#FEB5B5de
token.warn-token#C6C6C6de
variable#19E719de
variable.css#A1A1ECde
variable.language#A8A8A8de
variable.language.wildcard.java#13E613de
variable.other.constant#B3B3B3de
variable.other.definition.java#F3A4A4de
variable.other.enummember#B3B3B3de
variable.other.less#EB8F8Fde
variable.other.object.java#A1A1F0de
variable.other.object.property.java#19E719de
variable.parameter.c#C0C0FAde
variable.parameter.function.language.python#14E714de
variable.parameter.java#B7B7B7de
variable.scss#A1A1ECde