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#161f1ffe
  • activityBar.activeBackground#161f1ffe
  • activityBar.activeBorder#50CB13fe
  • activityBar.activeFocusBorder#666E4E00
  • activityBar.background#0D1313fe
  • activityBar.border#4A6F6F00
  • activityBar.dropBorder#4BCA09fe
  • activityBar.foreground#51CC13fe
  • activityBar.inactiveForeground#9BB8B865
  • activityBarBadge.background#4ECB10fe
  • activityBarBadge.foreground#0D1313fe
  • badge.background#67C438fe
  • badge.foreground#0D1313fe
  • banner.background#161f1ffe
  • banner.foreground#CBFBFBce
  • banner.iconForeground#D7D9E2fe
  • breadcrumb.activeSelectionForeground#D3C9D7ca
  • breadcrumb.background#0F1515fe
  • breadcrumb.focusForeground#52CA16fe
  • breadcrumb.foreground#E1E9E9ae
  • breadcrumbPicker.background#161f1ffe
  • button.background#395050ae
  • button.border#0D0A0E00
  • button.foreground#CBFBFBce
  • button.hoverBackground#435F5F6e
  • button.secondaryBackground#161f1ffe
  • button.secondaryForeground#CBFBFBce
  • button.secondaryHoverBackground#161f1ffe
  • button.separator#0E0C0A00
  • charts.blue#1b1bfffe
  • charts.foreground#CBFBFBce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b2
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C1111fe
  • chat.slashCommandBackground#161f1ffe
  • chat.slashCommandForeground#CBFBFBce
  • checkbox.background#0C1111fe
  • checkbox.border#0C1111fe
  • checkbox.foreground#CBFBFBce
  • checkbox.selectBackground#0C1111fe
  • checkbox.selectBorder#0C1111fe
  • commandCenter.activeBackground#19371983
  • commandCenter.activeBorder#0C1111fe
  • commandCenter.activeForeground#52CA16fe
  • commandCenter.background#161f1ffe
  • commandCenter.border#0C1111fe
  • commandCenter.foreground#CBFBFBce
  • commandCenter.inactiveBorder#202D2D95
  • commandCenter.inactiveForeground#3CC5C565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0A0B0E00
  • contrastBorder#0D0E0A00
  • debugConsole.errorForeground#FE9BFEce
  • debugConsole.infoForeground#CBFBFBce
  • debugConsole.sourceForeground#CBFBFBce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C8BACCfe
  • debugExceptionWidget.background#5C005C9a
  • debugExceptionWidget.border#0C1111fe
  • debugIcon.breakpointCurrentStackframeForeground#C9D7C9fe
  • debugIcon.breakpointDisabledForeground#AAC3C365
  • debugIcon.breakpointForeground#E2DBD7fe
  • debugIcon.breakpointStackframeForeground#D7C9D0fe
  • debugIcon.breakpointUnverifiedForeground#C9BCB5fe
  • debugIcon.continueForeground#BBBDCDfe
  • debugIcon.disconnectForeground#CCBAC3fe
  • debugIcon.pauseForeground#E2D7DDfe
  • debugIcon.restartForeground#B5C9B5fe
  • debugIcon.startForeground#BFD0BFfe
  • debugIcon.stepBackForeground#D3D7C9fe
  • debugIcon.stepIntoForeground#CCBAC3fe
  • debugIcon.stepOutForeground#B5C9B5fe
  • debugIcon.stepOverForeground#D7E2E2fe
  • debugIcon.stopForeground#C9D7C9fe
  • debugTokenExpression.boolean#D3D7C9ca
  • debugTokenExpression.error#E2D7DDca
  • debugTokenExpression.name#D7CEC9ca
  • debugTokenExpression.number#C9CAD7ca
  • debugTokenExpression.value#D7CEDBca
  • debugToolBar.background#5C005Ca5
  • debugToolBar.border#0C1111fe
  • debugView.exceptionLabelBackground#40264Aca
  • debugView.exceptionLabelForeground#E2D7DDca
  • debugView.stateLabelBackground#2C331Eca
  • debugView.stateLabelForeground#C9D7C9ca
  • debugView.valueChangedHighlight#D2D4DEca
  • descriptionForeground#CBFBFBce
  • diffEditor.border#0A0F0F00
  • diffEditor.diagonalFill#000000f0
  • diffEditor.insertedLineBackground#00380031
  • diffEditor.insertedTextBackground#123814fb
  • diffEditor.insertedTextBorder#0D0E0A00
  • diffEditor.move.border#0E0A0C00
  • diffEditor.moveActive.border#0E0A0C00
  • diffEditor.removedLineBackground#69000031
  • diffEditor.removedTextBackground#690000fb
  • diffEditor.removedTextBorder#0E0C0A00
  • diffEditor.unchangedCodeBackground#161f1ffe
  • diffEditor.unchangedRegionBackground#161f1ffe
  • diffEditor.unchangedRegionForeground#CBFBFBce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#AAC3C365
  • dropdown.background#0C1111fe
  • dropdown.border#0C1111fe
  • dropdown.foreground#CBFBFBce
  • dropdown.listBackground#0C1111fe
  • editor.background#161f1ffe
  • editor.findMatchBackground#4F6C4Fa4
  • editor.findMatchBorder#0C1111fe
  • editor.findMatchHighlightBackground#6C4F5Da9
  • editor.findMatchHighlightBorder#0C1111fe
  • editor.findRangeHighlightBackground#5B4761a9
  • editor.findRangeHighlightBorder#0C1111fe
  • editor.focusedStackFrameHighlightBackground#5B4B438a
  • editor.foldBackground#C7BACCaa
  • editor.foreground#CBFBFBce
  • editor.hoverHighlightBackground#4B4F67a7
  • editor.inactiveSelectionBackground#3B525298
  • editor.inlineValuesBackground#161f1ffe
  • editor.inlineValuesForeground#CBFBFBce
  • editor.lineHighlightBackground#273737b4
  • editor.lineHighlightBorder#0D0A0E00
  • editor.linkedEditingBackground#161f1ffe
  • editor.rangeHighlightBackground#4F536Cac
  • editor.rangeHighlightBorder#0C1111fe
  • editor.selectionBackground#3D543Da9
  • editor.selectionForeground#D7D9E2ca
  • editor.selectionHighlightBackground#4A4D6485
  • editor.selectionHighlightBorder#0C1111fe
  • editor.snippetFinalTabstopHighlightBackground#4B513Ba6
  • editor.snippetFinalTabstopHighlightBorder#0C1111fe
  • editor.snippetTabstopHighlightBackground#484D64a4
  • editor.snippetTabstopHighlightBorder#0C1111fe
  • editor.stackFrameHighlightBackground#4B513Ba5
  • editor.symbolHighlightBackground#3D533Dad
  • editor.symbolHighlightBorder#0C1111fe
  • editor.wordHighlightBackground#4B4F67a2
  • editor.wordHighlightBorder#0A0E0A00
  • editor.wordHighlightStrongBackground#5B4B42a7
  • editor.wordHighlightStrongBorder#0A0F0F00
  • editor.wordHighlightTextBackground#5C4763a2
  • editor.wordHighlightTextBorder#0E0C0A00
  • editorBracketHighlight.foreground1#F5F7F7ce
  • editorBracketHighlight.foreground2#F5F7F7ce
  • editorBracketHighlight.foreground3#F5F7F7ce
  • editorBracketHighlight.foreground4#F5F7F7ce
  • editorBracketHighlight.foreground5#F5F7F7ce
  • editorBracketHighlight.foreground6#F5F7F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#CBFBFBce
  • editorBracketMatch.background#ABC4C4ac
  • editorBracketMatch.border#0C1111fe
  • editorBracketPairGuide.activeBackground1#C8BACC88
  • editorBracketPairGuide.activeBackground2#CABDB68c
  • editorBracketPairGuide.activeBackground3#C8B9CC82
  • editorBracketPairGuide.activeBackground4#BCBECE89
  • editorBracketPairGuide.activeBackground5#BBC1AB81
  • editorBracketPairGuide.activeBackground6#BCBECE8d
  • editorBracketPairGuide.background1#3E2C22fe
  • editorBracketPairGuide.background2#3F2A35fe
  • editorBracketPairGuide.background3#3A2C3Efe
  • editorBracketPairGuide.background4#3D2C35fe
  • editorBracketPairGuide.background5#402647fe
  • editorBracketPairGuide.background6#1F351Ffe
  • editorCodeLens.foreground#AAC3C36e
  • editorCommentsWidget.rangeActiveBackground#ACC4C4fe
  • editorCommentsWidget.rangeBackground#161f1ffe
  • editorCommentsWidget.resolvedBorder#0C1111fe
  • editorCommentsWidget.unresolvedBorder#6A0000cb
  • editorCursor.background#161f1ffe
  • editorCursor.foreground#51CC15fe
  • editorError.background#0A0F0F00
  • editorError.border#0D0E0A00
  • editorError.foreground#FE9BFEce
  • editorGhostText.background#161f1ffe
  • editorGhostText.border#0A0F0F00
  • editorGhostText.foreground#AAC3C36e
  • editorGroup.border#0C1111fe
  • editorGroup.dropBackground#161f1ffe
  • editorGroup.dropIntoPromptBackground#161f1ffe
  • editorGroup.dropIntoPromptBorder#0C1111fe
  • editorGroup.dropIntoPromptForeground#CBFBFBce
  • editorGroup.emptyBackground#161f1ffe
  • editorGroup.focusedEmptyBorder#0C1111fe
  • editorGroupHeader.border#0D0A0E00
  • editorGroupHeader.noTabsBackground#0D1313ae
  • editorGroupHeader.tabsBackground#161f1fa1
  • editorGroupHeader.tabsBorder#0A0F0F00
  • editorGutter.addedBackground#8CCE90fb
  • editorGutter.background#161f1ffe
  • editorGutter.commentGlyphForeground#CBFBFBce
  • editorGutter.commentRangeForeground#CBFBFBce
  • editorGutter.commentUnresolvedGlyphForeground#8CCE8Fcb
  • editorGutter.deletedBackground#FFA7A7cb
  • editorGutter.foldingControlForeground#CBFBFBce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0A0F0F00
  • editorHint.foreground#C5B3FEce
  • editorHoverWidget.background#0C1111fe
  • editorHoverWidget.border#0C1111fe
  • editorHoverWidget.foreground#CBFBFBce
  • editorHoverWidget.highlightForeground#DCDDE5ca
  • editorHoverWidget.statusBarBackground#161f1ffe
  • editorIndentGuide.activeBackground1#51CA14fe
  • editorIndentGuide.activeBackground2#4ECC11fe
  • editorIndentGuide.activeBackground3#51CC13fe
  • editorIndentGuide.activeBackground4#51CC13fe
  • editorIndentGuide.activeBackground5#52CA15fe
  • editorIndentGuide.activeBackground6#4ECC10fe
  • editorIndentGuide.background1#BEA6B235
  • editorIndentGuide.background2#9DB79D35
  • editorIndentGuide.background3#AC998E35
  • editorIndentGuide.background4#B09DB735
  • editorIndentGuide.background5#7FA17F35
  • editorIndentGuide.background6#B09DB735
  • editorInfo.background#0D0A0E00
  • editorInfo.border#0A0E0A00
  • editorInfo.foreground#C5B3FEce
  • editorInlayHint.background#161f1ffe
  • editorInlayHint.foreground#CBFBFBce
  • editorInlayHint.parameterBackground#161f1ffe
  • editorInlayHint.parameterForeground#CBFBFBce
  • editorInlayHint.typeBackground#161f1ffe
  • editorInlayHint.typeForeground#CBFBFBce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8CCE8Fcb
  • editorLineNumber.activeForeground#52CA16fe
  • editorLineNumber.dimmedForeground#ABC3C36e
  • editorLineNumber.foreground#ABC3C36e
  • editorLink.activeForeground#52CA16fe
  • editorMarkerNavigation.background#0C1111fe
  • editorMarkerNavigationError.background#5C005Ca1
  • editorMarkerNavigationError.headerBackground#5C005Cb0
  • editorMarkerNavigationInfo.background#0000AEfe
  • editorMarkerNavigationInfo.headerBackground#0000AEfe
  • editorMarkerNavigationWarning.background#392F00fe
  • editorMarkerNavigationWarning.headerBackground#392F00fe
  • editorOverviewRuler.addedForeground#8CCE8Fcb
  • editorOverviewRuler.background#161f1ffe
  • editorOverviewRuler.border#243232fe
  • editorOverviewRuler.bracketMatchForeground#CBFBFBce
  • editorOverviewRuler.commentForeground#ABC3C36e
  • editorOverviewRuler.commentUnresolvedForeground#8CCE8Fcb
  • editorOverviewRuler.commonContentForeground#CBFBFBce
  • editorOverviewRuler.currentContentForeground#cececea8
  • editorOverviewRuler.deletedForeground#FFA7A7cb
  • editorOverviewRuler.errorForeground#FE9BFEce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8CCE8Fcb
  • editorOverviewRuler.infoForeground#C5B3FEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DCE5DCca
  • editorOverviewRuler.selectionHighlightForeground#C5B3FEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D2DED2ca
  • editorOverviewRuler.wordHighlightStrongForeground#CBFBFBce
  • editorOverviewRuler.wordHighlightTextForeground#CBFBFBce
  • editorPane.background#161f1ffe
  • editorRuler.foreground#ADC4C429
  • editorStickyScroll.background#161f1ffe
  • editorStickyScrollHover.background#2433336e
  • editorSuggestWidget.background#0C1111fe
  • editorSuggestWidget.border#0A0F0F00
  • editorSuggestWidget.focusHighlightForeground#A3BC60fe
  • editorSuggestWidget.foreground#BBBDCDfe
  • editorSuggestWidget.highlightForeground#DCE6E6ca
  • editorSuggestWidget.selectedBackground#3D533D87
  • editorSuggestWidget.selectedForeground#DCE6E6ca
  • editorSuggestWidget.selectedIconForeground#E5DCE1ca
  • editorSuggestWidgetStatus.foreground#DCE5DCfe
  • editorUnicodeHighlight.background#4A4E65a9
  • editorUnicodeHighlight.border#0C1111fe
  • editorUnnecessaryCode.border#382F00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0A0B0E00
  • editorWarning.border#0D0E0A00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#CBFBFBce
  • editorWidget.background#0C1111fe
  • editorWidget.border#0C1111fe
  • editorWidget.foreground#CBFBFBce
  • editorWidget.resizeBorder#0C1111fe
  • errorForeground#FE9BFEce
  • extensionBadge.remoteBackground#4ECB0Ffe
  • extensionBadge.remoteForeground#0D1313fe
  • extensionButton.background#1B3535ae
  • extensionButton.foreground#CBFBFBce
  • extensionButton.hoverBackground#1935356e
  • extensionButton.prominentBackground#161f1ffe
  • extensionButton.prominentForeground#CBFBFBce
  • extensionButton.prominentHoverBackground#161f1ffe
  • extensionButton.separator#0E0C0A00
  • extensionIcon.preReleaseForeground#D7D9E2fe
  • extensionIcon.sponsorForeground#C8BACCfe
  • extensionIcon.starForeground#C8CCBAfe
  • extensionIcon.verifiedForeground#DED7D2fe
  • focusBorder#0E0A0C00
  • foreground#CBFBFBce
  • gitDecoration.addedResourceForeground#8CCE8Fcb
  • gitDecoration.deletedResourceForeground#FFA7A7cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C5B3FEce
  • gitDecoration.stageDeletedResourceForeground#FFA7A7cb
  • gitDecoration.stageModifiedResourceForeground#8CCE8Fcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#AAC3C3ae
  • inlineChat.background#40264Aca
  • inlineChat.border#42264Bca
  • inlineChat.regionHighlight#CEDBCEca
  • inlineChat.shadow#DBDED2ca
  • inlineChatDiff.inserted#E5DCE1ca
  • inlineChatDiff.removed#D7D9E2ca
  • inlineChatInput.background#D7CEC9ca
  • inlineChatInput.border#1D3333ca
  • inlineChatInput.focusBorder#0E0A0C00
  • inlineChatInput.placeholderForeground#DED2D8ca
  • input.background#0C1111fe
  • input.border#0C1111fe
  • input.foreground#CBFBFBce
  • input.placeholderForeground#AAC3C365
  • inputOption.activeBackground#0C1111fe
  • inputOption.activeBorder#0C1111fe
  • inputOption.activeForeground#52CA16fe
  • inputOption.hoverBackground#0C1111fe
  • inputValidation.errorBackground#670067ab
  • inputValidation.errorBorder#5C005Caf
  • inputValidation.errorForeground#FE9BFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C1111fe
  • inputValidation.infoForeground#CBFBFBce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C1111fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C1111fe
  • interactive.inactiveCodeBorder#0E363694
  • keybindingLabel.background#161f1ffe
  • keybindingLabel.border#0C1111fe
  • keybindingLabel.bottomBorder#0C1111fe
  • keybindingLabel.foreground#CBFBFBce
  • keybindingTable.headerBackground#161f1ffe
  • keybindingTable.rowsBackground#161f1ffe
  • list.activeSelectionBackground#4B4F678d
  • list.activeSelectionForeground#D7CEC9ca
  • list.activeSelectionIconForeground#DCE6E6ca
  • list.deemphasizedForeground#CBFBFBce
  • list.dropBackground#161f1ffe
  • list.errorForeground#FE9BFEce
  • list.filterMatchBackground#161f1ffe
  • list.filterMatchBorder#0C1111fe
  • list.focusAndSelectionOutline#0E0C0A00
  • list.focusBackground#3B525296
  • list.focusForeground#52CA16fe
  • list.focusHighlightForeground#EBA177fe
  • list.focusOutline#0D0A0E00
  • list.highlightForeground#D2DFDFca
  • list.hoverBackground#143814a3
  • list.hoverForeground#51CC15fe
  • list.inactiveFocusBackground#2E414192
  • list.inactiveFocusOutline#0A0E0A00
  • list.inactiveSelectionBackground#0D1313ae
  • list.inactiveSelectionForeground#AAC3C365
  • list.inactiveSelectionIconForeground#AAC3C365
  • list.invalidItemForeground#CBFBFBce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#161f1ffe
  • listFilterWidget.noMatchesOutline#0D0E0A00
  • listFilterWidget.outline#0A0B0E00
  • listFilterWidget.shadow#0A0F0F00
  • menu.background#0D1313fe
  • menu.border#0D0E0A00
  • menu.foreground#C8FBFBae
  • menu.selectionBackground#3C543Cac
  • menu.selectionBorder#0D0A0E00
  • menu.selectionForeground#51CC15fe
  • menu.separatorBackground#1C353565
  • menubar.selectionBackground#3D533Da7
  • menubar.selectionBorder#0D0E0A00
  • menubar.selectionForeground#51CB14fe
  • merge.border#0C1111fe
  • merge.commonContentBackground#161f1ffe
  • merge.commonHeaderBackground#161f1ffe
  • merge.currentContentBackground#00380031
  • merge.currentHeaderBackground#123814fb
  • merge.incomingContentBackground#133814cb
  • merge.incomingHeaderBackground#123814fb
  • mergeEditor.change.background#161f1ffe
  • mergeEditor.change.word.background#161f1ffe
  • mergeEditor.changeBase.background#161f1ffe
  • mergeEditor.changeBase.word.background#161f1ffe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C1111fe
  • mergeEditor.conflict.handledUnfocused.border#19232327
  • mergeEditor.conflict.input1.background#0C1111fe
  • mergeEditor.conflict.input2.background#0C1111fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a5
  • mergeEditor.conflict.unhandledFocused.border#0C1111fe
  • mergeEditor.conflict.unhandledUnfocused.border#1D282832
  • mergeEditor.conflictingLines.background#161f1ffe
  • minimap.background#161f1ffe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F7F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#8CCE90fb
  • minimapGutter.deletedBackground#FFA8A8fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#638B8Bfe
  • minimapSlider.background#3C5555ae
  • minimapSlider.hoverBackground#5173736e
  • notebook.cellBorderColor#0C1111fe
  • notebook.cellEditorBackground#161f1ffe
  • notebook.cellHoverBackground#161f1ffe
  • notebook.cellInsertionIndicator#D7CEC9ca
  • notebook.cellStatusBarItemHoverBackground#161f1ffe
  • notebook.cellToolbarSeparator#DCE6E6ca
  • notebook.editorBackground#161f1ffe
  • notebook.focusedCellBackground#161f1ffe
  • notebook.focusedCellBorder#67C438fe
  • notebook.focusedEditorBorder#0C1111fe
  • notebook.inactiveFocusedCellBorder#638B8B8e
  • notebook.inactiveSelectedCellBorder#5578788e
  • notebook.outputContainerBackgroundColor#161f1ffe
  • notebook.outputContainerBorderColor#0C1111fe
  • notebook.selectedCellBackground#161f1ffe
  • notebook.selectedCellBorder#0C1111fe
  • notebook.symbolHighlightBackground#161f1ffe
  • notebookEditorOverviewRuler.runningCellForeground#CBFBFBce
  • notebookScrollbarSlider.activeBackground#638B8Bfe
  • notebookScrollbarSlider.background#354B4Bae
  • notebookScrollbarSlider.hoverBackground#4A69696e
  • notebookStatusErrorIcon.foreground#FE9BFEce
  • notebookStatusRunningIcon.foreground#BFD0BFfe
  • notebookStatusSuccessIcon.foreground#8CCE8Fcb
  • notificationCenter.border#0C1111fe
  • notificationCenterHeader.background#161f1ffe
  • notificationCenterHeader.foreground#CBFBFBce
  • notificationLink.foreground#CBFBFBce
  • notifications.background#161f1ffe
  • notifications.border#0C1111fe
  • notifications.foreground#CBFBFBce
  • notificationsErrorIcon.foreground#FE9BFEce
  • notificationsInfoIcon.foreground#D3C4CCfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C1111fe
  • panel.background#161f1ffe
  • panel.border#0C1111fe
  • panel.dropBorder#0C1111fe
  • panelInput.border#0C1111fe
  • panelSection.border#0C1111fe
  • panelSection.dropBackground#161f1ffe
  • panelSectionHeader.background#161f1ffe
  • panelSectionHeader.border#0C1111fe
  • panelSectionHeader.foreground#CBFBFBce
  • panelTitle.activeBorder#0A0F0F00
  • panelTitle.activeForeground#51CC13fe
  • panelTitle.inactiveForeground#9BB8B865
  • peekView.border#51CA14fe
  • peekViewEditor.background#0C1111fe
  • peekViewEditor.matchHighlightBackground#6047538e
  • peekViewEditor.matchHighlightBorder#0E0A0C00
  • peekViewEditorGutter.background#0C1111fe
  • peekViewEditorStickyScroll.background#161f1ffe
  • peekViewResult.background#0D1313fe
  • peekViewResult.fileForeground#CBFBFBce
  • peekViewResult.lineForeground#CBFBFBce
  • peekViewResult.matchHighlightBackground#5B624884
  • peekViewResult.selectionBackground#674B5984
  • peekViewResult.selectionForeground#E5DCE1ca
  • peekViewTitle.background#0D1313fe
  • peekViewTitleDescription.foreground#CBFBFBce
  • peekViewTitleLabel.foreground#CBFBFBce
  • pickerGroup.border#0C1111fe
  • pickerGroup.foreground#CBFBFBce
  • ports.iconRunningProcessForeground#BBBDCDfe
  • problemsErrorIcon.foreground#FE9BFEce
  • problemsInfoIcon.foreground#C5B3FEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#51CC15fe
  • profileBadge.foreground#0D1313fe
  • progressBar.background#161f1ffe
  • quickInput.background#0D1313fe
  • quickInput.foreground#EBF0F0ae
  • quickInputList.focusBackground#49394Ea9
  • quickInputList.focusForeground#51CB14fe
  • quickInputList.focusIconForeground#4FCC11fe
  • quickInputTitle.background#0C1111fe
  • sash.hoverBorder#0C1111fe
  • scrollbar.shadow#0A0E0A00
  • scrollbarSlider.activeBackground#5C8282fe
  • scrollbarSlider.background#354B4Bae
  • scrollbarSlider.hoverBackground#5173736e
  • search.resultsInfoForeground#CBFBFBce
  • searchEditor.findMatchBackground#5B4B43a9
  • searchEditor.findMatchBorder#0C1111fe
  • searchEditor.textInputBorder#0C1111fe
  • selection.background#161f1ffe
  • settings.checkboxBackground#0C1111fe
  • settings.checkboxBorder#0C1111fe
  • settings.checkboxForeground#CBFBFBce
  • settings.dropdownBackground#0C1111fe
  • settings.dropdownBorder#0C1111fe
  • settings.dropdownForeground#CBFBFBce
  • settings.dropdownListBorder#0C1111fe
  • settings.focusedRowBackground#3C543C89
  • settings.focusedRowBorder#0C1111fe
  • settings.headerBorder#0C1111fe
  • settings.headerForeground#CBFBFBce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C1111fe
  • settings.numberInputBorder#0C1111fe
  • settings.numberInputForeground#CBFBFBce
  • settings.rowHoverBackground#161f1ffe
  • settings.sashBorder#0C1111fe
  • settings.settingsHeaderHoverForeground#50CB13fe
  • settings.textInputBackground#0C1111fe
  • settings.textInputBorder#0C1111fe
  • settings.textInputForeground#CBFBFBce
  • sideBar.background#161f1ffe
  • sideBar.border#0C1111fe
  • sideBar.dropBackground#161f1ffe
  • sideBar.foreground#AAC3C3ae
  • sideBarSectionHeader.background#0A0B0E00
  • sideBarSectionHeader.border#0C1111fe
  • sideBarSectionHeader.foreground#CBFBFBce
  • sideBarTitle.foreground#CBFBFBce
  • sideBySideEditor.horizontalBorder#0C1111fe
  • sideBySideEditor.verticalBorder#0C1111fe
  • simpleFindWidget.sashBorder#0C1111fe
  • statusBar.background#0D1313fe
  • statusBar.border#0C1111fe
  • statusBar.debuggingBackground#5C005Cb0
  • statusBar.debuggingBorder#0C1111fe
  • statusBar.debuggingForeground#CBFBFBce
  • statusBar.focusBorder#0E0C0A00
  • statusBar.foreground#ACC3C36e
  • statusBar.noFolderBackground#0D1313fe
  • statusBar.noFolderBorder#0C1111fe
  • statusBar.noFolderForeground#CBFBFBce
  • statusBarItem.activeBackground#0D1313fe
  • statusBarItem.compactHoverBackground#0D1313fe
  • statusBarItem.errorBackground#5C005Cb2
  • statusBarItem.errorForeground#FE9BFEce
  • statusBarItem.errorHoverBackground#5C005C9f
  • statusBarItem.errorHoverForeground#BA00BAce
  • statusBarItem.focusBorder#0A0E0A00
  • statusBarItem.hoverBackground#0D1313fe
  • statusBarItem.hoverForeground#4ECB0Ffe
  • statusBarItem.offlineBackground#0D1313fe
  • statusBarItem.offlineForeground#CBFBFBce
  • statusBarItem.offlineHoverBackground#0D1313fe
  • statusBarItem.offlineHoverForeground#67C438fe
  • statusBarItem.prominentBackground#0D1313fe
  • statusBarItem.prominentForeground#CBFBFBce
  • statusBarItem.prominentHoverBackground#0D1313fe
  • statusBarItem.prominentHoverForeground#52CA16fe
  • statusBarItem.remoteBackground#51CB14fe
  • statusBarItem.remoteForeground#0D1313fe
  • statusBarItem.remoteHoverBackground#0D1313fe
  • statusBarItem.remoteHoverForeground#4ECB10fe
  • statusBarItem.warningBackground#392F00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#392F00fe
  • statusBarItem.warningHoverForeground#D4AF00ce
  • symbolIcon.arrayForeground#DCDDE5fe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#DBD2CEfe
  • symbolIcon.colorForeground#B9CDCDfe
  • symbolIcon.constantForeground#C3D4D4fe
  • symbolIcon.constructorForeground#CCC1BAfe
  • symbolIcon.enumeratorForeground#DED7D2fe
  • symbolIcon.enumeratorMemberForeground#DBD2DEfe
  • symbolIcon.eventForeground#CCB9C2fe
  • symbolIcon.fieldForeground#CBB9C3fe
  • symbolIcon.fileForeground#D0D3C4fe
  • symbolIcon.folderForeground#DBD2CEfe
  • symbolIcon.functionForeground#DCE6E6fe
  • symbolIcon.interfaceForeground#E3E5DCfe
  • symbolIcon.keyForeground#C8BACCfe
  • symbolIcon.keywordForeground#B5C9B5fe
  • symbolIcon.methodForeground#BFD0BFfe
  • symbolIcon.moduleForeground#DFD7E2fe
  • symbolIcon.namespaceForeground#DCDDE5fe
  • symbolIcon.nullForeground#D7DBCEfe
  • symbolIcon.numberForeground#BACCBAfe
  • symbolIcon.objectForeground#D7CEDBfe
  • symbolIcon.operatorForeground#BFC1D0fe
  • symbolIcon.packageForeground#DCE5DCfe
  • symbolIcon.propertyForeground#C4C9B5fe
  • symbolIcon.referenceForeground#D3D7C9fe
  • symbolIcon.snippetForeground#D0BFC7fe
  • symbolIcon.stringForeground#D2DFDFfe
  • symbolIcon.structForeground#E5DCE1fe
  • symbolIcon.textForeground#DBD2DEfe
  • symbolIcon.typeParameterForeground#D0C4D3fe
  • symbolIcon.unitForeground#C3D4D4fe
  • symbolIcon.variableForeground#B9CDCDfe
  • tab.activeBackground#0F1515fe
  • tab.activeBorder#0A0E0A00
  • tab.activeBorderTop#4BCA09fe
  • tab.activeForeground#51CC13fe
  • tab.activeModifiedBorder#382F00ce
  • tab.border#0D0E0A00
  • tab.hoverBackground#B0C5B0ad
  • tab.hoverBorder#0C1111fe
  • tab.hoverForeground#4ECB0Ffe
  • tab.inactiveBackground#13363694
  • tab.inactiveForeground#40C4C465
  • tab.inactiveModifiedBorder#382F00ce
  • tab.lastPinnedBorder#0C1111fe
  • tab.unfocusedActiveBackground#1923232b
  • tab.unfocusedActiveBorder#0A0F0F00
  • tab.unfocusedActiveBorderTop#24333365
  • tab.unfocusedActiveForeground#3CC5C565
  • tab.unfocusedActiveModifiedBorder#382F00ce
  • tab.unfocusedHoverBackground#ADC4C422
  • tab.unfocusedHoverBorder#19232328
  • tab.unfocusedHoverForeground#3CC5C565
  • tab.unfocusedInactiveBackground#2B3C3C99
  • tab.unfocusedInactiveForeground#40C4C465
  • tab.unfocusedInactiveModifiedBorder#382F00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#3333339a
  • terminal.ansiBrightBlue#8e6affce
  • terminal.ansiBrightCyan#00a5a5ce
  • terminal.ansiBrightGreen#8acd8dcb
  • terminal.ansiBrightMagenta#b400b4ce
  • terminal.ansiBrightRed#ff6a6acb
  • terminal.ansiBrightWhite#f4f4f4be
  • terminal.ansiBrightYellow#ffd611ce
  • terminal.ansiCyan#008b8bfe
  • terminal.ansiGreen#39853dfb
  • terminal.ansiMagenta#6700679b
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece99
  • terminal.ansiYellow#c4a200fe
  • terminal.background#161f1ffe
  • terminal.border#0C1111fe
  • terminal.dropBackground#161f1ffe
  • terminal.findMatchBackground#161f1ffe
  • terminal.findMatchBorder#0C1111fe
  • terminal.findMatchHighlightBackground#161f1ffe
  • terminal.findMatchHighlightBorder#0C1111fe
  • terminal.foreground#AAC3C3ae
  • terminal.hoverHighlightBackground#161f1ffe
  • terminal.inactiveSelectionBackground#2B3C3C96
  • terminal.selectionBackground#5258418a
  • terminal.selectionForeground#D7C9D0ca
  • terminal.tab.activeBorder#4FCC10fe
  • terminalCommandDecoration.defaultBackground#BBC1ABa3
  • terminalCommandDecoration.errorBackground#FFA7A7cb
  • terminalCommandDecoration.successBackground#8CCE8Fcb
  • terminalCursor.background#161f1ffe
  • terminalCursor.foreground#4ECB10fe
  • terminalOverviewRuler.cursorForeground#CBFBFBce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b1
  • testing.iconUnset#808080c2
  • testing.message.error.decorationForeground#84D25Dfe
  • testing.message.error.lineBackground#5C005Cc8
  • testing.message.info.decorationForeground#8BDF61fe
  • testing.message.info.lineBackground#0000AEfe
  • testing.peekBorder#0C1111fe
  • testing.peekHeaderBackground#161f1ffe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#161f1ffe
  • textBlockQuote.border#0C1111fe
  • textCodeBlock.background#161f1ffe
  • textLink.activeForeground#51CC14fe
  • textLink.foreground#C5B3FEce
  • textPreformat.foreground#CBFBFBce
  • textSeparator.foreground#CBFBFBce
  • titleBar.activeBackground#0D1313fe
  • titleBar.activeForeground#70C0C0ae
  • titleBar.border#0D0A0E00
  • titleBar.inactiveBackground#192323d3
  • titleBar.inactiveForeground#40C4C465
  • toolbar.activeBackground#1D361D87
  • toolbar.hoverBackground#161f1ffe
  • toolbar.hoverOutline#0D0E0A00
  • tree.inactiveIndentGuidesStroke#ABAEC135
  • tree.indentGuidesStroke#80D257fe
  • tree.tableColumnsBorder#0C1111fe
  • tree.tableOddRowsBackground#161f1ffe
  • walkThrough.embeddedEditorBackground#161f1ffe
  • walkthrough.stepTitle.foreground#CBFBFBce
  • welcomePage.background#161f1ffe
  • welcomePage.progress.background#161f1ffe
  • welcomePage.progress.foreground#CBFBFBce
  • welcomePage.tileBackground#161f1ffe
  • welcomePage.tileBorder#0C1111fe
  • welcomePage.tileHoverBackground#161f1ffe
  • widget.border#0C1111fe
  • widget.shadow#0D0A0E00
  • window.activeBorder#0C1111fe
  • window.inactiveBorder#2432329a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#7FD4D46e
