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#1f1a17fe
  • activityBar.activeBackground#1f1a17fe
  • activityBar.activeBorder#FD9191fe
  • activityBar.activeFocusBorder#556D5500
  • activityBar.background#13100Efe
  • activityBar.border#556D6D00
  • activityBar.dropBorder#FD9292fe
  • activityBar.foreground#EB8D8Dfe
  • activityBar.inactiveForeground#F8995C65
  • activityBarBadge.background#C85656fe
  • activityBarBadge.foreground#13100Efe
  • badge.background#BF4E4Efe
  • badge.foreground#13100Efe
  • banner.background#1f1a17fe
  • banner.foreground#FDECDAce
  • banner.iconForeground#BFD0BFfe
  • breadcrumb.activeSelectionForeground#DED7D3ca
  • breadcrumb.background#151210fe
  • breadcrumb.focusForeground#C85656fe
  • breadcrumb.foreground#FEE7E0ae
  • breadcrumbPicker.background#1f1a17fe
  • button.background#54463Eae
  • button.border#0E0C0B00
  • button.foreground#FDECDAce
  • button.hoverBackground#67564C6e
  • button.secondaryBackground#1f1a17fe
  • button.secondaryForeground#FDECDAce
  • button.secondaryHoverBackground#1f1a17fe
  • button.separator#0B0E0E00
  • charts.blue#1b1bfffe
  • charts.foreground#FDECDAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#6700679c
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#110E0Cfe
  • chat.slashCommandBackground#1f1a17fe
  • chat.slashCommandForeground#FDECDAce
  • checkbox.background#110E0Cfe
  • checkbox.border#110E0Cfe
  • checkbox.foreground#FDECDAce
  • checkbox.selectBackground#110E0Cfe
  • checkbox.selectBorder#110E0Cfe
  • commandCenter.activeBackground#202E2082
  • commandCenter.activeBorder#110E0Cfe
  • commandCenter.activeForeground#D36363fe
  • commandCenter.background#1f1a17fe
  • commandCenter.border#110E0Cfe
  • commandCenter.foreground#FDECDAce
  • commandCenter.inactiveBorder#2D26219d
  • commandCenter.inactiveForeground#F6996065
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0D0E0B00
  • contrastBorder#0B0E0E00
  • debugConsole.errorForeground#FF95FEce
  • debugConsole.infoForeground#FDECDAce
  • debugConsole.sourceForeground#FDECDAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D7CEC9fe
  • debugExceptionWidget.background#520052c3
  • debugExceptionWidget.border#110E0Cfe
  • debugIcon.breakpointCurrentStackframeForeground#C6B9B2fe
  • debugIcon.breakpointDisabledForeground#C6BAB265
  • debugIcon.breakpointForeground#CAB7C0fe
  • debugIcon.breakpointStackframeForeground#DBDED3fe
  • debugIcon.breakpointUnverifiedForeground#D3D7C9fe
  • debugIcon.continueForeground#DED7D3fe
  • debugIcon.disconnectForeground#C9BDB6fe
  • debugIcon.pauseForeground#C6B9B2fe
  • debugIcon.restartForeground#CEDBCEfe
  • debugIcon.startForeground#C2B8CAfe
  • debugIcon.stepBackForeground#CEDBD9fe
  • debugIcon.stepIntoForeground#CCBBC3fe
  • debugIcon.stepOutForeground#C0C5B1fe
  • debugIcon.stepOverForeground#D3D4DEfe
  • debugIcon.stopForeground#E2D8DDfe
  • debugTokenExpression.boolean#DDDEE5ca
  • debugTokenExpression.error#DFE2D8ca
  • debugTokenExpression.name#DED7D3ca
  • debugTokenExpression.number#D2C9D7ca
  • debugTokenExpression.value#CEDBCEca
  • debugToolBar.background#520052c7
  • debugToolBar.border#110E0Cfe
  • debugView.exceptionLabelBackground#362820ca
  • debugView.exceptionLabelForeground#C9D7C9ca
  • debugView.stateLabelBackground#1C2D2Bca
  • debugView.stateLabelForeground#C9D7D5ca
  • debugView.valueChangedHighlight#D7DBCEca
  • descriptionForeground#FDECDAce
  • diffEditor.border#0B0E0B00
  • diffEditor.diagonalFill#000000fb
  • diffEditor.insertedLineBackground#00300031
  • diffEditor.insertedTextBackground#113112fb
  • diffEditor.insertedTextBorder#0E0C0B00
  • diffEditor.move.border#0B0E0B00
  • diffEditor.moveActive.border#0B0E0B00
  • diffEditor.removedLineBackground#5D000031
  • diffEditor.removedTextBackground#5D0000fb
  • diffEditor.removedTextBorder#0B0E0B00
  • diffEditor.unchangedCodeBackground#1f1a17fe
  • diffEditor.unchangedRegionBackground#1f1a17fe
  • diffEditor.unchangedRegionForeground#FDECDAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#C6BAB265
  • dropdown.background#110E0Cfe
  • dropdown.border#110E0Cfe
  • dropdown.foreground#FDECDAce
  • dropdown.listBackground#110E0Cfe
  • editor.background#1f1a17fe
  • editor.findMatchBackground#5E4551ac
  • editor.findMatchBorder#110E0Cfe
  • editor.findMatchHighlightBackground#494C62aa
  • editor.findMatchHighlightBorder#110E0Cfe
  • editor.findRangeHighlightBackground#4A4F3Aa9
  • editor.findRangeHighlightBorder#110E0Cfe
  • editor.focusedStackFrameHighlightBackground#3D523D86
  • editor.foldBackground#C9B7C0a4
  • editor.foreground#FDECDAce
  • editor.hoverHighlightBackground#474B61aa
  • editor.inactiveSelectionBackground#584A4292
  • editor.inlineValuesBackground#1f1a17fe
  • editor.inlineValuesForeground#FDECDAce
  • editor.lineHighlightBackground#372E28b4
  • editor.lineHighlightBorder#0B0E0B00
  • editor.linkedEditingBackground#1f1a17fe
  • editor.rangeHighlightBackground#5E4551aa
  • editor.rangeHighlightBorder#110E0Cfe
  • editor.selectionBackground#5F4553aa
  • editor.selectionForeground#D8E2E0ca
  • editor.selectionHighlightBackground#3D523D85
  • editor.selectionHighlightBorder#110E0Cfe
  • editor.snippetFinalTabstopHighlightBackground#4A4F3Bab
  • editor.snippetFinalTabstopHighlightBorder#110E0Cfe
  • editor.snippetTabstopHighlightBackground#4E543Ea7
  • editor.snippetTabstopHighlightBorder#110E0Cfe
  • editor.stackFrameHighlightBackground#5E4651aa
  • editor.symbolHighlightBackground#455E5Aa4
  • editor.symbolHighlightBorder#110E0Cfe
  • editor.wordHighlightBackground#455E5Aa6
  • editor.wordHighlightBorder#0E0B0D00
  • editor.wordHighlightStrongBackground#624956a6
  • editor.wordHighlightStrongBorder#0E0C0B00
  • editor.wordHighlightTextBackground#3E543Ea3
  • editor.wordHighlightTextBorder#0D0B0E00
  • editorBracketHighlight.foreground1#F7F6F5ce
  • editorBracketHighlight.foreground2#F7F6F5ce
  • editorBracketHighlight.foreground3#F7F6F5ce
  • editorBracketHighlight.foreground4#F7F6F5ce
  • editorBracketHighlight.foreground5#F7F6F5ce
  • editorBracketHighlight.foreground6#F7F6F5ce
  • editorBracketHighlight.unexpectedBracket.foreground#FDECDAce
  • editorBracketMatch.background#ADC2ADa3
  • editorBracketMatch.border#110E0Cfe
  • editorBracketPairGuide.activeBackground1#ACC2AC84
  • editorBracketPairGuide.activeBackground2#BBBDCC8b
  • editorBracketPairGuide.activeBackground3#CBB8C18c
  • editorBracketPairGuide.activeBackground4#B9BEA78a
  • editorBracketPairGuide.activeBackground5#ACC2AC83
  • editorBracketPairGuide.activeBackground6#C3B8CB82
  • editorBracketPairGuide.background1#1C2D2Bfe
  • editorBracketPairGuide.background2#372720fe
  • editorBracketPairGuide.background3#242945fe
  • editorBracketPairGuide.background4#1B2E2Cfe
  • editorBracketPairGuide.background5#3B232Ffe
  • editorBracketPairGuide.background6#3D2130fe
  • editorCodeLens.foreground#C6BAB26e
  • editorCommentsWidget.rangeActiveBackground#C6BAB3fe
  • editorCommentsWidget.rangeBackground#1f1a17fe
  • editorCommentsWidget.resolvedBorder#110E0Cfe
  • editorCommentsWidget.unresolvedBorder#5C0000cb
  • editorCursor.background#1f1a17fe
  • editorCursor.foreground#D36363fe
  • editorError.background#0D0B0E00
  • editorError.border#0B0B0E00
  • editorError.foreground#FF95FEce
  • editorGhostText.background#1f1a17fe
  • editorGhostText.border#0D0B0E00
  • editorGhostText.foreground#C6BAB36e
  • editorGroup.border#110E0Cfe
  • editorGroup.dropBackground#1f1a17fe
  • editorGroup.dropIntoPromptBackground#1f1a17fe
  • editorGroup.dropIntoPromptBorder#110E0Cfe
  • editorGroup.dropIntoPromptForeground#FDECDAce
  • editorGroup.emptyBackground#1f1a17fe
  • editorGroup.focusedEmptyBorder#110E0Cfe
  • editorGroupHeader.border#0B0E0B00
  • editorGroupHeader.noTabsBackground#13100Eae
  • editorGroupHeader.tabsBackground#1E1916a1
  • editorGroupHeader.tabsBorder#0D0B0E00
  • editorGutter.addedBackground#88CC8Bfb
  • editorGutter.background#1f1a17fe
  • editorGutter.commentGlyphForeground#FDECDAce
  • editorGutter.commentRangeForeground#FDECDAce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FEA4A4cb
  • editorGutter.foldingControlForeground#FDECDAce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0B0E0B00
  • editorHint.foreground#C3B0FFce
  • editorHoverWidget.background#110E0Cfe
  • editorHoverWidget.border#110E0Cfe
  • editorHoverWidget.foreground#FDECDAce
  • editorHoverWidget.highlightForeground#CED0DBca
  • editorHoverWidget.statusBarBackground#1f1a17fe
  • editorIndentGuide.activeBackground1#FD9191fe
  • editorIndentGuide.activeBackground2#F09999fe
  • editorIndentGuide.activeBackground3#FD9191fe
  • editorIndentGuide.activeBackground4#EE9393fe
  • editorIndentGuide.activeBackground5#FE8F8Ffe
  • editorIndentGuide.activeBackground6#FD9191fe
  • editorIndentGuide.background1#A8AF9435
  • editorIndentGuide.background2#9EB7B335
  • editorIndentGuide.background3#A7AABE35
  • editorIndentGuide.background4#9985A535
  • editorIndentGuide.background5#A88A9935
  • editorIndentGuide.background6#AF94A235
  • editorInfo.background#0E0C0B00
  • editorInfo.border#0B0E0B00
  • editorInfo.foreground#C3B0FFce
  • editorInlayHint.background#1f1a17fe
  • editorInlayHint.foreground#FDECDAce
  • editorInlayHint.parameterBackground#1f1a17fe
  • editorInlayHint.parameterForeground#FDECDAce
  • editorInlayHint.typeBackground#1f1a17fe
  • editorInlayHint.typeForeground#FDECDAce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#CC5A5Afe
  • editorLineNumber.dimmedForeground#C6B9B26e
  • editorLineNumber.foreground#C6BAB26e
  • editorLink.activeForeground#BF4E4Efe
  • editorMarkerNavigation.background#110E0Cfe
  • editorMarkerNavigationError.background#520052b0
  • editorMarkerNavigationError.headerBackground#520052ab
  • editorMarkerNavigationInfo.background#00009Cfe
  • editorMarkerNavigationInfo.headerBackground#00009Cfe
  • editorMarkerNavigationWarning.background#332A00fe
  • editorMarkerNavigationWarning.headerBackground#332A00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1f1a17fe
  • editorOverviewRuler.border#412312fe
  • editorOverviewRuler.bracketMatchForeground#FDECDAce
  • editorOverviewRuler.commentForeground#C6B9B26e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#FDECDAce
  • editorOverviewRuler.currentContentForeground#cececec5
  • editorOverviewRuler.deletedForeground#FEA4A4cb
  • editorOverviewRuler.errorForeground#FF95FEce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C3B0FFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E2D8DDca
  • editorOverviewRuler.selectionHighlightForeground#C3B0FFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#CEDBCEca
  • editorOverviewRuler.wordHighlightStrongForeground#FDECDAce
  • editorOverviewRuler.wordHighlightTextForeground#FDECDAce
  • editorPane.background#1f1a17fe
  • editorRuler.foreground#C5BAB13d
  • editorStickyScroll.background#1f1a17fe
  • editorStickyScrollHover.background#39261A6e
  • editorSuggestWidget.background#110E0Cfe
  • editorSuggestWidget.border#0D0B0E00
  • editorSuggestWidget.focusHighlightForeground#E9A06Ffe
  • editorSuggestWidget.foreground#D2C9D7fe
  • editorSuggestWidget.highlightForeground#D6CEDBca
  • editorSuggestWidget.selectedBackground#57476088
  • editorSuggestWidget.selectedForeground#D7CEC9ca
  • editorSuggestWidget.selectedIconForeground#D7DBCEca
  • editorSuggestWidgetStatus.foreground#DDE5E4fe
  • editorUnicodeHighlight.background#54716Dac
  • editorUnicodeHighlight.border#110E0Cfe
  • editorUnnecessaryCode.border#312800ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0B0E0E00
  • editorWarning.border#0B0E0B00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#FDECDAce
  • editorWidget.background#110E0Cfe
  • editorWidget.border#110E0Cfe
  • editorWidget.foreground#FDECDAce
  • editorWidget.resizeBorder#110E0Cfe
  • errorForeground#FF95FEce
  • extensionBadge.remoteBackground#CF5F5Ffe
  • extensionBadge.remoteForeground#13100Efe
  • extensionButton.background#39271Dae
  • extensionButton.foreground#FDECDAce
  • extensionButton.hoverBackground#3528216e
  • extensionButton.prominentBackground#1f1a17fe
  • extensionButton.prominentForeground#FDECDAce
  • extensionButton.prominentHoverBackground#1f1a17fe
  • extensionButton.separator#0E0C0B00
  • extensionIcon.preReleaseForeground#D0D3C4fe
  • extensionIcon.sponsorForeground#C4D3C4fe
  • extensionIcon.starForeground#CEDBCEfe
  • extensionIcon.verifiedForeground#DBCED4fe
  • focusBorder#0D0E0B00
  • foreground#FDECDAce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FEA4A4cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C3B0FFce
  • gitDecoration.stageDeletedResourceForeground#FEA4A4cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#C6B9B2ae
  • inlineChat.background#362341ca
  • inlineChat.border#1C2D2Bca
  • inlineChat.regionHighlight#E2D8DDca
  • inlineChat.shadow#D3DED3ca
  • inlineChatDiff.inserted#E2DBD8ca
  • inlineChatDiff.removed#E2DDE5ca
  • inlineChatInput.background#E3E5DDca
  • inlineChatInput.border#352821ca
  • inlineChatInput.focusBorder#0E0B0D00
  • inlineChatInput.placeholderForeground#E2D8DDca
  • input.background#110E0Cfe
  • input.border#110E0Cfe
  • input.foreground#FDECDAce
  • input.placeholderForeground#C6B9B265
  • inputOption.activeBackground#110E0Cfe
  • inputOption.activeBorder#110E0Cfe
  • inputOption.activeForeground#DA6D6Dfe
  • inputOption.hoverBackground#110E0Cfe
  • inputValidation.errorBackground#670067aa
  • inputValidation.errorBorder#520052a3
  • inputValidation.errorForeground#FF95FEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#110E0Cfe
  • inputValidation.infoForeground#FDECDAce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#110E0Cfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#110E0Cfe
  • interactive.inactiveCodeBorder#44220A96
  • keybindingLabel.background#1f1a17fe
  • keybindingLabel.border#110E0Cfe
  • keybindingLabel.bottomBorder#110E0Cfe
  • keybindingLabel.foreground#FDECDAce
  • keybindingTable.headerBackground#1f1a17fe
  • keybindingTable.rowsBackground#1f1a17fe
  • list.activeSelectionBackground#4C674C8e
  • list.activeSelectionForeground#E5E0DDca
  • list.activeSelectionIconForeground#DBD3CEca
  • list.deemphasizedForeground#FDECDAce
  • list.dropBackground#1f1a17fe
  • list.errorForeground#FF95FEce
  • list.filterMatchBackground#1f1a17fe
  • list.filterMatchBorder#110E0Cfe
  • list.focusAndSelectionOutline#0B0E0B00
  • list.focusBackground#584A4097
  • list.focusForeground#BB4A4Afe
  • list.focusHighlightForeground#59C0B2fe
  • list.focusOutline#0B0E0E00
  • list.highlightForeground#CEDBCEca
  • list.hoverBackground#5A0131a3
  • list.hoverForeground#CC5A5Afe
  • list.inactiveFocusBackground#372E289e
  • list.inactiveFocusOutline#0D0E0B00
  • list.inactiveSelectionBackground#13100Eae
  • list.inactiveSelectionForeground#C6BAB365
  • list.inactiveSelectionIconForeground#C6BAB265
  • list.invalidItemForeground#FDECDAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1f1a17fe
  • listFilterWidget.noMatchesOutline#0B0E0E00
  • listFilterWidget.outline#0E0C0B00
  • listFilterWidget.shadow#0D0E0B00
  • menu.background#13100Efe
  • menu.border#0E0C0B00
  • menu.foreground#E9E4E1ae
  • menu.selectionBackground#5E4552ac
  • menu.selectionBorder#0E0B0D00
  • menu.selectionForeground#C35252fe
  • menu.separatorBackground#32292465
  • menubar.selectionBackground#5E4552a4
  • menubar.selectionBorder#0D0B0E00
  • menubar.selectionForeground#BF4E4Efe
  • merge.border#110E0Cfe
  • merge.commonContentBackground#1f1a17fe
  • merge.commonHeaderBackground#1f1a17fe
  • merge.currentContentBackground#00300031
  • merge.currentHeaderBackground#113112fb
  • merge.incomingContentBackground#113012cb
  • merge.incomingHeaderBackground#113112fb
  • mergeEditor.change.background#1f1a17fe
  • mergeEditor.change.word.background#1f1a17fe
  • mergeEditor.changeBase.background#1f1a17fe
  • mergeEditor.changeBase.word.background#1f1a17fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#110E0Cfe
  • mergeEditor.conflict.handledUnfocused.border#231E1A23
  • mergeEditor.conflict.input1.background#110E0Cfe
  • mergeEditor.conflict.input2.background#110E0Cfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067bd
  • mergeEditor.conflict.unhandledFocused.border#110E0Cfe
  • mergeEditor.conflict.unhandledUnfocused.border#231E1A35
  • mergeEditor.conflictingLines.background#1f1a17fe
  • minimap.background#1f1a17fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F7F6F5ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#88CC8Bfb
  • minimapGutter.deletedBackground#FFA5A5fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#846F62fe
  • minimapSlider.background#4F423Aae
  • minimapSlider.hoverBackground#6C5B506e
  • notebook.cellBorderColor#110E0Cfe
  • notebook.cellEditorBackground#1f1a17fe
  • notebook.cellHoverBackground#1f1a17fe
  • notebook.cellInsertionIndicator#DBDED3ca
  • notebook.cellStatusBarItemHoverBackground#1f1a17fe
  • notebook.cellToolbarSeparator#E3E5DDca
  • notebook.editorBackground#1f1a17fe
  • notebook.focusedCellBackground#1f1a17fe
  • notebook.focusedCellBorder#C85656fe
  • notebook.focusedEditorBorder#110E0Cfe
  • notebook.inactiveFocusedCellBorder#8973668e
  • notebook.inactiveSelectedCellBorder#846F628e
  • notebook.outputContainerBackgroundColor#1f1a17fe
  • notebook.outputContainerBorderColor#110E0Cfe
  • notebook.selectedCellBackground#1f1a17fe
  • notebook.selectedCellBorder#110E0Cfe
  • notebook.symbolHighlightBackground#1f1a17fe
  • notebookEditorOverviewRuler.runningCellForeground#FDECDAce
  • notebookScrollbarSlider.activeBackground#897366fe
  • notebookScrollbarSlider.background#594A42ae
  • notebookScrollbarSlider.hoverBackground#715F546e
  • notebookStatusErrorIcon.foreground#FF95FEce
  • notebookStatusRunningIcon.foreground#D3C4CCfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#110E0Cfe
  • notificationCenterHeader.background#1f1a17fe
  • notificationCenterHeader.foreground#FDECDAce
  • notificationLink.foreground#FDECDAce
  • notifications.background#1f1a17fe
  • notifications.border#110E0Cfe
  • notifications.foreground#FDECDAce
  • notificationsErrorIcon.foreground#FF95FEce
  • notificationsInfoIcon.foreground#CED0DBfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#110E0Cfe
  • panel.background#1f1a17fe
  • panel.border#110E0Cfe
  • panel.dropBorder#110E0Cfe
  • panelInput.border#110E0Cfe
  • panelSection.border#110E0Cfe
  • panelSection.dropBackground#1f1a17fe
  • panelSectionHeader.background#1f1a17fe
  • panelSectionHeader.border#110E0Cfe
  • panelSectionHeader.foreground#FDECDAce
  • panelTitle.activeBorder#0B0E0B00
  • panelTitle.activeForeground#FD9191fe
  • panelTitle.inactiveForeground#BAABA265
  • peekView.border#FD9191fe
  • peekViewEditor.background#110E0Cfe
  • peekViewEditor.matchHighlightBackground#53594289
  • peekViewEditor.matchHighlightBorder#0D0B0E00
  • peekViewEditorGutter.background#110E0Cfe
  • peekViewEditorStickyScroll.background#1f1a17fe
  • peekViewResult.background#13100Efe
  • peekViewResult.fileForeground#FDECDAce
  • peekViewResult.lineForeground#FDECDAce
  • peekViewResult.matchHighlightBackground#3B504D81
  • peekViewResult.selectionBackground#5C624981
  • peekViewResult.selectionForeground#DED7D3ca
  • peekViewTitle.background#13100Efe
  • peekViewTitleDescription.foreground#FDECDAce
  • peekViewTitleLabel.foreground#FDECDAce
  • pickerGroup.border#110E0Cfe
  • pickerGroup.foreground#FDECDAce
  • ports.iconRunningProcessForeground#DED8E2fe
  • problemsErrorIcon.foreground#FF95FEce
  • problemsInfoIcon.foreground#C3B0FFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#CF5F5Ffe
  • profileBadge.foreground#13100Efe
  • progressBar.background#1f1a17fe
  • quickInput.background#13100Efe
  • quickInput.foreground#FEE7E0ae
  • quickInputList.focusBackground#535942aa
  • quickInputList.focusForeground#CC5A5Afe
  • quickInputList.focusIconForeground#BF4E4Efe
  • quickInputTitle.background#110E0Cfe
  • sash.hoverBorder#110E0Cfe
  • scrollbar.shadow#0B0E0E00
  • scrollbarSlider.activeBackground#7F6B5Efe
  • scrollbarSlider.background#4A3E37ae
  • scrollbarSlider.hoverBackground#715F546e
  • search.resultsInfoForeground#FDECDAce
  • searchEditor.findMatchBackground#3B504Da5
  • searchEditor.findMatchBorder#110E0Cfe
  • searchEditor.textInputBorder#110E0Cfe
  • selection.background#1f1a17fe
  • settings.checkboxBackground#110E0Cfe
  • settings.checkboxBorder#110E0Cfe
  • settings.checkboxForeground#FDECDAce
  • settings.dropdownBackground#110E0Cfe
  • settings.dropdownBorder#110E0Cfe
  • settings.dropdownForeground#FDECDAce
  • settings.dropdownListBorder#110E0Cfe
  • settings.focusedRowBackground#5C62498a
  • settings.focusedRowBorder#110E0Cfe
  • settings.headerBorder#110E0Cfe
  • settings.headerForeground#FDECDAce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#110E0Cfe
  • settings.numberInputBorder#110E0Cfe
  • settings.numberInputForeground#FDECDAce
  • settings.rowHoverBackground#1f1a17fe
  • settings.sashBorder#110E0Cfe
  • settings.settingsHeaderHoverForeground#D76868fe
  • settings.textInputBackground#110E0Cfe
  • settings.textInputBorder#110E0Cfe
  • settings.textInputForeground#FDECDAce
  • sideBar.background#1f1a17fe
  • sideBar.border#110E0Cfe
  • sideBar.dropBackground#1f1a17fe
  • sideBar.foreground#C6B9B2ae
  • sideBarSectionHeader.background#0B0E0E00
  • sideBarSectionHeader.border#110E0Cfe
  • sideBarSectionHeader.foreground#FDECDAce
  • sideBarTitle.foreground#FDECDAce
  • sideBySideEditor.horizontalBorder#110E0Cfe
  • sideBySideEditor.verticalBorder#110E0Cfe
  • simpleFindWidget.sashBorder#110E0Cfe
  • statusBar.background#13100Efe
  • statusBar.border#110E0Cfe
  • statusBar.debuggingBackground#520052c8
  • statusBar.debuggingBorder#110E0Cfe
  • statusBar.debuggingForeground#FDECDAce
  • statusBar.focusBorder#0B0E0E00
  • statusBar.foreground#C6B9B26e
  • statusBar.noFolderBackground#13100Efe
  • statusBar.noFolderBorder#110E0Cfe
  • statusBar.noFolderForeground#FDECDAce
  • statusBarItem.activeBackground#13100Efe
  • statusBarItem.compactHoverBackground#13100Efe
  • statusBarItem.errorBackground#520052b7
  • statusBarItem.errorForeground#FF95FEce
  • statusBarItem.errorHoverBackground#5200529f
  • statusBarItem.errorHoverForeground#B700B7ce
  • statusBarItem.focusBorder#0D0E0B00
  • statusBarItem.hoverBackground#13100Efe
  • statusBarItem.hoverForeground#C85656fe
  • statusBarItem.offlineBackground#13100Efe
  • statusBarItem.offlineForeground#FDECDAce
  • statusBarItem.offlineHoverBackground#13100Efe
  • statusBarItem.offlineHoverForeground#C35252fe
  • statusBarItem.prominentBackground#13100Efe
  • statusBarItem.prominentForeground#FDECDAce
  • statusBarItem.prominentHoverBackground#13100Efe
  • statusBarItem.prominentHoverForeground#BB4A4Afe
  • statusBarItem.remoteBackground#D76868fe
  • statusBarItem.remoteForeground#13100Efe
  • statusBarItem.remoteHoverBackground#13100Efe
  • statusBarItem.remoteHoverForeground#D76868fe
  • statusBarItem.warningBackground#332A00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#332A00fe
  • statusBarItem.warningHoverForeground#D1AD00ce
  • symbolIcon.arrayForeground#DAD3DEfe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#CCD0BFfe
  • symbolIcon.colorForeground#D8E2E0fe
  • symbolIcon.constantForeground#D7DBCEfe
  • symbolIcon.constructorForeground#C9B7C0fe
  • symbolIcon.enumeratorForeground#BFC2D0fe
  • symbolIcon.enumeratorMemberForeground#D7DBCEfe
  • symbolIcon.eventForeground#DDDEE5fe
  • symbolIcon.fieldForeground#CEDBCEfe
  • symbolIcon.fileForeground#CCBBC3fe
  • symbolIcon.folderForeground#D3DED3fe
  • symbolIcon.functionForeground#DBCED4fe
  • symbolIcon.interfaceForeground#E5E0DDfe
  • symbolIcon.keyForeground#D3DED3fe
  • symbolIcon.keywordForeground#E2DDE5fe
  • symbolIcon.methodForeground#CAB7C0fe
  • symbolIcon.moduleForeground#BFD0BFfe
  • symbolIcon.namespaceForeground#CCBBC3fe
  • symbolIcon.nullForeground#CCD0BFfe
  • symbolIcon.numberForeground#DED8E2fe
  • symbolIcon.objectForeground#C9BDB6fe
  • symbolIcon.operatorForeground#D8E2E0fe
  • symbolIcon.packageForeground#D8E2D8fe
  • symbolIcon.propertyForeground#C6B9B2fe
  • symbolIcon.referenceForeground#D0C6BFfe
  • symbolIcon.snippetForeground#C9CBD7fe
  • symbolIcon.stringForeground#DDE5DDfe
  • symbolIcon.structForeground#DED8E2fe
  • symbolIcon.textForeground#C4D3D1fe
  • symbolIcon.typeParameterForeground#CEDBD9fe
  • symbolIcon.unitForeground#C9B7C0fe
  • symbolIcon.variableForeground#CEDBCEfe
  • tab.activeBackground#151210fe
  • tab.activeBorder#0E0B0D00
  • tab.activeBorderTop#FD9191fe
  • tab.activeForeground#FD9292fe
  • tab.activeModifiedBorder#312800ce
  • tab.border#0D0B0E00
  • tab.hoverBackground#CBB8C1a1
  • tab.hoverBorder#110E0Cfe
  • tab.hoverForeground#CC5A5Afe
  • tab.inactiveBackground#41231297
  • tab.inactiveForeground#BAABA265
  • tab.inactiveModifiedBorder#312800ce
  • tab.lastPinnedBorder#110E0Cfe
  • tab.unfocusedActiveBackground#231E1A36
  • tab.unfocusedActiveBorder#0D0E0B00
  • tab.unfocusedActiveBorderTop#32292465
  • tab.unfocusedActiveForeground#F8995C65
  • tab.unfocusedActiveModifiedBorder#312800ce
  • tab.unfocusedHoverBackground#C5BAB134
  • tab.unfocusedHoverBorder#231E1A28
  • tab.unfocusedHoverForeground#F8995C65
  • tab.unfocusedInactiveBackground#372E2896
  • tab.unfocusedInactiveForeground#F6996065
  • tab.unfocusedInactiveModifiedBorder#312800ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333cb
  • 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#670067af
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecececa
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1f1a17fe
  • terminal.border#110E0Cfe
  • terminal.dropBackground#1f1a17fe
  • terminal.findMatchBackground#1f1a17fe
  • terminal.findMatchBorder#110E0Cfe
  • terminal.findMatchHighlightBackground#1f1a17fe
  • terminal.findMatchHighlightBorder#110E0Cfe
  • terminal.foreground#C6B9B2ae
  • terminal.hoverHighlightBackground#1f1a17fe
  • terminal.inactiveSelectionBackground#372E2892
  • terminal.selectionBackground#3B504D8c
  • terminal.selectionForeground#D3D7C9ca
  • terminal.tab.activeBorder#FE9191fe
  • terminalCommandDecoration.defaultBackground#ABC1BEa1
  • terminalCommandDecoration.errorBackground#FEA4A4cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1f1a17fe
  • terminalCursor.foreground#C85656fe
  • terminalOverviewRuler.cursorForeground#FDECDAce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b6
  • testing.iconUnset#808080a3
  • testing.message.error.decorationForeground#E9ADADfe
  • testing.message.error.lineBackground#52005299
  • testing.message.info.decorationForeground#E9ADADfe
  • testing.message.info.lineBackground#00009Cfe
  • testing.peekBorder#110E0Cfe
  • testing.peekHeaderBackground#1f1a17fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1f1a17fe
  • textBlockQuote.border#110E0Cfe
  • textCodeBlock.background#1f1a17fe
  • textLink.activeForeground#CC5A5Afe
  • textLink.foreground#C3B0FFce
  • textPreformat.foreground#FDECDAce
  • textSeparator.foreground#FDECDAce
  • titleBar.activeBackground#13100Efe
  • titleBar.activeForeground#DBA57Dae
  • titleBar.border#0B0E0E00
  • titleBar.inactiveBackground#231E1Ad4
  • titleBar.inactiveForeground#F6996065
  • toolbar.activeBackground#3D1B5182
  • toolbar.hoverBackground#1f1a17fe
  • toolbar.hoverOutline#0D0B0E00
  • tree.inactiveIndentGuidesStroke#9DA58535
  • tree.indentGuidesStroke#E5AFAFfe
  • tree.tableColumnsBorder#110E0Cfe
  • tree.tableOddRowsBackground#1f1a17fe
  • walkThrough.embeddedEditorBackground#1f1a17fe
  • walkthrough.stepTitle.foreground#FDECDAce
  • welcomePage.background#1f1a17fe
  • welcomePage.progress.background#1f1a17fe
  • welcomePage.progress.foreground#FDECDAce
  • welcomePage.tileBackground#1f1a17fe
  • welcomePage.tileBorder#110E0Cfe
  • welcomePage.tileHoverBackground#1f1a17fe
  • widget.border#110E0Cfe
  • widget.shadow#0B0B0E00
  • window.activeBorder#110E0Cfe
  • window.inactiveBorder#44220A93

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#F0B8A56e
comment.block.html#EDBB9A6e
comment.block.java#EDBB956e
comment.block.javadoc.java#EDBB9A6e
comment.block.powershell#F0B8A56e
comment.block.xml#EDBB956e
comment.line.double-slash.c#F0B8A56e
comment.line.double-slash.cpp#F0B8A56e
comment.line.double-slash.java#EDBB956e
comment.line.double-slash.js#F0B8A56e
comment.line.number-sign.makefile#F1B9986e
comment.line.number-sign.python#F1B9986e
comment.line.number-sign.yaml#F0B8A56e
comment.line.percentage.erlang#EDBB956e
comment.line.powershell#EDBB9A6e
comment.source.cmake#F1B9986e
comment.source.cmakecache#F0B8A56e
constant.character#F7B3B3de
constant.character.character-class.regexp#B7B7FEde
constant.character.escape#17E417de
constant.character.set.regexp#F5ADF5de
constant.language#9F9FEEde
constant.numeric#9E9EEAde
constant.numeric.dec.python#B7B7FEde
constant.other.caps.python#FEAEAEde
constant.other.character-class.regexp#EE9393de
constant.other.character-class.set.regexp#EB8D8Dde
constant.other.color.rgb-value#F2A0A0de
constant.other.placeholder#E88D8Dde
constant.other.rgb-value#9E9EEFde
constant.regexp#9E9EEAde
constant.sha.git-rebase#E68D8Dde
emphasis#FEA6FEde
entity.name.class#16E316de
entity.name.function#F09999de
entity.name.function.preprocessor#FEA6FEde
entity.name.function.python#E988E9de
entity.name.label#A0A0F2de
entity.name.namespace#9F9FE7de
entity.name.operator#FEA6FEde
entity.name.operator.custom-literal#9E9EEDde
entity.name.scope-resolution#E481E4de
entity.name.tag#F5ADF5de
entity.name.tag.css#E98B8Bde
entity.name.type#E88D8Dde
entity.name.variable#FEA6FEde
entity.other.attribute#9E9EEDde
entity.other.attribute-name#FEA7FEde
entity.other.attribute-name.class.css#18E418de
entity.other.attribute-name.class.mixin.css#E682E6de
entity.other.attribute-name.id#9E9EEFde
entity.other.attribute-name.id.css#E283E2de
entity.other.attribute-name.parent-selector.css#16E316de
entity.other.attribute-name.pseudo-class.css#B3B3F7de
entity.other.attribute-name.pseudo-element.css#FEAEAEde
entity.other.attribute-name.scss#9F9FE7de
entity.other.document.begin.yaml#F0B8A56e
entity.other.inherited-class#E988E9de
header#15E315de
invalid#E88D8Dde
keyword#B7B7FEde
keyword.codetag.notation.python#EE9393de
keyword.control#FEB0B0de
keyword.control.anchor.regexp#A0A0F2de
keyword.control.import.python#E68D8Dde
keyword.operator#9E9EEDde
keyword.operator.alignas#13E413de
keyword.operator.alignof#18E418de
keyword.operator.cast#E682E6de
keyword.operator.delete#E68D8Dde
keyword.operator.documentation.powershell#EDBB9A6e
keyword.operator.expression#0FE30Fde
keyword.operator.instanceof#F7B3B3de
keyword.operator.logical.python#E481E4de
keyword.operator.minus.exponent#9E9EEFde
keyword.operator.negation.regexp#9E9EEBde
keyword.operator.new#EB8D8Dde
keyword.operator.noexcept#EB8D8Dde
keyword.operator.or.regexp#EE9393de
keyword.operator.plus.exponent#A0A0F2de
keyword.operator.quantifier.regexp#9E9EEDde
keyword.operator.sizeof#FEAEAEde
keyword.operator.typeid#18E318de
keyword.operator.wordlike#EB8D8Dde
keyword.other.operator#FEAEAEde
keyword.other.package.java#18E418de
keyword.other.unit#9E9EEAde
keyword.other.using#0FE30Fde
markup.bold#18E418de
markup.changed#15E415de
markup.deleted#EE93EEde
markup.fenced_code.block.markdown#E88D8Dde
markup.heading#10E410de
markup.inline.raw#9E9EEFde
markup.inserted#B7B7FEde
markup.italic#10E410de
markup.raw.block.markdown#16E316de
markup.strikethrough#9F9FEEde
markup.underline#9F9FE7de
meta.block.c#17E417de
meta.block.c#E58E8Ede
meta.class.java#9E9EEFde
meta.definition.variable.name#9E9EEDde
meta.diff.header#F09999de
meta.embedded#FEA6FEde
meta.embedded.assembly#9E9EEAde
meta.function-call.arguments.python#EE9393de
meta.function-call.python#EE9393de
meta.member.access.python#FEA6FEde
meta.method.java#A6A6F4de
meta.object-literal.key#F2A0A0de
meta.paragraph.markdown#9E9EEBde
meta.preprocessor#FEA6FEde
meta.preprocessor.numeric#F7B3B3de
meta.preprocessor.string#13E213de
meta.scope.prerequisites.makefile#9E9EF0de
meta.structure.dictionary.json.comments#F1B9986e
meta.structure.dictionary.key.python#10E410de
meta.structure.dictionary.value.json.comments#F1B9986e
meta.template.expression#17E417de
meta.type.cast.expr#18E418de
meta.type.new.expr#9F9FEEde
parameter#BFBFFEde
punctuation.character.set.begin.regexp#18E418de
punctuation.character.set.end.regexp#B3B3F7de
punctuation.definition.array.begin.json#F4A6A6de
punctuation.definition.character-class.regexp#E68D8Dde
punctuation.definition.comment#EDBB9A6e
punctuation.definition.comment.json.comments#EDBB9A6e
punctuation.definition.comment.python#F0B8A56e
punctuation.definition.dictionary.begin.json#F7B3B3de
punctuation.definition.dictionary.end.json#E48F8Fde
punctuation.definition.group.assertion.regexp#0FE30Fde
punctuation.definition.group.regexp#E98B8Bde
punctuation.definition.list.begin.json#BFBFFEde
punctuation.definition.list.begin.markdown#BFBFFEde
punctuation.definition.list.begin.python#18E418de
punctuation.definition.list.end.json#10E410de
punctuation.definition.list.end.markdown#F4A6A6de
punctuation.definition.list.end.python#E68D8Dde
punctuation.definition.parameters.begin.python#E98B8Bde
punctuation.definition.parameters.end.bracket.round.java#F09999de
punctuation.definition.quote.begin.markdown#E48F8Fde
punctuation.definition.tag#B3B3F7de
punctuation.definition.template-expression.begin#18E418de
punctuation.definition.template-expression.end#E682E6de
punctuation.section.class.begin.bracket.curly.java#E481E4de
punctuation.section.embedded#F7B3B3de
punctuation.section.embedded.begin.php#9E9EEDde
punctuation.section.embedded.end.php#17E417de
punctuation.terminator.java#B3B3F7de
source.cmake#FEA6FEde
source.coffee.embedded#9F9FEEde
source.cpp#9E9EEBde
source.css.less#BABAF8de
source.groovy.embedded#15E415de
source.java#E48F8Fde
source.java-properties#B3B3F7de
source.json.comments#F1B9986e
source.makefile#9F9FE9de
source.powershell#FEB1B1de
source.powershell.variable.other.member#E98B8Bde
source.python#18E418de
storage#13E413de
storage.modifier#ADADF5de
storage.modifier.import.java#18E318de
storage.modifier.package.java#18E318de
storage.type#18E418de
storage.type.annotation.groovy#9F9FE7de
storage.type.annotation.java#E988E9de
storage.type.boolean.go#E48F8Fde
storage.type.byte.go#17E417de
storage.type.cs#F7B3B3de
storage.type.error.go#9E9EEAde
storage.type.generic.cs#FEAEAEde
storage.type.generic.groovy#A0A0F2de
storage.type.generic.java#13E213de
storage.type.groovy#18E318de
storage.type.java#10E410de
storage.type.modifier.cs#9F9FEEde
storage.type.numeric.go#9F9FE9de
storage.type.object.array.groovy#FEB1B1de
storage.type.object.array.java#EB8D8Dde
storage.type.parameters.groovy#FEA6FEde
storage.type.primitive.array.groovy#FEA6FEde
storage.type.primitive.array.java#FEAEAEde
storage.type.primitive.groovy#F5ADADde
storage.type.primitive.java#9F9FEEde
storage.type.rune.go#E283E2de
storage.type.string.go#13E413de
storage.type.token.java#9E9EEBde
storage.type.uintptr.go#E88D8Dde
storage.type.variable.cs#EB8D8Dde
string#E48F8Fde
string.quoted.docstring.multi.python#EDBB9A6e
string.regexp#18E418de
string.tag#18E318de
string.value#F5ADADde
strong#17E317de
support.class#17E317de
support.constant.color#13E213de
support.constant.dom#F5ADADde
support.constant.font-name#E68D8Dde
support.constant.handlebars#E58E8Ede
support.constant.json#13E213de
support.constant.math#BFBFFEde
support.constant.media#E58E8Ede
support.constant.media-type#9F9FEEde
support.constant.property-value#9F9FE9de
support.function#18E318de
support.function.git-rebase#A6A6F4de
support.other.parenthesis.regexp#10E410de
support.type#17E417de
support.type.property-name#FEB0B0de
support.type.vendored.property-name#18E318de
support.variable#9E9EEFde
token.debug-token#FEA6FEde
token.error-token#10E410de
token.info-token#B3B3F7de
token.warn-token#FEA6FEde
variable#A0A0F2de
variable.css#BABAF8de
variable.language#17E317de
variable.language.wildcard.java#F4A6A6de
variable.other.constant#18E318de
variable.other.definition.java#16E316de
variable.other.enummember#18E318de
variable.other.less#E88D8Dde
variable.other.object.java#FEA7FEde
variable.other.object.property.java#FEA6FEde
variable.parameter.c#FEB0B0de
variable.parameter.function.language.python#9F9FEEde
variable.parameter.java#F4A6A6de
variable.scss#15E315de