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#1f1a15fe
  • activityBar.activeBackground#1f1a15fe
  • activityBar.activeBorder#FE9090fe
  • activityBar.activeFocusBorder#825D6600
  • activityBar.background#13100Dfe
  • activityBar.border#76655400
  • activityBar.dropBorder#FD9090fe
  • activityBar.foreground#FD9292fe
  • activityBar.inactiveForeground#EE9F5665
  • activityBarBadge.background#DD7171fe
  • activityBarBadge.foreground#13100Dfe
  • badge.background#D36262fe
  • badge.foreground#13100Dfe
  • banner.background#1f1a15fe
  • banner.foreground#FDECDAce
  • banner.iconForeground#C2C2D5fe
  • breadcrumb.activeSelectionForeground#DBE5E7ca
  • breadcrumb.background#15120Efe
  • breadcrumb.focusForeground#C35050fe
  • breadcrumb.foreground#F1EEEAae
  • breadcrumbPicker.background#1f1a15fe
  • button.background#4C4033ae
  • button.border#0A0A0E00
  • button.foreground#FDECDAce
  • button.hoverBackground#6F5D4B6e
  • button.secondaryBackground#1f1a15fe
  • button.secondaryForeground#FDECDAce
  • button.secondaryHoverBackground#1f1a15fe
  • button.separator#0A0E0B00
  • charts.blue#1b1bfffe
  • charts.foreground#FDECDAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b4
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#110E0Bfe
  • chat.slashCommandBackground#1f1a15fe
  • chat.slashCommandForeground#FDECDAce
  • checkbox.background#110E0Bfe
  • checkbox.border#110E0Bfe
  • checkbox.foreground#FDECDAce
  • checkbox.selectBackground#110E0Bfe
  • checkbox.selectBorder#110E0Bfe
  • commandCenter.activeBackground#252F158e
  • commandCenter.activeBorder#110E0Bfe
  • commandCenter.activeForeground#D36262fe
  • commandCenter.background#1f1a15fe
  • commandCenter.border#110E0Bfe
  • commandCenter.foreground#FDECDAce
  • commandCenter.inactiveBorder#40270E99
  • commandCenter.inactiveForeground#EE9F5665
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0A0E0E00
  • contrastBorder#0A0E0B00
  • debugConsole.errorForeground#FF95FEce
  • debugConsole.infoForeground#FDECDAce
  • debugConsole.sourceForeground#FDECDAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#BABAD0fe
  • debugExceptionWidget.background#540054c4
  • debugExceptionWidget.border#110E0Bfe
  • debugIcon.breakpointCurrentStackframeForeground#CCDCCFfe
  • debugIcon.breakpointDisabledForeground#C6BAAC65
  • debugIcon.breakpointForeground#CFC3B8fe
  • debugIcon.breakpointStackframeForeground#B8CCCFfe
  • debugIcon.breakpointUnverifiedForeground#C2D5C6fe
  • debugIcon.continueForeground#DBE5E7fe
  • debugIcon.disconnectForeground#DCCCD1fe
  • debugIcon.pauseForeground#D7CCDCfe
  • debugIcon.restartForeground#B8CFBCfe
  • debugIcon.startForeground#DBE5E7fe
  • debugIcon.stepBackForeground#E7E1DBfe
  • debugIcon.stepIntoForeground#D6D6E3fe
  • debugIcon.stepOutForeground#E3D6DAfe
  • debugIcon.stepOverForeground#DBE7DDfe
  • debugIcon.stopForeground#D6E2E3fe
  • debugTokenExpression.boolean#D6E3D9ca
  • debugTokenExpression.error#CCCCDCca
  • debugTokenExpression.name#DCCCD1ca
  • debugTokenExpression.number#C7C7D9ca
  • debugTokenExpression.value#C7D9CAca
  • debugToolBar.background#540054c4
  • debugToolBar.border#110E0Bfe
  • debugView.exceptionLabelBackground#282F1Bca
  • debugView.exceptionLabelForeground#DFD6E3ca
  • debugView.stateLabelBackground#1B2E30ca
  • debugView.stateLabelForeground#D6DCCCca
  • debugView.valueChangedHighlight#E0D1D5ca
  • descriptionForeground#FDECDAce
  • diffEditor.border#0E0C0A00
  • diffEditor.diagonalFill#000000ef
  • diffEditor.insertedLineBackground#00340031
  • diffEditor.insertedTextBackground#113213fb
  • diffEditor.insertedTextBorder#0A0E0E00
  • diffEditor.move.border#0A0E0E00
  • diffEditor.moveActive.border#0A0E0E00
  • diffEditor.removedLineBackground#61000031
  • diffEditor.removedTextBackground#600000fb
  • diffEditor.removedTextBorder#0A0A0E00
  • diffEditor.unchangedCodeBackground#1f1a15fe
  • diffEditor.unchangedRegionBackground#1f1a15fe
  • diffEditor.unchangedRegionForeground#FDECDAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#C7B9AC65
  • dropdown.background#110E0Bfe
  • dropdown.border#110E0Bfe
  • dropdown.foreground#FDECDAce
  • dropdown.listBackground#110E0Bfe
  • editor.background#1f1a15fe
  • editor.findMatchBackground#416047ad
  • editor.findMatchBorder#110E0Bfe
  • editor.findMatchHighlightBackground#415D60a3
  • editor.findMatchHighlightBorder#110E0Bfe
  • editor.findRangeHighlightBackground#3A5356a8
  • editor.findRangeHighlightBorder#110E0Bfe
  • editor.focusedStackFrameHighlightBackground#4F745685
  • editor.foldBackground#B4C0A2a3
  • editor.foreground#FDECDAce
  • editor.hoverHighlightBackground#37523Ca3
  • editor.inactiveSelectionBackground#584A3B91
  • editor.inlineValuesBackground#1f1a15fe
  • editor.inlineValuesForeground#FDECDAce
  • editor.lineHighlightBackground#3D3329b3
  • editor.lineHighlightBorder#0E0C0A00
  • editor.linkedEditingBackground#1f1a15fe
  • editor.rangeHighlightBackground#38523Da1
  • editor.rangeHighlightBorder#110E0Bfe
  • editor.selectionBackground#64434Da9
  • editor.selectionForeground#D7CCDCca
  • editor.selectionHighlightBackground#5A44648a
  • editor.selectionHighlightBorder#110E0Bfe
  • editor.snippetFinalTabstopHighlightBackground#3A5640ad
  • editor.snippetFinalTabstopHighlightBorder#110E0Bfe
  • editor.snippetTabstopHighlightBackground#465036ad
  • editor.snippetTabstopHighlightBorder#110E0Bfe
  • editor.stackFrameHighlightBackground#594A3Cae
  • editor.symbolHighlightBackground#65744Fa5
  • editor.symbolHighlightBorder#110E0Bfe
  • editor.wordHighlightBackground#655544a2
  • editor.wordHighlightBorder#0A0E0E00
  • editor.wordHighlightStrongBackground#655544a1
  • editor.wordHighlightStrongBorder#0E0C0A00
  • editor.wordHighlightTextBackground#5B4C3Ea5
  • editor.wordHighlightTextBorder#0E0C0A00
  • editorBracketHighlight.foreground1#F8F6F4ce
  • editorBracketHighlight.foreground2#F8F6F4ce
  • editorBracketHighlight.foreground3#F8F6F4ce
  • editorBracketHighlight.foreground4#F8F6F4ce
  • editorBracketHighlight.foreground5#F8F6F4ce
  • editorBracketHighlight.foreground6#F8F6F4ce
  • editorBracketHighlight.unexpectedBracket.foreground#FDECDAce
  • editorBracketMatch.background#C7B9ACa5
  • editorBracketMatch.border#110E0Bfe
  • editorBracketPairGuide.activeBackground1#BBBBD086
  • editorBracketPairGuide.activeBackground2#A8C1C48e
  • editorBracketPairGuide.activeBackground3#A7C1C48c
  • editorBracketPairGuide.activeBackground4#B5C1A489
  • editorBracketPairGuide.activeBackground5#BABAD087
  • editorBracketPairGuide.activeBackground6#CEB7BE83
  • editorBracketPairGuide.background1#35273Cfe
  • editorBracketPairGuide.background2#1B3032fe
  • editorBracketPairGuide.background3#252E1Afe
  • editorBracketPairGuide.background4#1B2E30fe
  • editorBracketPairGuide.background5#252D19fe
  • editorBracketPairGuide.background6#1B301Efe
  • editorCodeLens.foreground#C7BAAD6e
  • editorCommentsWidget.rangeActiveBackground#C7BAADfe
  • editorCommentsWidget.rangeBackground#1f1a15fe
  • editorCommentsWidget.resolvedBorder#110E0Bfe
  • editorCommentsWidget.unresolvedBorder#5F0000cb
  • editorCursor.background#1f1a15fe
  • editorCursor.foreground#D66767fe
  • editorError.background#0A0E0E00
  • editorError.border#0E0A0B00
  • editorError.foreground#FF95FEce
  • editorGhostText.background#1f1a15fe
  • editorGhostText.border#0E0A0B00
  • editorGhostText.foreground#C7BAAD6e
  • editorGroup.border#110E0Bfe
  • editorGroup.dropBackground#1f1a15fe
  • editorGroup.dropIntoPromptBackground#1f1a15fe
  • editorGroup.dropIntoPromptBorder#110E0Bfe
  • editorGroup.dropIntoPromptForeground#FDECDAce
  • editorGroup.emptyBackground#1f1a15fe
  • editorGroup.focusedEmptyBorder#110E0Bfe
  • editorGroupHeader.border#0C0E0A00
  • editorGroupHeader.noTabsBackground#13100Dae
  • editorGroupHeader.tabsBackground#1E1914a1
  • editorGroupHeader.tabsBorder#0A0E0B00
  • editorGutter.addedBackground#88CC8Bfb
  • editorGutter.background#1f1a15fe
  • editorGutter.commentGlyphForeground#FDECDAce
  • editorGutter.commentRangeForeground#FDECDAce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FEA4A4cb
  • editorGutter.foldingControlForeground#FDECDAce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0C0A00
  • editorHint.foreground#C3B0FFce
  • editorHoverWidget.background#110E0Bfe
  • editorHoverWidget.border#110E0Bfe
  • editorHoverWidget.foreground#FDECDAce
  • editorHoverWidget.highlightForeground#D1E0D4ca
  • editorHoverWidget.statusBarBackground#1f1a15fe
  • editorIndentGuide.activeBackground1#ED9292fe
  • editorIndentGuide.activeBackground2#FD9090fe
  • editorIndentGuide.activeBackground3#FD9292fe
  • editorIndentGuide.activeBackground4#FD9292fe
  • editorIndentGuide.activeBackground5#ED9292fe
  • editorIndentGuide.activeBackground6#ED9292fe
  • editorIndentGuide.background1#8AB09235
  • editorIndentGuide.background2#A48AB035
  • editorIndentGuide.background3#7B7BA535
  • editorIndentGuide.background4#94B79B35
  • editorIndentGuide.background5#ADBA9935
  • editorIndentGuide.background6#A57B8835
  • editorInfo.background#0E0A0B00
  • editorInfo.border#0E0A0B00
  • editorInfo.foreground#C3B0FFce
  • editorInlayHint.background#1f1a15fe
  • editorInlayHint.foreground#FDECDAce
  • editorInlayHint.parameterBackground#1f1a15fe
  • editorInlayHint.parameterForeground#FDECDAce
  • editorInlayHint.typeBackground#1f1a15fe
  • editorInlayHint.typeForeground#FDECDAce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#DD7171fe
  • editorLineNumber.dimmedForeground#C7B9AC6e
  • editorLineNumber.foreground#C7B9AC6e
  • editorLink.activeForeground#C35050fe
  • editorMarkerNavigation.background#110E0Bfe
  • editorMarkerNavigationError.background#540054bd
  • editorMarkerNavigationError.headerBackground#540054b1
  • editorMarkerNavigationInfo.background#0000A0fe
  • editorMarkerNavigationInfo.headerBackground#0000A0fe
  • editorMarkerNavigationWarning.background#352C00fe
  • editorMarkerNavigationWarning.headerBackground#352C00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1f1a15fe
  • editorOverviewRuler.border#332A22fe
  • editorOverviewRuler.bracketMatchForeground#FDECDAce
  • editorOverviewRuler.commentForeground#C7B9AC6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#FDECDAce
  • editorOverviewRuler.currentContentForeground#cecece99
  • editorOverviewRuler.deletedForeground#FEA4A4cb
  • editorOverviewRuler.errorForeground#FF95FEce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C3B0FFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D2D9C7ca
  • editorOverviewRuler.selectionHighlightForeground#C3B0FFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D1D1E0ca
  • editorOverviewRuler.wordHighlightStrongForeground#FDECDAce
  • editorOverviewRuler.wordHighlightTextForeground#FDECDAce
  • editorPane.background#1f1a15fe
  • editorRuler.foreground#C8BAAC36
  • editorStickyScroll.background#1f1a15fe
  • editorStickyScrollHover.background#3B29176e
  • editorSuggestWidget.background#110E0Bfe
  • editorSuggestWidget.border#0E0A0B00
  • editorSuggestWidget.focusHighlightForeground#61BDCBfe
  • editorSuggestWidget.foreground#DEE3D6fe
  • editorSuggestWidget.highlightForeground#E7DBDFca
  • editorSuggestWidget.selectedBackground#49496D87
  • editorSuggestWidget.selectedForeground#E7DBDFca
  • editorSuggestWidget.selectedIconForeground#E3D6DAca
  • editorSuggestWidgetStatus.foreground#E7E1DBfe
  • editorUnicodeHighlight.background#4F7174a5
  • editorUnicodeHighlight.border#110E0Bfe
  • editorUnnecessaryCode.border#332B00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0A0A0E00
  • editorWarning.border#0A0E0B00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#FDECDAce
  • editorWidget.background#110E0Bfe
  • editorWidget.border#110E0Bfe
  • editorWidget.foreground#FDECDAce
  • editorWidget.resizeBorder#110E0Bfe
  • errorForeground#FF95FEce
  • extensionBadge.remoteBackground#CF5D5Dfe
  • extensionBadge.remoteForeground#13100Dfe
  • extensionButton.background#3D2814ae
  • extensionButton.foreground#FDECDAce
  • extensionButton.hoverBackground#342B216e
  • extensionButton.prominentBackground#1f1a15fe
  • extensionButton.prominentForeground#FDECDAce
  • extensionButton.prominentHoverBackground#1f1a15fe
  • extensionButton.separator#0A0E0E00
  • extensionIcon.preReleaseForeground#CFC3B8fe
  • extensionIcon.sponsorForeground#B3C9CBfe
  • extensionIcon.starForeground#C7D9CAfe
  • extensionIcon.verifiedForeground#DBE7DDfe
  • focusBorder#0E0C0A00
  • 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#C7BAADae
  • inlineChat.background#372A1Eca
  • inlineChat.border#1B2E30ca
  • inlineChat.regionHighlight#E2E7DBca
  • inlineChat.shadow#C7C7D9ca
  • inlineChatDiff.inserted#E0D1D5ca
  • inlineChatDiff.removed#D1DEE0ca
  • inlineChatInput.background#DBDBE7ca
  • inlineChatInput.border#1B2F1Fca
  • inlineChatInput.focusBorder#0C0E0A00
  • inlineChatInput.placeholderForeground#D7CCDCca
  • input.background#110E0Bfe
  • input.border#110E0Bfe
  • input.foreground#FDECDAce
  • input.placeholderForeground#C7B9AC65
  • inputOption.activeBackground#110E0Bfe
  • inputOption.activeBorder#110E0Bfe
  • inputOption.activeForeground#BA4848fe
  • inputOption.hoverBackground#110E0Bfe
  • inputValidation.errorBackground#670067b6
  • inputValidation.errorBorder#540054a1
  • inputValidation.errorForeground#FF95FEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#110E0Bfe
  • inputValidation.infoForeground#FDECDAce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#110E0Bfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#110E0Bfe
  • interactive.inactiveCodeBorder#40270E98
  • keybindingLabel.background#1f1a15fe
  • keybindingLabel.border#110E0Bfe
  • keybindingLabel.bottomBorder#110E0Bfe
  • keybindingLabel.foreground#FDECDAce
  • keybindingTable.headerBackground#1f1a15fe
  • keybindingTable.rowsBackground#1f1a15fe
  • list.activeSelectionBackground#65744F8e
  • list.activeSelectionForeground#DBE5E7ca
  • list.activeSelectionIconForeground#E3DBE7ca
  • list.deemphasizedForeground#FDECDAce
  • list.dropBackground#1f1a15fe
  • list.errorForeground#FF95FEce
  • list.filterMatchBackground#1f1a15fe
  • list.filterMatchBorder#110E0Bfe
  • list.focusAndSelectionOutline#0A0A0E00
  • list.focusBackground#594A3C96
  • list.focusForeground#BF4C4Cfe
  • list.focusHighlightForeground#50BFD0fe
  • list.focusOutline#0E0C0A00
  • list.highlightForeground#D7CCDCca
  • list.hoverBackground#5D0622aa
  • list.hoverForeground#C75454fe
  • list.inactiveFocusBackground#332A229b
  • list.inactiveFocusOutline#0A0E0B00
  • list.inactiveSelectionBackground#13100Dae
  • list.inactiveSelectionForeground#C7B9AC65
  • list.inactiveSelectionIconForeground#C6BAAC65
  • list.invalidItemForeground#FDECDAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1f1a15fe
  • listFilterWidget.noMatchesOutline#0A0E0E00
  • listFilterWidget.outline#0A0E0B00
  • listFilterWidget.shadow#0E0A0B00
  • menu.background#13100Dfe
  • menu.border#0E0C0A00
  • menu.foreground#EAE5E0ae
  • menu.selectionBackground#64434Da2
  • menu.selectionBorder#0A0E0E00
  • menu.selectionForeground#D36262fe
  • menu.separatorBackground#342B2365
  • menubar.selectionBackground#65434Ea7
  • menubar.selectionBorder#0A0E0B00
  • menubar.selectionForeground#D66767fe
  • merge.border#110E0Bfe
  • merge.commonContentBackground#1f1a15fe
  • merge.commonHeaderBackground#1f1a15fe
  • merge.currentContentBackground#00340031
  • merge.currentHeaderBackground#113213fb
  • merge.incomingContentBackground#113213cb
  • merge.incomingHeaderBackground#113213fb
  • mergeEditor.change.background#1f1a15fe
  • mergeEditor.change.word.background#1f1a15fe
  • mergeEditor.changeBase.background#1f1a15fe
  • mergeEditor.changeBase.word.background#1f1a15fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#110E0Bfe
  • mergeEditor.conflict.handledUnfocused.border#241E1836
  • mergeEditor.conflict.input1.background#110E0Bfe
  • mergeEditor.conflict.input2.background#110E0Bfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067ad
  • mergeEditor.conflict.unhandledFocused.border#110E0Bfe
  • mergeEditor.conflict.unhandledUnfocused.border#241E1834
  • mergeEditor.conflictingLines.background#1f1a15fe
  • minimap.background#1f1a15fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F8F6F4ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#88CC8Bfb
  • minimapGutter.deletedBackground#FFA5A5fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#8E7760fe
  • minimapSlider.background#514437ae
  • minimapSlider.hoverBackground#6555446e
  • notebook.cellBorderColor#110E0Bfe
  • notebook.cellEditorBackground#1f1a15fe
  • notebook.cellHoverBackground#1f1a15fe
  • notebook.cellInsertionIndicator#DBE5E7ca
  • notebook.cellStatusBarItemHoverBackground#1f1a15fe
  • notebook.cellToolbarSeparator#DCD4CCca
  • notebook.editorBackground#1f1a15fe
  • notebook.focusedCellBackground#1f1a15fe
  • notebook.focusedCellBorder#D36262fe
  • notebook.focusedEditorBorder#110E0Bfe
  • notebook.inactiveFocusedCellBorder#846E598e
  • notebook.inactiveSelectedCellBorder#7A66528e
  • notebook.outputContainerBackgroundColor#1f1a15fe
  • notebook.outputContainerBorderColor#110E0Bfe
  • notebook.selectedCellBackground#1f1a15fe
  • notebook.selectedCellBorder#110E0Bfe
  • notebook.symbolHighlightBackground#1f1a15fe
  • notebookEditorOverviewRuler.runningCellForeground#FDECDAce
  • notebookScrollbarSlider.activeBackground#89735Cfe
  • notebookScrollbarSlider.background#56483Aae
  • notebookScrollbarSlider.hoverBackground#6051416e
  • notebookStatusErrorIcon.foreground#FF95FEce
  • notebookStatusRunningIcon.foreground#E3D6DAfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#110E0Bfe
  • notificationCenterHeader.background#1f1a15fe
  • notificationCenterHeader.foreground#FDECDAce
  • notificationLink.foreground#FDECDAce
  • notifications.background#1f1a15fe
  • notifications.border#110E0Bfe
  • notifications.foreground#FDECDAce
  • notificationsErrorIcon.foreground#FF95FEce
  • notificationsInfoIcon.foreground#CCDBDCfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#110E0Bfe
  • panel.background#1f1a15fe
  • panel.border#110E0Bfe
  • panel.dropBorder#110E0Bfe
  • panelInput.border#110E0Bfe
  • panelSection.border#110E0Bfe
  • panelSection.dropBackground#1f1a15fe
  • panelSectionHeader.background#1f1a15fe
  • panelSectionHeader.border#110E0Bfe
  • panelSectionHeader.foreground#FDECDAce
  • panelTitle.activeBorder#0C0E0A00
  • panelTitle.activeForeground#FE8E8Efe
  • panelTitle.inactiveForeground#EE9F5665
  • peekView.border#FD9191fe
  • peekViewEditor.background#110E0Bfe
  • peekViewEditor.matchHighlightBackground#49496D83
  • peekViewEditor.matchHighlightBorder#0E0C0A00
  • peekViewEditorGutter.background#110E0Bfe
  • peekViewEditorStickyScroll.background#1f1a15fe
  • peekViewResult.background#13100Dfe
  • peekViewResult.fileForeground#FDECDAce
  • peekViewResult.lineForeground#FDECDAce
  • peekViewResult.matchHighlightBackground#4751378e
  • peekViewResult.selectionBackground#4A4A6D8b
  • peekViewResult.selectionForeground#D7CCDCca
  • peekViewTitle.background#13100Dfe
  • peekViewTitleDescription.foreground#FDECDAce
  • peekViewTitleLabel.foreground#FDECDAce
  • pickerGroup.border#110E0Bfe
  • pickerGroup.foreground#FDECDAce
  • ports.iconRunningProcessForeground#CFC3B8fe
  • problemsErrorIcon.foreground#FF95FEce
  • problemsInfoIcon.foreground#C3B0FFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#DD7171fe
  • profileBadge.foreground#13100Dfe
  • progressBar.background#1f1a15fe
  • quickInput.background#13100Dfe
  • quickInput.foreground#EAE5E0ae
  • quickInputList.focusBackground#6F4B56ad
  • quickInputList.focusForeground#BA4848fe
  • quickInputList.focusIconForeground#BA4848fe
  • quickInputTitle.background#110E0Bfe
  • sash.hoverBorder#110E0Bfe
  • scrollbar.shadow#0E0C0A00
  • scrollbarSlider.activeBackground#89735Cfe
  • scrollbarSlider.background#473B30ae
  • scrollbarSlider.hoverBackground#6A59486e
  • search.resultsInfoForeground#FDECDAce
  • searchEditor.findMatchBackground#4F7174a1
  • searchEditor.findMatchBorder#110E0Bfe
  • searchEditor.textInputBorder#110E0Bfe
  • selection.background#1f1a15fe
  • settings.checkboxBackground#110E0Bfe
  • settings.checkboxBorder#110E0Bfe
  • settings.checkboxForeground#FDECDAce
  • settings.dropdownBackground#110E0Bfe
  • settings.dropdownBorder#110E0Bfe
  • settings.dropdownForeground#FDECDAce
  • settings.dropdownListBorder#110E0Bfe
  • settings.focusedRowBackground#44654B81
  • settings.focusedRowBorder#110E0Bfe
  • settings.headerBorder#110E0Bfe
  • settings.headerForeground#FDECDAce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#110E0Bfe
  • settings.numberInputBorder#110E0Bfe
  • settings.numberInputForeground#FDECDAce
  • settings.rowHoverBackground#1f1a15fe
  • settings.sashBorder#110E0Bfe
  • settings.settingsHeaderHoverForeground#BF4C4Cfe
  • settings.textInputBackground#110E0Bfe
  • settings.textInputBorder#110E0Bfe
  • settings.textInputForeground#FDECDAce
  • sideBar.background#1f1a15fe
  • sideBar.border#110E0Bfe
  • sideBar.dropBackground#1f1a15fe
  • sideBar.foreground#C7BAADae
  • sideBarSectionHeader.background#0E0C0A00
  • sideBarSectionHeader.border#110E0Bfe
  • sideBarSectionHeader.foreground#FDECDAce
  • sideBarTitle.foreground#FDECDAce
  • sideBySideEditor.horizontalBorder#110E0Bfe
  • sideBySideEditor.verticalBorder#110E0Bfe
  • simpleFindWidget.sashBorder#110E0Bfe
  • statusBar.background#13100Dfe
  • statusBar.border#110E0Bfe
  • statusBar.debuggingBackground#540054b2
  • statusBar.debuggingBorder#110E0Bfe
  • statusBar.debuggingForeground#FDECDAce
  • statusBar.focusBorder#0D0A0E00
  • statusBar.foreground#C7BAAD6e
  • statusBar.noFolderBackground#13100Dfe
  • statusBar.noFolderBorder#110E0Bfe
  • statusBar.noFolderForeground#FDECDAce
  • statusBarItem.activeBackground#13100Dfe
  • statusBarItem.compactHoverBackground#13100Dfe
  • statusBarItem.errorBackground#540054bd
  • statusBarItem.errorForeground#FF95FEce
  • statusBarItem.errorHoverBackground#540054a8
  • statusBarItem.errorHoverForeground#B700B7ce
  • statusBarItem.focusBorder#0E0C0A00
  • statusBarItem.hoverBackground#13100Dfe
  • statusBarItem.hoverForeground#C35050fe
  • statusBarItem.offlineBackground#13100Dfe
  • statusBarItem.offlineForeground#FDECDAce
  • statusBarItem.offlineHoverBackground#13100Dfe
  • statusBarItem.offlineHoverForeground#CF5D5Dfe
  • statusBarItem.prominentBackground#13100Dfe
  • statusBarItem.prominentForeground#FDECDAce
  • statusBarItem.prominentHoverBackground#13100Dfe
  • statusBarItem.prominentHoverForeground#CF5D5Dfe
  • statusBarItem.remoteBackground#D66767fe
  • statusBarItem.remoteForeground#13100Dfe
  • statusBarItem.remoteHoverBackground#13100Dfe
  • statusBarItem.remoteHoverForeground#DD7171fe
  • statusBarItem.warningBackground#352C00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#352C00fe
  • statusBarItem.warningHoverForeground#D1AD00ce
  • symbolIcon.arrayForeground#E0D1D5fe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#C5CFB8fe
  • symbolIcon.colorForeground#D6DCCCfe
  • symbolIcon.constantForeground#E3DBE7fe
  • symbolIcon.constructorForeground#DAE0D1fe
  • symbolIcon.enumeratorForeground#C6B6CDfe
  • symbolIcon.enumeratorMemberForeground#AEC5C8fe
  • symbolIcon.eventForeground#E3DBE7fe
  • symbolIcon.fieldForeground#AEC5C8fe
  • symbolIcon.fileForeground#CFB8BFfe
  • symbolIcon.folderForeground#CDB6BCfe
  • symbolIcon.functionForeground#C7C7D9fe
  • symbolIcon.interfaceForeground#BDD2C1fe
  • symbolIcon.keyForeground#E3DDD6fe
  • symbolIcon.keywordForeground#C2D5C6fe
  • symbolIcon.methodForeground#DCCCD1fe
  • symbolIcon.moduleForeground#D1DEE0fe
  • symbolIcon.namespaceForeground#D0C2D5fe
  • symbolIcon.nullForeground#CCCCDCfe
  • symbolIcon.numberForeground#B8CCCFfe
  • symbolIcon.objectForeground#D6DCCCfe
  • symbolIcon.operatorForeground#E0D8D1fe
  • symbolIcon.packageForeground#D3C7D9fe
  • symbolIcon.propertyForeground#D5CCC2fe
  • symbolIcon.referenceForeground#DCD4CCfe
  • symbolIcon.snippetForeground#D1E0D4fe
  • symbolIcon.stringForeground#D2D9C7fe
  • symbolIcon.structForeground#CBBFB3fe
  • symbolIcon.textForeground#BABAD0fe
  • symbolIcon.typeParameterForeground#C6B6CDfe
  • symbolIcon.unitForeground#D6E3D9fe
  • symbolIcon.variableForeground#B8CFBCfe
  • tab.activeBackground#15120Efe
  • tab.activeBorder#0E0A0B00
  • tab.activeBorderTop#F09898fe
  • tab.activeForeground#ED9292fe
  • tab.activeModifiedBorder#332B00ce
  • tab.border#0E0C0A00
  • tab.hoverBackground#CFB7BEa6
  • tab.hoverBorder#110E0Bfe
  • tab.hoverForeground#DA6C6Cfe
  • tab.inactiveBackground#2E261F92
  • tab.inactiveForeground#BAAA9965
  • tab.inactiveModifiedBorder#332B00ce
  • tab.lastPinnedBorder#110E0Bfe
  • tab.unfocusedActiveBackground#241E1831
  • tab.unfocusedActiveBorder#0D0A0E00
  • tab.unfocusedActiveBorderTop#342B2365
  • tab.unfocusedActiveForeground#B7A59465
  • tab.unfocusedActiveModifiedBorder#332B00ce
  • tab.unfocusedHoverBackground#C8BAAC27
  • tab.unfocusedHoverBorder#29221B3e
  • tab.unfocusedHoverForeground#BAAA9965
  • tab.unfocusedInactiveBackground#382F2699
  • tab.unfocusedInactiveForeground#BAAA9965
  • tab.unfocusedInactiveModifiedBorder#332B00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c0
  • 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#670067a2
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea5
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1f1a15fe
  • terminal.border#110E0Bfe
  • terminal.dropBackground#1f1a15fe
  • terminal.findMatchBackground#1f1a15fe
  • terminal.findMatchBorder#110E0Bfe
  • terminal.findMatchHighlightBackground#1f1a15fe
  • terminal.findMatchHighlightBorder#110E0Bfe
  • terminal.foreground#C7BAADae
  • terminal.hoverHighlightBackground#1f1a15fe
  • terminal.inactiveSelectionBackground#2E261F9a
  • terminal.selectionBackground#63434D8b
  • terminal.selectionForeground#D1E0D4ca
  • terminal.tab.activeBorder#FD9191fe
  • terminalCommandDecoration.defaultBackground#C6B6CDa8
  • terminalCommandDecoration.errorBackground#FEA4A4cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1f1a15fe
  • terminalCursor.foreground#BA4848fe
  • terminalOverviewRuler.cursorForeground#FDECDAce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0cb
  • testing.iconUnset#808080c7
  • testing.message.error.decorationForeground#E7AFAFfe
  • testing.message.error.lineBackground#540054a1
  • testing.message.info.decorationForeground#E7AFAFfe
  • testing.message.info.lineBackground#0000A0fe
  • testing.peekBorder#110E0Bfe
  • testing.peekHeaderBackground#1f1a15fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1f1a15fe
  • textBlockQuote.border#110E0Bfe
  • textCodeBlock.background#1f1a15fe
  • textLink.activeForeground#BF4C4Cfe
  • textLink.foreground#C3B0FFce
  • textPreformat.foreground#FDECDAce
  • textSeparator.foreground#FDECDAce
  • titleBar.activeBackground#13100Dfe
  • titleBar.activeForeground#D1AA75ae
  • titleBar.border#0A0E0E00
  • titleBar.inactiveBackground#241E18d9
  • titleBar.inactiveForeground#BAAA9965
  • toolbar.activeBackground#262F188c
  • toolbar.hoverBackground#1f1a15fe
  • toolbar.hoverOutline#0C0E0A00
  • tree.inactiveIndentGuidesStroke#A3C1A935
  • tree.indentGuidesStroke#E4AEAEfe
  • tree.tableColumnsBorder#110E0Bfe
  • tree.tableOddRowsBackground#1f1a15fe
  • walkThrough.embeddedEditorBackground#1f1a15fe
  • walkthrough.stepTitle.foreground#FDECDAce
  • welcomePage.background#1f1a15fe
  • welcomePage.progress.background#1f1a15fe
  • welcomePage.progress.foreground#FDECDAce
  • welcomePage.tileBackground#1f1a15fe
  • welcomePage.tileBorder#110E0Bfe
  • welcomePage.tileHoverBackground#1f1a15fe
  • widget.border#110E0Bfe
  • widget.shadow#0E0C0A00
  • window.activeBorder#110E0Bfe
  • window.inactiveBorder#40270E98

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#EABC8E6e
comment.block.html#E5BE8A6e
comment.block.java#EABC8E6e
comment.block.javadoc.java#ECBC8D6e
comment.block.powershell#EABC8E6e
comment.block.xml#E5BE8A6e
comment.line.double-slash.c#E5BE8A6e
comment.line.double-slash.cpp#ECBC8D6e
comment.line.double-slash.java#E1BE8A6e
comment.line.double-slash.js#EABC8E6e
comment.line.number-sign.makefile#E1BE8A6e
comment.line.number-sign.python#E5BE8A6e
comment.line.number-sign.yaml#E5BE8A6e
comment.line.percentage.erlang#EABC8E6e
comment.line.powershell#EABC8E6e
comment.source.cmake#EABC8E6e
comment.source.cmakecache#E1BE8A6e
constant.character#9E9EEEde
constant.character.character-class.regexp#18E418de
constant.character.escape#9E9EEDde
constant.character.set.regexp#B7B7FEde
constant.language#9E9EEEde
constant.numeric#BEBEFEde
constant.numeric.dec.python#9E9EEEde
constant.other.caps.python#9E9EEDde
constant.other.character-class.regexp#ACACF5de
constant.other.character-class.set.regexp#F5ACACde
constant.other.color.rgb-value#ED92EDde
constant.other.placeholder#FEADADde
constant.other.rgb-value#9F9FE9de
constant.regexp#EB8C8Cde
constant.sha.git-rebase#E88C8Cde
emphasis#FEA5FEde
entity.name.class#B9B9F8de
entity.name.function#BEBEFEde
entity.name.function.preprocessor#9E9EEAde
entity.name.function.python#9F9FEBde
entity.name.label#18E418de
entity.name.namespace#15E415de
entity.name.operator#F5ACF5de
entity.name.operator.custom-literal#E68D8Dde
entity.name.scope-resolution#E88C8Cde
entity.name.tag#0DE30Dde
entity.name.tag.css#E58D8Dde
entity.name.type#18E418de
entity.name.variable#15E315de
entity.other.attribute#BFBFFEde
entity.other.attribute-name#E68D8Dde
entity.other.attribute-name.class.css#9E9EF0de
entity.other.attribute-name.class.mixin.css#E58D8Dde
entity.other.attribute-name.id#FEB0B0de
entity.other.attribute-name.id.css#9E9EEAde
entity.other.attribute-name.parent-selector.css#F5ACF5de
entity.other.attribute-name.pseudo-class.css#EB8C8Cde
entity.other.attribute-name.pseudo-element.css#13E413de
entity.other.attribute-name.scss#B7B7FEde
entity.other.document.begin.yaml#EABC8E6e
entity.other.inherited-class#E58D8Dde
header#FEB0B0de
invalid#F29F9Fde
keyword#16E316de
keyword.codetag.notation.python#F4A5A5de
keyword.control#FEADADde
keyword.control.anchor.regexp#0FE30Fde
keyword.control.import.python#B7B7FEde
keyword.operator#16E316de
keyword.operator.alignas#E68D8Dde
keyword.operator.alignof#EB8CEBde
keyword.operator.cast#FEA6FEde
keyword.operator.delete#BEBEFEde
keyword.operator.documentation.powershell#E5BE8A6e
keyword.operator.expression#ACACF5de
keyword.operator.instanceof#18E318de
keyword.operator.logical.python#F5ACACde
keyword.operator.minus.exponent#9E9EF0de
keyword.operator.negation.regexp#ED9292de
keyword.operator.new#9E9EF0de
keyword.operator.noexcept#A5A5F4de
keyword.operator.or.regexp#B7B7FEde
keyword.operator.plus.exponent#ACACF5de
keyword.operator.quantifier.regexp#9E9EEFde
keyword.operator.sizeof#0FE30Fde
keyword.operator.typeid#E58D8Dde
keyword.operator.wordlike#18E318de
keyword.other.operator#F09898de
keyword.other.package.java#F7B3B3de
keyword.other.unit#F29F9Fde
keyword.other.using#B3B3F7de
markup.bold#18E418de
markup.changed#15E315de
markup.deleted#9E9EF0de
markup.fenced_code.block.markdown#9E9EEAde
markup.heading#F4A5F4de
markup.inline.raw#F5ACF5de
markup.inserted#9E9EEFde
markup.italic#BFBFFEde
markup.raw.block.markdown#9E9EEAde
markup.strikethrough#10E410de
markup.underline#FEB0B0de
meta.block.c#18E318de
meta.block.c#16E316de
meta.class.java#B3B3F7de
meta.definition.variable.name#FEA6FEde
meta.diff.header#15E415de
meta.embedded#E68D8Dde
meta.embedded.assembly#EB8C8Cde
meta.function-call.arguments.python#E68D8Dde
meta.function-call.python#15E315de
meta.member.access.python#E68D8Dde
meta.method.java#F09898de
meta.object-literal.key#9F9FE9de
meta.paragraph.markdown#9E9EEEde
meta.preprocessor#15E415de
meta.preprocessor.numeric#BFBFFEde
meta.preprocessor.string#EB8C8Cde
meta.scope.prerequisites.makefile#FEADADde
meta.structure.dictionary.json.comments#E1BE8A6e
meta.structure.dictionary.key.python#9F9FEBde
meta.structure.dictionary.value.json.comments#ECBC8D6e
meta.template.expression#F09898de
meta.type.cast.expr#E88C8Cde
meta.type.new.expr#EB8C8Cde
parameter#E88C8Cde
punctuation.character.set.begin.regexp#B9B9F8de
punctuation.character.set.end.regexp#E88C8Cde
punctuation.definition.array.begin.json#F4A5A5de
punctuation.definition.character-class.regexp#B3B3F7de
punctuation.definition.comment#E1BE8A6e
punctuation.definition.comment.json.comments#EABC8E6e
punctuation.definition.comment.python#E5BE8A6e
punctuation.definition.dictionary.begin.json#9E9EEAde
punctuation.definition.dictionary.end.json#B3B3F7de
punctuation.definition.group.assertion.regexp#E88C8Cde
punctuation.definition.group.regexp#FEADADde
punctuation.definition.list.begin.json#ED92EDde
punctuation.definition.list.begin.markdown#EB8CEBde
punctuation.definition.list.begin.python#FEB1B1de
punctuation.definition.list.end.json#18E418de
punctuation.definition.list.end.markdown#ED9292de
punctuation.definition.list.end.python#FEB1B1de
punctuation.definition.parameters.begin.python#B3B3F7de
punctuation.definition.parameters.end.bracket.round.java#18E418de
punctuation.definition.quote.begin.markdown#E88C8Cde
punctuation.definition.tag#9E9EF0de
punctuation.definition.template-expression.begin#B7B7FEde
punctuation.definition.template-expression.end#9E9EEEde
punctuation.section.class.begin.bracket.curly.java#F5ACACde
punctuation.section.embedded#9E9EF0de
punctuation.section.embedded.begin.php#18E418de
punctuation.section.embedded.end.php#A5A5F4de
punctuation.terminator.java#18E418de
source.cmake#B9B9F8de
source.coffee.embedded#9F9FEBde
source.cpp#16E316de
source.css.less#ACACF5de
source.groovy.embedded#BFBFFEde
source.java#FEA5FEde
source.java-properties#EB8C8Cde
source.json.comments#ECBC8D6e
source.makefile#F4A5F4de
source.powershell#9E9EEAde
source.powershell.variable.other.member#9E9EEDde
source.python#0FE30Fde
storage#EB8CEBde
storage.modifier#0FE30Fde
storage.modifier.import.java#BFBFFEde
storage.modifier.package.java#FEA6FEde
storage.type#9F9FEBde
storage.type.annotation.groovy#18E418de
storage.type.annotation.java#FEA6FEde
storage.type.boolean.go#9E9EEDde
storage.type.byte.go#0FE30Fde
storage.type.cs#FEA5FEde
storage.type.error.go#15E415de
storage.type.generic.cs#9E9EEDde
storage.type.generic.groovy#A5A5F4de
storage.type.generic.java#9E9EF0de
storage.type.groovy#FEB1B1de
storage.type.java#FEB0B0de
storage.type.modifier.cs#F4A5A5de
storage.type.numeric.go#FEA5FEde
storage.type.object.array.groovy#FEA5FEde
storage.type.object.array.java#F4A5A5de
storage.type.parameters.groovy#0FE30Fde
storage.type.primitive.array.groovy#9E9EEFde
storage.type.primitive.array.java#EB8CEBde
storage.type.primitive.groovy#18E418de
storage.type.primitive.java#F5ACACde
storage.type.rune.go#9E9EEEde
storage.type.string.go#0FE30Fde
storage.type.token.java#E58D8Dde
storage.type.uintptr.go#E68D8Dde
storage.type.variable.cs#E68D8Dde
string#B7B7FEde
string.quoted.docstring.multi.python#E5BE8A6e
string.regexp#18E318de
string.tag#15E415de
string.value#9F9FEBde
strong#18E418de
support.class#9F9FE9de
support.constant.color#18E418de
support.constant.dom#16E316de
support.constant.font-name#B9B9F8de
support.constant.handlebars#18E318de
support.constant.json#FEA5FEde
support.constant.math#9E9EF0de
support.constant.media#B3B3F7de
support.constant.media-type#E68D8Dde
support.constant.property-value#9E9EEEde
support.function#FEA5FEde
support.function.git-rebase#18E418de
support.other.parenthesis.regexp#FEB0B0de
support.type#E986E9de
support.type.property-name#F29F9Fde
support.type.vendored.property-name#BFBFFEde
support.variable#16E316de
token.debug-token#F29FF2de
token.error-token#FEB0B0de
token.info-token#0FE30Fde
token.warn-token#9E9EEEde
variable#E88C8Cde
variable.css#9E9EF0de
variable.language#F29F9Fde
variable.language.wildcard.java#9E9EEDde
variable.other.constant#FEB0B0de
variable.other.definition.java#9F9FE9de
variable.other.enummember#9E9EEFde
variable.other.less#18E318de
variable.other.object.java#FEADADde
variable.other.object.property.java#18E418de
variable.parameter.c#A5A5F4de
variable.parameter.function.language.python#F29F9Fde
variable.parameter.java#15E415de
variable.scss#A5A5F4de