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.

  • activityBar.activeBackground#211d25
  • activityBar.activeBorder#AFB6FF80
  • activityBar.activeFocusBorder#AFB6FF80
  • activityBar.background#211d25
  • activityBar.border#211d25
  • activityBar.dropBorder#b2aaca96
  • activityBar.foreground#abb2bf
  • activityBar.inactiveForeground#636d8380
  • activityBarBadge.background#ffffff24
  • activityBarBadge.foreground#ffffff
  • activityBarTop.activeBackground#211d25
  • activityBarTop.activeBorder#AFB6FF80
  • activityBarTop.background#211d25
  • activityBarTop.border#211d25
  • activityBarTop.dragAndDropBorder#AFB6FF80
  • activityBarTop.foreground#abb2bf
  • activityBarTop.inactiveForeground#636d8380
  • badge.background#4c405d39
  • badge.foreground#ffffff4f
  • banner.background#211d25
  • banner.foreground#abb2bf
  • banner.iconForeground#b2aaca96
  • breadcrumb.activeSelectionForeground#2d93ffCC
  • breadcrumb.focusForeground#abb2bf
  • breadcrumb.foreground#636d83
  • breadcrumbPicker.background#232530
  • button.background#9370DB
  • button.border#b2aaca40
  • button.foreground#ffffff
  • button.hoverBackground#A080E8
  • button.secondaryBackground#7B68B0
  • button.secondaryForeground#ffffff
  • button.secondaryHoverBackground#8A78C0
  • button.separator#ffffff20
  • charts.blue#00D4FFCC
  • charts.foreground#abb2bf
  • charts.green#1FD660CC
  • charts.lines#3d434f
  • charts.orange#FF8080
  • charts.purple#c789d6
  • charts.red#FF8080
  • charts.yellow#FFF2B3CC
  • chat.avatarBackground#211d25
  • chat.avatarForeground#abb2bf
  • chat.requestBackground#2E303E40
  • chat.requestBorder#3d434f40
  • chat.slashCommandBackground#b2aaca30
  • chat.slashCommandForeground#c789d6
  • checkbox.background#211d25
  • checkbox.border#3d434f
  • checkbox.disabled.background#211d2580
  • checkbox.disabled.foreground#636d8380
  • checkbox.foreground#abb2bf
  • checkbox.selectBackground#211d25
  • checkbox.selectBorder#b2aaca96
  • commandCenter.activeBackground#211d25
  • commandCenter.activeBorder#b2aaca60
  • commandCenter.activeForeground#eeeeee
  • commandCenter.background#211d25
  • commandCenter.border#3d434f60
  • commandCenter.debuggingBackground#211d25
  • commandCenter.foreground#abb2bf
  • commandCenter.inactiveBorder#3d434f40
  • commandCenter.inactiveForeground#636d83
  • debugConsole.errorForeground#FF8080
  • debugConsole.infoForeground#00D4FFCC
  • debugConsole.sourceForeground#636d83
  • debugConsole.warningForeground#da7a43
  • debugConsoleInputIcon.foreground#b2aaca96
  • debugExceptionWidget.background#211d25
  • debugExceptionWidget.border#FF8080
  • debugIcon.breakpointCurrentStackframeForeground#FFF2B3CC
  • debugIcon.breakpointDisabledForeground#636d83
  • debugIcon.breakpointForeground#FF8080
  • debugIcon.breakpointStackframeForeground#1FD660CC
  • debugIcon.breakpointUnverifiedForeground#da7a43
  • debugIcon.continueForeground#1FD660CC
  • debugIcon.disconnectForeground#FF8080
  • debugIcon.pauseForeground#00D4FFCC
  • debugIcon.restartForeground#1FD660CC
  • debugIcon.startForeground#1FD660CC
  • debugIcon.stepBackForeground#00D4FFCC
  • debugIcon.stepIntoForeground#00D4FFCC
  • debugIcon.stepOutForeground#00D4FFCC
  • debugIcon.stepOverForeground#00D4FFCC
  • debugIcon.stopForeground#FF8080
  • debugTokenExpression.boolean#FFF2B3CC
  • debugTokenExpression.error#FF8080
  • debugTokenExpression.name#c789d6
  • debugTokenExpression.number#FFF2B3CC
  • debugTokenExpression.string#ce9887
  • debugTokenExpression.value#abb2bf
  • debugToolBar.background#211d25
  • debugToolBar.border#3d434f
  • debugView.exceptionLabelBackground#FF8080
  • debugView.exceptionLabelForeground#ffffff
  • debugView.stateLabelBackground#211d25
  • debugView.stateLabelForeground#abb2bf
  • debugView.valueChangedHighlight#00D4FFCC
  • descriptionForeground#abb2bf99
  • diffEditor.border#211d2500
  • diffEditor.diagonalFill#211d2500
  • diffEditor.insertedLineBackground#6a9be818
  • diffEditor.insertedTextBackground#6a9be820
  • diffEditor.insertedTextBorder#6a9be84D
  • diffEditor.removedLineBackground#FF808018
  • diffEditor.removedTextBackground#FF808020
  • diffEditor.removedTextBorder#FF80804D
  • diffEditor.unchangedCodeBackground#211d2540
  • diffEditor.unchangedRegionBackground#211d25
  • diffEditor.unchangedRegionForeground#636d83
  • diffEditorGutter.insertedLineBackground#6a9be833
  • diffEditorGutter.removedLineBackground#FF808033
  • diffEditorOverview.insertedForeground#6a9be8CC
  • diffEditorOverview.removedForeground#FF8080CC
  • disabledForeground#636d8380
  • dropdown.background#211d25
  • dropdown.border#3d434f
  • dropdown.foreground#abb2bf
  • dropdown.listBackground#211d25
  • editor.background#211d25
  • editor.compositionBorder#80FFB5A3
  • editor.findMatchBackground#19664080
  • editor.findMatchBorder#1FD660CC
  • editor.findMatchHighlightBackground#19664050
  • editor.findMatchHighlightBorder#1FD6604D
  • editor.findRangeHighlightBackground#be84bf20
  • editor.findRangeHighlightBorder#be84bf00
  • editor.foreground#abb2bf
  • editor.hoverHighlightBackground#b2aaca20
  • editor.inactiveSelectionBackground#be84bf25
  • editor.lineHighlightBackground#211d25
  • editor.lineHighlightBorder#2E303E00
  • editor.linkedEditingBackground#be84bf30
  • editor.placeholder.foreground#636d8360
  • editor.rangeHighlightBackground#211d2580
  • editor.rangeHighlightBorder#2E303E00
  • editor.selectionBackground#be84bf40
  • editor.selectionForeground#eeeeee
  • editor.selectionHighlightBackground#be84bf20
  • editor.selectionHighlightBorder#be84bf40
  • editor.snippetFinalTabstopHighlightBackground#636d8377
  • editor.snippetFinalTabstopHighlightBorder#636d83
  • editor.snippetTabstopHighlightBackground#636d8377
  • editor.snippetTabstopHighlightBorder#636d83
  • editor.symbolHighlightBackground#19664080
  • editor.symbolHighlightBorder#1FD6604D
  • editor.wordHighlightBackground#b2aaca20
  • editor.wordHighlightBorder#b2aaca40
  • editor.wordHighlightStrongBackground#b2aaca30
  • editor.wordHighlightStrongBorder#b2aaca50
  • editor.wordHighlightTextBackground#b2aaca15
  • editor.wordHighlightTextBorder#b2aaca30
  • editorBracketHighlight.foreground1#FFF2B3CC
  • editorBracketHighlight.foreground2#c789d6
  • editorBracketHighlight.foreground3#00D4FFCC
  • editorBracketHighlight.foreground4#80FFB5CC
  • editorBracketHighlight.foreground5#da7a43CC
  • editorBracketHighlight.foreground6#b370ff
  • editorBracketHighlight.unexpectedBracket.foreground#FF8080CC
  • editorBracketMatch.background#b2aaca30
  • editorBracketMatch.border#b2aaca60
  • editorBracketPairGuide.activeBackground1#FFF2B3CC80
  • editorBracketPairGuide.activeBackground2#c789d680
  • editorBracketPairGuide.activeBackground3#00D4FF66
  • editorBracketPairGuide.activeBackground4#80FFB566
  • editorBracketPairGuide.activeBackground5#FF808080
  • editorBracketPairGuide.activeBackground6#b370ff80
  • editorBracketPairGuide.background1#FFF2B3CC40
  • editorBracketPairGuide.background2#c789d640
  • editorBracketPairGuide.background3#00D4FF33
  • editorBracketPairGuide.background4#80FFB533
  • editorBracketPairGuide.background5#FF808040
  • editorBracketPairGuide.background6#b370ff40
  • editorCodeLens.foreground#636d83
  • editorCommentsWidget.rangeActiveBackground#b2aaca20
  • editorCommentsWidget.rangeActiveBorder#b2aaca50
  • editorCommentsWidget.rangeBackground#b2aaca10
  • editorCommentsWidget.rangeBorder#b2aaca30
  • editorCommentsWidget.resolvedBorder#1FD660CC
  • editorCommentsWidget.unresolvedBorder#FFF2B3CC
  • editorCursor.background#211d25
  • editorCursor.foreground#80FFB5
  • editorError.background#FF808015
  • editorError.border#D4A85680
  • editorError.foreground#FF8080
  • editorGroup.border#3d434f60
  • editorGroup.dropBackground#3a404e80
  • editorGroup.dropIntoPromptBackground#211d25
  • editorGroup.dropIntoPromptBorder#b2aaca60
  • editorGroup.dropIntoPromptForeground#abb2bf
  • editorGroup.emptyBackground#211d25
  • editorGroup.focusedEmptyBorder#b2aaca96
  • editorGroupHeader.border#211d2500
  • editorGroupHeader.noTabsBackground#211d25
  • editorGroupHeader.tabsBackground#211d25
  • editorGroupHeader.tabsBorder#211d2500
  • editorGutter.addedBackground#6a9be8CC
  • editorGutter.background#211d25
  • editorGutter.commentGlyphForeground#abb2bf
  • editorGutter.commentRangeForeground#636d83
  • editorGutter.commentUnresolvedGlyphForeground#FFF2B3CC
  • editorGutter.deletedBackground#FF8080CC
  • editorGutter.foldingControlForeground#636d83
  • editorGutter.modifiedBackground#80FFB5CC
  • editorHint.border#80FFB500
  • editorHint.foreground#80FFB5CC
  • editorHoverWidget.background#211d25
  • editorHoverWidget.border#3d434f
  • editorHoverWidget.foreground#abb2bf
  • editorHoverWidget.highlightForeground#80FFB5CC
  • editorHoverWidget.statusBarBackground#211d25
  • editorIndentGuide.activeBackground1#3d434f
  • editorIndentGuide.background1#3d434f60
  • editorInfo.background#00D4FF15
  • editorInfo.border#00D4FF00
  • editorInfo.foreground#00D4FFCC
  • editorInlayHint.background#211d25
  • editorInlayHint.foreground#636d83
  • editorInlayHint.parameterBackground#211d25
  • editorInlayHint.parameterForeground#636d83
  • editorInlayHint.typeBackground#211d25
  • editorInlayHint.typeForeground#636d83
  • editorInlineEdit.modifiedBackground#00D4FF1A
  • editorInlineEdit.modifiedBorder#00D4FF33
  • editorInlineEdit.modifiedChangedLineBackground#00D4FF0D
  • editorInlineEdit.modifiedChangedText#00D4FFCC
  • editorInlineEdit.onLineBackground#b2aaca10
  • editorInlineEdit.originalBackground#FF80801A
  • editorInlineEdit.originalBorder#FF808033
  • editorInlineEdit.originalChangedLineBackground#FF80800D
  • editorInlineEdit.originalChangedText#FF8080
  • editorLightBulb.foreground#FFF2B3CC
  • editorLightBulbAutoFix.foreground#1FD660CC
  • editorLineNumber.activeForeground#abb2bf
  • editorLineNumber.dimmedForeground#636d8360
  • editorLineNumber.foreground#636d83
  • editorLink.activeForeground#c789d6
  • editorMarkerNavigation.background#211d25
  • editorMultiCursor.primary.background#211d25
  • editorMultiCursor.primary.foreground#80FFB5
  • editorMultiCursor.secondary.background#211d25
  • editorMultiCursor.secondary.foreground#80FFB5A3
  • editorOverviewRuler.addedForeground#6a9be866
  • editorOverviewRuler.border#211d2500
  • editorOverviewRuler.bracketMatchForeground#b2aaca80
  • editorOverviewRuler.commonContentForeground#636d83
  • editorOverviewRuler.currentContentForeground#80FFB5CC
  • editorOverviewRuler.deletedForeground#FF808080
  • editorOverviewRuler.errorForeground#FF8080
  • editorOverviewRuler.findMatchForeground#1FD66066
  • editorOverviewRuler.incomingContentForeground#6a9be8CC
  • editorOverviewRuler.infoForeground#00D4FFCC
  • editorOverviewRuler.modifiedForeground#80FFB566
  • editorOverviewRuler.rangeHighlightForeground#be84bf60
  • editorOverviewRuler.selectionHighlightForeground#be84bf60
  • editorOverviewRuler.warningForeground#da7a43
  • editorOverviewRuler.wordHighlightForeground#b2aaca60
  • editorOverviewRuler.wordHighlightStrongForeground#b2aaca80
  • editorOverviewRuler.wordHighlightTextForeground#b2aaca40
  • editorPane.background#211d25
  • editorRuler.foreground#3d434f60
  • editorStickyScroll.background#211d25
  • editorStickyScroll.border#3d434f60
  • editorStickyScrollHover.background#2E303E
  • editorSuggestWidget.background#211d25
  • editorSuggestWidget.border#3d434f
  • editorSuggestWidget.focusHighlightForeground#80FFB5CC
  • editorSuggestWidget.foreground#abb2bf
  • editorSuggestWidget.highlightForeground#b370ff
  • editorSuggestWidget.selectedBackground#211d25
  • editorSuggestWidget.selectedForeground#eeeeee
  • editorSuggestWidget.selectedIconForeground#eeeeee
  • editorSuggestWidgetStatus.foreground#636d83
  • editorUnnecessaryCode.border#636d8300
  • editorUnnecessaryCode.opacity#00000080
  • editorWarning.background#da7a4315
  • editorWarning.border#da7a4300
  • editorWarning.foreground#da7a43
  • editorWhitespace.foreground#3d434f80
  • editorWidget.background#211d25
  • editorWidget.border#3d434f
  • editorWidget.foreground#abb2bf
  • editorWidget.resizeBorder#b2aaca60
  • errorForeground#FF8080
  • extensionBadge.remoteBackground#80FFB566
  • extensionBadge.remoteForeground#ffffff
  • extensionButton.background#b2aaca70
  • extensionButton.foreground#ffffff
  • extensionButton.hoverBackground#b2aaca90
  • extensionButton.prominentBackground#b2aaca70
  • extensionButton.prominentForeground#ffffff
  • extensionButton.prominentHoverBackground#b2aaca90
  • extensionButton.separator#ffffff20
  • extensionIcon.preReleaseForeground#da7a43
  • extensionIcon.sponsorForeground#80FFB5CC
  • extensionIcon.starForeground#FFF2B3CC
  • extensionIcon.verifiedForeground#1FD660CC
  • focusBorder#b2aaca60
  • foreground#abb2bf
  • gauge.critical.foreground#FF8080
  • gauge.default.background#211d25
  • gauge.default.foreground#00D4FFCC
  • gauge.neutral.foreground#636d83
  • gauge.success.foreground#1FD660CC
  • gauge.warning.foreground#da7a43
  • gitDecoration.addedResourceForeground#6a9be8B3
  • gitDecoration.conflictingResourceForeground#FF8080B3
  • gitDecoration.deletedResourceForeground#FF8080B3
  • gitDecoration.ignoredResourceForeground#636d8380
  • gitDecoration.modifiedResourceForeground#80FFB5B3
  • gitDecoration.renamedResourceForeground#FFCF99B3
  • gitDecoration.stageDeletedResourceForeground#FF8080CC
  • gitDecoration.stageModifiedResourceForeground#80FFB5CC
  • gitDecoration.submoduleResourceForeground#80FFB580
  • gitDecoration.untrackedResourceForeground#FFCF99A3
  • icon.foreground#abb2bf
  • inlineChat.background#211d25
  • inlineChat.border#3d434f
  • inlineChat.regionHighlight#b2aaca15
  • inlineChat.shadow#00000030
  • inlineChatDiff.inserted#1FD66025
  • inlineChatDiff.removed#FF808025
  • inlineChatInput.background#211d25
  • inlineChatInput.border#3d434f
  • inlineChatInput.focusBorder#b2aaca96
  • inlineChatInput.placeholderForeground#636d83
  • inlineEdit.gutterIndicator.background#2E303E
  • inlineEdit.gutterIndicator.primaryBackground#211d25
  • inlineEdit.gutterIndicator.primaryBorder#80FFB5A3
  • inlineEdit.gutterIndicator.primaryForeground#80FFB5A3
  • inlineEdit.gutterIndicator.secondaryBackground#211d25
  • inlineEdit.gutterIndicator.secondaryBorder#00D4FF66
  • inlineEdit.gutterIndicator.secondaryForeground#00D4FF66
  • inlineEdit.gutterIndicator.successfulBackground#211d25
  • inlineEdit.gutterIndicator.successfulBorder#1FD66066
  • inlineEdit.gutterIndicator.successfulForeground#1FD66066
  • inlineEdit.modifiedBackground#00D4FF1A
  • inlineEdit.modifiedBorder#00D4FF33
  • inlineEdit.modifiedChangedLineBackground#00D4FF0D
  • inlineEdit.modifiedChangedTextBackground#00D4FFCC
  • inlineEdit.originalBackground#FF80801A
  • inlineEdit.originalBorder#FF808033
  • inlineEdit.originalChangedLineBackground#FF80800D
  • inlineEdit.originalChangedTextBackground#FF8080
  • inlineEdit.tabWillAcceptModifiedBorder#00D4FFCC
  • inlineEdit.tabWillAcceptOriginalBorder#FF8080
  • input.background#211d25
  • input.border#3d434f
  • input.foreground#abb2bf
  • input.placeholderForeground#636d83
  • inputOption.activeBackground#211d25
  • inputOption.activeBorder#b2aaca96
  • inputOption.activeForeground#ffffff
  • inputOption.hoverBackground#211d25
  • inputValidation.errorBackground#FF808080
  • inputValidation.errorBorder#FF8080
  • inputValidation.errorForeground#ffffff
  • inputValidation.infoBackground#3A639580
  • inputValidation.infoBorder#3A6395
  • inputValidation.infoForeground#ffffff
  • inputValidation.warningBackground#DE923780
  • inputValidation.warningBorder#DE9237
  • inputValidation.warningForeground#ffffff
  • keybindingTable.headerBackground#211d25
  • keybindingTable.rowsBackground#211d25
  • list.activeSelectionBackground#211d25
  • list.activeSelectionForeground#AFB6FFCC
  • list.activeSelectionIconForeground#AFB6FFCC
  • list.dropBackground#3a404e
  • list.errorForeground#FF8080
  • list.filterMatchBackground#19664080
  • list.filterMatchBorder#1FD660CC
  • list.focusAndSelectionOutline#b2aaca80
  • list.focusBackground#211d25
  • list.focusForeground#eeeeee
  • list.focusHighlightForeground#AFB6FFCC
  • list.focusOutline#b2aaca60
  • list.highlightForeground#b370ff
  • list.hoverBackground#211d25
  • list.hoverForeground#eeeeee
  • list.inactiveFocusBackground#211d25
  • list.inactiveFocusOutline#b2aaca40
  • list.inactiveSelectionBackground#211d25
  • list.inactiveSelectionForeground#AFB6FFCC
  • list.inactiveSelectionIconForeground#AFB6FFCC
  • list.invalidItemForeground#FF8080
  • list.warningForeground#da7a43
  • listFilterWidget.background#211d25
  • listFilterWidget.noMatchesOutline#d54970
  • listFilterWidget.outline#b2aaca96
  • listFilterWidget.shadow#00000030
  • markdownAlert.caution.background#FF808010
  • markdownAlert.caution.border#FF8080
  • markdownAlert.caution.foreground#FF8080
  • markdownAlert.important.background#c789d610
  • markdownAlert.important.border#c789d6
  • markdownAlert.important.foreground#c789d6
  • markdownAlert.note.background#00D4FF10
  • markdownAlert.note.border#00D4FFCC
  • markdownAlert.note.foreground#00D4FFCC
  • markdownAlert.tip.background#1FD66010
  • markdownAlert.tip.border#1FD660CC
  • markdownAlert.tip.foreground#1FD660CC
  • markdownAlert.warning.background#FFF2B3CC10
  • markdownAlert.warning.border#FFF2B3CC
  • markdownAlert.warning.foreground#FFF2B3CC
  • menu.acceleratorForeground#636d83
  • menu.acceleratorSelectionForeground#80FFB5CC
  • menu.background#211d25
  • menu.border#3d434f
  • menu.foreground#abb2bf
  • menu.selectionBackground#2E303E
  • menu.selectionBorder#80FFB5A3
  • menu.selectionForeground#80FFB5CC
  • menu.separatorBackground#3d434f
  • menubar.selectionBackground#2E303E80
  • menubar.selectionBorder#80FFB5A3
  • menubar.selectionForeground#80FFB5CC
  • merge.border#3d434f60
  • merge.commonContentBackground#636d8320
  • merge.commonHeaderBackground#636d8340
  • merge.currentContentBackground#80FFB520
  • merge.currentHeaderBackground#80FFB540
  • merge.incomingContentBackground#6a9be820
  • merge.incomingHeaderBackground#6a9be840
  • mergeEditor.change.background#80FFB520
  • mergeEditor.change.word.background#80FFB540
  • mergeEditor.changeBase.background#FFF2B3CC20
  • mergeEditor.changeBase.word.background#FFF2B3CC40
  • mergeEditor.conflict.handledFocusedBackground#80FFB540
  • mergeEditor.conflict.handledUnfocusedBackground#80FFB520
  • mergeEditor.conflict.unhandledFocusedBackground#FF808040
  • mergeEditor.conflict.unhandledUnfocusedBackground#FF808020
  • mergeEditor.conflictingLines.background#FFF2B3CC20
  • minimap.background#211d25
  • minimap.errorHighlight#FF8080
  • minimap.findMatchHighlight#80FFB566
  • minimap.foregroundOpacity#000000cc
  • minimap.selectionHighlight#be84bf60
  • minimap.selectionOccurrenceHighlight#be84bf40
  • minimap.warningHighlight#da7a43
  • minimapGutter.addedBackground#6a9be8CC
  • minimapGutter.deletedBackground#FF8080CC
  • minimapGutter.modifiedBackground#80FFB5CC
  • minimapSlider.activeBackground#c1d9ff35
  • minimapSlider.background#c1d9ff15
  • minimapSlider.hoverBackground#c1d9ff25
  • multiDiffEditor.background#211d25
  • multiDiffEditor.border#211d2500
  • multiDiffEditorHorizontalSpacing#211d25
  • notebook.cellBorderColor#3d434f60
  • notebook.cellHoverBackground#2E303E40
  • notebook.cellInsertionIndicator#b2aaca96
  • notebook.cellStatusBarItemHoverBackground#3d434f
  • notebook.cellToolbarSeparator#3d434f60
  • notebook.editorBackground#211d25
  • notebook.focusedCellBackground#211d25
  • notebook.focusedCellBorder#b2aaca60
  • notebook.focusedEditorBorder#b2aaca60
  • notebook.inactiveFocusedCellBorder#3d434f
  • notebook.outputContainerBackgroundColor#211d25
  • notebook.outputContainerBorderColor#3d434f40
  • notebook.selectedCellBackground#211d25
  • notebook.selectedCellBorder#b2aaca40
  • notebook.symbolHighlightBackground#19664080
  • notebookScrollbarSlider.activeBackground#c1d9ff45
  • notebookScrollbarSlider.background#c1d9ff18
  • notebookScrollbarSlider.hoverBackground#c1d9ff30
  • notebookStatusErrorIcon.foreground#FF8080
  • notebookStatusRunningIcon.foreground#00D4FFCC
  • notebookStatusSuccessIcon.foreground#1FD660CC
  • notificationCenter.border#3d434f
  • notificationCenterHeader.background#211d25
  • notificationCenterHeader.foreground#abb2bf
  • notificationLink.foreground#b2aaca96
  • notifications.background#211d25
  • notifications.border#3d434f
  • notifications.foreground#abb2bf
  • notificationsErrorIcon.foreground#FF8080
  • notificationsInfoIcon.foreground#00D4FFCC
  • notificationsWarningIcon.foreground#da7a43
  • notificationToast.border#3d434f
  • outputView.background#211d25
  • outputViewStickyScroll.background#211d25
  • panel.background#211d25
  • panel.border#3d434f60
  • panel.dropBorder#b2aaca96
  • panelInput.border#3d434f
  • panelSection.border#3d434f60
  • panelSection.dropBackground#3a404e80
  • panelSectionHeader.background#211d25
  • panelSectionHeader.border#3d434f60
  • panelSectionHeader.foreground#abb2bf
  • panelTitle.activeBorder#b2aaca96
  • panelTitle.activeForeground#abb2bf
  • panelTitle.inactiveForeground#636d83
  • peekView.border#b2aaca96
  • peekViewEditor.background#211d25
  • peekViewEditor.matchHighlightBackground#19664080
  • peekViewEditor.matchHighlightBorder#1FD6604D
  • peekViewEditorGutter.background#211d25
  • peekViewResult.background#211d25
  • peekViewResult.fileForeground#abb2bf
  • peekViewResult.lineForeground#636d83
  • peekViewResult.matchHighlightBackground#19664080
  • peekViewResult.selectionBackground#211d25
  • peekViewResult.selectionForeground#eeeeee
  • peekViewTitle.background#211d25
  • peekViewTitleDescription.foreground#636d83
  • peekViewTitleLabel.foreground#abb2bf
  • pickerGroup.border#3d434f60
  • pickerGroup.foreground#b2aaca96
  • ports.iconRunningProcessForeground#1FD660CC
  • problemsErrorIcon.foreground#FF8080
  • problemsInfoIcon.foreground#00D4FFCC
  • problemsWarningIcon.foreground#da7a43
  • profileBadge.background#3d434f60
  • profileBadge.foreground#abb2bf
  • progressBar.background#b2aaca96
  • quickInput.background#211d25
  • quickInput.foreground#abb2bf
  • quickInputList.focusBackground#211d25
  • quickInputList.focusForeground#eeeeee
  • quickInputList.focusIconForeground#eeeeee
  • quickInputTitle.background#211d25
  • radio.activeBackground#211d25
  • radio.activeBorder#80FFB5A3
  • radio.activeForeground#80FFB5CC
  • radio.inactiveBackground#211d25
  • radio.inactiveBorder#3d434f
  • radio.inactiveForeground#636d83
  • radio.inactiveHoverBackground#22232E
  • sash.hoverBorder#b2aaca96
  • scm.historyItemAdditionsForeground#6a9be8CC
  • scm.historyItemDeletionsForeground#FF8080CC
  • scm.historyItemStatisticsBorder#3d434f60
  • scrollbar.shadow#00000030
  • scrollbarSlider.activeBackground#c1d9ff45
  • scrollbarSlider.background#c1d9ff18
  • scrollbarSlider.hoverBackground#c1d9ff30
  • searchEditor.findMatchBackground#19664080
  • searchEditor.findMatchBorder#1FD6604D
  • searchEditor.textInputBorder#3d434f
  • selection.background#be84bf60
  • settings.checkboxBackground#211d25
  • settings.checkboxBorder#3d434f
  • settings.checkboxForeground#abb2bf
  • settings.dropdownBackground#211d25
  • settings.dropdownBorder#3d434f
  • settings.dropdownForeground#abb2bf
  • settings.dropdownListBorder#3d434f
  • settings.focusedRowBackground#211d2540
  • settings.focusedRowBorder#b2aaca40
  • settings.headerForeground#abb2bf
  • settings.modifiedItemIndicator#00D4FFCC
  • settings.numberInputBackground#211d25
  • settings.numberInputBorder#3d434f
  • settings.numberInputForeground#abb2bf
  • settings.rowHoverBackground#211d25
  • settings.sashBorder#3d434f60
  • settings.textInputBackground#211d25
  • settings.textInputBorder#3d434f
  • settings.textInputForeground#abb2bf
  • sideBar.background#211d25
  • sideBar.border#211d2500
  • sideBar.dropBackground#3a404e80
  • sideBar.foreground#abb2bf
  • sideBarSectionHeader.background#211d25
  • sideBarSectionHeader.border#211d2500
  • sideBarSectionHeader.foreground#abb2bf
  • sideBarTitle.foreground#abb2bf
  • sideBySideEditor.horizontalBorder#211d2500
  • sideBySideEditor.verticalBorder#211d2500
  • statusBar.background#211d25
  • statusBar.border#211d2500
  • statusBar.debuggingBackground#b2aaca96
  • statusBar.debuggingBorder#b2aaca60
  • statusBar.debuggingForeground#ffffff
  • statusBar.focusBorder#b2aaca96
  • statusBar.foreground#abb2bf
  • statusBar.noFolderBackground#211d25
  • statusBar.noFolderBorder#22232E00
  • statusBar.noFolderForeground#abb2bf
  • statusBarItem.activeBackground#3d434f
  • statusBarItem.compactHoverBackground#3d434f
  • statusBarItem.errorBackground#FF8080
  • statusBarItem.errorForeground#ffffff
  • statusBarItem.errorHoverBackground#FF8080cc
  • statusBarItem.errorHoverForeground#ffffff
  • statusBarItem.focusBorder#b2aaca96
  • statusBarItem.hoverBackground#2E303E
  • statusBarItem.hoverForeground#eeeeee
  • statusBarItem.offlineBackground#636d83
  • statusBarItem.offlineForeground#abb2bf
  • statusBarItem.offlineHoverBackground#636d83cc
  • statusBarItem.prominentBackground#2E303E
  • statusBarItem.prominentForeground#abb2bf
  • statusBarItem.prominentHoverBackground#3d434f
  • statusBarItem.remoteBackground#b2aaca96
  • statusBarItem.remoteForeground#ffffff
  • statusBarItem.remoteHoverBackground#b2aacaaa
  • statusBarItem.remoteHoverForeground#ffffff
  • statusBarItem.warningBackground#da7a43
  • statusBarItem.warningForeground#ffffff
  • statusBarItem.warningHoverBackground#da7a43cc
  • statusBarItem.warningHoverForeground#ffffff
  • tab.activeBackground#2a2530
  • tab.activeBorder#211d2500
  • tab.activeBorderTop#AFB6FF80
  • tab.activeForeground#eeeeee
  • tab.activeModifiedBorder#80FFB5CC
  • tab.border#211d2500
  • tab.dragAndDropBorder#AFB6FF80
  • tab.hoverBackground#2a2530
  • tab.hoverBorder#211d2500
  • tab.hoverForeground#eeeeee
  • tab.inactiveBackground#211d25
  • tab.inactiveForeground#636d83
  • tab.inactiveModifiedBorder#80FFB566
  • tab.lastPinnedBorder#3d434f60
  • tab.selectedBackground#2a2530
  • tab.selectedBorderTop#AFB6FF80
  • tab.selectedForeground#eeeeee
  • tab.unfocusedActiveBackground#252129
  • tab.unfocusedActiveBorder#211d2500
  • tab.unfocusedActiveBorderTop#AFB6FF60
  • tab.unfocusedActiveForeground#bdc3cf
  • tab.unfocusedActiveModifiedBorder#80FFB566
  • tab.unfocusedHoverBackground#252129
  • tab.unfocusedHoverBorder#211d2500
  • tab.unfocusedHoverForeground#abb2bf
  • tab.unfocusedInactiveBackground#211d25
  • tab.unfocusedInactiveForeground#636d83
  • tab.unfocusedInactiveModifiedBorder#80FFB54D
  • terminal.ansiBlack#2a2530
  • terminal.ansiBlue#6a9be8
  • terminal.ansiBrightBlack#636d83
  • terminal.ansiBrightBlue#6a9be8
  • terminal.ansiBrightCyan#80FFB5
  • terminal.ansiBrightGreen#7dd3c0
  • terminal.ansiBrightMagenta#AFB6FF
  • terminal.ansiBrightRed#FF8080
  • terminal.ansiBrightWhite#eeeeee
  • terminal.ansiBrightYellow#FFF2B3CC
  • terminal.ansiCyan#80FFB5
  • terminal.ansiGreen#7dd3c0
  • terminal.ansiMagenta#AFB6FF
  • terminal.ansiRed#FF8080
  • terminal.ansiWhite#bdc3cf
  • terminal.ansiYellow#FFF2B3CC
  • terminal.background#211d25
  • terminal.border#3d434f60
  • terminal.dropBackground#3a404e80
  • terminal.findMatchBackground#19664080
  • terminal.findMatchBorder#80FFB5CC
  • terminal.findMatchHighlightBackground#19664050
  • terminal.findMatchHighlightBorder#80FFB54D
  • terminal.foreground#bdc3cf
  • terminal.hoverHighlightBackground#b2aaca20
  • terminal.inactiveSelectionBackground#be84bf25
  • terminal.selectionBackground#be84bf40
  • terminal.selectionForeground#eeeeee
  • terminal.tab.activeBorder#b2aaca96
  • terminalCommandDecoration.defaultBackground#636d83
  • terminalCommandDecoration.errorBackground#FF8080
  • terminalCommandDecoration.successBackground#7dd3c0CC
  • terminalCursor.background#211d25
  • terminalCursor.foreground#80FFB5
  • terminalOverviewRuler.cursorForeground#80FFB566
  • terminalOverviewRuler.findMatchForeground#1FD66066
  • terminalStickyScroll.background#211d25
  • terminalStickyScrollHover.background#22232E
  • testing.iconErrored#FF8080
  • testing.iconFailed#FF8080
  • testing.iconPassed#1FD660CC
  • testing.iconQueued#636d83
  • testing.iconSkipped#FFF2B3CC
  • testing.iconUnset#636d83
  • testing.message.error.decorationForeground#FF8080
  • testing.message.error.lineBackground#FF808015
  • testing.message.info.decorationForeground#00D4FFCC
  • testing.message.info.lineBackground#00D4FF15
  • testing.peekBorder#FF8080
  • testing.peekHeaderBackground#FF808020
  • testing.runAction#1FD660CC
  • textBlockQuote.background#211d25
  • textBlockQuote.border#b2aaca96
  • textCodeBlock.background#211d25
  • textLink.activeForeground#c789d6
  • textLink.foreground#b2aaca96
  • textPreformat.background#211d25
  • textPreformat.foreground#ce9887
  • textSeparator.foreground#3d434f
  • titleBar.activeBackground#211d25
  • titleBar.activeForeground#abb2bf
  • titleBar.border#211d2500
  • titleBar.inactiveBackground#211d25
  • titleBar.inactiveForeground#636d83
  • toolbar.activeBackground#211d25
  • toolbar.hoverBackground#211d25
  • toolbar.hoverOutline#b2aaca40
  • tree.inactiveIndentGuidesStroke#211d25
  • tree.indentGuidesStroke#3d434f
  • tree.tableColumnsBorder#3d434f40
  • tree.tableOddRowsBackground#211d2540
  • walkThrough.embeddedEditorBackground#211d25
  • welcomePage.background#211d25
  • welcomePage.buttonBackground#211d25
  • welcomePage.buttonHoverBackground#3a3e68
  • welcomePage.progress.background#3d434f
  • welcomePage.progress.foreground#b2aaca96
  • welcomePage.tileBackground#211d25
  • welcomePage.tileBorder#3d434f40
  • welcomePage.tileHoverBackground#211d25
  • widget.shadow#211d25
  • window.activeBorder#211d25
  • window.inactiveBorder#211d2599

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source, text, meta, punctuation, support, entity, variable, constant, keyword, storage, string, comment#bdc3cf
source, text#bdc3cf
meta, meta.block, meta.brace, meta.embedded, punctuation, punctuation.definition, punctuation.separator, punctuation.terminator, punctuation.accessor#BBBBBB
support, support.function, support.variable, support.constant, support.other#bdc3cf
comment, punctuation.definition.comment, string.comment, comment.block, comment.line#6b7089
comment.block.documentation, comment.block.javadoc#6b7089italic
constant#FFF2B3CC
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex#FFF2B3CC
constant.language, constant.language.boolean, constant.language.null, constant.language.undefined#FFF2B3CC
constant.character, constant.other#FFF2B3B3
constant.character.escape, constant.character.entity#7dd3c0CC
entity.name.namespace, entity.name.module, entity.name.package, support.other.namespace#b2aacaCC
entity.name.class, entity.name.type.class, support.class, meta.class entity.name.type#FAC29ACC
entity.name.type.interface, support.type.interface#7dd3c0CC
entity.name.type.struct, storage.type.struct#FAC29ACC
entity.name.type.enum, support.type.enum#FFF2B3CC
variable.other.enummember, constant.other.enum, entity.name.variable.enum-member, variable.other.constant.object, support.type.object.module#FFF2B3B3CC
entity.name.type.parameter, meta.type.parameters entity.name.type#7dd3c0B3
entity.name#FAC29ACC
entity.name.function, meta.function-call entity.name.function#6a9be8E6
entity.name.function.member, meta.function.method#6a9be8E6
entity.name.tag, meta.tag entity.name.tag#80FFB5CCnormal
entity.name.type, storage.type.cs, support.type, support.type.primitive#FAC29ACC
entity.other.attribute-name, meta.tag.attributes entity.other.attribute-name#7dd3c0CCnormal
entity.other.inherited-class, entity.name.type.inherited#FAB795CC
entity.other.attribute-name.id#6a9be8CC
entity.other.attribute-name.class#FAC29ACC
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#FAB795CC
meta.decorator, meta.decorator entity.name.function, meta.annotation, storage.type.annotation#AFB6FFCC
entity.name.variable, variable#c5cad3
variable.other, variable.other.readwrite#bdc3cf
variable.other.constant, variable.other.constant.property#FFF2B3CC
variable.other.property, variable.other.object.property, meta.property.object#7dd3c0CC
variable.parameter, meta.function.parameters variable, meta.parameters variable#bdc3cfE6normal
keyword#AFB6FF
keyword.control, keyword.control.conditional, keyword.control.loop, keyword.control.flow, keyword.control.import, keyword.control.export, keyword.control.return#AFB6FF
keyword.operator#BBBBBB
keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.relational#BBBBBB
keyword.operator.new, keyword.operator.expression, keyword.operator.logical, keyword.operator.delete, keyword.operator.typeof, keyword.operator.instanceof#AFB6FF
keyword.operator.spread#AFB6FFCC
keyword.other.unit#7dd3c0CC
markup.quote#FAB795B3
markup.heading, entity.name.section, markup.heading.setext#80FFB5CC
markup.bold#C789D6bold
markup.italic#6a9be8CCitalic
markup.strikethrough#636d83strikethrough
markup.underline.link#7fbeebCC
markup.inline.raw, markup.fenced_code, markup.raw#7dd3c0CC
markup.inserted#6a9be8CC
markup.deleted#FF8080CC
markup.changed#80FFB5CC
storage, storage.type, storage.modifier#AFB6FFnormal
storage.type.function, storage.type.function.arrow#AFB6FF
storage.type.class#AFB6FF
string, string.quoted, string.quoted.single, string.quoted.double, string.template#808aFF
string.interpolated, meta.string-contents.quoted#808aFF
string.regexp, string.regexp.js#7dd3c0CC
string.other.link#C789D6
support#FAC29ACC
support.function, support.function.builtin#6a9be8E6
support.variable, support.constant#FFF2B3CC
support.type.property-name, meta.object-literal.key, string.json support.type.property-name, meta.structure.dictionary.key#80FFB5CC
meta.structure.dictionary.value string, meta.object-literal.value string#808aFF
support.type.property-name.css#7dd3c0CC
support.constant.property-value.css, meta.property-value.css#bdc3cf
support.type.vendored.property-name.css#7dd3c0B3
variable.language, variable.language.this, variable.language.self, variable.language.super#80FFB5CC
string.template meta.embedded#BBBBBB
punctuation.definition.tag#80FFB5CCnormal
punctuation.separator, punctuation.separator.key-value, punctuation.separator.dictionary#BBBBBB
punctuation.definition.template-expression, punctuation.definition.interpolation#C789D6
punctuation.section.embedded#C789D6
punctuation.definition.list#7dd3c0CC
punctuation.brackets, punctuation.section.brackets, meta.brace#abb2bf
storage.type.function.arrow#AFB6FF
keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as#AFB6FF
string.quoted.module-ref, meta.import string#808aFF
keyword.other.DML.sql, keyword.other.DDL.sql, keyword.other.sql#AFB6FF
support.function.sql#6a9be8E6
entity.name.tag.yaml, support.type.property-name.yaml#80FFB5CC
entity.name.type.anchor.yaml, variable.other.alias.yaml#FAC29ACC
support.type.property-name.toml, entity.name.tag.toml#80FFB5CC
keyword.other.definition.ini#80FFB5CC
variable.other.normal.shell, variable.other.special.shell#bdc3cf
support.function.builtin.shell#6a9be8E6
entity.name.function.target.makefile#FAC29ACC
variable.other.makefile#bdc3cf
keyword.other.special-method.dockerfile#AFB6FF
entity.name.package.go#b2aacaCC
entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust#7dd3c0B3
entity.name.function.macro.rust, support.macro.rust#AFB6FFCC
entity.name.function.decorator.python, meta.function.decorator.python#AFB6FFCC
support.function.magic.python#6a9be8CC
storage.type.annotation.java, punctuation.definition.annotation.java#AFB6FFCC
meta.attribute.csharp, entity.name.type.attribute.csharp#AFB6FFCC
meta.type.annotation.ts, meta.type.annotation.tsx#FAC29ACC
support.class.component.tsx, support.class.component.jsx, entity.name.tag.tsx, entity.name.tag.jsx#FAC29ACC
entity.other.attribute-name.tsx, entity.other.attribute-name.jsx#7dd3c0CC
support.type.graphql, entity.name.type.graphql#FAC29ACC
variable.graphql#7dd3c0CC
entity.name.function.directive.graphql#AFB6FFCC
variable.other.constant.property, variable.other.static, variable.other.object.access, meta.property.object, support.type.property-name.json, constant.other.property#FFF2B3CC
support.class.dart, entity.name.type.dart, entity.name.type.class.dart, entity.name.type.enum.dart, storage.type.dart, storage.type.primitive.dart#FAC29ACC
variable.other.dart, variable.other.readwrite.dart, variable.other.property.dart, variable.other.object.property.dart, variable.parameter.dart, meta.property.dart, entity.name.variable.dart#bdc3cf
constant.other.dart, constant.language.dart, constant.numeric.dart, variable.other.constant.dart, variable.other.enummember.dart, entity.name.variable.enum-member.dart, constant.other.enum.dart, support.constant.dart#FFF2B3CC
entity.name.function.dart, support.function.dart, meta.function-call.dart entity.name.function#6a9be8E6
keyword.dart, keyword.control.dart, keyword.operator.dart, storage.modifier.dart#AFB6FF
string.dart, string.quoted.dart, string.interpolated.dart#808aFF
meta.annotation.dart, storage.type.annotation.dart, punctuation.definition.annotation.dart#AFB6FFCC
source.dart, meta.dart, meta.block.dart, meta.class.dart, meta.function.dart#bdc3cf
invalid, invalid.illegal, invalid.deprecated#FF8080CC
markup.deleted#FF8080CC
KONNG by fengwei2002 - VS Code Theme