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#074F8166
  • activityBar.activeBorder#55FFCC
  • activityBar.background#021A2C
  • activityBar.border#254D6A
  • activityBar.dropBorder#55FFCC
  • activityBar.foreground#55FFCC
  • activityBar.inactiveForeground#336380
  • activityBarBadge.background#55FFCC
  • activityBarBadge.foreground#01121F
  • activityBarTop.activeBorder#55FFCC
  • activityBarTop.dropBorder#55FFCC
  • activityBarTop.foreground#55FFCC
  • activityBarTop.inactiveForeground#33638099
  • activityErrorBadge.background#D95C5C
  • activityErrorBadge.foreground#FFFFFF
  • activityWarningBadge.background#FFE073
  • activityWarningBadge.foreground#01121F
  • badge.background#55FFCC
  • badge.foreground#01121F
  • banner.background#0EADCF20
  • banner.foreground#B8D0E0
  • banner.iconForeground#22D4FF
  • breadcrumb.activeSelectionForeground#FFFFFF
  • breadcrumb.background#03233A
  • breadcrumb.focusForeground#FFFFFF
  • breadcrumb.foreground#A6BCC9
  • breadcrumbPicker.background#021A2C
  • button.background#0EADCF
  • button.foreground#01121F
  • button.hoverBackground#1FBDE0
  • button.secondaryBackground#254D6A
  • button.secondaryForeground#FFFFFF
  • button.secondaryHoverBackground#336380
  • button.separator#FFFFFF66
  • chart.axis#A6BCC966
  • chart.guide#A6BCC933
  • chart.line#0EADCF
  • charts.blue#22D4FF
  • charts.foreground#B8D0E0
  • charts.green#44FFB1
  • charts.lines#B8D0E080
  • charts.orange#FFE073
  • charts.purple#aa82ff
  • charts.red#D95C5C
  • charts.yellow#FFE073
  • chat.avatarBackground#01121F
  • chat.avatarForeground#B8D0E0
  • chat.editedFileForeground#FFE073
  • chat.requestBackground#074F819e
  • chat.requestBorder#0EADCF1a
  • chat.slashCommandBackground#22D4FF66
  • chat.slashCommandForeground#22D4FF
  • checkbox.background#021A2C
  • checkbox.border#254D6A
  • checkbox.foreground#B8D0E0
  • checkbox.selectBackground#01121Fdc
  • checkbox.selectBorder#0EADCF
  • commandCenter.activeBackground#0EADCF14
  • commandCenter.activeBorder#0EADCF4d
  • commandCenter.activeForeground#B8D0E0
  • commandCenter.background#0EADCF0d
  • commandCenter.border#0EADCF33
  • commandCenter.debuggingBackground#D95C5C42
  • commandCenter.foreground#A6BCC9
  • commandCenter.inactiveBorder#0EADCF26
  • commandCenter.inactiveForeground#A6BCC999
  • commentsView.resolvedIcon#A6BCC980
  • commentsView.unresolvedIcon#074F81
  • debugConsole.errorForeground#D95C5C
  • debugConsole.infoForeground#22D4FF
  • debugConsole.sourceForeground#B8D0E0
  • debugConsole.warningForeground#FFE073
  • debugConsoleInputIcon.foreground#B8D0E0
  • debugExceptionWidget.background#420b0d
  • debugExceptionWidget.border#D95C5C
  • debugIcon.breakpointCurrentStackframeForeground#FFE073
  • debugIcon.breakpointDisabledForeground#336380
  • debugIcon.breakpointForeground#D95C5C
  • debugIcon.breakpointStackframeForeground#44FFB1
  • debugIcon.breakpointUnverifiedForeground#336380
  • debugIcon.continueForeground#22D4FF
  • debugIcon.disconnectForeground#D95C5C
  • debugIcon.pauseForeground#22D4FF
  • debugIcon.restartForeground#44FFB1
  • debugIcon.startForeground#44FFB1
  • debugIcon.stepBackForeground#22D4FF
  • debugIcon.stepIntoForeground#22D4FF
  • debugIcon.stepOutForeground#22D4FF
  • debugIcon.stepOverForeground#22D4FF
  • debugIcon.stopForeground#D95C5C
  • debugTokenExpression.boolean#22D4FF
  • debugTokenExpression.error#D95C5C
  • debugTokenExpression.name#aa82ff
  • debugTokenExpression.number#44FFB1
  • debugTokenExpression.string#44FFB1
  • debugTokenExpression.type#0EADCF
  • debugTokenExpression.value#A6BCC999
  • debugToolBar.background#254D6A
  • debugView.exceptionLabelBackground#D95C5C
  • debugView.exceptionLabelForeground#FFFFFF
  • debugView.stateLabelBackground#33638044
  • debugView.stateLabelForeground#B8D0E0
  • debugView.valueChangedHighlight#0EADCF
  • descriptionForeground#8295A0
  • diffEditor.diagonalFill#A6BCC933
  • diffEditor.insertedLineBackground#44FFB133
  • diffEditor.insertedTextBackground#44FFB135
  • diffEditor.move.border#8295A09c
  • diffEditor.moveActive.border#FFE073
  • diffEditor.removedLineBackground#D95C5C33
  • diffEditor.removedTextBackground#D95C5C35
  • diffEditor.unchangedCodeBackground#2A5A7A29
  • diffEditor.unchangedRegionBackground#021A2C
  • diffEditor.unchangedRegionForeground#B8D0E0
  • diffEditor.unchangedRegionShadow#000000
  • disabledForeground#A6BCC980
  • dropdown.background#021A2C
  • dropdown.border#254D6A
  • dropdown.foreground#B8D0E0
  • dropdown.listBackground#021A2C
  • editor.background#03233A
  • editor.compositionBorder#B8D0E0
  • editor.findMatchBackground#FFE073bb
  • editor.findMatchHighlightBackground#FFE07355
  • editor.findRangeHighlightBackground#074F811a
  • editor.focusedStackFrameHighlightBackground#44FFB14d
  • editor.foldBackground#0EADCF0a
  • editor.foldPlaceholderForeground#336380
  • editor.foreground#CBE0F0
  • editor.hoverHighlightBackground#254D6A80
  • editor.inactiveSelectionBackground#0EADCF10
  • editor.inlineValuesBackground#FFE07333
  • editor.inlineValuesForeground#B8D0E080
  • editor.lineHighlightBackground#1effbc14
  • editor.linkedEditingBackground#D95C5C4d
  • editor.placeholder.foreground#33638056
  • editor.rangeHighlightBackground#074F8139
  • editor.selectionBackground#074F81
  • editor.selectionHighlightBackground#074F8120
  • editor.snippetFinalTabstopHighlightBorder#336380
  • editor.snippetTabstopHighlightBackground#2A5A7A4d
  • editor.stackFrameHighlightBackground#FFE07333
  • editor.symbolHighlightBackground#FFE07355
  • editor.wordHighlightBackground#074F8188
  • editor.wordHighlightStrongBackground#074F8188
  • editor.wordHighlightTextBackground#074F8188
  • editorActionList.background#01121Fdc
  • editorActionList.focusBackground#0EADCF20
  • editorActionList.focusForeground#FFFFFF
  • editorActionList.foreground#B8D0E0
  • editorBracketHighlight.foreground1#FFE073
  • editorBracketHighlight.foreground2#aa82ff
  • editorBracketHighlight.foreground3#22D4FF
  • editorBracketHighlight.foreground4#00000000
  • editorBracketHighlight.foreground5#00000000
  • editorBracketHighlight.foreground6#00000000
  • editorBracketHighlight.unexpectedBracket.foreground#D95C5Ccc
  • editorBracketMatch.background#074F8166
  • editorBracketMatch.border#0EADCF
  • editorBracketPairGuide.activeBackground1#00000000
  • editorBracketPairGuide.activeBackground2#00000000
  • editorBracketPairGuide.activeBackground3#00000000
  • editorBracketPairGuide.activeBackground4#00000000
  • editorBracketPairGuide.activeBackground5#00000000
  • editorBracketPairGuide.activeBackground6#00000000
  • editorBracketPairGuide.background1#00000000
  • editorBracketPairGuide.background2#00000000
  • editorBracketPairGuide.background3#00000000
  • editorBracketPairGuide.background4#00000000
  • editorBracketPairGuide.background5#00000000
  • editorBracketPairGuide.background6#00000000
  • editorCodeLens.foreground#B8D0E07c
  • editorCommentsWidget.rangeActiveBackground#074F811a
  • editorCommentsWidget.rangeBackground#074F811a
  • editorCommentsWidget.replyInputBackground#021A2C
  • editorCommentsWidget.resolvedBorder#A6BCC980
  • editorCommentsWidget.unresolvedBorder#074F81
  • editorCursor.background#02162B
  • editorCursor.foreground#47FF9C
  • editorError.foreground#D95C5C
  • editorGhostText.foreground#33638056
  • editorGroup.border#01121F
  • editorGroup.dropBackground#0EADCF4a
  • editorGroup.dropIntoPromptBackground#01121Fdc
  • editorGroup.dropIntoPromptForeground#B8D0E0
  • editorGroupHeader.noTabsBackground#03233A
  • editorGroupHeader.tabsBackground#03233A
  • editorGutter.addedBackground#44FFB1d6
  • editorGutter.background#03233A
  • editorGutter.commentGlyphForeground#A6BCC9
  • editorGutter.commentRangeForeground#254D6A
  • editorGutter.commentUnresolvedGlyphForeground#A6BCC9
  • editorGutter.deletedBackground#D95C5Ca4
  • editorGutter.foldingControlForeground#0EADCF
  • editorGutter.itemBackground#254D6A
  • editorGutter.itemGlyphForeground#A6BCC9
  • editorGutter.modifiedBackground#0EADCF8f
  • editorHint.foreground#B8D0E0b3
  • editorHoverWidget.background#01121Fdc
  • editorHoverWidget.border#0EADCF22
  • editorHoverWidget.foreground#B8D0E0
  • editorHoverWidget.highlightForeground#55FFCC
  • editorHoverWidget.statusBarBackground#01121Fdc
  • editorIndentGuide.activeBackground1#0EADCF
  • editorIndentGuide.activeBackground2#00000000
  • editorIndentGuide.activeBackground3#00000000
  • editorIndentGuide.activeBackground4#00000000
  • editorIndentGuide.activeBackground5#00000000
  • editorIndentGuide.activeBackground6#00000000
  • editorIndentGuide.background1#254D6A
  • editorIndentGuide.background2#00000000
  • editorIndentGuide.background3#00000000
  • editorIndentGuide.background4#00000000
  • editorIndentGuide.background5#00000000
  • editorIndentGuide.background6#00000000
  • editorInfo.foreground#22D4FF
  • editorInlayHint.background#021A2C1a
  • editorInlayHint.foreground#8295A0
  • editorInlayHint.parameterBackground#021A2C1a
  • editorInlayHint.parameterForeground#8295A0
  • editorInlayHint.typeBackground#021A2C1a
  • editorInlayHint.typeForeground#8295A0
  • editorLightBulb.foreground#FFE073
  • editorLightBulbAi.foreground#FFE073
  • editorLightBulbAutoFix.foreground#22D4FF
  • editorLineNumber.activeForeground#8FC5ED
  • editorLineNumber.foreground#4A7A9A
  • editorLink.activeForeground#22D4FF
  • editorMarkerNavigation.background#03233A
  • editorMarkerNavigationError.background#D95C5C
  • editorMarkerNavigationError.headerBackground#D95C5C1a
  • editorMarkerNavigationInfo.background#22D4FF
  • editorMarkerNavigationInfo.headerBackground#22D4FF1a
  • editorMarkerNavigationWarning.background#FFE073
  • editorMarkerNavigationWarning.headerBackground#FFE07314
  • editorMinimap.inlineChatInserted#44FFB120
  • editorMultiCursor.primary.background#02162B
  • editorMultiCursor.primary.foreground#47FF9C
  • editorMultiCursor.secondary.background#02162B
  • editorMultiCursor.secondary.foreground#47FF9C
  • editorOverviewRuler.addedForeground#44FFB199
  • editorOverviewRuler.border#074F81b3
  • editorOverviewRuler.bracketMatchForeground#8295A0
  • editorOverviewRuler.commentForeground#254D6A
  • editorOverviewRuler.commentUnresolvedForeground#254D6A
  • editorOverviewRuler.commonContentForeground#33638066
  • editorOverviewRuler.currentContentForeground#0EADCF80
  • editorOverviewRuler.deletedForeground#D95C5C99
  • editorOverviewRuler.errorForeground#D95C5Cdd
  • editorOverviewRuler.findMatchForeground#FFE07399
  • editorOverviewRuler.incomingContentForeground#22D4FF80
  • editorOverviewRuler.infoForeground#22D4FF
  • editorOverviewRuler.inlineChatInserted#44FFB120
  • editorOverviewRuler.inlineChatRemoved#D95C5C20
  • editorOverviewRuler.modifiedForeground#0EADCF99
  • editorOverviewRuler.rangeHighlightForeground#0EADCF99
  • editorOverviewRuler.selectionHighlightForeground#8295A0cc
  • editorOverviewRuler.warningForeground#FFE073
  • editorOverviewRuler.wordHighlightForeground#8295A0cc
  • editorOverviewRuler.wordHighlightStrongForeground#0EADCFcc
  • editorOverviewRuler.wordHighlightTextForeground#8295A0cc
  • editorPane.background#03233A
  • editorRuler.foreground#0EADCF80
  • editorStickyScroll.background#03233A
  • editorStickyScroll.shadow#021A2C
  • editorStickyScrollHover.background#254D6A
  • editorSuggestWidget.background#01121Fdc
  • editorSuggestWidget.border#0EADCF22
  • editorSuggestWidget.focusHighlightForeground#55FFCC
  • editorSuggestWidget.foreground#A6BCC9
  • editorSuggestWidget.highlightForeground#55FFCC
  • editorSuggestWidget.selectedBackground#0EADCF36
  • editorSuggestWidget.selectedForeground#FFFFFF
  • editorSuggestWidgetStatus.foreground#A6BCC980
  • editorUnicodeHighlight.border#FFE073
  • editorUnnecessaryCode.opacity#000000aa
  • editorWarning.foreground#FFE073
  • editorWhitespace.foreground#2A5A7A
  • editorWidget.background#01121Fdc
  • editorWidget.border#0EADCF22
  • editorWidget.foreground#B8D0E0
  • editorWidget.resizeBorder#0EADCF44
  • errorForeground#D95C5C
  • extensionBadge.remoteBackground#55FFCC
  • extensionBadge.remoteForeground#01121F
  • extensionButton.background#0EADCF
  • extensionButton.foreground#01121F
  • extensionButton.hoverBackground#1FBDE0
  • extensionButton.prominentBackground#55FFCC
  • extensionButton.prominentForeground#01121F
  • extensionButton.prominentHoverBackground#44FFB1
  • extensionButton.separator#01121F66
  • extensionIcon.preReleaseForeground#44FFB1
  • extensionIcon.privateForeground#B8D0E060
  • extensionIcon.sponsorForeground#aa82ff
  • extensionIcon.starForeground#FFE073
  • extensionIcon.verifiedForeground#55FFCC
  • focusBorder#0EADCF
  • foreground#A6BCC9
  • git.blame.editorDecorationForeground#8295A0
  • gitDecoration.addedResourceForeground#44FFB1
  • gitDecoration.conflictingResourceForeground#D95C5C
  • gitDecoration.deletedResourceForeground#D95C5C
  • gitDecoration.ignoredResourceForeground#A6BCC980
  • gitDecoration.modifiedResourceForeground#0EADCF
  • gitDecoration.renamedResourceForeground#44FFB1
  • gitDecoration.stageDeletedResourceForeground#D95C5C
  • gitDecoration.stageModifiedResourceForeground#FFE073
  • gitDecoration.submoduleResourceForeground#22D4FF
  • gitDecoration.untrackedResourceForeground#44FFB1
  • icon.foreground#A6BCC9
  • inlineChat.background#01121Fdc
  • inlineChat.border#0EADCF22
  • inlineChat.foreground#B8D0E0
  • inlineChat.shadow#021A2C
  • inlineChatDiff.inserted#44FFB11b
  • inlineChatDiff.removed#D95C5C1b
  • inlineChatInput.background#021A2C
  • inlineChatInput.border#0EADCF22
  • inlineChatInput.focusBorder#0EADCF
  • inlineChatInput.placeholderForeground#B8D0E080
  • inlineEdit.gutterIndicator.background#02162B80
  • inlineEdit.gutterIndicator.primaryBackground#0EADCF66
  • inlineEdit.gutterIndicator.primaryBorder#0EADCF
  • inlineEdit.gutterIndicator.primaryForeground#FFFFFF
  • inlineEdit.gutterIndicator.secondaryBackground#254D6A
  • inlineEdit.gutterIndicator.secondaryBorder#254D6A
  • inlineEdit.gutterIndicator.secondaryForeground#FFFFFF
  • inlineEdit.gutterIndicator.successfulBackground#0EADCF
  • inlineEdit.gutterIndicator.successfulBorder#0EADCF
  • inlineEdit.gutterIndicator.successfulForeground#FFFFFF
  • inlineEdit.modifiedBackground#44FFB110
  • inlineEdit.modifiedBorder#44FFB135
  • inlineEdit.modifiedChangedLineBackground#44FFB124
  • inlineEdit.modifiedChangedTextBackground#44FFB125
  • inlineEdit.originalBackground#D95C5C0b
  • inlineEdit.originalBorder#D95C5C35
  • inlineEdit.originalChangedLineBackground#D95C5C2a
  • inlineEdit.originalChangedTextBackground#D95C5C2a
  • inlineEdit.tabWillAcceptModifiedBorder#44FFB135
  • inlineEdit.tabWillAcceptOriginalBorder#D95C5C35
  • input.background#03233A
  • input.border#254D6A
  • input.foreground#B8D0E0
  • input.placeholderForeground#336380
  • inputOption.activeBackground#0EADCF
  • inputOption.activeBorder#44FFB1
  • inputOption.activeForeground#FFFFFF
  • inputOption.hoverBackground#33638080
  • inputValidation.errorBackground#D95C5C80
  • inputValidation.errorBorder#D95C5C00
  • inputValidation.infoBackground#0EADCF80
  • inputValidation.infoBorder#0EADCF
  • inputValidation.warningBackground#FFE07380
  • inputValidation.warningBorder#FFE073
  • interactive.activeCodeBorder#0EADCF
  • interactive.inactiveCodeBorder#0EADCF20
  • keybindingLabel.background#2A5A7A2b
  • keybindingLabel.border#33638099
  • keybindingLabel.bottomBorder#4A7A9A99
  • keybindingLabel.foreground#A6BCC9
  • keybindingTable.headerBackground#0EADCF0a
  • keybindingTable.rowsBackground#0EADCF0a
  • list.activeSelectionBackground#074F81
  • list.activeSelectionForeground#FFFFFF
  • list.deemphasizedForeground#8295A0
  • list.dropBackground#074F8166
  • list.dropBetweenBackground#0EADCF
  • list.errorForeground#D95C5Ce6
  • list.filterMatchBackground#55FFCC
  • list.focusBackground#043A61
  • list.focusForeground#FFFFFF
  • list.focusHighlightForeground#55FFCC
  • list.focusOutline#0EADCF
  • list.highlightForeground#55FFCC
  • list.hoverBackground#032842
  • list.hoverForeground#FFFFFF
  • list.inactiveFocusBackground#03284299
  • list.inactiveSelectionBackground#032842
  • list.inactiveSelectionForeground#A6BCC9
  • list.invalidItemForeground#FFE073
  • list.warningForeground#FFE073bb
  • listFilterWidget.background#01121Fdc
  • listFilterWidget.noMatchesOutline#D95C5C
  • listFilterWidget.outline#00000000
  • listFilterWidget.shadow#021A2C
  • menu.background#0c507adc
  • menu.border#0EADCF20
  • menu.foreground#B8D0E0
  • menu.selectionBackground#0EADCF36
  • menu.selectionForeground#FFFFFF
  • menu.separatorBackground#B8D0E026
  • menubar.selectionBackground#33638050
  • menubar.selectionForeground#A6BCC9
  • merge.commonContentBackground#33638029
  • merge.commonHeaderBackground#33638066
  • merge.currentContentBackground#0EADCF33
  • merge.currentHeaderBackground#0EADCF80
  • merge.incomingContentBackground#22D4FF33
  • merge.incomingHeaderBackground#22D4FF80
  • mergeEditor.change.background#44FFB133
  • mergeEditor.change.word.background#44FFB133
  • mergeEditor.changeBase.background#D95C5C18
  • mergeEditor.changeBase.word.background#D95C5C13
  • mergeEditor.conflict.handled.minimapOverViewRuler#8295A0ee
  • mergeEditor.conflict.handledFocused.border#0EADCFcc
  • mergeEditor.conflict.handledUnfocused.border#33638049
  • mergeEditor.conflict.input1.background#0EADCF33
  • mergeEditor.conflict.input2.background#22D4FF33
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#FFE073
  • mergeEditor.conflict.unhandledFocused.border#FFE073
  • mergeEditor.conflict.unhandledUnfocused.border#FFE0737a
  • mergeEditor.conflictingLines.background#FFE07347
  • minimap.chatEditHighlight#02162B99
  • minimap.errorHighlight#D95C5Cb3
  • minimap.findMatchHighlight#FFE07380
  • minimap.foregroundOpacity#000000
  • minimap.infoHighlight#22D4FF
  • minimap.selectionHighlight#074F8180
  • minimap.selectionOccurrenceHighlight#33638080
  • minimap.warningHighlight#FFE073
  • minimapGutter.addedBackground#44FFB199
  • minimapGutter.deletedBackground#D95C5C
  • minimapGutter.modifiedBackground#0EADCF
  • minimapSlider.activeBackground#0EADCF10
  • minimapSlider.background#0EADCF18
  • minimapSlider.hoverBackground#0EADCF28
  • multiDiffEditor.background#03233A
  • multiDiffEditor.headerBackground#021A2C
  • notebook.cellBorderColor#0EADCF20
  • notebook.cellEditorBackground#021A2C
  • notebook.cellInsertionIndicator#0EADCF
  • notebook.cellStatusBarItemHoverBackground#0EADCF26
  • notebook.cellToolbarSeparator#33638059
  • notebook.editorBackground#03233A
  • notebook.focusedCellBorder#0EADCF
  • notebook.focusedEditorBorder#0EADCF
  • notebook.inactiveFocusedCellBorder#0EADCF20
  • notebook.selectedCellBackground#0EADCF20
  • notebook.selectedCellBorder#0EADCF20
  • notebook.symbolHighlightBackground#0EADCF0b
  • notebookEditorOverviewRuler.runningCellForeground#44FFB1
  • notebookScrollbarSlider.activeBackground#0EADCF20
  • notebookScrollbarSlider.background#0EADCF30
  • notebookScrollbarSlider.hoverBackground#0EADCF50
  • notebookStatusErrorIcon.foreground#D95C5C
  • notebookStatusRunningIcon.foreground#B8D0E0
  • notebookStatusSuccessIcon.foreground#44FFB1
  • notificationCenterHeader.background#01121Fdc
  • notificationLink.foreground#55FFCC
  • notifications.background#01121Fdc
  • notifications.border#01121Fdc
  • notifications.foreground#B8D0E0
  • notificationsErrorIcon.foreground#D95C5C
  • notificationsInfoIcon.foreground#22D4FF
  • notificationsWarningIcon.foreground#FFE073
  • panel.background#03233A
  • panel.border#33638059
  • panel.dropBorder#55FFCC
  • panelSection.border#33638059
  • panelSection.dropBackground#0EADCF4a
  • panelSectionHeader.background#33638033
  • panelStickyScroll.background#03233A
  • panelStickyScroll.shadow#021A2C
  • panelTitle.activeBorder#55FFCC
  • panelTitle.activeForeground#D0E0F0
  • panelTitle.inactiveForeground#D0E0F099
  • panelTitleBadge.background#55FFCC
  • panelTitleBadge.foreground#01121F
  • peekView.border#0EADCF
  • peekViewEditor.background#03233A
  • peekViewEditor.matchHighlightBackground#FFE073bb
  • peekViewEditorGutter.background#011423
  • peekViewEditorStickyScroll.background#011423
  • peekViewResult.background#021A2C
  • peekViewResult.fileForeground#B8D0E0
  • peekViewResult.lineForeground#A6BCC9
  • peekViewResult.matchHighlightBackground#FFE07355
  • peekViewResult.selectionBackground#021A2C80
  • peekViewResult.selectionForeground#FFFFFF
  • peekViewTitle.background#01121F
  • peekViewTitleDescription.foreground#8295A0
  • peekViewTitleLabel.foreground#A6BCC9
  • pickerGroup.border#254D6A
  • pickerGroup.foreground#55FFCCea
  • ports.iconRunningProcessForeground#55FFCC
  • problemsErrorIcon.foreground#D95C5C
  • problemsInfoIcon.foreground#22D4FF
  • problemsWarningIcon.foreground#FFE073
  • profileBadge.background#254D6A
  • profileBadge.foreground#B8D0E0
  • profiles.sashBorder#33638059
  • progressBar.background#55FFCC
  • quickInput.background#0c507adc
  • quickInput.foreground#B8D0E0
  • quickInputList.focusBackground#032842
  • quickInputList.focusForeground#FFFFFF
  • quickInputTitle.background#0EADCF1b
  • radio.activeBackground#0EADCF66
  • radio.activeBorder#55FFCC99
  • radio.activeForeground#FFFFFF
  • radio.inactiveBorder#B8D0E033
  • radio.inactiveHoverBackground#33638080
  • remoteHub.decorations.addedForegroundColor#44FFB1
  • remoteHub.decorations.conflictForegroundColor#D95C5C
  • remoteHub.decorations.deletedForegroundColor#D95C5C
  • remoteHub.decorations.ignoredResourceForeground#8295A0
  • remoteHub.decorations.incomingAddedForegroundColor#44FFB1
  • remoteHub.decorations.incomingDeletedForegroundColor#D95C5C
  • remoteHub.decorations.incomingModifiedForegroundColor#FFE073
  • remoteHub.decorations.incomingRenamedForegroundColor#44FFB1
  • remoteHub.decorations.modifiedForegroundColor#FFE073
  • remoteHub.decorations.possibleConflictForegroundColor#FFE073bb
  • remoteHub.decorations.submoduleForegroundColor#22D4FF
  • remoteHub.decorations.workspaceRepositoriesView.hasUncommittedChangesForegroundColor#FFE073
  • sash.hoverBorder#0EADCF
  • scmGraph.foreground1#FFE073
  • scmGraph.foreground2#aa82ff
  • scmGraph.foreground3#D95C5C
  • scmGraph.foreground4#0EADCF
  • scmGraph.foreground5#22D4FF
  • scmGraph.historyItemBaseRefColor#FFE073
  • scmGraph.historyItemHoverAdditionsForeground#44FFB1
  • scmGraph.historyItemHoverDefaultLabelBackground#021A2C
  • scmGraph.historyItemHoverDefaultLabelForeground#B8D0E0
  • scmGraph.historyItemHoverDeletionsForeground#D95C5C
  • scmGraph.historyItemHoverLabelForeground#B8D0E0
  • scmGraph.historyItemRefColor#22D4FF
  • scmGraph.historyItemRemoteRefColor#aa82ff
  • scrollbar.shadow#021A2C
  • scrollbarSlider.activeBackground#0EADCF20
  • scrollbarSlider.background#0EADCF30
  • scrollbarSlider.hoverBackground#0EADCF50
  • search.resultsInfoForeground#B8D0E0a6
  • searchEditor.findMatchBackground#FFE07338
  • selection.background#074F81
  • settings.checkboxBackground#021A2C
  • settings.checkboxBorder#254D6A
  • settings.checkboxForeground#B8D0E0
  • settings.dropdownBackground#021A2C
  • settings.dropdownBorder#254D6A
  • settings.dropdownForeground#B8D0E0
  • settings.dropdownListBorder#0EADCF22
  • settings.focusedRowBackground#254D6A5c
  • settings.focusedRowBorder#0EADCF
  • settings.headerBorder#33638059
  • settings.headerForeground#D0E0F0
  • settings.modifiedItemIndicator#0EADCF
  • settings.numberInputBackground#021A2C
  • settings.numberInputForeground#B8D0E0
  • settings.rowHoverBackground#254D6A2e
  • settings.sashBorder#33638059
  • settings.settingsHeaderHoverForeground#D0E0F0b3
  • settings.textInputBackground#021A2C
  • settings.textInputForeground#B8D0E0
  • sideBar.background#03233A
  • sideBar.border#01121F
  • sideBar.dropBackground#074F814c
  • sideBar.foreground#A6BCC9
  • sideBarSectionHeader.background#03233A
  • sideBarSectionHeader.foreground#D0E0F0
  • sideBarStickyScroll.background#021A2C
  • sideBarStickyScroll.shadow#021A2C
  • sideBarTitle.background#03233A
  • sideBarTitle.foreground#D0E0F0
  • sideBySideEditor.horizontalBorder#0EADCF
  • sideBySideEditor.verticalBorder#0EADCF
  • simpleFindWidget.sashBorder#254D6A
  • statusBar.background#03233A
  • statusBar.border#254D6A
  • statusBar.debuggingBackground#55FFCC
  • statusBar.debuggingForeground#01121F
  • statusBar.focusBorder#B8D0E080
  • statusBar.foreground#A6BCC9
  • statusBar.noFolderBackground#03233A
  • statusBar.noFolderForeground#A6BCC980
  • statusBarItem.activeBackground#0EADCF2e
  • statusBarItem.compactHoverBackground#0EADCF33
  • statusBarItem.errorBackground#D95C5C
  • statusBarItem.errorForeground#FFFFFF
  • statusBarItem.errorHoverBackground#0EADCF1f
  • statusBarItem.errorHoverForeground#B8D0E080
  • statusBarItem.focusBorder#B8D0E080
  • statusBarItem.hoverBackground#0EADCF1f
  • statusBarItem.hoverForeground#B8D0E080
  • statusBarItem.offlineBackground#D95C5C
  • statusBarItem.offlineForeground#01121F
  • statusBarItem.offlineHoverBackground#0EADCF1f
  • statusBarItem.offlineHoverForeground#B8D0E080
  • statusBarItem.prominentBackground#021A2C
  • statusBarItem.prominentForeground#B8D0E080
  • statusBarItem.prominentHoverBackground#074F81
  • statusBarItem.prominentHoverForeground#B8D0E080
  • statusBarItem.remoteBackground#0EADCF
  • statusBarItem.remoteForeground#FFFFFF
  • statusBarItem.remoteHoverBackground#0EADCF1f
  • statusBarItem.remoteHoverForeground#B8D0E080
  • statusBarItem.warningBackground#FFE073
  • statusBarItem.warningForeground#01121F
  • statusBarItem.warningHoverBackground#0EADCF1f
  • statusBarItem.warningHoverForeground#B8D0E080
  • symbolIcon.arrayForeground#B8D0E0
  • symbolIcon.booleanForeground#B8D0E0
  • symbolIcon.classForeground#FFE073
  • symbolIcon.colorForeground#B8D0E0
  • symbolIcon.constantForeground#B8D0E0
  • symbolIcon.constructorForeground#aa82ff
  • symbolIcon.enumeratorForeground#FFE073
  • symbolIcon.enumeratorMemberForeground#22D4FF
  • symbolIcon.eventForeground#FFE073
  • symbolIcon.fieldForeground#22D4FF
  • symbolIcon.fileForeground#B8D0E0
  • symbolIcon.folderForeground#B8D0E0
  • symbolIcon.functionForeground#aa82ff
  • symbolIcon.interfaceForeground#22D4FF
  • symbolIcon.keyForeground#B8D0E0
  • symbolIcon.keywordForeground#B8D0E0
  • symbolIcon.methodForeground#aa82ff
  • symbolIcon.moduleForeground#B8D0E0
  • symbolIcon.namespaceForeground#B8D0E0
  • symbolIcon.nullForeground#B8D0E0
  • symbolIcon.numberForeground#B8D0E0
  • symbolIcon.objectForeground#B8D0E0
  • symbolIcon.operatorForeground#B8D0E0
  • symbolIcon.packageForeground#B8D0E0
  • symbolIcon.propertyForeground#B8D0E0
  • symbolIcon.referenceForeground#B8D0E0
  • symbolIcon.snippetForeground#B8D0E0
  • symbolIcon.stringForeground#B8D0E0
  • symbolIcon.structForeground#B8D0E0
  • symbolIcon.textForeground#B8D0E0
  • symbolIcon.typeParameterForeground#B8D0E0
  • symbolIcon.unitForeground#B8D0E0
  • symbolIcon.variableForeground#22D4FF
  • tab.activeBackground#03233A
  • tab.activeBorder#880088
  • tab.activeBorderTop#55FFCC
  • tab.activeForeground#FFFFFF
  • tab.activeModifiedBorder#0EADCF
  • tab.border#021A2C
  • tab.dragAndDropBorder#FFFFFF
  • tab.inactiveBackground#03233A
  • tab.inactiveForeground#8295A0
  • tab.inactiveModifiedBorder#0EADCF80
  • tab.lastPinnedBorder#336380
  • tab.selectedBackground#03233A
  • tab.selectedForeground#FFFFFF
  • tab.unfocusedActiveBackground#03233A
  • tab.unfocusedActiveBorder#88008880
  • tab.unfocusedActiveForeground#B8D0E080
  • tab.unfocusedActiveModifiedBorder#0EADCF80
  • tab.unfocusedInactiveBackground#03233A
  • tab.unfocusedInactiveForeground#8295A040
  • tab.unfocusedInactiveModifiedBorder#0EADCF40
  • terminal.ansiBlack#214969
  • terminal.ansiBlue#0FC5ED
  • terminal.ansiBrightBlack#2A5A7A
  • terminal.ansiBrightBlue#22D4FF
  • terminal.ansiBrightCyan#33FFFF
  • terminal.ansiBrightGreen#55FFCC
  • terminal.ansiBrightMagenta#B388FF
  • terminal.ansiBrightRed#FF4444
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FFEE88
  • terminal.ansiCyan#24EAF7
  • terminal.ansiGreen#44FFB1
  • terminal.ansiMagenta#aa82ff
  • terminal.ansiRed#E52E2E
  • terminal.ansiWhite#CBE0F0
  • terminal.ansiYellow#FFE073
  • terminal.background#03233A
  • terminal.border#33638059
  • terminal.dropBackground#0EADCF4a
  • terminal.findMatchBackground#FFE073bb
  • terminal.findMatchHighlightBackground#FFE07355
  • terminal.foreground#CBE0F0
  • terminal.hoverHighlightBackground#254D6A80
  • terminal.inactiveSelectionBackground#0EADCF10
  • terminal.initialHintForeground#33638056
  • terminal.selectionBackground#074F81
  • terminal.tab.activeBorder#880088
  • terminalCommandDecoration.defaultBackground#B8D0E040
  • terminalCommandDecoration.errorBackground#D95C5C
  • terminalCommandDecoration.successBackground#0EADCF
  • terminalCommandGuide.foreground#0EADCF20
  • terminalCursor.background#47FF9C
  • terminalCursor.foreground#47FF9C
  • terminalOverviewRuler.border#074F81b3
  • terminalOverviewRuler.cursorForeground#8295A0cc
  • terminalOverviewRuler.findMatchForeground#FFE07399
  • terminalStickyScrollHover.background#254D6A
  • terminalSymbolIcon.aliasForeground#aa82ff
  • terminalSymbolIcon.argumentForeground#22D4FF
  • terminalSymbolIcon.fileForeground#B8D0E0
  • terminalSymbolIcon.flagForeground#FFE073
  • terminalSymbolIcon.folderForeground#B8D0E0
  • terminalSymbolIcon.methodForeground#aa82ff
  • terminalSymbolIcon.optionForeground#FFE073
  • terminalSymbolIcon.optionValueForeground#22D4FF
  • testing.coverCountBadgeBackground#021A2C
  • testing.coverCountBadgeForeground#B8D0E0
  • testing.coveredBackground#44FFB135
  • testing.coveredBorder#44FFB128
  • testing.coveredGutterBackground#44FFB120
  • testing.iconErrored#D95C5C
  • testing.iconErrored.retired#D95C5Cb3
  • testing.iconFailed#D95C5C
  • testing.iconFailed.retired#D95C5Cb3
  • testing.iconPassed#44FFB1
  • testing.iconPassed.retired#44FFB1b3
  • testing.iconQueued#FFE073
  • testing.iconQueued.retired#FFE073b3
  • testing.iconSkipped#336380
  • testing.iconSkipped.retired#336380b3
  • testing.iconUnset#336380
  • testing.iconUnset.retired#336380b3
  • testing.message.error.badgeBackground#D95C5C
  • testing.message.error.badgeBorder#D95C5C
  • testing.message.error.badgeForeground#FFFFFF
  • testing.message.info.decorationForeground#A6BCC980
  • testing.messagePeekBorder#22D4FF
  • testing.messagePeekHeaderBackground#22D4FF1a
  • testing.peekBorder#D95C5C
  • testing.peekHeaderBackground#D95C5C1a
  • testing.runAction#44FFB1
  • testing.uncoveredBackground#D95C5C35
  • testing.uncoveredBorder#D95C5C28
  • testing.uncoveredBranchBackground#D95C5C40
  • testing.uncoveredGutterBackground#D95C5C50
  • textBlockQuote.background#021A2C
  • textBlockQuote.border#0EADCF80
  • textCodeBlock.background#021A2C
  • textLink.activeForeground#55FFCC
  • textLink.foreground#22D4FF
  • textPreformat.background#0EADCF1a
  • textPreformat.foreground#FFE073
  • textSeparator.foreground#0EADCF2e
  • titleBar.activeBackground#021A2C
  • titleBar.activeForeground#A6BCC9
  • titleBar.inactiveBackground#021A2C
  • titleBar.inactiveForeground#8295A0
  • toolbar.activeBackground#33638050
  • toolbar.hoverBackground#33638050
  • tree.inactiveIndentGuidesStroke#2A5A7A66
  • tree.indentGuidesStroke#2A5A7A
  • tree.tableColumnsBorder#A6BCC920
  • tree.tableOddRowsBackground#0EADCF0a
  • walkThrough.embeddedEditorBackground#021A2C
  • walkthrough.stepTitle.foreground#B8D0E0
  • welcomePage.progress.background#021A2C
  • welcomePage.progress.foreground#55FFCC
  • welcomePage.tileBackground#01121Fdc
  • welcomePage.tileBorder#0EADCF1a
  • welcomePage.tileHoverBackground#01121Fdc
  • widget.shadow#00000030

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#8295A0italic
string.quoted, string.template, punctuation.definition.string#FFE073
string.template meta.embedded.line#A6BCC9
variable, entity.name.variable#aa82ff
variable.language#FFE073bold
variable.parameteritalic
storage.type, storage.modifier#0EADCF
constant#55FFCC
string.regexp#55FFCC
constant.numeric#55FFCC
constant.language#55FFCC
constant.character.escape#22D4FF
entity.name#FFE073
entity.name.tag#D95C5C
punctuation.definition.tag#22D4FF
entity.other.attribute-name#0EADCF
entity.other.attribute-name.html#0EADCFitalic
entity.name.type, meta.attribute.class.html#FFE073
entity.other.inherited-class#D95C5C
entity.name.function, variable.function#22D4FF
keyword.control.export.js, keyword.control.import.js#D95C5C
constant.numeric.decimal.js#55FFCC
keyword#0EADCF
keyword.control#0EADCF
keyword.operator#0EADCF
keyword.operator.new, keyword.operator.expression, keyword.operator.logical#0EADCF
keyword.other.unit#55FFCC
support#FFE073
support.function#22D4FF
support.variable#aa82ff
meta.object-literal.key, support.type.property-name#aa82ff
punctuation.separator.key-value#A6BCC9
punctuation.section.embedded#0EADCF
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#D95C5C
support.type.property-name.css, support.type.property-name.json#22D4FF
switch-block.expr.js#D95C5C
variable.other.constant.property.js, variable.other.property.js#55FFCC
constant.other.color#55FFCC
support.constant.font-name#55FFCC
entity.other.attribute-name.id#22D4FF
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#D95C5C
support.function.misc.css#FFE073
markup.heading, entity.name.section#aa82ff
text.html, keyword.operator.assignment#CBE0F0
markup.quote#A6BCC9ccitalic
beginning.punctuation.definition.list#aa82ff
markup.underline.link#D95C5C
string.other.link.description#55FFCC
meta.function-call.generic.python#22D4FF
variable.parameter.function-call.python#D95C5C
storage.type.cs#FFE073
entity.name.variable.local.cs#aa82ff
entity.name.variable.field.cs, entity.name.variable.property.cs#aa82ff
constant.other.placeholder.c#D95C5Citalic
keyword.control.directive.include.c, keyword.control.directive.define.c#D95C5C
storage.modifier.c#FFE073
source.cpp keyword.operator#0EADCF
constant.other.placeholder.cpp#D95C5Citalic
keyword.control.directive.include.cpp, keyword.control.directive.define.cpp#D95C5C
storage.modifier.specifier.const.cpp#FFE073
source.elixir support.type.elixir, source.elixir meta.module.elixir entity.name.class.elixir#22D4FF
source.elixir entity.name.function#D95C5C
source.elixir constant.other.symbol.elixir, source.elixir constant.other.keywords.elixir#22D4FF
source.elixir punctuation.definition.string#D95C5C
source.elixir variable.other.readwrite.module.elixir, source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir#D95C5C
source.elixir .punctuation.binary.elixir#aa82ffitalic
entity.global.clojure#22D4FFbold
storage.control.clojure#22D4FFitalic
meta.metadata.simple.clojure, meta.metadata.map.clojure#FFE073italic
meta.quoted-expression.clojureitalic
meta.symbol.clojure#aa82ff
source.go#aa82ff
source.go meta.function-call.go#22D4FF
source.go keyword.package.go, source.go keyword.import.go, source.go keyword.function.go, source.go keyword.type.go, source.go keyword.const.go, source.go keyword.var.go, source.go keyword.map.go, source.go keyword.channel.go, source.go keyword.control.go#0EADCF
source.go storage.type, source.go keyword.struct.go, source.go keyword.interface.go#D95C5C
source.go constant.language.go, source.go constant.other.placeholder.go, source.go variable#55FFCC
markup.underline.link.markdown, markup.inline.raw.string.markdown#D95C5Citalic
string.other.link.title.markdown#0EADCF
markup.heading.markdown, entity.name.section.markdown#aa82ffbold
markup.italic.markdown#55FFCCitalic
markup.bold.markdown#55FFCCbold
punctuation.definition.quote.begin.markdown, markup.quote.markdown#D95C5C
source.dart, source.python, source.scala#aa82ff
string.interpolated.single.dart#55FFCC
variable.parameter.dart#D95C5C
constant.numeric.dart#55FFCC
variable.parameter.scala#55FFCC
meta.template.expression.scala#D95C5C
string.quoted.docstring.multi.python, string.quoted.docstring.multi.python punctuation.definition.string.begin.python, string.quoted.docstring.multi.python punctuation.definition.string.end.python#8295A0italic
Midnight Marina by Muddyblack - VS Code Theme