comment.block.html#79D6D66e
comment.block.java#79D6D66e
comment.block.javadoc.java#7FD4D46e
comment.block.powershell#7FD4D46e
comment.block.xml#77D6D66e
comment.line.double-slash.c#77D6D66e
comment.line.double-slash.cpp#77D6D66e
comment.line.double-slash.java#77D6D66e
comment.line.double-slash.js#7FD4D46e
comment.line.number-sign.makefile#7ED6D66e
comment.line.number-sign.python#7FD4D46e
comment.line.number-sign.yaml#7ED6D66e
comment.line.percentage.erlang#77D6D66e
comment.line.powershell#77D6D66e
comment.source.cmake#7ED6D66e
comment.source.cmakecache#79D6D66e
constant.character#F293E7de
constant.character.character-class.regexp#59E213de
constant.character.escape#F49AEAde
constant.character.set.regexp#B799EFde
constant.language#EA8F8Fde
constant.numeric#F0C222de
constant.numeric.dec.python#55E210de
constant.other.caps.python#F8AFF0de
constant.other.character-class.regexp#12E487de
constant.other.character-class.set.regexp#F1C221de
constant.other.color.rgb-value#55E210de
constant.other.placeholder#86C0EEde
constant.other.rgb-value#0FE387de
constant.regexp#F7A8EEde
constant.sha.git-rebase#B69BEDde
emphasis#14E488de
entity.name.class#F5A1A1de
entity.name.function#56E20Ede
entity.name.function.preprocessor#EC8D8Dde
entity.name.function.python#C2A8F7de
entity.name.label#6DAFE5de
entity.name.namespace#FEACF6de
entity.name.operator#10E386de
entity.name.operator.custom-literal#EB82DFde
entity.name.scope-resolution#12E487de
entity.name.tag#91CEFEde
entity.name.tag.css#F1C221de
entity.name.type#FEB4B4de
entity.name.variable#E88F8Fde
entity.other.attribute#FEABF5de
entity.other.attribute-name#10E487de
entity.other.attribute-name.class.css#FEACF6de
entity.other.attribute-name.class.mixin.css#F9B7B7de
entity.other.attribute-name.id#F293E7de
entity.other.attribute-name.id.css#F0C222de
entity.other.attribute-name.parent-selector.css#0FE387de
entity.other.attribute-name.pseudo-class.css#56E30Fde
entity.other.attribute-name.pseudo-element.css#94CDFDde
entity.other.attribute-name.scss#F0C222de
entity.other.document.begin.yaml#7ED6D66e
entity.other.inherited-class#59E214de
header#93C8F2de
invalid#13E486de
keyword#73B4E7de
keyword.codetag.notation.python#EE8D8Dde
keyword.control#0FE387de
keyword.control.anchor.regexp#B698F2de
keyword.control.import.python#FEACF6de
keyword.operator#F2C10Ede
keyword.operator.alignas#B699F0de
keyword.operator.alignof#92CEFEde
keyword.operator.cast#F1C21Dde
keyword.operator.delete#12E386de
keyword.operator.documentation.powershell#79D6D66e
keyword.operator.expression#59E214de
keyword.operator.instanceof#F8AFF0de
keyword.operator.logical.python#F7A8A8de
keyword.operator.minus.exponent#F0C221de
keyword.operator.negation.regexp#56E30Fde
keyword.operator.new#14E488de
keyword.operator.noexcept#EC8D8Dde
keyword.operator.or.regexp#FEACF6de
keyword.operator.plus.exponent#EE8D8Dde
keyword.operator.quantifier.regexp#FEABF5de
keyword.operator.sizeof#56E210de
keyword.operator.typeid#E984DDde
keyword.operator.wordlike#14E488de
keyword.other.operator#F0C222de
keyword.other.package.java#56E310de
keyword.other.unit#EC8D8Dde
keyword.other.using#B799EFde
markup.bold#EB8E8Ede
markup.changed#F49AEAde
markup.deleted#56E310de
markup.fenced_code.block.markdown#0EE483de
markup.heading#14E488de
markup.inline.raw#D2BEFAde
markup.inserted#D3BCFEde
markup.italic#EC8D8Dde
markup.raw.block.markdown#F0C221de
markup.strikethrough#59E214de
markup.underline#14E488de
meta.block.c#F1C221de
meta.block.c#91CEFEde
meta.class.java#10E386de
meta.definition.variable.name#F0C221de
meta.diff.header#F1C221de
meta.embedded#FEB4B4de
meta.embedded.assembly#F2C10Ede
meta.function-call.arguments.python#F8B0B0de
meta.function-call.python#10E487de
meta.member.access.python#F1C21Ade
meta.method.java#56E310de
meta.object-literal.key#D2BEFAde
meta.paragraph.markdown#E983DEde
meta.preprocessor#79B8EAde
meta.preprocessor.numeric#10E286de
meta.preprocessor.string#59E214de
meta.scope.prerequisites.makefile#F7A8A8de
meta.structure.dictionary.json.comments#7ED6D66e
meta.structure.dictionary.key.python#F0C222de
meta.structure.dictionary.value.json.comments#79D6D66e
meta.template.expression#EC81E0de
meta.type.cast.expr#B698F2de
meta.type.new.expr#F5A1A1de
parameter#E785DCde
punctuation.character.set.begin.regexp#F0C221de
punctuation.character.set.end.regexp#E984DDde
punctuation.definition.array.begin.json#F9B7B7de
punctuation.definition.character-class.regexp#F7A8A8de
punctuation.definition.comment#77D6D66e
punctuation.definition.comment.json.comments#77D6D66e
punctuation.definition.comment.python#7ED6D66e
punctuation.definition.dictionary.begin.json#13E488de
punctuation.definition.dictionary.end.json#56E30Fde
punctuation.definition.group.assertion.regexp#EB82DFde
punctuation.definition.group.regexp#F1C21Ade
punctuation.definition.list.begin.json#F49AEAde
punctuation.definition.list.begin.markdown#F7A8A8de
punctuation.definition.list.begin.python#C2A8F7de
punctuation.definition.list.end.json#EB82DFde
punctuation.definition.list.end.markdown#F39A9Ade
punctuation.definition.list.end.python#F1C21Dde
punctuation.definition.parameters.begin.python#90CEFDde
punctuation.definition.parameters.end.bracket.round.java#59E214de
punctuation.definition.quote.begin.markdown#F29494de
punctuation.definition.tag#BDA1F5de
punctuation.definition.template-expression.begin#93C8F2de
punctuation.definition.template-expression.end#D3BCFEde
punctuation.section.class.begin.bracket.curly.java#FEB4B4de
punctuation.section.embedded#CDB7F9de
punctuation.section.embedded.begin.php#B699F0de
punctuation.section.embedded.end.php#56E310de
punctuation.terminator.java#58E312de
source.cmake#91CEFDde
source.coffee.embedded#E88F8Fde
source.cpp#E984DDde
source.css.less#91CEFDde
source.groovy.embedded#86C0EEde
source.java#9ACCF4de
source.java-properties#EC8D8Dde
source.json.comments#7FD4D46e
source.makefile#12E386de
source.powershell#14E488de
source.powershell.variable.other.member#91CEFEde
source.python#EFC222de
storage#0FE387de
storage.modifier#E984DDde
storage.modifier.import.java#EFC31Fde
storage.modifier.package.java#8CC4F0de
storage.type#14E488de
storage.type.annotation.groovy#10E286de
storage.type.annotation.java#F293E7de
storage.type.boolean.go#14E488de
storage.type.byte.go#13E486de
storage.type.cs#58E312de
storage.type.error.go#F5A1A1de
storage.type.generic.cs#F0C222de
storage.type.generic.groovy#10E386de
storage.type.generic.java#59E214de
storage.type.groovy#B799EFde
storage.type.java#F8AFF0de
storage.type.modifier.cs#B89AF4de
storage.type.numeric.go#55E210de
storage.type.object.array.groovy#10E386de
storage.type.object.array.java#D3BDFEde
storage.type.parameters.groovy#F08D8Dde
storage.type.primitive.array.groovy#58E312de
storage.type.primitive.array.java#F08CE5de
storage.type.primitive.groovy#CDB7F9de
storage.type.primitive.java#86C0EEde
storage.type.rune.go#0CE383de
storage.type.string.go#EE86E2de
storage.type.token.java#92CEFEde
storage.type.uintptr.go#59E214de
storage.type.variable.cs#EC81E0de
string#E984DDde
string.quoted.docstring.multi.python#77D6D66e
string.regexp#FEACF6de
string.tag#12E386de
string.value#0EE483de
strong#14E488de
support.class#EA8F8Fde
support.constant.color#F293E7de
support.constant.dom#90CEFDde
support.constant.font-name#F1C221de
support.constant.handlebars#8CC4F0de
support.constant.json#0CE383de
support.constant.math#D3BCFEde
support.constant.media#FEACF6de
support.constant.media-type#59E214de
support.constant.property-value#7FBCECde
support.function#10E487de
support.function.git-rebase#F8B0B0de
support.other.parenthesis.regexp#F9B7B7de
support.type#B699EDde
support.type.property-name#B699EFde
support.type.vendored.property-name#B799EFde
support.variable#CDB7F9de
token.debug-token#EC81E0de
token.error-token#EB82DFde
token.info-token#0EE483de
token.warn-token#92CEFEde
variable#D3BCFEde
variable.css#BDA1F5de
variable.language#92CEFEde
variable.language.wildcard.java#E88F8Fde
variable.other.constant#E984DDde
variable.other.definition.java#EB82DFde
variable.other.enummember#B89AF4de
variable.other.less#C2A8F7de
variable.other.object.java#FEB4B4de
variable.other.object.property.java#F1C221de
variable.parameter.c#56E210de
variable.parameter.function.language.python#6DAFE5de
variable.parameter.java#B699F0de
variable.scss#F0C221de
viiv by B.W - VS Code Theme