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#161616fe
  • activityBar.activeBackground#161616fe
  • activityBar.activeBorder#B996F4fe
  • activityBar.activeFocusBorder#A335A300
  • activityBar.background#0E0E0Efe
  • activityBar.border#5252DA00
  • activityBar.dropBorder#B996F4fe
  • activityBar.foreground#7828FAfe
  • activityBar.inactiveForeground#63636365
  • activityBarBadge.background#7941D4fe
  • activityBarBadge.foreground#0E0E0Efe
  • badge.background#9160E3fe
  • badge.foreground#0E0E0Efe
  • banner.background#161616fe
  • banner.foreground#B8B8B8ce
  • banner.iconForeground#DDE1D7fe
  • breadcrumb.activeSelectionForeground#DDE1D7ca
  • breadcrumb.background#101010fe
  • breadcrumb.focusForeground#7E48D8fe
  • breadcrumb.foreground#B7B7B7ae
  • breadcrumbPicker.background#161616fe
  • button.background#4E4E4Eae
  • button.border#0D0C0900
  • button.foreground#B8B8B8ce
  • button.hoverBackground#2F2F2F6e
  • button.secondaryBackground#161616fe
  • button.secondaryForeground#B8B8B8ce
  • button.secondaryHoverBackground#161616fe
  • button.separator#0A0A0A00
  • charts.blue#1b1bfffe
  • charts.foreground#B8B8B8ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ba
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0C0Cfe
  • chat.slashCommandBackground#161616fe
  • chat.slashCommandForeground#B8B8B8ce
  • checkbox.background#0C0C0Cfe
  • checkbox.border#0C0C0Cfe
  • checkbox.foreground#B8B8B8ce
  • checkbox.selectBackground#0C0C0Cfe
  • checkbox.selectBorder#0C0C0Cfe
  • commandCenter.activeBackground#24301284
  • commandCenter.activeBorder#0C0C0Cfe
  • commandCenter.activeForeground#8753DEfe
  • commandCenter.background#161616fe
  • commandCenter.border#0C0C0Cfe
  • commandCenter.foreground#B8B8B8ce
  • commandCenter.inactiveBorder#27272799
  • commandCenter.inactiveForeground#63636365
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0A0A0A00
  • contrastBorder#0D090D00
  • debugConsole.errorForeground#FE8EFEce
  • debugConsole.infoForeground#B8B8B8ce
  • debugConsole.sourceForeground#B8B8B8ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#CBCBCBfe
  • debugExceptionWidget.background#550055a5
  • debugExceptionWidget.border#0C0C0Cfe
  • debugIcon.breakpointCurrentStackframeForeground#E1E9E3fe
  • debugIcon.breakpointDisabledForeground#B7B7B765
  • debugIcon.breakpointForeground#D8D8D8fe
  • debugIcon.breakpointStackframeForeground#D6C9CBfe
  • debugIcon.breakpointUnverifiedForeground#CBCBCBfe
  • debugIcon.continueForeground#DED3DEfe
  • debugIcon.disconnectForeground#E5E5E5fe
  • debugIcon.pauseForeground#E1E1E9fe
  • debugIcon.restartForeground#E5E9E1fe
  • debugIcon.startForeground#C8CFBFfe
  • debugIcon.stepBackForeground#CBBACBfe
  • debugIcon.stepIntoForeground#DED3D4fe
  • debugIcon.stepOutForeground#D7E1DAfe
  • debugIcon.stepOverForeground#CCD3C4fe
  • debugIcon.stopForeground#E0E0E0fe
  • debugTokenExpression.boolean#E9E6E1ca
  • debugTokenExpression.error#E1E5DCca
  • debugTokenExpression.name#E1D7D9ca
  • debugTokenExpression.number#DEDAD3ca
  • debugTokenExpression.value#E5E2DCca
  • debugToolBar.background#550055bb
  • debugToolBar.border#0C0C0Cfe
  • debugView.exceptionLabelBackground#2D2D2Dca
  • debugView.exceptionLabelForeground#DEDAD3ca
  • debugView.stateLabelBackground#26265Aca
  • debugView.stateLabelForeground#E5E9E1ca
  • debugView.valueChangedHighlight#E5E9E1ca
  • descriptionForeground#B8B8B8ce
  • diffEditor.border#0D090D00
  • diffEditor.diagonalFill#000000f3
  • diffEditor.insertedLineBackground#00350031
  • diffEditor.insertedTextBackground#0C330Efb
  • diffEditor.insertedTextBorder#0D0C0900
  • diffEditor.move.border#09090D00
  • diffEditor.moveActive.border#0D0C0900
  • diffEditor.removedLineBackground#62000031
  • diffEditor.removedTextBackground#620000fb
  • diffEditor.removedTextBorder#090D0A00
  • diffEditor.unchangedCodeBackground#161616fe
  • diffEditor.unchangedRegionBackground#161616fe
  • diffEditor.unchangedRegionForeground#B8B8B8ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B7B7B765
  • dropdown.background#0C0C0Cfe
  • dropdown.border#0C0C0Cfe
  • dropdown.foreground#B8B8B8ce
  • dropdown.listBackground#0C0C0Cfe
  • editor.background#161616fe
  • editor.findMatchBackground#565673ab
  • editor.findMatchBorder#0C0C0Cfe
  • editor.findMatchHighlightBackground#514B3Dac
  • editor.findMatchHighlightBorder#0C0C0Cfe
  • editor.findRangeHighlightBackground#494949ad
  • editor.findRangeHighlightBorder#0C0C0Cfe
  • editor.focusedStackFrameHighlightBackground#45456D8e
  • editor.foldBackground#9FC36Baa
  • editor.foreground#B8B8B8ce
  • editor.hoverHighlightBackground#655D4Ba3
  • editor.inactiveSelectionBackground#4A4A4A9c
  • editor.inlineValuesBackground#161616fe
  • editor.inlineValuesForeground#B8B8B8ce
  • editor.lineHighlightBackground#343434b2
  • editor.lineHighlightBorder#0D090A00
  • editor.linkedEditingBackground#161616fe
  • editor.rangeHighlightBackground#654B65a6
  • editor.rangeHighlightBorder#0C0C0Cfe
  • editor.selectionBackground#876587a8
  • editor.selectionForeground#E5DCE5ca
  • editor.selectionHighlightBackground#6A4F6A8a
  • editor.selectionHighlightBorder#0C0C0Cfe
  • editor.snippetFinalTabstopHighlightBackground#525252a8
  • editor.snippetFinalTabstopHighlightBorder#0C0C0Cfe
  • editor.snippetTabstopHighlightBackground#405647a1
  • editor.snippetTabstopHighlightBorder#0C0C0Cfe
  • editor.stackFrameHighlightBackground#565656aa
  • editor.symbolHighlightBackground#4E4E4Ead
  • editor.symbolHighlightBorder#0C0C0Cfe
  • editor.wordHighlightBackground#5B415Ba2
  • editor.wordHighlightBorder#0D0C0900
  • editor.wordHighlightStrongBackground#655D4Ba6
  • editor.wordHighlightStrongBorder#0D0C0900
  • editor.wordHighlightTextBackground#60484Ba7
  • editor.wordHighlightTextBorder#0D090D00
  • editorBracketHighlight.foreground1#FAFAFAce
  • editorBracketHighlight.foreground2#FAFAFAce
  • editorBracketHighlight.foreground3#FAFAFAce
  • editorBracketHighlight.foreground4#FAFAFAce
  • editorBracketHighlight.foreground5#FAFAFAce
  • editorBracketHighlight.foreground6#FAFAFAce
  • editorBracketHighlight.unexpectedBracket.foreground#B8B8B8ce
  • editorBracketMatch.background#EB9CEBa3
  • editorBracketMatch.border#0C0C0Cfe
  • editorBracketPairGuide.activeBackground1#D2B56986
  • editorBracketPairGuide.activeBackground2#EE9BEE8d
  • editorBracketPairGuide.activeBackground3#B2B2F582
  • editorBracketPairGuide.activeBackground4#F0A3AC82
  • editorBracketPairGuide.activeBackground5#D2B56984
  • editorBracketPairGuide.activeBackground6#ED9BED86
  • editorBracketPairGuide.background1#193020fe
  • editorBracketPairGuide.background2#25255Efe
  • editorBracketPairGuide.background3#402040fe
  • editorBracketPairGuide.background4#1B3122fe
  • editorBracketPairGuide.background5#26265Ffe
  • editorBracketPairGuide.background6#272759fe
  • editorCodeLens.foreground#B7B7B76e
  • editorCommentsWidget.rangeActiveBackground#B9B9B9fe
  • editorCommentsWidget.rangeBackground#161616fe
  • editorCommentsWidget.resolvedBorder#0C0C0Cfe
  • editorCommentsWidget.unresolvedBorder#610000cb
  • editorCursor.background#161616fe
  • editorCursor.foreground#8753DEfe
  • editorError.background#0D090A00
  • editorError.border#0D090A00
  • editorError.foreground#FE8EFEce
  • editorGhostText.background#161616fe
  • editorGhostText.border#0D0C0900
  • editorGhostText.foreground#B7B7B76e
  • editorGroup.border#0C0C0Cfe
  • editorGroup.dropBackground#161616fe
  • editorGroup.dropIntoPromptBackground#161616fe
  • editorGroup.dropIntoPromptBorder#0C0C0Cfe
  • editorGroup.dropIntoPromptForeground#B8B8B8ce
  • editorGroup.emptyBackground#161616fe
  • editorGroup.focusedEmptyBorder#0C0C0Cfe
  • editorGroupHeader.border#0D090D00
  • editorGroupHeader.noTabsBackground#0E0E0Eae
  • editorGroupHeader.tabsBackground#1A1A1Aa1
  • editorGroupHeader.tabsBorder#0D090A00
  • editorGutter.addedBackground#4FD156fb
  • editorGutter.background#161616fe
  • editorGutter.commentGlyphForeground#B8B8B8ce
  • editorGutter.commentRangeForeground#B8B8B8ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FE9C9Ccb
  • editorGutter.foldingControlForeground#B8B8B8ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0B0D0900
  • editorHint.foreground#BFABFEce
  • editorHoverWidget.background#0C0C0Cfe
  • editorHoverWidget.border#0C0C0Cfe
  • editorHoverWidget.foreground#B8B8B8ce
  • editorHoverWidget.highlightForeground#D9DED3ca
  • editorHoverWidget.statusBarBackground#161616fe
  • editorIndentGuide.activeBackground1#B7B7B7fe
  • editorIndentGuide.activeBackground2#B8B8B8fe
  • editorIndentGuide.activeBackground3#B7B7B7fe
  • editorIndentGuide.activeBackground4#B7B7B7fe
  • editorIndentGuide.activeBackground5#B7B7B7fe
  • editorIndentGuide.activeBackground6#B7B7B7fe
  • editorIndentGuide.background1#9EAA8E35
  • editorIndentGuide.background2#A3858935
  • editorIndentGuide.background3#9DB5A435
  • editorIndentGuide.background4#BDB6A735
  • editorIndentGuide.background5#ACC0B135
  • editorIndentGuide.background6#8EAA9635
  • editorInfo.background#0D090D00
  • editorInfo.border#0D0C0900
  • editorInfo.foreground#BFABFEce
  • editorInlayHint.background#161616fe
  • editorInlayHint.foreground#B8B8B8ce
  • editorInlayHint.parameterBackground#161616fe
  • editorInlayHint.parameterForeground#B8B8B8ce
  • editorInlayHint.typeBackground#161616fe
  • editorInlayHint.typeForeground#B8B8B8ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#8C5AE1fe
  • editorLineNumber.dimmedForeground#B7B7B76e
  • editorLineNumber.foreground#B7B7B76e
  • editorLink.activeForeground#7840D5fe
  • editorMarkerNavigation.background#0C0C0Cfe
  • editorMarkerNavigationError.background#550055c4
  • editorMarkerNavigationError.headerBackground#550055bc
  • editorMarkerNavigationInfo.background#0000A3fe
  • editorMarkerNavigationInfo.headerBackground#0000A3fe
  • editorMarkerNavigationWarning.background#342B00fe
  • editorMarkerNavigationWarning.headerBackground#342B00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#161616fe
  • editorOverviewRuler.border#2B2B2Bfe
  • editorOverviewRuler.bracketMatchForeground#B8B8B8ce
  • editorOverviewRuler.commentForeground#B7B7B76e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#B8B8B8ce
  • editorOverviewRuler.currentContentForeground#cececea8
  • editorOverviewRuler.deletedForeground#FE9C9Ccb
  • editorOverviewRuler.errorForeground#FE8EFEce
  • editorOverviewRuler.findMatchForeground#00CECEce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#BFABFEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E1DED7ca
  • editorOverviewRuler.selectionHighlightForeground#BFABFEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#E1D7D9ca
  • editorOverviewRuler.wordHighlightStrongForeground#B8B8B8ce
  • editorOverviewRuler.wordHighlightTextForeground#B8B8B8ce
  • editorPane.background#161616fe
  • editorRuler.foreground#B9B9B92c
  • editorStickyScroll.background#161616fe
  • editorStickyScroll.shadow#090D0A00
  • editorStickyScrollHover.background#2D2D2D6e
  • editorSuggestWidget.background#0C0C0Cfe
  • editorSuggestWidget.border#0D0C0900
  • editorSuggestWidget.focusHighlightForeground#526E2Afe
  • editorSuggestWidget.foreground#DAD6CEfe
  • editorSuggestWidget.highlightForeground#E1E9E3ca
  • editorSuggestWidget.selectedBackground#4F4F6A8e
  • editorSuggestWidget.selectedForeground#E5E5E5ca
  • editorSuggestWidget.selectedIconForeground#E9E6E1ca
  • editorSuggestWidgetStatus.foreground#CFBFC1fe
  • editorUnicodeHighlight.background#736B56a1
  • editorUnicodeHighlight.border#0C0C0Cfe
  • editorUnnecessaryCode.border#332A00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#09090D00
  • editorWarning.border#0D090A00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#B8B8B8ce
  • editorWidget.background#0C0C0Cfe
  • editorWidget.border#0C0C0Cfe
  • editorWidget.foreground#B8B8B8ce
  • editorWidget.resizeBorder#0C0C0Cfe
  • errorForeground#FE8EFEce
  • extensionBadge.remoteBackground#7841D5fe
  • extensionBadge.remoteForeground#0E0E0Efe
  • extensionButton.background#2D2D2Dae
  • extensionButton.foreground#B8B8B8ce
  • extensionButton.hoverBackground#2D2D2D6e
  • extensionButton.prominentBackground#161616fe
  • extensionButton.prominentForeground#B8B8B8ce
  • extensionButton.prominentHoverBackground#161616fe
  • extensionButton.separator#0D090D00
  • extensionIcon.preReleaseForeground#D1D6C9fe
  • extensionIcon.sponsorForeground#DCE5DFfe
  • extensionIcon.starForeground#D3CEC4fe
  • extensionIcon.verifiedForeground#C6C6C6fe
  • focusBorder#090D0A00
  • foreground#B8B8B8ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FE9C9Ccb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#BFABFEce
  • gitDecoration.stageDeletedResourceForeground#FE9C9Ccb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CECEce
  • icon.foreground#B8B8B8ae
  • inlineChat.background#1A3120ca
  • inlineChat.border#452129ca
  • inlineChat.regionHighlight#E5E5E5ca
  • inlineChat.shadow#DCE5DFca
  • inlineChatDiff.inserted#CEDAD1ca
  • inlineChatDiff.removed#E5E5E5ca
  • inlineChatInput.background#D9DED3ca
  • inlineChatInput.border#262658ca
  • inlineChatInput.focusBorder#09090D00
  • inlineChatInput.placeholderForeground#DACECFca
  • input.background#0C0C0Cfe
  • input.border#0C0C0Cfe
  • input.foreground#B8B8B8ce
  • input.placeholderForeground#B7B7B765
  • inputOption.activeBackground#0C0C0Cfe
  • inputOption.activeBorder#0C0C0Cfe
  • inputOption.activeForeground#834DDBfe
  • inputOption.hoverBackground#0C0C0Cfe
  • inputValidation.errorBackground#670067b9
  • inputValidation.errorBorder#5500559d
  • inputValidation.errorForeground#FE8EFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0C0Cfe
  • inputValidation.infoForeground#B8B8B8ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0C0Cfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0C0Cfe
  • interactive.inactiveCodeBorder#2D2D2D9e
  • keybindingLabel.background#161616fe
  • keybindingLabel.border#0C0C0Cfe
  • keybindingLabel.bottomBorder#0C0C0Cfe
  • keybindingLabel.foreground#B8B8B8ce
  • keybindingTable.headerBackground#161616fe
  • keybindingTable.rowsBackground#161616fe
  • list.activeSelectionBackground#53536E82
  • list.activeSelectionForeground#DCE5DFca
  • list.activeSelectionIconForeground#E5DCDEca
  • list.deemphasizedForeground#B8B8B8ce
  • list.dropBackground#161616fe
  • list.errorForeground#FE8EFEce
  • list.filterMatchBackground#161616fe
  • list.filterMatchBorder#0C0C0Cfe
  • list.focusAndSelectionOutline#09090D00
  • list.focusBackground#49494997
  • list.focusForeground#7942D5fe
  • list.focusHighlightForeground#7A6228fe
  • list.focusOutline#0D090A00
  • list.highlightForeground#DCDCE5ca
  • list.hoverBackground#2D2D2D6e
  • list.hoverForeground#834DDBfe
  • list.inactiveFocusBackground#2F2F2F98
  • list.inactiveFocusOutline#0A0A0A00
  • list.inactiveSelectionBackground#0E0E0Eae
  • list.inactiveSelectionForeground#B7B7B765
  • list.inactiveSelectionIconForeground#B7B7B765
  • list.invalidItemForeground#B8B8B8ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#161616fe
  • listFilterWidget.noMatchesOutline#09090D00
  • listFilterWidget.outline#09090D00
  • listFilterWidget.shadow#09090D00
  • menu.background#0E0E0Efe
  • menu.border#0D090A00
  • menu.foreground#B7B7B7ae
  • menu.selectionBackground#556048a1
  • menu.selectionBorder#09090D00
  • menu.selectionForeground#7E48D8fe
  • menu.separatorBackground#2C2C2C65
  • menubar.selectionBackground#395117a6
  • menubar.selectionBorder#0D090A00
  • menubar.selectionForeground#9160E3fe
  • merge.border#0C0C0Cfe
  • merge.commonContentBackground#161616fe
  • merge.commonHeaderBackground#161616fe
  • merge.currentContentBackground#00350031
  • merge.currentHeaderBackground#0C330Efb
  • merge.incomingContentBackground#103412cb
  • merge.incomingHeaderBackground#0C330Efb
  • mergeEditor.change.background#161616fe
  • mergeEditor.change.word.background#161616fe
  • mergeEditor.changeBase.background#161616fe
  • mergeEditor.changeBase.word.background#161616fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0C0Cfe
  • mergeEditor.conflict.handledUnfocused.border#22222236
  • mergeEditor.conflict.input1.background#0C0C0Cfe
  • mergeEditor.conflict.input2.background#0C0C0Cfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a5
  • mergeEditor.conflict.unhandledFocused.border#0C0C0Cfe
  • mergeEditor.conflict.unhandledUnfocused.border#2222223c
  • mergeEditor.conflictingLines.background#161616fe
  • minimap.background#161616fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#FAFAFAce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#4FD156fb
  • minimapGutter.deletedBackground#FE9F9Ffb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#676767fe
  • minimapSlider.background#3C3C3Cae
  • minimapSlider.hoverBackground#3838386e
  • notebook.cellBorderColor#0C0C0Cfe
  • notebook.cellEditorBackground#161616fe
  • notebook.cellHoverBackground#161616fe
  • notebook.cellInsertionIndicator#D7D7E1ca
  • notebook.cellStatusBarItemHoverBackground#161616fe
  • notebook.cellToolbarSeparator#DCE5DFca
  • notebook.editorBackground#161616fe
  • notebook.focusedCellBackground#161616fe
  • notebook.focusedCellBorder#7E48D8fe
  • notebook.focusedEditorBorder#0C0C0Cfe
  • notebook.inactiveFocusedCellBorder#6C6C6C8e
  • notebook.inactiveSelectedCellBorder#6767678e
  • notebook.outputContainerBackgroundColor#161616fe
  • notebook.outputContainerBorderColor#0C0C0Cfe
  • notebook.selectedCellBackground#161616fe
  • notebook.selectedCellBorder#0C0C0Cfe
  • notebook.symbolHighlightBackground#161616fe
  • notebookEditorOverviewRuler.runningCellForeground#B8B8B8ce
  • notebookScrollbarSlider.activeBackground#707070fe
  • notebookScrollbarSlider.background#4E4E4Eae
  • notebookScrollbarSlider.hoverBackground#3434346e
  • notebookStatusErrorIcon.foreground#FE8EFEce
  • notebookStatusRunningIcon.foreground#E1E1E9fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0C0Cfe
  • notificationCenterHeader.background#161616fe
  • notificationCenterHeader.foreground#B8B8B8ce
  • notificationLink.foreground#B8B8B8ce
  • notifications.background#161616fe
  • notifications.border#0C0C0Cfe
  • notifications.foreground#B8B8B8ce
  • notificationsErrorIcon.foreground#FE8EFEce
  • notificationsInfoIcon.foreground#E0E0E0fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0C0Cfe
  • panel.background#161616fe
  • panel.border#0C0C0Cfe
  • panel.dropBorder#0C0C0Cfe
  • panelInput.border#0C0C0Cfe
  • panelSection.border#0C0C0Cfe
  • panelSection.dropBackground#161616fe
  • panelSectionHeader.background#161616fe
  • panelSectionHeader.border#0C0C0Cfe
  • panelSectionHeader.foreground#B8B8B8ce
  • panelTitle.activeBorder#0A0A0A00
  • panelTitle.activeForeground#782AF9fe
  • panelTitle.inactiveForeground#A8A8A865
  • peekView.border#782CFAfe
  • peekViewEditor.background#0C0C0Cfe
  • peekViewEditor.matchHighlightBackground#673F458e
  • peekViewEditor.matchHighlightBorder#0D0C0900
  • peekViewEditorGutter.background#0C0C0Cfe
  • peekViewEditorStickyScroll.background#161616fe
  • peekViewResult.background#0E0E0Efe
  • peekViewResult.fileForeground#B8B8B8ce
  • peekViewResult.lineForeground#B8B8B8ce
  • peekViewResult.matchHighlightBackground#3A4E408c
  • peekViewResult.selectionBackground#736B5687
  • peekViewResult.selectionForeground#E0E0E0ca
  • peekViewTitle.background#0E0E0Efe
  • peekViewTitleDescription.foreground#B8B8B8ce
  • peekViewTitleLabel.foreground#B8B8B8ce
  • pickerGroup.border#0C0C0Cfe
  • pickerGroup.foreground#B8B8B8ce
  • ports.iconRunningProcessForeground#CBC6BAfe
  • problemsErrorIcon.foreground#FE8EFEce
  • problemsInfoIcon.foreground#BFABFEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#834DDBfe
  • profileBadge.foreground#0E0E0Efe
  • progressBar.background#161616fe
  • quickInput.background#0E0E0Efe
  • quickInput.foreground#E9E9E9ae
  • quickInputList.focusBackground#353547ac
  • quickInputList.focusForeground#7841D5fe
  • quickInputList.focusIconForeground#834DDBfe
  • quickInputTitle.background#0C0C0Cfe
  • sash.hoverBorder#0C0C0Cfe
  • scrollbar.shadow#09090D00
  • scrollbarSlider.activeBackground#6C6C6Cfe
  • scrollbarSlider.background#414141ae
  • scrollbarSlider.hoverBackground#2F2F2F6e
  • search.resultsInfoForeground#B8B8B8ce
  • searchEditor.findMatchBackground#654B4Fa7
  • searchEditor.findMatchBorder#0C0C0Cfe
  • searchEditor.textInputBorder#0C0C0Cfe
  • selection.background#161616fe
  • settings.checkboxBackground#0C0C0Cfe
  • settings.checkboxBorder#0C0C0Cfe
  • settings.checkboxForeground#B8B8B8ce
  • settings.dropdownBackground#0C0C0Cfe
  • settings.dropdownBorder#0C0C0Cfe
  • settings.dropdownForeground#B8B8B8ce
  • settings.dropdownListBorder#0C0C0Cfe
  • settings.focusedRowBackground#43437A86
  • settings.focusedRowBorder#0C0C0Cfe
  • settings.headerBorder#0C0C0Cfe
  • settings.headerForeground#B8B8B8ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0C0Cfe
  • settings.numberInputBorder#0C0C0Cfe
  • settings.numberInputForeground#B8B8B8ce
  • settings.rowHoverBackground#161616fe
  • settings.sashBorder#0C0C0Cfe
  • settings.settingsHeaderHoverForeground#7942D5fe
  • settings.textInputBackground#0C0C0Cfe
  • settings.textInputBorder#0C0C0Cfe
  • settings.textInputForeground#B8B8B8ce
  • sideBar.background#161616fe
  • sideBar.border#0C0C0Cfe
  • sideBar.dropBackground#161616fe
  • sideBar.foreground#B8B8B8ae
  • sideBarSectionHeader.background#090D0A00
  • sideBarSectionHeader.border#0C0C0Cfe
  • sideBarSectionHeader.foreground#B8B8B8ce
  • sideBarTitle.foreground#B8B8B8ce
  • sideBySideEditor.horizontalBorder#0C0C0Cfe
  • sideBySideEditor.verticalBorder#0C0C0Cfe
  • simpleFindWidget.sashBorder#0C0C0Cfe
  • statusBar.background#0E0E0Efe
  • statusBar.border#0C0C0Cfe
  • statusBar.debuggingBackground#55005599
  • statusBar.debuggingBorder#0C0C0Cfe
  • statusBar.debuggingForeground#B8B8B8ce
  • statusBar.focusBorder#0A0A0A00
  • statusBar.foreground#B7B7B76e
  • statusBar.noFolderBackground#0E0E0Efe
  • statusBar.noFolderBorder#0C0C0Cfe
  • statusBar.noFolderForeground#B8B8B8ce
  • statusBarItem.activeBackground#0E0E0Efe
  • statusBarItem.compactHoverBackground#0E0E0Efe
  • statusBarItem.errorBackground#550055ac
  • statusBarItem.errorForeground#FE8EFEce
  • statusBarItem.errorHoverBackground#550055ac
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0A0A0A00
  • statusBarItem.hoverBackground#0E0E0Efe
  • statusBarItem.hoverForeground#7840D5fe
  • statusBarItem.offlineBackground#0E0E0Efe
  • statusBarItem.offlineForeground#B8B8B8ce
  • statusBarItem.offlineHoverBackground#0E0E0Efe
  • statusBarItem.offlineHoverForeground#8C5AE1fe
  • statusBarItem.prominentBackground#0E0E0Efe
  • statusBarItem.prominentForeground#B8B8B8ce
  • statusBarItem.prominentHoverBackground#0E0E0Efe
  • statusBarItem.prominentHoverForeground#7941D4fe
  • statusBarItem.remoteBackground#7941D4fe
  • statusBarItem.remoteForeground#0E0E0Efe
  • statusBarItem.remoteHoverBackground#0E0E0Efe
  • statusBarItem.remoteHoverForeground#7941D4fe
  • statusBarItem.warningBackground#342B00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#342B00fe
  • statusBarItem.warningHoverForeground#776300ce
  • symbolIcon.arrayForeground#D3CEC4fe
  • symbolIcon.booleanForeground#00CECEce
  • symbolIcon.classForeground#D8D8D8fe
  • symbolIcon.colorForeground#DCDCE5fe
  • symbolIcon.constantForeground#D7E1DAfe
  • symbolIcon.constructorForeground#DAD6CEfe
  • symbolIcon.enumeratorForeground#D3CEC4fe
  • symbolIcon.enumeratorMemberForeground#E1D7E1fe
  • symbolIcon.eventForeground#C8C2B5fe
  • symbolIcon.fieldForeground#D3C4C6fe
  • symbolIcon.fileForeground#DACEDAfe
  • symbolIcon.folderForeground#E9E6E1fe
  • symbolIcon.functionForeground#D6C9CBfe
  • symbolIcon.interfaceForeground#E9E6E1fe
  • symbolIcon.keyForeground#CBBABDfe
  • symbolIcon.keywordForeground#D6C9CBfe
  • symbolIcon.methodForeground#CFCABFfe
  • symbolIcon.moduleForeground#D7E1DAfe
  • symbolIcon.namespaceForeground#DACEDAfe
  • symbolIcon.nullForeground#E5DCDEfe
  • symbolIcon.numberForeground#D3C4C6fe
  • symbolIcon.objectForeground#B5B5CCfe
  • symbolIcon.operatorForeground#E9E1E2fe
  • symbolIcon.packageForeground#C4CBBAfe
  • symbolIcon.propertyForeground#BACBBFfe
  • symbolIcon.referenceForeground#B5C8BBfe
  • symbolIcon.snippetForeground#CCD3C4fe
  • symbolIcon.stringForeground#DEDAD3fe
  • symbolIcon.structForeground#CBBABDfe
  • symbolIcon.textForeground#BEBEBEfe
  • symbolIcon.typeParameterForeground#CFCFCFfe
  • symbolIcon.unitForeground#CFCABFfe
  • symbolIcon.variableForeground#D3D3D3fe
  • tab.activeBackground#101010fe
  • tab.activeBorder#0D090D00
  • tab.activeBorderTop#7A2CF9fe
  • tab.activeForeground#782AF9fe
  • tab.activeModifiedBorder#332A00ce
  • tab.border#0B0D0900
  • tab.hoverBackground#B7B7B76e
  • tab.hoverBorder#0C0C0Cfe
  • tab.hoverForeground#7840D5fe
  • tab.inactiveBackground#2D2D2D9b
  • tab.inactiveForeground#63636365
  • tab.inactiveModifiedBorder#332A00ce
  • tab.lastPinnedBorder#0C0C0Cfe
  • tab.unfocusedActiveBackground#2222222b
  • tab.unfocusedActiveBorder#0A0A0A00
  • tab.unfocusedActiveBorderTop#2C2C2C65
  • tab.unfocusedActiveForeground#A8A8A865
  • tab.unfocusedActiveModifiedBorder#332A00ce
  • tab.unfocusedHoverBackground#B9B9B96e
  • tab.unfocusedHoverBorder#2222223d
  • tab.unfocusedHoverForeground#63636365
  • tab.unfocusedInactiveBackground#34343491
  • tab.unfocusedInactiveForeground#64646465
  • tab.unfocusedInactiveModifiedBorder#332A00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c6
  • 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#67006799
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececebc
  • terminal.ansiYellow#c4a200fe
  • terminal.background#161616fe
  • terminal.border#0C0C0Cfe
  • terminal.dropBackground#161616fe
  • terminal.findMatchBackground#161616fe
  • terminal.findMatchBorder#0C0C0Cfe
  • terminal.findMatchHighlightBackground#161616fe
  • terminal.findMatchHighlightBorder#0C0C0Cfe
  • terminal.foreground#B8B8B8ae
  • terminal.hoverHighlightBackground#161616fe
  • terminal.inactiveSelectionBackground#38383897
  • terminal.selectionBackground#55604882
  • terminal.selectionForeground#DED3DEca
  • terminal.tab.activeBorder#772BFAfe
  • terminalCommandDecoration.defaultBackground#ED9BEDa7
  • terminalCommandDecoration.errorBackground#FE9C9Ccb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#161616fe
  • terminalCursor.foreground#9160E3fe
  • terminalOverviewRuler.cursorForeground#B8B8B8ce
  • terminalOverviewRuler.findMatchForeground#00CECEce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b7
  • testing.iconUnset#808080a4
  • testing.message.error.decorationForeground#C8ABF8fe
  • testing.message.error.lineBackground#550055b4
  • testing.message.info.decorationForeground#C8ABF8fe
  • testing.message.info.lineBackground#0000A3fe
  • testing.peekBorder#0C0C0Cfe
  • testing.peekHeaderBackground#161616fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#161616fe
  • textBlockQuote.border#0C0C0Cfe
  • textCodeBlock.background#161616fe
  • textLink.activeForeground#834DDBfe
  • textLink.foreground#BFABFEce
  • textPreformat.foreground#B8B8B8ce
  • textSeparator.foreground#B8B8B8ce
  • titleBar.activeBackground#0E0E0Efe
  • titleBar.activeForeground#646464ae
  • titleBar.border#0D090D00
  • titleBar.inactiveBackground#272727d9
  • titleBar.inactiveForeground#64646465
  • toolbar.activeBackground#362C1484
  • toolbar.hoverBackground#161616fe
  • toolbar.hoverOutline#090D0A00
  • tree.inactiveIndentGuidesStroke#9EAA8E35
  • tree.indentGuidesStroke#C7AAF8fe
  • tree.tableColumnsBorder#0C0C0Cfe
  • tree.tableOddRowsBackground#161616fe
  • walkThrough.embeddedEditorBackground#161616fe
  • walkthrough.stepTitle.foreground#B8B8B8ce
  • welcomePage.background#161616fe
  • welcomePage.progress.background#161616fe
  • welcomePage.progress.foreground#B8B8B8ce
  • welcomePage.tileBackground#161616fe
  • welcomePage.tileBorder#0C0C0Cfe
  • welcomePage.tileHoverBackground#161616fe
  • widget.border#0C0C0Cfe
  • widget.shadow#090D0A00
  • window.activeBorder#0C0C0Cfe
  • window.inactiveBorder#2D2D2D93

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#A2A2A26e
comment.block.html#A3A3A36e
comment.block.java#A3A3A36e
comment.block.javadoc.java#A3A3A36e
comment.block.powershell#A2A2A26e
comment.block.xml#A2A2A26e
comment.line.double-slash.c#A1A1A16e
comment.line.double-slash.cpp#A3A3A36e
comment.line.double-slash.java#A1A1A16e
comment.line.double-slash.js#A3A3A36e
comment.line.number-sign.makefile#A3A3A36e
comment.line.number-sign.python#A3A3A36e
comment.line.number-sign.yaml#A1A1A16e
comment.line.percentage.erlang#A2A2A26e
comment.line.powershell#A1A1A16e
comment.source.cmake#A2A2A26e
comment.source.cmakecache#A2A2A26e
constant.character#66A6E7de
constant.character.character-class.regexp#A7A70Bde
constant.character.escape#66A6E7de
constant.character.set.regexp#21BB0Bde
constant.language#AAAA09de
constant.numeric#F7A5A5de
constant.numeric.dec.python#68A7E7de
constant.other.caps.python#B58FF3de
constant.other.character-class.regexp#66A6E6de
constant.other.character-class.set.regexp#09D29Fde
constant.other.color.rgb-value#EC79CFde
constant.other.placeholder#09D29Fde
constant.other.rgb-value#F69DE0de
constant.regexp#09D19Fde
constant.sha.git-rebase#96C5F4de
emphasis#B48FF2de
entity.name.class#ED79CFde
entity.name.function#C3C331de
entity.name.function.preprocessor#A9A930de
entity.name.function.python#B48FF2de
entity.name.label#66A6E6de
entity.name.namespace#EC78CFde
entity.name.operator#32B897de
entity.name.operator.custom-literal#AAAA09de
entity.name.scope-resolution#33CAA4de
entity.name.tag#A8A80Bde
entity.name.tag.css#A9A90Bde
entity.name.type#B48FF2de
entity.name.variable#EF8282de
entity.other.attribute#EC78CFde
entity.other.attribute-name#43BA32de
entity.other.attribute-name.class.css#88BCF1de
entity.other.attribute-name.class.mixin.css#A9A90Bde
entity.other.attribute-name.id#A9A90Ade
entity.other.attribute-name.id.css#08B88Dde
entity.other.attribute-name.parent-selector.css#A8A808de
entity.other.attribute-name.pseudo-class.css#EC79D0de
entity.other.attribute-name.pseudo-element.css#A8A80Bde
entity.other.attribute-name.scss#09D29Fde
entity.other.document.begin.yaml#A1A1A16e
entity.other.inherited-class#ED78CFde
header#09BE90de
invalid#65A6E6de
keyword#A7A730de
keyword.codetag.notation.python#EF8181de
keyword.control#EF8282de
keyword.control.anchor.regexp#21BC0Bde
keyword.control.import.python#21BB0Bde
keyword.operator#A8A80Ade
keyword.operator.alignas#B48FF3de
keyword.operator.alignof#EF8181de
keyword.operator.cast#C3C331de
keyword.operator.delete#32B795de
keyword.operator.documentation.powershell#A2A2A26e
keyword.operator.expression#43B832de
keyword.operator.instanceof#ED79D0de
keyword.operator.logical.python#43B832de
keyword.operator.minus.exponent#67A7E7de
keyword.operator.negation.regexp#EC78CFde
keyword.operator.new#EF8282de
keyword.operator.noexcept#66A6E5de
keyword.operator.or.regexp#B590F3de
keyword.operator.plus.exponent#64A6E6de
keyword.operator.quantifier.regexp#33CAA4de
keyword.operator.sizeof#EC78CFde
keyword.operator.typeid#42D5B0de
keyword.operator.wordlike#BE9DF6de
keyword.other.operator#EF8282de
keyword.other.package.java#A8A808de
keyword.other.unit#B590F3de
keyword.other.using#AAAA09de
markup.bold#ED7AD0de
markup.changed#09BA8Cde
markup.deleted#33CAA4de
markup.fenced_code.block.markdown#B48FF3de
markup.heading#08B98Bde
markup.inline.raw#1FBC0Ade
markup.inserted#88BCF1de
markup.italic#EC78CFde
markup.raw.block.markdown#32B795de
markup.strikethrough#B48FF3de
markup.underline#08D4A1de
meta.block.c#A8A80Ade
meta.block.c#A7A70Ade
meta.class.java#32C19Dde
meta.definition.variable.name#B48FF2de
meta.diff.header#A7A730de
meta.embedded#EF8282de
meta.embedded.assembly#EF8181de
meta.function-call.arguments.python#F188D6de
meta.function-call.python#B690F3de
meta.member.access.python#B48FF2de
meta.method.java#5AD848de
meta.object-literal.key#8FC1F2de
meta.paragraph.markdown#A9A90Bde
meta.preprocessor#EF8181de
meta.preprocessor.numeric#EF8181de
meta.preprocessor.string#EF8181de
meta.scope.prerequisites.makefile#F69D9Dde
meta.structure.dictionary.json.comments#A1A1A16e
meta.structure.dictionary.key.python#B590F3de
meta.structure.dictionary.value.json.comments#A2A2A26e
meta.template.expression#08D4A1de
meta.type.cast.expr#EF8181de
meta.type.new.expr#64A6E6de
parameter#AAAA09de
punctuation.character.set.begin.regexp#09D5A2de
punctuation.character.set.end.regexp#EF8282de
punctuation.definition.array.begin.json#B58FF3de
punctuation.definition.character-class.regexp#B590F3de
punctuation.definition.comment#A2A2A26e
punctuation.definition.comment.json.comments#A2A2A26e
punctuation.definition.comment.python#A1A1A16e
punctuation.definition.dictionary.begin.json#1EBD08de
punctuation.definition.dictionary.end.json#66A6E6de
punctuation.definition.group.assertion.regexp#8FC1F2de
punctuation.definition.group.regexp#43BA31de
punctuation.definition.list.begin.json#66A6E7de
punctuation.definition.list.begin.markdown#66A6E6de
punctuation.definition.list.begin.python#AAAA09de
punctuation.definition.list.end.json#09B78Dde
punctuation.definition.list.end.markdown#43B832de
punctuation.definition.list.end.python#08D4A1de
punctuation.definition.parameters.begin.python#A7A70Ade
punctuation.definition.parameters.end.bracket.round.java#A9A90Bde
punctuation.definition.quote.begin.markdown#B48FF2de
punctuation.definition.tag#A8A80Bde
punctuation.definition.template-expression.begin#8FC1F2de
punctuation.definition.template-expression.end#0AC898de
punctuation.section.class.begin.bracket.curly.java#F188D6de
punctuation.section.embedded#F7A5A5de
punctuation.section.embedded.begin.php#3CD2ACde
punctuation.section.embedded.end.php#66A6E6de
punctuation.terminator.java#96C5F4de
source.cmake#09BA8Cde
source.coffee.embedded#B2B230de
source.cpp#20BC0Ade
source.css.less#73AFEBde
source.groovy.embedded#0AC294de
source.java#66A6E6de
source.java-properties#09D29Fde
source.json.comments#A3A3A36e
source.makefile#4FD23Cde
source.powershell#20BD09de
source.powershell.variable.other.member#B48FF2de
source.python#B48FF3de
storage#F28F8Fde
storage.modifier#1FBC0Ade
storage.modifier.import.java#F496DDde
storage.modifier.package.java#F49696de
storage.type#09D8A4de
storage.type.annotation.groovy#F28F8Fde
storage.type.annotation.java#0ACA9Ade
storage.type.boolean.go#A8A80Bde
storage.type.byte.go#1EBD08de
storage.type.cs#EF8181de
storage.type.error.go#37CEA8de
storage.type.generic.cs#20BB0Bde
storage.type.generic.groovy#A7A70Ade
storage.type.generic.java#A9A90Bde
storage.type.groovy#EC79CFde
storage.type.java#EF8181de
storage.type.modifier.cs#66A6E6de
storage.type.numeric.go#7AB3EDde
storage.type.object.array.groovy#ED78CFde
storage.type.object.array.java#EC79CFde
storage.type.parameters.groovy#A9A930de
storage.type.primitive.array.groovy#B490F3de
storage.type.primitive.array.java#09D5A2de
storage.type.primitive.groovy#21BC0Bde
storage.type.primitive.java#7AB3EDde
storage.type.rune.go#B48FF3de
storage.type.string.go#37CEA8de
storage.type.token.java#EF8282de
storage.type.uintptr.go#4ACE37de
storage.type.variable.cs#32B897de
string#32B594de
string.quoted.docstring.multi.python#A2A2A26e
string.regexp#A8A80Bde
string.tag#A8A80Bde
string.value#A9A90Bde
strong#F08383de
support.class#A8A80Bde
support.constant.color#F28F8Fde
support.constant.dom#B690F3de
support.constant.font-name#EF8181de
support.constant.handlebars#EC79CFde
support.constant.json#B590F3de
support.constant.math#B58FF3de
support.constant.media#ED7AD0de
support.constant.media-type#A9A90Ade
support.constant.property-value#8FC1F2de
support.function#BE9DF6de
support.function.git-rebase#0ACA9Ade
support.other.parenthesis.regexp#09D9A5de
support.type#33CAA4de
support.type.property-name#B48FF2de
support.type.vendored.property-name#08B98Bde
support.variable#B48FF2de
token.debug-token#EC79CFde
token.error-token#88BCF1de
token.info-token#B2B230de
token.warn-token#81B8EFde
variable#ED7AD0de
variable.css#A8A80Bde
variable.language#B490F3de
variable.language.wildcard.java#96C5F4de
variable.other.constant#B48FF2de
variable.other.definition.java#66A6E5de
variable.other.enummember#1FBE09de
variable.other.less#EF8181de
variable.other.object.java#43BA31de
variable.other.object.property.java#EF8282de
variable.parameter.c#A8A80Ade
variable.parameter.function.language.python#B590F3de
variable.parameter.java#09BE90de
variable.scss#EF8181de
viiv by B.W - VS Code Theme