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#E2E2D8fe
  • activityBar.activeBackground#E2E2D8fe
  • activityBar.activeBorder#B267D7fe
  • activityBar.activeFocusBorder#8B8B3400
  • activityBar.background#F0F0EBfe
  • activityBar.border#35993500
  • activityBar.dropBorder#B267D7fe
  • activityBar.foreground#AC69D9fe
  • activityBar.inactiveForeground#54543E65
  • activityBarBadge.background#5C4078fe
  • activityBarBadge.foreground#F0F0EBfe
  • badge.background#7945ADfe
  • badge.foreground#F0F0EBfe
  • banner.background#E2E2D8fe
  • banner.foreground#5A5A2Ece
  • banner.iconForeground#3D5883fe
  • breadcrumb.activeSelectionForeground#305E4Dca
  • breadcrumb.background#EDEDE6fe
  • breadcrumb.focusForeground#7945ADfe
  • breadcrumb.foreground#59592Dae
  • breadcrumbPicker.background#E2E2D8fe
  • button.background#B7B79Eae
  • button.border#F6F5F700
  • button.foreground#5A5A2Ece
  • button.hoverBackground#ACAC8Ffe
  • button.secondaryBackground#E2E2D8fe
  • button.secondaryForeground#5A5A2Ece
  • button.secondaryHoverBackground#E2E2D8fe
  • button.separator#F7F7F500
  • charts.blue#1b1bfffe
  • charts.foreground#5A5A2Ece
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c3
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F4F4F0fe
  • chat.slashCommandBackground#E2E2D8fe
  • chat.slashCommandForeground#5A5A2Ece
  • checkbox.background#F4F4F0fe
  • checkbox.border#F4F4F0fe
  • checkbox.foreground#5A5A2Ece
  • checkbox.selectBackground#F4F4F0fe
  • checkbox.selectBorder#F4F4F0fe
  • commandCenter.activeBackground#FBDBEE8e
  • commandCenter.activeBorder#F4F4F0fe
  • commandCenter.activeForeground#5C4078fe
  • commandCenter.background#E2E2D8fe
  • commandCenter.border#F4F4F0fe
  • commandCenter.foreground#5A5A2Ece
  • commandCenter.inactiveBorder#FDFDEF91
  • commandCenter.inactiveForeground#89894465
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F7F5F600
  • contrastBorder#F6F5F700
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#5A5A2Ece
  • debugConsole.sourceForeground#5A5A2Ece
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#8D396Dfe
  • debugExceptionWidget.background#670067c0
  • debugExceptionWidget.border#F4F4F0fe
  • debugIcon.breakpointCurrentStackframeForeground#385F51fe
  • debugIcon.breakpointDisabledForeground#54543E65
  • debugIcon.breakpointForeground#40603Bfe
  • debugIcon.breakpointStackframeForeground#404030fe
  • debugIcon.breakpointUnverifiedForeground#386034fe
  • debugIcon.continueForeground#41587Dfe
  • debugIcon.disconnectForeground#375F32fe
  • debugIcon.pauseForeground#863D6Afe
  • debugIcon.restartForeground#395789fe
  • debugIcon.startForeground#3F5881fe
  • debugIcon.stepBackForeground#395789fe
  • debugIcon.stepIntoForeground#3D5880fe
  • debugIcon.stepOutForeground#893A6Ffe
  • debugIcon.stepOverForeground#58582Ffe
  • debugIcon.stopForeground#3C6036fe
  • debugTokenExpression.boolean#1A2320ca
  • debugTokenExpression.error#281E24ca
  • debugTokenExpression.name#171F1Cca
  • debugTokenExpression.number#1C1C15ca
  • debugTokenExpression.value#1E2824ca
  • debugToolBar.background#670067b3
  • debugToolBar.border#F4F4F0fe
  • debugView.exceptionLabelBackground#98F298ca
  • debugView.exceptionLabelForeground#8F396Aca
  • debugView.stateLabelBackground#C2FBC2ca
  • debugView.stateLabelForeground#375F31ca
  • debugView.valueChangedHighlight#1C1519ca
  • descriptionForeground#5A5A2Ece
  • diffEditor.border#F6F5F700
  • diffEditor.diagonalFill#000000f4
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#F7F5F600
  • diffEditor.move.border#F7F7F500
  • diffEditor.moveActive.border#F5F7F500
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#F5F7F500
  • diffEditor.unchangedCodeBackground#E2E2D8fe
  • diffEditor.unchangedRegionBackground#E2E2D8fe
  • diffEditor.unchangedRegionForeground#5A5A2Ece
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#4A4A3765
  • dropdown.background#F4F4F0fe
  • dropdown.border#F4F4F0fe
  • dropdown.foreground#5A5A2Ece
  • dropdown.listBackground#F4F4F0fe
  • editor.background#E2E2D8fe
  • editor.findMatchBackground#B79E9Ea8
  • editor.findMatchBorder#F4F4F0fe
  • editor.findMatchHighlightBackground#808DA1a8
  • editor.findMatchHighlightBorder#F4F4F0fe
  • editor.findRangeHighlightBackground#8AA89Dae
  • editor.findRangeHighlightBorder#F4F4F0fe
  • editor.focusedStackFrameHighlightBackground#949EAF84
  • editor.foldBackground#AB1B1Ba1
  • editor.foreground#5A5A2Ece
  • editor.hoverHighlightBackground#A7BEB5a4
  • editor.inactiveSelectionBackground#C9C9B691
  • editor.inlineValuesBackground#E2E2D8fe
  • editor.inlineValuesForeground#5A5A2Ece
  • editor.lineHighlightBackground#C9C9B6b1
  • editor.lineHighlightBorder#F7F7F500
  • editor.linkedEditingBackground#E2E2D8fe
  • editor.rangeHighlightBackground#9E94AFaa
  • editor.rangeHighlightBorder#F4F4F0fe
  • editor.selectionBackground#A5A585a1
  • editor.selectionForeground#386034ca
  • editor.selectionHighlightBackground#B4ACC188
  • editor.selectionHighlightBorder#F4F4F0fe
  • editor.snippetFinalTabstopHighlightBackground#8D80A1a7
  • editor.snippetFinalTabstopHighlightBorder#F4F4F0fe
  • editor.snippetTabstopHighlightBackground#AC8F8Fa8
  • editor.snippetTabstopHighlightBorder#F4F4F0fe
  • editor.stackFrameHighlightBackground#A2BAB1a4
  • editor.symbolHighlightBackground#97AF94ac
  • editor.symbolHighlightBorder#F4F4F0fe
  • editor.wordHighlightBackground#A88A9Da1
  • editor.wordHighlightBorder#F7F5F600
  • editor.wordHighlightStrongBackground#8FACA1aa
  • editor.wordHighlightStrongBorder#F7F5F500
  • editor.wordHighlightTextBackground#B0A7BEa6
  • editor.wordHighlightTextBorder#F7F5F500
  • editorBracketHighlight.foreground1#0E0E0Bce
  • editorBracketHighlight.foreground2#0E0E0Bce
  • editorBracketHighlight.foreground3#0E0E0Bce
  • editorBracketHighlight.foreground4#0E0E0Bce
  • editorBracketHighlight.foreground5#0E0E0Bce
  • editorBracketHighlight.foreground6#0E0E0Bce
  • editorBracketHighlight.unexpectedBracket.foreground#5A5A2Ece
  • editorBracketMatch.background#595921a1
  • editorBracketMatch.border#F4F4F0fe
  • editorBracketPairGuide.activeBackground1#A923238d
  • editorBracketPairGuide.activeBackground2#AB1B1B88
  • editorBracketPairGuide.activeBackground3#A821218d
  • editorBracketPairGuide.activeBackground4#29632083
  • editorBracketPairGuide.activeBackground5#2262498b
  • editorBracketPairGuide.activeBackground6#214A8F8b
  • editorBracketPairGuide.background1#BBF6A7fe
  • editorBracketPairGuide.background2#EBE0FEfe
  • editorBracketPairGuide.background3#F5EDFEfe
  • editorBracketPairGuide.background4#FDD7ECfe
  • editorBracketPairGuide.background5#FAF6FEfe
  • editorBracketPairGuide.background6#FCCEE8fe
  • editorCodeLens.foreground#5B5B146e
  • editorCommentsWidget.rangeActiveBackground#595926fe
  • editorCommentsWidget.rangeBackground#E2E2D8fe
  • editorCommentsWidget.resolvedBorder#F4F4F0fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#E2E2D8fe
  • editorCursor.foreground#5C4078fe
  • editorError.background#F7F7F500
  • editorError.border#F7F5F500
  • editorError.foreground#b400b4ce
  • editorGhostText.background#E2E2D8fe
  • editorGhostText.border#F7F5F500
  • editorGhostText.foreground#5A5A0F6e
  • editorGroup.border#F4F4F0fe
  • editorGroup.dropBackground#E2E2D8fe
  • editorGroup.dropIntoPromptBackground#E2E2D8fe
  • editorGroup.dropIntoPromptBorder#F4F4F0fe
  • editorGroup.dropIntoPromptForeground#5A5A2Ece
  • editorGroup.emptyBackground#E2E2D8fe
  • editorGroup.focusedEmptyBorder#F4F4F0fe
  • editorGroupHeader.border#F7F5F500
  • editorGroupHeader.noTabsBackground#F0F0EBae
  • editorGroupHeader.tabsBackground#E2E2D8a1
  • editorGroupHeader.tabsBorder#F5F7F600
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#E2E2D8fe
  • editorGutter.commentGlyphForeground#5A5A2Ece
  • editorGutter.commentRangeForeground#5A5A2Ece
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#5A5A2Ece
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#F7F5F500
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#F4F4F0fe
  • editorHoverWidget.border#F4F4F0fe
  • editorHoverWidget.foreground#5A5A2Ece
  • editorHoverWidget.highlightForeground#595932ca
  • editorHoverWidget.statusBarBackground#E2E2D8fe
  • editorIndentGuide.activeBackground1#5A5A1Bfe
  • editorIndentGuide.activeBackground2#5B5B1Dfe
  • editorIndentGuide.activeBackground3#5A5A1Bfe
  • editorIndentGuide.activeBackground4#5A5A1Bfe
  • editorIndentGuide.activeBackground5#5A5A1Bfe
  • editorIndentGuide.activeBackground6#5B5B1Cfe
  • editorIndentGuide.background1#59424235
  • editorIndentGuide.background2#674C4C35
  • editorIndentGuide.background3#505B6C35
  • editorIndentGuide.background4#424A5935
  • editorIndentGuide.background5#49625935
  • editorIndentGuide.background6#54716635
  • editorInfo.background#F5F6F700
  • editorInfo.border#F5F6F700
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#E2E2D8fe
  • editorInlayHint.foreground#5A5A2Ece
  • editorInlayHint.parameterBackground#E2E2D8fe
  • editorInlayHint.parameterForeground#5A5A2Ece
  • editorInlayHint.typeBackground#E2E2D8fe
  • editorInlayHint.typeForeground#5A5A2Ece
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#6D4495fe
  • editorLineNumber.dimmedForeground#5B5B146e
  • editorLineNumber.foreground#5B5B126e
  • editorLink.activeForeground#583F71fe
  • editorMarkerNavigation.background#F4F4F0fe
  • editorMarkerNavigationError.background#670067af
  • editorMarkerNavigationError.headerBackground#670067af
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#E2E2D8fe
  • editorOverviewRuler.border#E8E8B6fe
  • editorOverviewRuler.bracketMatchForeground#5A5A2Ece
  • editorOverviewRuler.commentForeground#5B5B126e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#5A5A2Ece
  • editorOverviewRuler.currentContentForeground#cececea4
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#386034ca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#386034ca
  • editorOverviewRuler.wordHighlightStrongForeground#5A5A2Ece
  • editorOverviewRuler.wordHighlightTextForeground#5A5A2Ece
  • editorPane.background#E2E2D8fe
  • editorRuler.foreground#59592536
  • editorStickyScroll.background#E2E2D8fe
  • editorStickyScroll.shadow#F5F7F500
  • editorStickyScrollHover.background#FDFDE6fe
  • editorSuggestWidget.background#F4F4F0fe
  • editorSuggestWidget.border#F6F5F700
  • editorSuggestWidget.focusHighlightForeground#D25CA6fe
  • editorSuggestWidget.foreground#6A3BB8fe
  • editorSuggestWidget.highlightForeground#3C5E30ca
  • editorSuggestWidget.selectedBackground#BAA2A28e
  • editorSuggestWidget.selectedForeground#613CBFca
  • editorSuggestWidget.selectedIconForeground#305E4Dca
  • editorSuggestWidgetStatus.foreground#31604Cfe
  • editorUnicodeHighlight.background#A8A88Aa6
  • editorUnicodeHighlight.border#F4F4F0fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F7F7F500
  • editorWarning.border#F7F5F600
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#5A5A2Ece
  • editorWidget.background#F4F4F0fe
  • editorWidget.border#F4F4F0fe
  • editorWidget.foreground#5A5A2Ece
  • editorWidget.resizeBorder#F4F4F0fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#583F71fe
  • extensionBadge.remoteForeground#F0F0EBfe
  • extensionButton.background#FAFAD7ae
  • extensionButton.foreground#5A5A2Ece
  • extensionButton.hoverBackground#E3E3B9fe
  • extensionButton.prominentBackground#E2E2D8fe
  • extensionButton.prominentForeground#5A5A2Ece
  • extensionButton.prominentHoverBackground#E2E2D8fe
  • extensionButton.separator#F7F7F500
  • extensionIcon.preReleaseForeground#8F396Afe
  • extensionIcon.sponsorForeground#893A6Ffe
  • extensionIcon.starForeground#385F51fe
  • extensionIcon.verifiedForeground#316031fe
  • focusBorder#F7F7F500
  • foreground#5A5A2Ece
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#5A5A20ae
  • inlineChat.background#F7F7ABca
  • inlineChat.border#BBF8B4ca
  • inlineChat.regionHighlight#28281Eca
  • inlineChat.shadow#171A1Fca
  • inlineChatDiff.inserted#1A1E23ca
  • inlineChatDiff.removed#1B231Aca
  • inlineChatInput.background#15171Cca
  • inlineChatInput.border#CCFCE9ca
  • inlineChatInput.focusBorder#F7F5F500
  • inlineChatInput.placeholderForeground#893C6Aca
  • input.background#F4F4F0fe
  • input.border#F4F4F0fe
  • input.foreground#5A5A2Ece
  • input.placeholderForeground#4F4F3A65
  • inputOption.activeBackground#F4F4F0fe
  • inputOption.activeBorder#F4F4F0fe
  • inputOption.activeForeground#5C4078fe
  • inputOption.hoverBackground#F4F4F0fe
  • inputValidation.errorBackground#670067a5
  • inputValidation.errorBorder#670067a1
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F4F4F0fe
  • inputValidation.infoForeground#5A5A2Ece
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F4F4F0fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#F4F4F0fe
  • interactive.inactiveCodeBorder#E5E5BE95
  • keybindingLabel.background#E2E2D8fe
  • keybindingLabel.border#F4F4F0fe
  • keybindingLabel.bottomBorder#F4F4F0fe
  • keybindingLabel.foreground#5A5A2Ece
  • keybindingTable.headerBackground#E2E2D8fe
  • keybindingTable.rowsBackground#E2E2D8fe
  • list.activeSelectionBackground#8EA88A84
  • list.activeSelectionForeground#305E4Dca
  • list.activeSelectionIconForeground#386034ca
  • list.deemphasizedForeground#5A5A2Ece
  • list.dropBackground#E2E2D8fe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#E2E2D8fe
  • list.filterMatchBorder#F4F4F0fe
  • list.focusAndSelectionOutline#F5F7F500
  • list.focusBackground#D0D0BF97
  • list.focusForeground#71449Dfe
  • list.focusHighlightForeground#9C70E4fe
  • list.focusOutline#F7F5F600
  • list.highlightForeground#57572Eca
  • list.hoverBackground#EAEAB5fe
  • list.hoverForeground#6D4495fe
  • list.inactiveFocusBackground#D3D3C492
  • list.inactiveFocusOutline#F5F7F500
  • list.inactiveSelectionBackground#F0F0EBae
  • list.inactiveSelectionForeground#4A4A3765
  • list.inactiveSelectionIconForeground#45453365
  • list.invalidItemForeground#5A5A2Ece
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#E2E2D8fe
  • listFilterWidget.noMatchesOutline#F5F7F500
  • listFilterWidget.outline#F7F5F500
  • listFilterWidget.shadow#F5F7F500
  • menu.background#F0F0EBfe
  • menu.border#F7F5F600
  • menu.foreground#5A5A2Fae
  • menu.selectionBackground#A8A88Aa2
  • menu.selectionBorder#F5F6F700
  • menu.selectionForeground#644286fe
  • menu.separatorBackground#FEFEF365
  • menubar.selectionBackground#AFAF94a2
  • menubar.selectionBorder#F7F7F500
  • menubar.selectionForeground#71449Dfe
  • merge.border#F4F4F0fe
  • merge.commonContentBackground#E2E2D8fe
  • merge.commonHeaderBackground#E2E2D8fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#E2E2D8fe
  • mergeEditor.change.word.background#E2E2D8fe
  • mergeEditor.changeBase.background#E2E2D8fe
  • mergeEditor.changeBase.word.background#E2E2D8fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F4F4F0fe
  • mergeEditor.conflict.handledUnfocused.border#E3E3D033
  • mergeEditor.conflict.input1.background#F4F4F0fe
  • mergeEditor.conflict.input2.background#F4F4F0fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#6700679f
  • mergeEditor.conflict.unhandledFocused.border#F4F4F0fe
  • mergeEditor.conflict.unhandledUnfocused.border#FEFEFA3c
  • mergeEditor.conflictingLines.background#E2E2D8fe
  • minimap.background#E2E2D8fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0E0E0Bce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#9D9D7Cfe
  • minimapSlider.background#BEBEA7ae
  • minimapSlider.hoverBackground#A5A585fe
  • notebook.cellBorderColor#F4F4F0fe
  • notebook.cellEditorBackground#E2E2D8fe
  • notebook.cellHoverBackground#E2E2D8fe
  • notebook.cellInsertionIndicator#181E16ca
  • notebook.cellStatusBarItemHoverBackground#E2E2D8fe
  • notebook.cellToolbarSeparator#151C19ca
  • notebook.editorBackground#E2E2D8fe
  • notebook.focusedCellBackground#E2E2D8fe
  • notebook.focusedCellBorder#5C4078fe
  • notebook.focusedEditorBorder#F4F4F0fe
  • notebook.inactiveFocusedCellBorder#93936D8e
  • notebook.inactiveSelectedCellBorder#9D9D7C8e
  • notebook.outputContainerBackgroundColor#E2E2D8fe
  • notebook.outputContainerBorderColor#F4F4F0fe
  • notebook.selectedCellBackground#E2E2D8fe
  • notebook.selectedCellBorder#F4F4F0fe
  • notebook.symbolHighlightBackground#E2E2D8fe
  • notebookEditorOverviewRuler.runningCellForeground#5A5A2Ece
  • notebookScrollbarSlider.activeBackground#969672fe
  • notebookScrollbarSlider.background#BABAA2ae
  • notebookScrollbarSlider.hoverBackground#ACAC8Ffe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#585832fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#F4F4F0fe
  • notificationCenterHeader.background#E2E2D8fe
  • notificationCenterHeader.foreground#5A5A2Ece
  • notificationLink.foreground#5A5A2Ece
  • notifications.background#E2E2D8fe
  • notifications.border#F4F4F0fe
  • notifications.foreground#5A5A2Ece
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#873E6Afe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#F4F4F0fe
  • panel.background#E2E2D8fe
  • panel.border#F4F4F0fe
  • panel.dropBorder#F4F4F0fe
  • panelInput.border#F4F4F0fe
  • panelSection.border#F4F4F0fe
  • panelSection.dropBackground#E2E2D8fe
  • panelSectionHeader.background#E2E2D8fe
  • panelSectionHeader.border#F4F4F0fe
  • panelSectionHeader.foreground#5A5A2Ece
  • panelTitle.activeBorder#F6F5F700
  • panelTitle.activeForeground#AC5FFAfe
  • panelTitle.inactiveForeground#54543E65
  • peekView.border#A56EDDfe
  • peekViewEditor.background#F4F4F0fe
  • peekViewEditor.matchHighlightBackground#AFC1AC8d
  • peekViewEditor.matchHighlightBorder#F7F5F500
  • peekViewEditorGutter.background#F4F4F0fe
  • peekViewEditorStickyScroll.background#E2E2D8fe
  • peekViewResult.background#F0F0EBfe
  • peekViewResult.fileForeground#5A5A2Ece
  • peekViewResult.lineForeground#5A5A2Ece
  • peekViewResult.matchHighlightBackground#A88A8A81
  • peekViewResult.selectionBackground#BEA7B581
  • peekViewResult.selectionForeground#3B5985ca
  • peekViewTitle.background#F0F0EBfe
  • peekViewTitleDescription.foreground#5A5A2Ece
  • peekViewTitleLabel.foreground#5A5A2Ece
  • pickerGroup.border#F4F4F0fe
  • pickerGroup.foreground#5A5A2Ece
  • ports.iconRunningProcessForeground#40603Bfe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#644286fe
  • profileBadge.foreground#F0F0EBfe
  • progressBar.background#E2E2D8fe
  • quickInput.background#F0F0EBfe
  • quickInput.foreground#5A5A2Fae
  • quickInputList.focusBackground#99B3A9a2
  • quickInputList.focusForeground#60417Ffe
  • quickInputList.focusIconForeground#71449Dfe
  • quickInputTitle.background#F4F4F0fe
  • sash.hoverBorder#F4F4F0fe
  • scrollbar.shadow#F6F5F700
  • scrollbarSlider.activeBackground#93936Dfe
  • scrollbarSlider.background#BEBEA7ae
  • scrollbarSlider.hoverBackground#B3B399fe
  • search.resultsInfoForeground#5A5A2Ece
  • searchEditor.findMatchBackground#A5A585ab
  • searchEditor.findMatchBorder#F4F4F0fe
  • searchEditor.textInputBorder#F4F4F0fe
  • selection.background#E2E2D8fe
  • settings.checkboxBackground#F4F4F0fe
  • settings.checkboxBorder#F4F4F0fe
  • settings.checkboxForeground#5A5A2Ece
  • settings.dropdownBackground#F4F4F0fe
  • settings.dropdownBorder#F4F4F0fe
  • settings.dropdownForeground#5A5A2Ece
  • settings.dropdownListBorder#F4F4F0fe
  • settings.focusedRowBackground#A7B0BE82
  • settings.focusedRowBorder#F4F4F0fe
  • settings.headerBorder#F4F4F0fe
  • settings.headerForeground#5A5A2Ece
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F4F4F0fe
  • settings.numberInputBorder#F4F4F0fe
  • settings.numberInputForeground#5A5A2Ece
  • settings.rowHoverBackground#E2E2D8fe
  • settings.sashBorder#F4F4F0fe
  • settings.settingsHeaderHoverForeground#7D45B5fe
  • settings.textInputBackground#F4F4F0fe
  • settings.textInputBorder#F4F4F0fe
  • settings.textInputForeground#5A5A2Ece
  • sideBar.background#E2E2D8fe
  • sideBar.border#F4F4F0fe
  • sideBar.dropBackground#E2E2D8fe
  • sideBar.foreground#5A5A20ae
  • sideBarSectionHeader.background#F5F6F700
  • sideBarSectionHeader.border#F4F4F0fe
  • sideBarSectionHeader.foreground#5A5A2Ece
  • sideBarTitle.foreground#5A5A2Ece
  • sideBySideEditor.horizontalBorder#F4F4F0fe
  • sideBySideEditor.verticalBorder#F4F4F0fe
  • simpleFindWidget.sashBorder#F4F4F0fe
  • statusBar.background#F0F0EBfe
  • statusBar.border#F4F4F0fe
  • statusBar.debuggingBackground#670067bb
  • statusBar.debuggingBorder#F4F4F0fe
  • statusBar.debuggingForeground#5A5A2Ece
  • statusBar.focusBorder#F7F7F500
  • statusBar.foreground#5A5A0F6e
  • statusBar.noFolderBackground#F0F0EBfe
  • statusBar.noFolderBorder#F4F4F0fe
  • statusBar.noFolderForeground#5A5A2Ece
  • statusBarItem.activeBackground#F0F0EBfe
  • statusBarItem.compactHoverBackground#F0F0EBfe
  • statusBarItem.errorBackground#670067c1
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067b1
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F6F5F700
  • statusBarItem.hoverBackground#F0F0EBfe
  • statusBarItem.hoverForeground#6D4495fe
  • statusBarItem.offlineBackground#F0F0EBfe
  • statusBarItem.offlineForeground#5A5A2Ece
  • statusBarItem.offlineHoverBackground#F0F0EBfe
  • statusBarItem.offlineHoverForeground#644286fe
  • statusBarItem.prominentBackground#F0F0EBfe
  • statusBarItem.prominentForeground#5A5A2Ece
  • statusBarItem.prominentHoverBackground#F0F0EBfe
  • statusBarItem.prominentHoverForeground#5C4078fe
  • statusBarItem.remoteBackground#7545A5fe
  • statusBarItem.remoteForeground#F0F0EBfe
  • statusBarItem.remoteHoverBackground#F0F0EBfe
  • statusBarItem.remoteHoverForeground#583F71fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#963A3Afe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#3A5597fe
  • symbolIcon.colorForeground#863D6Afe
  • symbolIcon.constantForeground#3D5F38fe
  • symbolIcon.constructorForeground#325F50fe
  • symbolIcon.enumeratorForeground#585832fe
  • symbolIcon.enumeratorMemberForeground#6843A6fe
  • symbolIcon.eventForeground#575734fe
  • symbolIcon.fieldForeground#595932fe
  • symbolIcon.fileForeground#404030fe
  • symbolIcon.folderForeground#8D396Dfe
  • symbolIcon.functionForeground#6843A6fe
  • symbolIcon.interfaceForeground#873E6Afe
  • symbolIcon.keyForeground#8E3E3Efe
  • symbolIcon.keywordForeground#34604Ffe
  • symbolIcon.methodForeground#585830fe
  • symbolIcon.moduleForeground#913D3Dfe
  • symbolIcon.namespaceForeground#8D396Dfe
  • symbolIcon.nullForeground#315F4Efe
  • symbolIcon.numberForeground#873E6Afe
  • symbolIcon.objectForeground#8D396Dfe
  • symbolIcon.operatorForeground#3D5880fe
  • symbolIcon.packageForeground#6F3DAEfe
  • symbolIcon.propertyForeground#6B41AAfe
  • symbolIcon.referenceForeground#39588Dfe
  • symbolIcon.snippetForeground#585832fe
  • symbolIcon.stringForeground#893C6Afe
  • symbolIcon.structForeground#395789fe
  • symbolIcon.textForeground#57572Efe
  • symbolIcon.typeParameterForeground#395981fe
  • symbolIcon.unitForeground#6843A6fe
  • symbolIcon.variableForeground#595937fe
  • tab.activeBackground#EDEDE6fe
  • tab.activeBorder#F7F7F500
  • tab.activeBorderTop#AC5FFAfe
  • tab.activeForeground#A56DDCfe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F7F7F500
  • tab.hoverBackground#595921fe
  • tab.hoverBorder#F4F4F0fe
  • tab.hoverForeground#71449Dfe
  • tab.inactiveBackground#F3F3D69b
  • tab.inactiveForeground#4A4A3765
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F4F4F0fe
  • tab.unfocusedActiveBackground#DBDBCE25
  • tab.unfocusedActiveBorder#F6F5F700
  • tab.unfocusedActiveBorderTop#F6F6B165
  • tab.unfocusedActiveForeground#89894465
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#5B5B1Efe
  • tab.unfocusedHoverBorder#F4F4DB39
  • tab.unfocusedHoverForeground#4F4F3A65
  • tab.unfocusedInactiveBackground#D3D3C495
  • tab.unfocusedInactiveForeground#59594265
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#3333339c
  • 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#670067c4
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececead
  • terminal.ansiYellow#c4a200fe
  • terminal.background#E2E2D8fe
  • terminal.border#F4F4F0fe
  • terminal.dropBackground#E2E2D8fe
  • terminal.findMatchBackground#E2E2D8fe
  • terminal.findMatchBorder#F4F4F0fe
  • terminal.findMatchHighlightBackground#E2E2D8fe
  • terminal.findMatchHighlightBorder#F4F4F0fe
  • terminal.foreground#5A5A20ae
  • terminal.hoverHighlightBackground#E2E2D8fe
  • terminal.inactiveSelectionBackground#D3D3C491
  • terminal.selectionBackground#958AA883
  • terminal.selectionForeground#8D396Dca
  • terminal.tab.activeBorder#A76DDCfe
  • terminalCommandDecoration.defaultBackground#20634Aa4
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#E2E2D8fe
  • terminalCursor.foreground#68438Efe
  • terminalOverviewRuler.cursorForeground#5A5A2Ece
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a4
  • testing.iconUnset#808080c7
  • testing.message.error.decorationForeground#7603EAfe
  • testing.message.error.lineBackground#670067be
  • testing.message.info.decorationForeground#60417Ffe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#F4F4F0fe
  • testing.peekHeaderBackground#E2E2D8fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#E2E2D8fe
  • textBlockQuote.border#F4F4F0fe
  • textCodeBlock.background#E2E2D8fe
  • textLink.activeForeground#68438Efe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#5A5A2Ece
  • textSeparator.foreground#5A5A2Ece
  • titleBar.activeBackground#F0F0EBfe
  • titleBar.activeForeground#8C8C37ae
  • titleBar.border#F7F5F600
  • titleBar.inactiveBackground#E6E6CAdc
  • titleBar.inactiveForeground#4F4F3A65
  • toolbar.activeBackground#E0EAFB81
  • toolbar.hoverBackground#E2E2D8fe
  • toolbar.hoverOutline#F7F5F600
  • tree.inactiveIndentGuidesStroke#674C5D35
  • tree.indentGuidesStroke#644286fe
  • tree.tableColumnsBorder#F4F4F0fe
  • tree.tableOddRowsBackground#E2E2D8fe
  • walkThrough.embeddedEditorBackground#E2E2D8fe
  • walkthrough.stepTitle.foreground#5A5A2Ece
  • welcomePage.background#E2E2D8fe
  • welcomePage.progress.background#E2E2D8fe
  • welcomePage.progress.foreground#5A5A2Ece
  • welcomePage.tileBackground#E2E2D8fe
  • welcomePage.tileBorder#F4F4F0fe
  • welcomePage.tileHoverBackground#E2E2D8fe
  • widget.border#F4F4F0fe
  • widget.shadow#F7F5F600
  • window.activeBorder#F4F4F0fe
  • window.inactiveBorder#F6F6D49c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#4F4F2C6e
