Skip to main content
Coding Theme

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#4570B8
  • activityBar.activeBackground#3574F015
  • activityBar.activeBorder#3574F0
  • activityBar.activeFocusBorder#3574F0
  • activityBar.background#27292C
  • activityBar.border#34363C
  • activityBar.dropBorder#3574F0
  • activityBar.foreground#DFE1E5
  • activityBar.inactiveForeground#80858C
  • activityBarBadge.background#366ACE
  • activityBarBadge.foreground#FFFFFF
  • activityBarTop.activeBackground#3574F015
  • activityBarTop.activeBorder#3574F0
  • activityBarTop.background#27292C
  • activityBarTop.dropBorder#3574F0
  • activityBarTop.foreground#DFE1E5
  • activityBarTop.inactiveForeground#A8ACB3
  • badge.background#366ACE
  • badge.foreground#FFFFFF
  • banner.background#393B40
  • banner.foreground#DFE1E5
  • banner.iconForeground#548AF7
  • breadcrumb.activeSelectionForeground#CED0D6
  • breadcrumb.background#1E1F22
  • breadcrumb.focusForeground#DFE1E5
  • breadcrumb.foreground#9DA0A8
  • breadcrumbPicker.background#2B2D30
  • button.background#366ACE
  • button.border#366ACE
  • button.foreground#FFFFFF
  • button.hoverBackground#375FAD
  • button.secondaryBackground#2B2D30
  • button.secondaryForeground#DFE1E5
  • button.secondaryHoverBackground#393B40
  • button.separator#FFFFFF40
  • chart.axis#4E5157
  • chart.guide#393B40
  • chart.line#43454A
  • charts.blue#548AF7
  • charts.foreground#BCBEC4
  • charts.green#5FAD65
  • charts.lines#43454A
  • charts.orange#E08855
  • charts.purple#C77DBB
  • charts.red#E47474
  • charts.yellow#F2C55C
  • chat.avatarBackground#43454A
  • chat.avatarForeground#DFE1E5
  • chat.requestBackground#27292C
  • chat.requestBorder#34363C
  • chat.slashCommandBackground#393B40
  • chat.slashCommandForeground#DFE1E5
  • checkbox.background#393B40
  • checkbox.border#4E5157
  • checkbox.foreground#DFE1E5
  • checkbox.selectBackground#3574F0
  • checkbox.selectBorder#3574F0
  • commandCenter.activeBackground#43454A
  • commandCenter.activeBorder#34363C
  • commandCenter.activeForeground#DFE1E5
  • commandCenter.background#393B40
  • commandCenter.border#34363C
  • commandCenter.debuggingBackground#5E3838B3
  • commandCenter.foreground#CED0D6
  • commandCenter.inactiveBorder#34363C
  • commandCenter.inactiveForeground#A8ACB3
  • debugConsole.errorForeground#E47474
  • debugConsole.infoForeground#6B9BFA
  • debugConsole.sourceForeground#6AAB73
  • debugConsole.warningForeground#D6AE58
  • debugConsoleInputIcon.foreground#548AF7
  • debugIcon.breakpointCurrentStackframeForeground#F2C55C
  • debugIcon.breakpointDisabledForeground#80858C
  • debugIcon.breakpointForeground#E47474
  • debugIcon.breakpointStackframeForeground#D6AE58
  • debugIcon.breakpointUnverifiedForeground#A8ACB3
  • debugIcon.continueForeground#5FAD65
  • debugIcon.disconnectForeground#9DA0A8
  • debugIcon.pauseForeground#548AF7
  • debugIcon.restartForeground#5FAD65
  • debugIcon.startForeground#5FAD65
  • debugIcon.stepBackForeground#548AF7
  • debugIcon.stepIntoForeground#548AF7
  • debugIcon.stepOutForeground#548AF7
  • debugIcon.stepOverForeground#548AF7
  • debugIcon.stopForeground#E47474
  • debugTokenExpression.boolean#CF8E6D
  • debugTokenExpression.error#E47474
  • debugTokenExpression.name#C77DBB
  • debugTokenExpression.number#2AACB8
  • debugTokenExpression.string#6AAB73
  • debugTokenExpression.value#F0AC81
  • debugToolBar.background#2B2D30
  • debugToolBar.border#43454A
  • debugView.exceptionLabelBackground#5E3838
  • debugView.exceptionLabelForeground#DFE1E5
  • debugView.stateLabelBackground#393B40
  • debugView.stateLabelForeground#B4B8BF
  • debugView.valueChangedHighlight#375FAD
  • descriptionForeground#A8ACB3
  • diffEditor.border#43454A
  • diffEditor.diagonalFill#43454A60
  • diffEditor.insertedLineBackground#2ea0432A
  • diffEditor.insertedTextBackground#3fb95033
  • diffEditor.insertedTextBorder#3fb95066
  • diffEditor.removedLineBackground#f851492A
  • diffEditor.removedTextBackground#ff7b7233
  • diffEditor.removedTextBorder#ff7b7266
  • diffEditor.unchangedCodeBackground#2B2D3040
  • diffEditor.unchangedRegionBackground#2B2D3080
  • diffEditor.unchangedRegionForeground#9DA0A8
  • diffEditorGutter.insertedLineBackground#2ea0432A
  • diffEditorGutter.removedLineBackground#f851492A
  • diffEditorOverview.insertedForeground#3fb950
  • diffEditorOverview.removedForeground#ff7b72
  • disabledForeground#80858C
  • dropdown.background#393B40
  • dropdown.border#4E5157
  • dropdown.foreground#DFE1E5
  • dropdown.listBackground#2B2D30
  • editor.background#1E1F22
  • editor.findMatchBackground#5FAD65
  • editor.findMatchBorder#5FAD65
  • editor.findMatchForeground#FFFFFF
  • editor.findMatchHighlightBackground#F2C55C44
  • editor.findMatchHighlightBorder#F2C55C80
  • editor.findMatchHighlightForeground#FFFFFF
  • editor.findRangeHighlightBackground#5480F018
  • editor.findRangeHighlightBorder#00000000
  • editor.focusedStackFrameHighlightBackground#1A3B2D80
  • editor.foldBackground#393B40A0
  • editor.foldPlaceholderForeground#A8ACB3
  • editor.foreground#BCBEC4
  • editor.hoverHighlightBackground#FFFFFF10
  • editor.inactiveSelectionBackground#2A4D7B99
  • editor.inlineValuesBackground#00000000
  • editor.inlineValuesForeground#A8ACB3
  • editor.lineHighlightBackground#26282E
  • editor.lineHighlightBorder#00000000
  • editor.linkedEditingBackground#35538F60
  • editor.placeholder.foreground#A8ACB3
  • editor.rangeHighlightBackground#5480F018
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#2A4D7BE6
  • editor.selectionHighlightBackground#1857C242
  • editor.selectionHighlightBorder#1857C273
  • editor.snippetFinalTabstopHighlightBackground#35538F60
  • editor.snippetFinalTabstopHighlightBorder#3574F0
  • editor.snippetTabstopHighlightBackground#35538F40
  • editor.stackFrameHighlightBackground#2A509180
  • editor.symbolHighlightBackground#9B6DF540
  • editor.symbolHighlightBorder#9B6DF562
  • editor.wordHighlightBackground#0DC4B030
  • editor.wordHighlightBorder#0DC4B058
  • editor.wordHighlightStrongBackground#E0558540
  • editor.wordHighlightStrongBorder#E0558562
  • editor.wordHighlightTextBackground#CF8E6D28
  • editor.wordHighlightTextBorder#CF8E6D48
  • editorActionList.background#2B2D30
  • editorActionList.focusBackground#4570B8
  • editorActionList.focusForeground#FFFFFF
  • editorActionList.foreground#DFE1E5
  • editorBracketHighlight.foreground1#D5B778
  • editorBracketHighlight.foreground2#56A8F5
  • editorBracketHighlight.foreground3#6AAB73
  • editorBracketHighlight.foreground4#C77DBB
  • editorBracketHighlight.foreground5#2AACB8
  • editorBracketHighlight.foreground6#B3AE60
  • editorBracketHighlight.unexpectedBracket.foreground#E47474
  • editorBracketMatch.background#43454A60
  • editorBracketMatch.border#4E5157
  • editorBracketPairGuide.activeBackground1#D5B778
  • editorBracketPairGuide.activeBackground2#56A8F5
  • editorBracketPairGuide.activeBackground3#6AAB73
  • editorBracketPairGuide.activeBackground4#C77DBB
  • editorBracketPairGuide.activeBackground5#2AACB8
  • editorBracketPairGuide.activeBackground6#B3AE60
  • editorBracketPairGuide.background1#D5B77840
  • editorBracketPairGuide.background2#56A8F540
  • editorBracketPairGuide.background3#6AAB7340
  • editorBracketPairGuide.background4#C77DBB40
  • editorBracketPairGuide.background5#2AACB840
  • editorBracketPairGuide.background6#B3AE6040
  • editorCodeLens.foreground#A8ACB3
  • editorCursor.background#1E1F22
  • editorCursor.foreground#CED0D6
  • editorError.background#DB5C5C18
  • editorError.border#00000000
  • editorError.foreground#E47474
  • editorGhostText.background#00000000
  • editorGhostText.border#00000000
  • editorGhostText.foreground#80858C
  • editorGroup.border#34363C
  • editorGroup.dropBackground#35538F40
  • editorGroup.emptyBackground#1E1F22
  • editorGroupHeader.border#34363C
  • editorGroupHeader.noTabsBackground#27292C
  • editorGroupHeader.tabsBackground#27292C
  • editorGroupHeader.tabsBorder#34363C
  • editorGutter.addedBackground#3fb950
  • editorGutter.background#1E1F22
  • editorGutter.commentRangeForeground#80858C
  • editorGutter.deletedBackground#ff7b72
  • editorGutter.foldingControlForeground#A8ACB3
  • editorGutter.modifiedBackground#dbab36
  • editorHint.border#00000000
  • editorHint.foreground#5FAD65
  • editorHoverWidget.background#393B40
  • editorHoverWidget.border#34363C
  • editorHoverWidget.foreground#DFE1E5
  • editorHoverWidget.highlightForeground#83ACFC
  • editorHoverWidget.statusBarBackground#2B2D30
  • editorIndentGuide.activeBackground1#666870
  • editorIndentGuide.background1#313438
  • editorInfo.background#548AF718
  • editorInfo.border#00000000
  • editorInfo.foreground#548AF7
  • editorInlayHint.background#2F3135
  • editorInlayHint.foreground#A8ACB3
  • editorInlayHint.parameterBackground#2F3135
  • editorInlayHint.parameterForeground#A8ACB3
  • editorInlayHint.typeBackground#2F3135
  • editorInlayHint.typeForeground#A8ACB3
  • editorLightBulb.foreground#F2C55C
  • editorLightBulbAutoFix.foreground#548AF7
  • editorLineNumber.activeForeground#C77DBB
  • editorLineNumber.foreground#74787F
  • editorLink.activeForeground#548AF7
  • editorMarkerNavigation.background#2B2D30
  • editorMarkerNavigationError.background#9C4E4E
  • editorMarkerNavigationError.headerBackground#5E3838
  • editorMarkerNavigationInfo.background#366ACE
  • editorMarkerNavigationInfo.headerBackground#393B40
  • editorMarkerNavigationWarning.background#9E814A
  • editorMarkerNavigationWarning.headerBackground#3D3223
  • editorOverviewRuler.addedForeground#3fb950D9
  • editorOverviewRuler.background#1E1F22
  • editorOverviewRuler.border#34363C
  • editorOverviewRuler.bracketMatchForeground#4E5157B3
  • editorOverviewRuler.commonContentForeground#43454AB3
  • editorOverviewRuler.currentContentForeground#1f6febB3
  • editorOverviewRuler.deletedForeground#ff7b72D9
  • editorOverviewRuler.errorForeground#E47474B3
  • editorOverviewRuler.findMatchForeground#5FAD65B3
  • editorOverviewRuler.incomingContentForeground#2ea043B3
  • editorOverviewRuler.infoForeground#548AF7B3
  • editorOverviewRuler.modifiedForeground#dbab36D9
  • editorOverviewRuler.rangeHighlightForeground#5480F0B3
  • editorOverviewRuler.selectionHighlightForeground#1857C2B3
  • editorOverviewRuler.warningForeground#D6AE58B3
  • editorOverviewRuler.wordHighlightForeground#0DC4B0B3
  • editorOverviewRuler.wordHighlightStrongForeground#E05585B3
  • editorOverviewRuler.wordHighlightTextForeground#CF8E6DB3
  • editorPane.background#1E1F22
  • editorRuler.foreground#313438
  • editorStickyScroll.background#252629
  • editorStickyScroll.border#34363C
  • editorStickyScroll.shadow#00000060
  • editorStickyScrollHover.background#393B40
  • editorSuggestWidget.background#2B2D30
  • editorSuggestWidget.border#34363C
  • editorSuggestWidget.focusHighlightForeground#FFFFFF
  • editorSuggestWidget.foreground#BCBEC4
  • editorSuggestWidget.highlightForeground#6B9BFA
  • editorSuggestWidget.selectedBackground#4570B8
  • editorSuggestWidget.selectedForeground#FFFFFF
  • editorSuggestWidget.selectedIconForeground#FFFFFF
  • editorSuggestWidgetStatus.foreground#9DA0A8
  • editorUnicodeHighlight.background#F2C55C18
  • editorUnicodeHighlight.border#F2C55C
  • editorUnnecessaryCode.opacity#000000C0
  • editorWarning.background#D6AE5818
  • editorWarning.border#00000000
  • editorWarning.foreground#D6AE58
  • editorWhitespace.foreground#4E5157
  • editorWidget.background#2B2D30
  • editorWidget.border#34363C
  • editorWidget.foreground#DFE1E5
  • editorWidget.resizeBorder#3574F0
  • errorForeground#E47474
  • extensionBadge.remoteBackground#375FAD
  • extensionBadge.remoteForeground#FFFFFF
  • extensionButton.background#366ACE
  • extensionButton.foreground#FFFFFF
  • extensionButton.hoverBackground#375FAD
  • extensionButton.prominentBackground#366ACE
  • extensionButton.prominentForeground#FFFFFF
  • extensionButton.prominentHoverBackground#375FAD
  • extensionButton.separator#FFFFFF40
  • extensionIcon.preReleaseForeground#E08855
  • extensionIcon.sponsorForeground#C77DBB
  • extensionIcon.starForeground#F2C55C
  • extensionIcon.verifiedForeground#548AF7
  • focusBorder#3574F0
  • foreground#BCBEC4
  • gitDecoration.addedResourceForeground#3fb950
  • gitDecoration.conflictingResourceForeground#f0883e
  • gitDecoration.deletedResourceForeground#ff7b72
  • gitDecoration.ignoredResourceForeground#6e7681
  • gitDecoration.modifiedResourceForeground#d29922
  • gitDecoration.renamedResourceForeground#79c0ff
  • gitDecoration.stageDeletedResourceForeground#ff7b72
  • gitDecoration.stageModifiedResourceForeground#d29922
  • gitDecoration.submoduleResourceForeground#8b949e
  • gitDecoration.untrackedResourceForeground#7ee787
  • icon.foreground#B4B8BF
  • inlineChat.background#2B2D30
  • inlineChat.border#43454A
  • inlineChat.foreground#DFE1E5
  • inlineChat.shadow#00000060
  • inlineChatDiff.inserted#37523940
  • inlineChatDiff.removed#5E383840
  • inlineChatInput.background#393B40
  • inlineChatInput.border#4E5157
  • inlineChatInput.focusBorder#3574F0
  • inlineChatInput.placeholderForeground#A8ACB3
  • input.background#393B40
  • input.border#4E5157
  • input.foreground#DFE1E5
  • input.placeholderForeground#A8ACB3
  • inputOption.activeBackground#4570B8
  • inputOption.activeBorder#3574F0
  • inputOption.activeForeground#FFFFFF
  • inputOption.hoverBackground#393B40
  • inputValidation.errorBackground#5E3838
  • inputValidation.errorBorder#BD5757
  • inputValidation.errorForeground#FFFFFF
  • inputValidation.infoBackground#25324D
  • inputValidation.infoBorder#375FAD
  • inputValidation.infoForeground#DFE1E5
  • inputValidation.warningBackground#3D3223
  • inputValidation.warningBorder#826A41
  • inputValidation.warningForeground#FFFFFF
  • interactive.activeCodeBorder#3574F0
  • interactive.inactiveCodeBorder#43454A
  • keybindingLabel.background#393B40
  • keybindingLabel.border#4E5157
  • keybindingLabel.bottomBorder#4E5157
  • keybindingLabel.foreground#DFE1E5
  • keybindingTable.headerBackground#393B40
  • keybindingTable.rowsBackground#00000000
  • list.activeSelectionBackground#4570B8
  • list.activeSelectionForeground#FFFFFF
  • list.activeSelectionIconForeground#FFFFFF
  • list.deemphasizedForeground#80858C
  • list.dropBackground#35538F40
  • list.dropBetweenBackground#3574F0
  • list.errorForeground#E47474
  • list.filterMatchBackground#F2C55C33
  • list.filterMatchBorder#D6AE5866
  • list.focusAndSelectionOutline#00000000
  • list.focusBackground#4570B8
  • list.focusForeground#FFFFFF
  • list.focusHighlightForeground#FFFFFF
  • list.focusOutline#00000000
  • list.highlightForeground#6B9BFA
  • list.hoverBackground#393B40
  • list.hoverForeground#DFE1E5
  • list.inactiveSelectionBackground#2E436E80
  • list.inactiveSelectionForeground#DFE1E5
  • list.inactiveSelectionIconForeground#CED0D6
  • list.invalidItemForeground#E47474
  • list.warningForeground#D6AE58
  • listFilterWidget.background#1E1F22
  • listFilterWidget.noMatchesOutline#9C4E4E
  • listFilterWidget.outline#3574F0
  • listFilterWidget.shadow#00000060
  • menu.background#2B2D30
  • menu.border#34363C
  • menu.foreground#DFE1E5
  • menu.selectionBackground#4570B8
  • menu.selectionBorder#00000000
  • menu.selectionForeground#FFFFFF
  • menu.separatorBackground#43454A
  • menubar.selectionBackground#393B40
  • menubar.selectionBorder#00000000
  • menubar.selectionForeground#DFE1E5
  • merge.border#00000000
  • merge.commonContentBackground#6e768142
  • merge.commonHeaderBackground#6e768166
  • merge.currentContentBackground#1f6feb42
  • merge.currentHeaderBackground#1f6feb8C
  • merge.incomingContentBackground#2ea04342
  • merge.incomingHeaderBackground#2ea0438C
  • mergeEditor.change.background#1f6feb2E
  • mergeEditor.change.word.background#1f6feb73
  • mergeEditor.conflict.handledFocused.border#A8ACB3
  • mergeEditor.conflict.handledUnfocused.border#4E5157
  • mergeEditor.conflict.unhandledFocused.border#D6AE58
  • mergeEditor.conflict.unhandledUnfocused.border#9E814A
  • minimap.background#1E1F22
  • minimap.errorHighlight#E47474
  • minimap.findMatchHighlight#5FAD65B3
  • minimap.foregroundOpacity#000000C0
  • minimap.selectionHighlight#1857C2B3
  • minimap.selectionOccurrenceHighlight#0DC4B060
  • minimap.warningHighlight#D6AE58
  • minimapGutter.addedBackground#3fb950
  • minimapGutter.deletedBackground#ff7b72
  • minimapGutter.modifiedBackground#dbab36
  • minimapSlider.activeBackground#FFFFFF26
  • minimapSlider.background#FFFFFF08
  • minimapSlider.hoverBackground#FFFFFF14
  • multiDiffEditor.background#1E1F22
  • multiDiffEditor.border#34363C
  • multiDiffEditor.headerBackground#2B2D30
  • notebook.cellBorderColor#80858C
  • notebook.cellEditorBackground#1E1F22
  • notebook.cellHoverBackground#00000033
  • notebook.cellInsertionIndicator#3574F0
  • notebook.cellStatusBarItemHoverBackground#FFFFFF14
  • notebook.cellToolbarSeparator#43454A
  • notebook.editorBackground#1E1F22
  • notebook.focusedCellBackground#00000000
  • notebook.focusedCellBorder#6AAB73
  • notebook.focusedEditorBorder#6AAB73
  • notebook.inactiveFocusedCellBorder#4E5157
  • notebook.inactiveSelectedCellBorder#4E5157
  • notebook.outputContainerBackgroundColor#25272B
  • notebook.outputContainerBorderColor#80858C
  • notebook.selectedCellBackground#00000000
  • notebook.selectedCellBorder#4E5157
  • notebookEditorOverviewRuler.runningCellForeground#548AF7
  • notebookScrollbarSlider.activeBackground#FFFFFF4D
  • notebookScrollbarSlider.background#FFFFFF26
  • notebookScrollbarSlider.hoverBackground#FFFFFF4D
  • notebookStatusErrorIcon.foreground#E47474
  • notebookStatusRunningIcon.foreground#548AF7
  • notebookStatusSuccessIcon.foreground#5FAD65
  • notificationCenter.border#43454A
  • notificationCenterHeader.background#2B2D30
  • notificationCenterHeader.foreground#B4B8BF
  • notificationLink.foreground#6B9BFA
  • notifications.background#393B40
  • notifications.border#43454A
  • notifications.foreground#DFE1E5
  • notificationsErrorIcon.foreground#E47474
  • notificationsInfoIcon.foreground#548AF7
  • notificationsWarningIcon.foreground#D6AE58
  • notificationToast.border#43454A
  • panel.background#27292C
  • panel.border#34363C
  • panel.dropBorder#3574F0
  • panelInput.border#43454A
  • panelSection.border#34363C
  • panelSection.dropBackground#35538F40
  • panelSectionHeader.background#27292C
  • panelSectionHeader.border#34363C
  • panelSectionHeader.foreground#B4B8BF
  • panelStickyScroll.background#1E1F22
  • panelStickyScroll.border#34363C
  • panelStickyScroll.shadow#00000060
  • panelTitle.activeBorder#3574F0
  • panelTitle.activeForeground#DFE1E5
  • panelTitle.border#34363C
  • panelTitle.inactiveForeground#A8ACB3
  • peekView.border#34363C
  • peekViewEditor.background#2B2D30
  • peekViewEditor.matchHighlightBackground#F2C55C33
  • peekViewEditor.matchHighlightBorder#D6AE5866
  • peekViewEditorGutter.background#2B2D30
  • peekViewEditorStickyScroll.background#2B2D30
  • peekViewResult.background#2B2D30
  • peekViewResult.fileForeground#DFE1E5
  • peekViewResult.lineForeground#9DA0A8
  • peekViewResult.matchHighlightBackground#F2C55C33
  • peekViewResult.selectionBackground#4570B8
  • peekViewResult.selectionForeground#FFFFFF
  • peekViewTitle.background#2B2D30
  • peekViewTitleDescription.foreground#9DA0A8
  • peekViewTitleLabel.foreground#DFE1E5
  • pickerGroup.border#34363C
  • pickerGroup.foreground#A8ACB3
  • ports.iconRunningProcessForeground#5FAD65
  • problemsErrorIcon.foreground#E47474
  • problemsInfoIcon.foreground#548AF7
  • problemsWarningIcon.foreground#D6AE58
  • progressBar.background#467FF2
  • quickInput.background#2B2D30
  • quickInput.foreground#DFE1E5
  • quickInputList.focusBackground#2E3F5C
  • quickInputList.focusForeground#DFE1E5
  • quickInputList.focusIconForeground#DFE1E5
  • quickInputTitle.background#393B40
  • sash.hoverBorder#3574F0
  • scmGraph.foreground1#79c0ff
  • scmGraph.foreground2#56d364
  • scmGraph.foreground3#d2a8ff
  • scmGraph.foreground4#f0883e
  • scmGraph.foreground5#ff9bce
  • scmGraph.historyItemBaseRefColor#56d364
  • scmGraph.historyItemHoverAdditionsForeground#3fb950
  • scmGraph.historyItemHoverDefaultLabelBackground#3574F0
  • scmGraph.historyItemHoverDefaultLabelForeground#FFFFFF
  • scmGraph.historyItemHoverDeletionsForeground#ff7b72
  • scmGraph.historyItemHoverLabelForeground#DFE1E5
  • scmGraph.historyItemRefColor#79c0ff
  • scmGraph.historyItemRemoteRefColor#d2a8ff
  • scrollbar.shadow#00000060
  • scrollbarSlider.activeBackground#FFFFFF4D
  • scrollbarSlider.background#FFFFFF26
  • scrollbarSlider.hoverBackground#FFFFFF4D
  • searchEditor.findMatchBackground#F2C55C33
  • searchEditor.findMatchBorder#D6AE5866
  • selection.background#4570B8
  • settings.checkboxBackground#393B40
  • settings.checkboxBorder#4E5157
  • settings.checkboxForeground#DFE1E5
  • settings.dropdownBackground#393B40
  • settings.dropdownBorder#4E5157
  • settings.dropdownForeground#DFE1E5
  • settings.dropdownListBorder#43454A
  • settings.focusedRowBackground#3574F010
  • settings.focusedRowBorder#3574F0
  • settings.headerBorder#393B40
  • settings.headerForeground#DFE1E5
  • settings.modifiedItemIndicator#375FAD
  • settings.numberInputBackground#393B40
  • settings.numberInputBorder#4E5157
  • settings.numberInputForeground#DFE1E5
  • settings.rowHoverBackground#3574F008
  • settings.sashBorder#43454A
  • settings.settingsHeaderHoverForeground#F0F1F2
  • settings.textInputBackground#393B40
  • settings.textInputBorder#4E5157
  • settings.textInputForeground#DFE1E5
  • sideBar.background#27292C
  • sideBar.border#34363C
  • sideBar.dropBackground#35538F40
  • sideBar.foreground#B4B8BF
  • sideBarActivityBarTop.border#34363C
  • sideBarSectionHeader.background#00000000
  • sideBarSectionHeader.border#34363C
  • sideBarSectionHeader.foreground#B4B8BF
  • sideBarStickyScroll.background#35373C
  • sideBarStickyScroll.border#34363C
  • sideBarStickyScroll.shadow#00000060
  • sideBarTitle.background#27292C
  • sideBarTitle.foreground#B4B8BF
  • statusBar.background#27292C
  • statusBar.border#34363C
  • statusBar.debuggingBackground#5E3838
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#DFE1E5
  • statusBar.focusBorder#3574F0
  • statusBar.foreground#9DA0A8
  • statusBar.noFolderBackground#27292C
  • statusBar.noFolderBorder#34363C
  • statusBar.noFolderForeground#9DA0A8
  • statusBarItem.activeBackground#FFFFFF26
  • statusBarItem.compactHoverBackground#FFFFFF26
  • statusBarItem.errorBackground#9C4E4E
  • statusBarItem.errorForeground#FFFFFF
  • statusBarItem.errorHoverBackground#BD5757
  • statusBarItem.errorHoverForeground#FFFFFF
  • statusBarItem.focusBorder#3574F0
  • statusBarItem.hoverBackground#FFFFFF14
  • statusBarItem.hoverForeground#DFE1E5
  • statusBarItem.offlineBackground#9C4E4E
  • statusBarItem.offlineForeground#FFFFFF
  • statusBarItem.offlineHoverBackground#BD5757
  • statusBarItem.offlineHoverForeground#FFFFFF
  • statusBarItem.prominentBackground#393B40
  • statusBarItem.prominentForeground#DFE1E5
  • statusBarItem.prominentHoverBackground#43454A
  • statusBarItem.remoteBackground#57965C
  • statusBarItem.remoteForeground#1E1F22
  • statusBarItem.remoteHoverBackground#5FAD65
  • statusBarItem.remoteHoverForeground#1E1F22
  • statusBarItem.warningBackground#BA9752
  • statusBarItem.warningForeground#1E1F22
  • statusBarItem.warningHoverBackground#D6AE58
  • statusBarItem.warningHoverForeground#1E1F22
  • symbolIcon.arrayForeground#F0AC81
  • symbolIcon.booleanForeground#CF8E6D
  • symbolIcon.classForeground#3FC0A0
  • symbolIcon.colorForeground#6AAB73
  • symbolIcon.constantForeground#C77DBB
  • symbolIcon.constructorForeground#56A8F5
  • symbolIcon.enumeratorForeground#C77DBB
  • symbolIcon.enumeratorMemberForeground#C77DBB
  • symbolIcon.eventForeground#C77DBB
  • symbolIcon.fieldForeground#C77DBB
  • symbolIcon.fileForeground#9DA0A8
  • symbolIcon.folderForeground#F2C55C
  • symbolIcon.functionForeground#56A8F5
  • symbolIcon.interfaceForeground#3FC0A0
  • symbolIcon.keyForeground#B3AE60
  • symbolIcon.keywordForeground#CF8E6D
  • symbolIcon.methodForeground#56A8F5
  • symbolIcon.moduleForeground#D5B778
  • symbolIcon.namespaceForeground#3FC0A0
  • symbolIcon.nullForeground#CF8E6D
  • symbolIcon.numberForeground#2AACB8
  • symbolIcon.objectForeground#C77DBB
  • symbolIcon.operatorForeground#BCBEC4
  • symbolIcon.packageForeground#D5B778
  • symbolIcon.propertyForeground#C77DBB
  • symbolIcon.referenceForeground#548AF7
  • symbolIcon.snippetForeground#73BD79
  • symbolIcon.stringForeground#6AAB73
  • symbolIcon.structForeground#3FC0A0
  • symbolIcon.textForeground#BCBEC4
  • symbolIcon.typeParameterForeground#3FC0A0
  • symbolIcon.unitForeground#2AACB8
  • symbolIcon.variableForeground#BCBEC4
  • tab.activeBackground#1E1F22
  • tab.activeBorder#1E1F22
  • tab.activeBorderTop#3574F0
  • tab.activeForeground#DFE1E5
  • tab.activeModifiedBorder#3574F0
  • tab.border#34363C
  • tab.dragAndDropBorder#3574F0
  • tab.hoverBackground#393B40
  • tab.hoverBorder#00000000
  • tab.hoverForeground#DFE1E5
  • tab.inactiveBackground#27292C
  • tab.inactiveForeground#B4B8BF
  • tab.inactiveModifiedBorder#6B9BFA
  • tab.lastPinnedBorder#4E5157
  • tab.selectedBackground#1E1F22
  • tab.selectedBorderTop#3574F0
  • tab.selectedForeground#DFE1E5
  • tab.unfocusedActiveBackground#1E1F22
  • tab.unfocusedActiveBorderTop#4E5157
  • tab.unfocusedActiveForeground#B4B8BF
  • tab.unfocusedActiveModifiedBorder#A8ACB3
  • tab.unfocusedHoverBackground#393B40
  • tab.unfocusedHoverForeground#CED0D6
  • tab.unfocusedInactiveForeground#A8ACB3
  • tab.unfocusedInactiveModifiedBorder#A8ACB3
  • terminal.ansiBlack#1D1F21
  • terminal.ansiBlue#81A2BE
  • terminal.ansiBrightBlack#666666
  • terminal.ansiBrightBlue#7AA6DA
  • terminal.ansiBrightCyan#70C0B1
  • terminal.ansiBrightGreen#B9CA4A
  • terminal.ansiBrightMagenta#C397D8
  • terminal.ansiBrightRed#D54E53
  • terminal.ansiBrightWhite#EAEAEA
  • terminal.ansiBrightYellow#E7C547
  • terminal.ansiCyan#8ABEB7
  • terminal.ansiGreen#B5BD68
  • terminal.ansiMagenta#B294BB
  • terminal.ansiRed#CC6666
  • terminal.ansiWhite#C5C8C6
  • terminal.ansiYellow#F0C674
  • terminal.background#1E1F22
  • terminal.border#34363C
  • terminal.findMatchBackground#F2A57E
  • terminal.findMatchBorder#F2A57E
  • terminal.findMatchHighlightBackground#FFE08259
  • terminal.findMatchHighlightBorder#00000000
  • terminal.foreground#BCBEC4
  • terminal.hoverHighlightBackground#FFFFFF08
  • terminal.inactiveSelectionBackground#C5C8C633
  • terminal.selectionBackground#C5C8C659
  • terminalCommandDecoration.defaultBackground#666666
  • terminalCommandDecoration.errorBackground#CC6666
  • terminalCommandDecoration.successBackground#B5BD68
  • terminalCursor.background#1E1F22
  • terminalCursor.foreground#BCBEC4
  • terminalOverviewRuler.cursorForeground#BCBEC4
  • terminalOverviewRuler.findMatchForeground#F2A57E
  • terminalStickyScroll.background#393B40
  • terminalStickyScroll.border#34363C
  • terminalStickyScrollHover.background#43454A
  • testing.coveredBackground#37523930
  • testing.coveredBorder#57965C
  • testing.coveredGutterBackground#57965C
  • testing.iconErrored#E47474
  • testing.iconErrored.retired#5E3838
  • testing.iconFailed#E47474
  • testing.iconFailed.retired#5E3838
  • testing.iconPassed#5FAD65
  • testing.iconPassed.retired#375239
  • testing.iconQueued#A8ACB3
  • testing.iconQueued.retired#393B40
  • testing.iconSkipped#BA9752
  • testing.iconSkipped.retired#3D3223
  • testing.iconUnset#A8ACB3
  • testing.iconUnset.retired#393B40
  • testing.message.error.lineBackground#DB5C5C18
  • testing.message.info.decorationForeground#A8ACB3
  • testing.message.info.lineBackground#00000000
  • testing.peekBorder#43454A
  • testing.peekHeaderBackground#2B2D30
  • testing.runAction#5FAD65
  • testing.uncoveredBackground#5E383830
  • testing.uncoveredBorder#BD5757
  • testing.uncoveredBranchBackground#5E383830
  • testing.uncoveredGutterBackground#BD5757
  • textBlockQuote.background#2B2D30
  • textBlockQuote.border#43454A
  • textCodeBlock.background#393B40
  • textLink.activeForeground#6B9BFA
  • textLink.foreground#6B9BFA
  • textPreformat.foreground#6AAB73
  • textSeparator.foreground#43454A
  • titleBar.activeBackground#27292C
  • titleBar.activeForeground#DFE1E5
  • titleBar.border#34363C
  • titleBar.inactiveBackground#27292C
  • titleBar.inactiveForeground#A8ACB3
  • toolbar.activeBackground#FFFFFF26
  • toolbar.hoverBackground#FFFFFF14
  • toolbar.hoverOutline#00000000
  • tree.inactiveIndentGuidesStroke#43454A
  • tree.indentGuidesStroke#4E5157
  • tree.tableColumnsBorder#34363C
  • tree.tableOddRowsBackground#FFFFFF03
  • walkThrough.embeddedEditorBackground#1E1F22
  • walkthrough.stepTitle.foreground#DFE1E5
  • welcomePage.background#1E1F22
  • welcomePage.progress.background#393B40
  • welcomePage.progress.foreground#3574F0
  • welcomePage.tileBackground#2B2D30
  • welcomePage.tileBorder#43454A
  • welcomePage.tileHoverBackground#393B40
  • widget.border#34363C
  • widget.shadow#00000060
  • window.activeBorder#1E1F22
  • window.inactiveBorder#1E1F22

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python#BCBEC4
emphasisitalic
strongbold
markup.underlineunderline
markup.strikethroughstrikethrough
comment#878C94
comment.block.documentation, comment.line.documentation#878C94
keyword.other.documentation, punctuation.definition.block.tag.jsdoc, storage.type.class.jsdoc#878C94
keyword#CF8E6D
storage#CF8E6D
storage.type#CF8E6D
storage.modifier, keyword.operator.noexcept#CF8E6D
keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.directive.using, keyword.other.operator, entity.name.operator#C77DBB
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike#CF8E6D
keyword.operator#BCBEC4
keyword.other.unit#2AACB8
constant.language#CF8E6D
constant.numeric, keyword.operator.plus.exponent, keyword.operator.minus.exponent#2AACB8
variable.other.enummember#C77DBB
variable.other.constant#BCBEC4
constant.character, constant.other.option#CF8E6D
constant.character.escape#CF8E6D
constant.regexp#42C3D4
constant.other.placeholder#CF8E6D
string, meta.embedded.assembly#6AAB73
string.tag#6AAB73
string.value#6AAB73
string.regexp#42C3D4
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#CF8E6D
meta.template.expression#BCBEC4
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#CF8E6D
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#56A8F5
meta.preprocessor, entity.name.function.preprocessor#CF8E6D
support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy#3FC0A0
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class, punctuation.separator.namespace.ruby#3FC0A0
variable, meta.definition.variable.name, support.variable, entity.name.variable#BCBEC4
meta.attribute.python, meta.indexed-name.python#BCBEC4
meta.object-literal.key, variable.other.property, variable.other.object.property, variable.other.object.access, variable.other.member, support.variable.property, support.variable.property.dom#C77DBB
support.type.property-name.json, support.type.property-name.json.comments, entity.name.tag.yaml, entity.name.tag.toml, meta.structure.dictionary.key.python#BCBEC4
variable.language, variable.parameter.function.language.python, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#CF8E6D
support.type.vendored.property-name, support.type.property-name, source.css variable, source.coffee.embedded#BCBEC4
meta.decorator, punctuation.decorator, storage.type.annotation, storage.type.annotation.java, meta.declaration.annotation.java, meta.function.decorator.python, entity.name.function.decorator, entity.name.function.decorator.python, support.attribute.builtin, meta.attribute.cs#B3AE60
entity.name.tag#D5B778
entity.other.attribute-name#BCBEC4
support.class.component, support.class.component.jsx, support.class.component.tsx, meta.tag.attributes.jsx entity.other.attribute-name, meta.tag.attributes.tsx entity.other.attribute-name#9C9CFF
entity.name.tag.css, entity.name.tag.less#D5B778
entity.other.attribute-name.class.css, source.css entity.other.attribute-name.class, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent.less, source.css entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss#D5B778
punctuation.definition.tag#80858C
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#6AAB73
meta.preprocessor.string#6AAB73
meta.preprocessor.numeric#2AACB8
variable.function, entity.name.function.call, meta.function-call entity.name.function, meta.function-call.generic.python entity.name.function#56A8F5
support.function.builtin, support.function.builtin.python, support.function.magic.python, support.function.kernel.ruby, support.function.builtin.shell#56A8F5
variable.parameter, variable.parameter.function, variable.parameter.function-call, meta.function.parameters variable#BCBEC4
variable.other.readwrite.instance.ruby, variable.other.readwrite.class.ruby, variable.other.constant.ruby#BCBEC4
variable.other.php, punctuation.definition.variable.php#BCBEC4
storage.modifier.lifetime.rust, entity.name.lifetime.rust, punctuation.definition.lifetime.rust#3FC0A0
constant.other.enum.java#C77DBB
storage.type.primitive.cpp, storage.type.built-in.cpp, storage.type.built-in.primitive.cpp, support.type.built-in.cpp, support.type.built-in.primitive.cpp#3FC0A0
entity.name.type.template.cpp, entity.name.type.parameter.cpp, storage.type.template.cpp#3FC0A0
keyword.control.satisfies.ts, keyword.control.satisfies.tsx#CF8E6D
entity.tag.directive.yaml, punctuation.definition.directive.begin.yaml#B3AE60
storage.type.tag-handle.yaml, entity.name.type.tag.yaml#3FC0A0
entity.name.section.toml, entity.name.table.toml, entity.other.attribute-name.table.toml#BCBEC4
constant.other.time.datetime.offset.toml, constant.other.time.datetime.local.toml, constant.other.time.date.toml, constant.other.time.time.toml#2AACB8
entity.name.tag.namespace.xml, entity.other.attribute-name.namespace.xml, entity.name.tag.namespace#3FC0A0
meta.mapping.key.json5, string.unquoted.key.json5, entity.name.tag.json5#BCBEC4
entity.name.section.group-title.ini, entity.name.section.ini, keyword.other.definition.ini, variable.other.key.env, entity.name.tag.env, support.type.property-name.ini#BCBEC4
markup.heading#56A8F5bold
markup.bold#56A8F5bold
markup.italic#C77DBBitalic
header#56A8F5
punctuation.definition.quote.begin.markdown#878C94
punctuation.definition.list.begin.markdown#548AF7
markup.inline.raw#6AAB73
markup.inserted#6AAB73
markup.deleted#E47474
markup.changed#CF8E6D
string.other.link.title.markdown, markup.underline.link.markdown#6B9BFA
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp#6AAB73
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#42C3D4
keyword.operator.or.regexp, keyword.control.anchor.regexp#56A8F5
keyword.operator.quantifier.regexp#B3AE60
meta.diff.header#CF8E6D
support.function.git-rebase#56A8F5
constant.sha.git-rebase#2AACB8
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#BCBEC4
entity.name.label#32B8AF
invalid#FA6F7C
invalid.deprecated#BCBEC4strikethrough
Classical Dark Theme by minkul alam - VS Code Theme