comment.block.html#4F4F2C6e
comment.block.java#4F4F2C6e
comment.block.javadoc.java#4F4F2C6e
comment.block.powershell#4F4F2C6e
comment.block.xml#4F4F2C6e
comment.line.double-slash.c#4E4E2A6e
comment.line.double-slash.cpp#4F4F2C6e
comment.line.double-slash.java#4E4E2A6e
comment.line.double-slash.js#4F4F2C6e
comment.line.number-sign.makefile#4E4E2A6e
comment.line.number-sign.python#4F4F2C6e
comment.line.number-sign.yaml#4E4E2A6e
comment.line.percentage.erlang#4E4E2A6e
comment.line.powershell#4E4E2A6e
comment.source.cmake#4E4E2A6e
comment.source.cmakecache#4F4F2C6e
constant.character#5D407Ede
constant.character.character-class.regexp#4D4D4Dde
constant.character.escape#114E8Cde
constant.character.set.regexp#335710de
constant.language#980F54de
constant.numeric#504336de
constant.numeric.dec.python#4E4E4Ede
constant.other.caps.python#6A3D54de
constant.other.character-class.regexp#4A3F34de
constant.other.character-class.set.regexp#33570Ede
constant.other.color.rgb-value#105835de
constant.other.placeholder#504336de
constant.other.rgb-value#4E4E4Ede
constant.regexp#4E4E4Ede
constant.sha.git-rebase#4E4E4Ede
emphasis#365344de
entity.name.class#345710de
entity.name.function#5D407Ede
entity.name.function.preprocessor#74410Ede
entity.name.function.python#703E55de
entity.name.label#75410Dde
entity.name.namespace#583F71de
entity.name.operator#4E4E4Ede
entity.name.operator.custom-literal#365043de
entity.name.scope-resolution#3F3F3Fde
entity.name.tag#76410Cde
entity.name.tag.css#4D4D4Dde
entity.name.type#4B3A5Ddebold
entity.name.variable#105935de
entity.other.attribute#74420Fde
entity.other.attribute-name#4E4E4Ede
entity.other.attribute-name.class.css#4A3F34de
entity.other.attribute-name.class.mixin.css#4E4E4Ede
entity.other.attribute-name.id#503643de
entity.other.attribute-name.id.css#76410Cde
entity.other.attribute-name.parent-selector.css#703E55de
entity.other.attribute-name.pseudo-class.css#734211de
entity.other.attribute-name.pseudo-element.css#4D4D4Dde
entity.other.attribute-name.scss#970E53de
entity.other.document.begin.yaml#4E4E2A6e
entity.other.inherited-class#3E372Fdebold
header#6A05CFde
invalid#5D4B3Ade
keyword#980F53debold
keyword.codetag.notation.python#345810debold
keyword.control#6A09CDdebold
keyword.control.anchor.regexp#4E4E4Edebold
keyword.control.import.python#703E57debold
keyword.operator#543D6Adebold
keyword.operator.alignas#345810debold
keyword.operator.alignof#0F5A34debold
keyword.operator.cast#473856debold
keyword.operator.delete#4E4E4Edebold
keyword.operator.documentation.powershell#4F4F2C6ebold
keyword.operator.expression#435336debold
keyword.operator.instanceof#4D4D4Ddebold
keyword.operator.logical.python#5D4B3Adebold
keyword.operator.minus.exponent#583F71debold
keyword.operator.negation.regexp#435336debold
keyword.operator.new#774109debold
keyword.operator.noexcept#343F4Adebold
keyword.operator.or.regexp#981054debold
keyword.operator.plus.exponent#104B2Ddebold
keyword.operator.quantifier.regexp#4E4E4Edebold
keyword.operator.sizeof#970E53debold
keyword.operator.typeid#4D4D4Ddebold
keyword.operator.wordlike#633C50debold
keyword.other.operator#774109debold
keyword.other.package.java#114C87debold
keyword.other.unit#734211debold
keyword.other.using#33570Ddebold
markup.bold#4E4E4Ede
markup.changed#0F5A34de
markup.deleted#4E4E4Ede
markup.fenced_code.block.markdown#4E4E4Ede
markup.heading#3F4A34de
markup.inline.raw#384756de
markup.inserted#4E4E4Ede
markup.italic#6200C5de
markup.raw.block.markdown#4E4E4Ede
markup.strikethrough#0E3A66de
markup.underline#5E417Fde
meta.block.c#3F344Ade
meta.block.c#345810de
meta.class.java#114172de
meta.definition.variable.name#373E2Fde
meta.diff.header#724211de
meta.embedded#103963de
meta.embedded.assembly#105935de
meta.function-call.arguments.python#345811de
meta.function-call.python#384756de
meta.member.access.python#744211de
meta.method.java#105835de
meta.object-literal.key#961053de
meta.paragraph.markdown#345810de
meta.preprocessor#0F4E2Fde
meta.preprocessor.numeric#3F4A34de
meta.preprocessor.string#980C53de
meta.scope.prerequisites.makefile#583F71de
meta.structure.dictionary.json.comments#4F4F2C6e
meta.structure.dictionary.key.python#33570Dde
meta.structure.dictionary.value.json.comments#4F4F2C6e
meta.template.expression#5D4B3Ade
meta.type.cast.expr#703E57de
meta.type.new.expr#0F3C69de
parameter#105A35de
punctuation.character.set.begin.regexp#6200C5de
punctuation.character.set.end.regexp#105A35de
punctuation.definition.array.begin.json#6A09CDde
punctuation.definition.character-class.regexp#3C4F64de
punctuation.definition.comment#4E4E2A6e
punctuation.definition.comment.json.comments#4E4E2A6e
punctuation.definition.comment.python#4E4E2A6e
punctuation.definition.dictionary.begin.json#75410Ade
punctuation.definition.dictionary.end.json#6A05CFde
punctuation.definition.group.assertion.regexp#105934de
punctuation.definition.group.regexp#31570Bde
punctuation.definition.list.begin.json#114D89de
punctuation.definition.list.begin.markdown#445336de
punctuation.definition.list.begin.python#744211de
punctuation.definition.list.end.json#105934de
punctuation.definition.list.end.markdown#105A35de
punctuation.definition.list.end.python#105935de
punctuation.definition.parameters.begin.python#5D407Ede
punctuation.definition.parameters.end.bracket.round.java#744211de
punctuation.definition.quote.begin.markdown#335710de
punctuation.definition.tag#345710de
punctuation.definition.template-expression.begin#4D4D4Dde
punctuation.definition.template-expression.end#104B2Dde
punctuation.section.class.begin.bracket.curly.java#503643de
punctuation.section.embedded#115A35de
punctuation.section.embedded.begin.php#6C0DCAde
punctuation.section.embedded.end.php#0F5A34de
punctuation.terminator.java#105A35de
source.cmake#724211de
source.coffee.embedded#345710de
source.cpp#74410Ede
source.css.less#343F4Ade
source.groovy.embedded#4E4E4Ede
source.java#0E5432de
source.java-properties#335710de
source.json.comments#4F4F2C6e
source.makefile#9B0550de
source.powershell#105934de
source.powershell.variable.other.member#3C4F63de
source.python#744211de
storage#633C50de
storage.modifier#713E59de
storage.modifier.import.java#0D4C2Cde
storage.modifier.package.java#543D6Ade
storage.type#4E4E4Edebold
storage.type.annotation.groovy#3A4B5Ddebold
storage.type.annotation.java#980F53debold
storage.type.boolean.go#444444debold
storage.type.byte.go#10467Bdebold
storage.type.cs#105935debold
storage.type.error.go#4F3C63debold
storage.type.generic.cs#3E372Fdebold
storage.type.generic.groovy#105835debold
storage.type.generic.java#33580Fdebold
storage.type.groovy#4E4E4Edebold
storage.type.java#0E5432debold
storage.type.modifier.cs#114376debold
storage.type.numeric.go#31570Bdebold
storage.type.object.array.groovy#6E3E58debold
storage.type.object.array.java#345810debold
storage.type.parameters.groovy#33570Fdebold
storage.type.primitive.array.groovy#4E4E4Edebold
storage.type.primitive.array.java#4E4E4Edebold
storage.type.primitive.groovy#5F00BDdebold
storage.type.primitive.java#6200C5debold
storage.type.rune.go#114F8Edebold
storage.type.string.go#6A08CBdebold
storage.type.token.java#33580Fdebold
storage.type.uintptr.go#345810debold
storage.type.variable.cs#105A35debold
string#744211de
string.quoted.docstring.multi.python#4F4F2C6e
string.regexp#345811de
string.tag#3C4F66de
string.value#0F3C69de
strong#4E4E4Ede
support.class#5F407Bde
support.constant.color#75410Ade
support.constant.dom#104B2Dde
support.constant.font-name#744210de
support.constant.handlebars#31580Cde
support.constant.json#0F3963de
support.constant.math#484848de
support.constant.media#105935de
support.constant.media-type#105834de
support.constant.property-value#4E4E4Ede
support.function#4D4D4Dde
support.function.git-rebase#114172de
support.other.parenthesis.regexp#435036de
support.type#0F3C69debold
support.type.property-name#75410Adebold
support.type.vendored.property-name#365343debold
support.variable#105835de
token.debug-token#4D4D4Dde
token.error-token#344A3Fde
token.info-token#345710de
token.warn-token#433650de
variable#3C4F66de
variable.css#503643de
variable.language#114E8Cde
variable.language.wildcard.java#4D4D4Dde
variable.other.constant#724211de
variable.other.definition.java#3B4431de
variable.other.enummember#105935de
variable.other.less#443B31de
variable.other.object.java#5C4B39de
variable.other.object.property.java#564738de
variable.parameter.c#114C87de
variable.parameter.function.language.python#5E407Bde
variable.parameter.java#4D4D4Dde
variable.scss#75410Ede