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#1e1915fe
  • activityBar.activeBackground#1e1915fe
  • activityBar.activeBorder#A4A4F3fe
  • activityBar.activeFocusBorder#4E6E4E00
  • activityBar.background#130F0Dfe
  • activityBar.border#74635200
  • activityBar.dropBorder#A7A7FEfe
  • activityBar.foreground#9E9EF2fe
  • activityBar.inactiveForeground#B5A39565
  • activityBarBadge.background#5C5CCFfe
  • activityBarBadge.foreground#130F0Dfe
  • badge.background#5757CBfe
  • badge.foreground#130F0Dfe
  • banner.background#1e1915fe
  • banner.foreground#FBECCCce
  • banner.iconForeground#B7BACDfe
  • breadcrumb.activeSelectionForeground#E9E0E4ca
  • breadcrumb.background#15110Efe
  • breadcrumb.focusForeground#5C5CCFfe
  • breadcrumb.foreground#EDE9E5ae
  • breadcrumbPicker.background#1e1915fe
  • button.background#594A3Eae
  • button.border#0D0E0A00
  • button.foreground#FBECCCce
  • button.hoverBackground#6D5B4C6e
  • button.secondaryBackground#1e1915fe
  • button.secondaryForeground#FBECCCce
  • button.secondaryHoverBackground#1e1915fe
  • button.separator#0A0E0E00
  • charts.blue#1b1bfffe
  • charts.foreground#FBECCCce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067bb
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#100E0Bfe
  • chat.slashCommandBackground#1e1915fe
  • chat.slashCommandForeground#FBECCCce
  • checkbox.background#100E0Bfe
  • checkbox.border#100E0Bfe
  • checkbox.foreground#FBECCCce
  • checkbox.selectBackground#100E0Bfe
  • checkbox.selectBorder#100E0Bfe
  • commandCenter.activeBackground#22285485
  • commandCenter.activeBorder#100E0Bfe
  • commandCenter.activeForeground#6A6AD9fe
  • commandCenter.background#1e1915fe
  • commandCenter.border#100E0Bfe
  • commandCenter.foreground#FBECCCce
  • commandCenter.inactiveBorder#42240D97
  • commandCenter.inactiveForeground#B8A89A65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0A0E0E00
  • contrastBorder#0A0E0E00
  • debugConsole.errorForeground#FF95FEce
  • debugConsole.infoForeground#FBECCCce
  • debugConsole.sourceForeground#FBECCCce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D1BDC6fe
  • debugExceptionWidget.background#530053be
  • debugExceptionWidget.border#100E0Bfe
  • debugIcon.breakpointCurrentStackframeForeground#D4C2CAfe
  • debugIcon.breakpointDisabledForeground#C6B9AE65
  • debugIcon.breakpointForeground#B7BACDfe
  • debugIcon.breakpointStackframeForeground#E9E0E4fe
  • debugIcon.breakpointUnverifiedForeground#DED6E2fe
  • debugIcon.continueForeground#DBDDE6fe
  • debugIcon.disconnectForeground#CCCEDBfe
  • debugIcon.pauseForeground#CABDB3fe
  • debugIcon.restartForeground#B3CAB6fe
  • debugIcon.startForeground#CBB5BEfe
  • debugIcon.stepBackForeground#CDB8C2fe
  • debugIcon.stepIntoForeground#D6E2D8fe
  • debugIcon.stepOutForeground#D6D8E2fe
  • debugIcon.stepOverForeground#D2D8C7fe
  • debugIcon.stopForeground#DADFD1fe
  • debugTokenExpression.boolean#D6DBCCca
  • debugTokenExpression.error#E6E0E9ca
  • debugTokenExpression.name#E0E9E8ca
  • debugTokenExpression.number#CCCEDBca
  • debugTokenExpression.value#DBE6E5ca
  • debugToolBar.background#530053a7
  • debugToolBar.border#100E0Bfe
  • debugView.exceptionLabelBackground#24294Dca
  • debugView.exceptionLabelForeground#D6CCDBca
  • debugView.stateLabelBackground#24294Dca
  • debugView.stateLabelForeground#CCDBCEca
  • debugView.valueChangedHighlight#D6DBCCca
  • descriptionForeground#FBECCCce
  • diffEditor.border#0A0E0E00
  • diffEditor.diagonalFill#000000fa
  • diffEditor.insertedLineBackground#00340031
  • diffEditor.insertedTextBackground#113213fb
  • diffEditor.insertedTextBorder#0A0E0A00
  • diffEditor.move.border#0A0E0A00
  • diffEditor.moveActive.border#0E0C0A00
  • diffEditor.removedLineBackground#5D000031
  • diffEditor.removedTextBackground#600000fb
  • diffEditor.removedTextBorder#0A0E0E00
  • diffEditor.unchangedCodeBackground#1e1915fe
  • diffEditor.unchangedRegionBackground#1e1915fe
  • diffEditor.unchangedRegionForeground#FBECCCce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#C6B8AD65
  • dropdown.background#100E0Bfe
  • dropdown.border#100E0Bfe
  • dropdown.foreground#FBECCCce
  • dropdown.listBackground#100E0Bfe
  • editor.background#1e1915fe
  • editor.findMatchBackground#614452a2
  • editor.findMatchBorder#100E0Bfe
  • editor.findMatchHighlightBackground#604350ab
  • editor.findMatchHighlightBorder#100E0Bfe
  • editor.findRangeHighlightBackground#685749a2
  • editor.findRangeHighlightBorder#100E0Bfe
  • editor.focusedStackFrameHighlightBackground#77536385
  • editor.foldBackground#A7C2AAa6
  • editor.foreground#FBECCCce
  • editor.hoverHighlightBackground#3E5956a1
  • editor.inactiveSelectionBackground#58493D95
  • editor.inlineValuesBackground#1e1915fe
  • editor.inlineValuesForeground#FBECCCce
  • editor.lineHighlightBackground#40362Db2
  • editor.lineHighlightBorder#0E0A0C00
  • editor.linkedEditingBackground#1e1915fe
  • editor.rangeHighlightBackground#5E6849a5
  • editor.rangeHighlightBorder#100E0Bfe
  • editor.selectionBackground#604350a9
  • editor.selectionForeground#DBD3CCca
  • editor.selectionHighlightBackground#3B543E83
  • editor.selectionHighlightBorder#100E0Bfe
  • editor.snippetFinalTabstopHighlightBackground#474A65a4
  • editor.snippetFinalTabstopHighlightBorder#100E0Bfe
  • editor.snippetTabstopHighlightBackground#507254a4
  • editor.snippetTabstopHighlightBorder#100E0Bfe
  • editor.stackFrameHighlightBackground#39514Fa7
  • editor.symbolHighlightBackground#425E45a8
  • editor.symbolHighlightBorder#100E0Bfe
  • editor.wordHighlightBackground#464A65a8
  • editor.wordHighlightBorder#0D0E0A00
  • editor.wordHighlightStrongBackground#584461ab
  • editor.wordHighlightStrongBorder#0E0A0C00
  • editor.wordHighlightTextBackground#454A64ab
  • editor.wordHighlightTextBorder#0A0E0E00
  • editorBracketHighlight.foreground1#F7F6F4ce
  • editorBracketHighlight.foreground2#F7F6F4ce
  • editorBracketHighlight.foreground3#F7F6F4ce
  • editorBracketHighlight.foreground4#F7F6F4ce
  • editorBracketHighlight.foreground5#F7F6F4ce
  • editorBracketHighlight.foreground6#F7F6F4ce
  • editorBracketHighlight.unexpectedBracket.foreground#FBECCCce
  • editorBracketMatch.background#B9BBCEa7
  • editorBracketMatch.border#100E0Bfe
  • editorBracketPairGuide.activeBackground1#A8C2AB81
  • editorBracketPairGuide.activeBackground2#B5BEA28b
  • editorBracketPairGuide.activeBackground3#A5C0BE83
  • editorBracketPairGuide.activeBackground4#B6BFA489
  • editorBracketPairGuide.activeBackground5#B9BACD86
  • editorBracketPairGuide.activeBackground6#A5C0BD81
  • editorBracketPairGuide.background1#1B2F2Cfe
  • editorBracketPairGuide.background2#1B2F1Efe
  • editorBracketPairGuide.background3#272D1Afe
  • editorBracketPairGuide.background4#412130fe
  • editorBracketPairGuide.background5#402230fe
  • editorBracketPairGuide.background6#272E1Afe
  • editorCodeLens.foreground#C6B8AD6e
  • editorCommentsWidget.rangeActiveBackground#C6B8ADfe
  • editorCommentsWidget.rangeBackground#1e1915fe
  • editorCommentsWidget.resolvedBorder#100E0Bfe
  • editorCommentsWidget.unresolvedBorder#5F0000cb
  • editorCursor.background#1e1915fe
  • editorCursor.foreground#5959C3fe
  • editorError.background#0A0A0E00
  • editorError.border#0D0A0E00
  • editorError.foreground#FF95FEce
  • editorGhostText.background#1e1915fe
  • editorGhostText.border#0A0A0E00
  • editorGhostText.foreground#C6B8AD6e
  • editorGroup.border#100E0Bfe
  • editorGroup.dropBackground#1e1915fe
  • editorGroup.dropIntoPromptBackground#1e1915fe
  • editorGroup.dropIntoPromptBorder#100E0Bfe
  • editorGroup.dropIntoPromptForeground#FBECCCce
  • editorGroup.emptyBackground#1e1915fe
  • editorGroup.focusedEmptyBorder#100E0Bfe
  • editorGroupHeader.border#0A0E0E00
  • editorGroupHeader.noTabsBackground#130F0Dae
  • editorGroupHeader.tabsBackground#1E1915a1
  • editorGroupHeader.tabsBorder#0A0E0E00
  • editorGutter.addedBackground#86CB89fb
  • editorGutter.background#1e1915fe
  • editorGutter.commentGlyphForeground#FBECCCce
  • editorGutter.commentRangeForeground#FBECCCce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA1A1cb
  • editorGutter.foldingControlForeground#FBECCCce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0D0A0E00
  • editorHint.foreground#C3B0FFce
  • editorHoverWidget.background#100E0Bfe
  • editorHoverWidget.border#100E0Bfe
  • editorHoverWidget.foreground#FBECCCce
  • editorHoverWidget.highlightForeground#DED6E2ca
  • editorHoverWidget.statusBarBackground#1e1915fe
  • editorIndentGuide.activeBackground1#A6A6FEfe
  • editorIndentGuide.activeBackground2#A4A4F3fe
  • editorIndentGuide.activeBackground3#9191EDfe
  • editorIndentGuide.activeBackground4#9898EFfe
  • editorIndentGuide.activeBackground5#9E9EF2fe
  • editorIndentGuide.activeBackground6#A6A6FEfe
  • editorIndentGuide.background1#95B5B135
  • editorIndentGuide.background2#C3A9B535
  • editorIndentGuide.background3#A690B135
  • editorIndentGuide.background4#AA869635
  • editorIndentGuide.background5#90B19435
  • editorIndentGuide.background6#9599B535
  • editorInfo.background#0D0A0E00
  • editorInfo.border#0E0A0C00
  • editorInfo.foreground#C3B0FFce
  • editorInlayHint.background#1e1915fe
  • editorInlayHint.foreground#FBECCCce
  • editorInlayHint.parameterBackground#1e1915fe
  • editorInlayHint.parameterForeground#FBECCCce
  • editorInlayHint.typeBackground#1e1915fe
  • editorInlayHint.typeForeground#FBECCCce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#6060D2fe
  • editorLineNumber.dimmedForeground#C6B9AE6e
  • editorLineNumber.foreground#C6B8AD6e
  • editorLink.activeForeground#5757CBfe
  • editorMarkerNavigation.background#100E0Bfe
  • editorMarkerNavigationError.background#530053bf
  • editorMarkerNavigationError.headerBackground#530053a9
  • editorMarkerNavigationInfo.background#00009Dfe
  • editorMarkerNavigationInfo.headerBackground#00009Dfe
  • editorMarkerNavigationWarning.background#332A00fe
  • editorMarkerNavigationWarning.headerBackground#332A00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1e1915fe
  • editorOverviewRuler.border#452309fe
  • editorOverviewRuler.bracketMatchForeground#FBECCCce
  • editorOverviewRuler.commentForeground#C6B8AD6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#FBECCCce
  • editorOverviewRuler.currentContentForeground#cecececa
  • editorOverviewRuler.deletedForeground#FFA1A1cb
  • editorOverviewRuler.errorForeground#FF95FEce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C3B0FFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D8CFC7ca
  • editorOverviewRuler.selectionHighlightForeground#C3B0FFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DFD7D1ca
  • editorOverviewRuler.wordHighlightStrongForeground#FBECCCce
  • editorOverviewRuler.wordHighlightTextForeground#FBECCCce
  • editorPane.background#1e1915fe
  • editorRuler.foreground#C6BBAF33
  • editorStickyScroll.background#1e1915fe
  • editorStickyScrollHover.background#3429206e
  • editorSuggestWidget.background#100E0Bfe
  • editorSuggestWidget.border#0A0E0A00
  • editorSuggestWidget.focusHighlightForeground#98BB5Afe
  • editorSuggestWidget.foreground#B7BACCfe
  • editorSuggestWidget.highlightForeground#E6E0E9ca
  • editorSuggestWidget.selectedBackground#474F3781
  • editorSuggestWidget.selectedForeground#DADFD1ca
  • editorSuggestWidget.selectedIconForeground#DADFD1ca
  • editorSuggestWidgetStatus.foreground#C7C9D8fe
  • editorUnicodeHighlight.background#4C543Baa
  • editorUnicodeHighlight.border#100E0Bfe
  • editorUnnecessaryCode.border#332B00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0D0A0E00
  • editorWarning.border#0A0E0A00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#FBECCCce
  • editorWidget.background#100E0Bfe
  • editorWidget.border#100E0Bfe
  • editorWidget.foreground#FBECCCce
  • editorWidget.resizeBorder#100E0Bfe
  • errorForeground#FF95FEce
  • extensionBadge.remoteBackground#5C5CCFfe
  • extensionBadge.remoteForeground#130F0Dfe
  • extensionButton.background#39281Cae
  • extensionButton.foreground#FBECCCce
  • extensionButton.hoverBackground#3429206e
  • extensionButton.prominentBackground#1e1915fe
  • extensionButton.prominentForeground#FBECCCce
  • extensionButton.prominentHoverBackground#1e1915fe
  • extensionButton.separator#0E0C0A00
  • extensionIcon.preReleaseForeground#E2D6DCfe
  • extensionIcon.sponsorForeground#D4CAC2fe
  • extensionIcon.starForeground#E6E0DBfe
  • extensionIcon.verifiedForeground#B8CDCBfe
  • focusBorder#0A0A0E00
  • foreground#FBECCCce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA1A1cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C3B0FFce
  • gitDecoration.stageDeletedResourceForeground#FFA1A1cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#C6BAAEae
  • inlineChat.background#3D222Eca
  • inlineChat.border#1B2E1Fca
  • inlineChat.regionHighlight#E2DBE6ca
  • inlineChat.shadow#CCDBCEca
  • inlineChatDiff.inserted#E0E9E1ca
  • inlineChatDiff.removed#DEE2D6ca
  • inlineChatInput.background#D1DFD3ca
  • inlineChatInput.border#262D1Aca
  • inlineChatInput.focusBorder#0E0A0C00
  • inlineChatInput.placeholderForeground#DED6E2ca
  • input.background#100E0Bfe
  • input.border#100E0Bfe
  • input.foreground#FBECCCce
  • input.placeholderForeground#C6B8AE65
  • inputOption.activeBackground#100E0Bfe
  • inputOption.activeBorder#100E0Bfe
  • inputOption.activeForeground#6565D6fe
  • inputOption.hoverBackground#100E0Bfe
  • inputValidation.errorBackground#6700679d
  • inputValidation.errorBorder#5300539f
  • inputValidation.errorForeground#FF95FEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#100E0Bfe
  • inputValidation.infoForeground#FBECCCce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#100E0Bfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#100E0Bfe
  • interactive.inactiveCodeBorder#2C251F99
  • keybindingLabel.background#1e1915fe
  • keybindingLabel.border#100E0Bfe
  • keybindingLabel.bottomBorder#100E0Bfe
  • keybindingLabel.foreground#FBECCCce
  • keybindingTable.headerBackground#1e1915fe
  • keybindingTable.rowsBackground#1e1915fe
  • list.activeSelectionBackground#39523C89
  • list.activeSelectionForeground#D1DFDDca
  • list.activeSelectionIconForeground#DBDDE6ca
  • list.deemphasizedForeground#FBECCCce
  • list.dropBackground#1e1915fe
  • list.errorForeground#FF95FEce
  • list.filterMatchBackground#1e1915fe
  • list.filterMatchBorder#100E0Bfe
  • list.focusAndSelectionOutline#0D0E0A00
  • list.focusBackground#58493D96
  • list.focusForeground#6F6FDDfe
  • list.focusHighlightForeground#50C561fe
  • list.focusOutline#0D0A0E00
  • list.highlightForeground#DBDDE6ca
  • list.hoverBackground#5B032Aa8
  • list.hoverForeground#5858C8fe
  • list.inactiveFocusBackground#2C251F9d
  • list.inactiveFocusOutline#0A0E0E00
  • list.inactiveSelectionBackground#130F0Dae
  • list.inactiveSelectionForeground#C6B9AE65
  • list.inactiveSelectionIconForeground#C6B8AE65
  • list.invalidItemForeground#FBECCCce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1e1915fe
  • listFilterWidget.noMatchesOutline#0A0E0E00
  • listFilterWidget.outline#0A0A0E00
  • listFilterWidget.shadow#0A0A0E00
  • menu.background#130F0Dfe
  • menu.border#0A0E0A00
  • menu.foreground#EDE9E5ae
  • menu.selectionBackground#614351aa
  • menu.selectionBorder#0A0E0A00
  • menu.selectionForeground#5959C5fe
  • menu.separatorBackground#33292265
  • menubar.selectionBackground#614351a8
  • menubar.selectionBorder#0A0E0A00
  • menubar.selectionForeground#5757CBfe
  • merge.border#100E0Bfe
  • merge.commonContentBackground#1e1915fe
  • merge.commonHeaderBackground#1e1915fe
  • merge.currentContentBackground#00340031
  • merge.currentHeaderBackground#113213fb
  • merge.incomingContentBackground#113213cb
  • merge.incomingHeaderBackground#113213fb
  • mergeEditor.change.background#1e1915fe
  • mergeEditor.change.word.background#1e1915fe
  • mergeEditor.changeBase.background#1e1915fe
  • mergeEditor.changeBase.word.background#1e1915fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#100E0Bfe
  • mergeEditor.conflict.handledUnfocused.border#27211B2a
  • mergeEditor.conflict.input1.background#100E0Bfe
  • mergeEditor.conflict.input2.background#100E0Bfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a4
  • mergeEditor.conflict.unhandledFocused.border#100E0Bfe
  • mergeEditor.conflict.unhandledUnfocused.border#221D1835
  • mergeEditor.conflictingLines.background#1e1915fe
  • minimap.background#1e1915fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F7F6F4ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#86CB89fb
  • minimapGutter.deletedBackground#FFA2A2fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#8B7461fe
  • minimapSlider.background#594A3Eae
  • minimapSlider.hoverBackground#5E4F426e
  • notebook.cellBorderColor#100E0Bfe
  • notebook.cellEditorBackground#1e1915fe
  • notebook.cellHoverBackground#1e1915fe
  • notebook.cellInsertionIndicator#DADFD1ca
  • notebook.cellStatusBarItemHoverBackground#1e1915fe
  • notebook.cellToolbarSeparator#E6DBE0ca
  • notebook.editorBackground#1e1915fe
  • notebook.focusedCellBackground#1e1915fe
  • notebook.focusedCellBorder#5C5CCFfe
  • notebook.focusedEditorBorder#100E0Bfe
  • notebook.inactiveFocusedCellBorder#8B74618e
  • notebook.inactiveSelectedCellBorder#816C5A8e
  • notebook.outputContainerBackgroundColor#1e1915fe
  • notebook.outputContainerBorderColor#100E0Bfe
  • notebook.selectedCellBackground#1e1915fe
  • notebook.selectedCellBorder#100E0Bfe
  • notebook.symbolHighlightBackground#1e1915fe
  • notebookEditorOverviewRuler.runningCellForeground#FBECCCce
  • notebookScrollbarSlider.activeBackground#7C6857fe
  • notebookScrollbarSlider.background#4A3E34ae
  • notebookScrollbarSlider.hoverBackground#6857496e
  • notebookStatusErrorIcon.foreground#FF95FEce
  • notebookStatusRunningIcon.foreground#CED4C2fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#100E0Bfe
  • notificationCenterHeader.background#1e1915fe
  • notificationCenterHeader.foreground#FBECCCce
  • notificationLink.foreground#FBECCCce
  • notifications.background#1e1915fe
  • notifications.border#100E0Bfe
  • notifications.foreground#FBECCCce
  • notificationsErrorIcon.foreground#FF95FEce
  • notificationsInfoIcon.foreground#B7BACDfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#100E0Bfe
  • panel.background#1e1915fe
  • panel.border#100E0Bfe
  • panel.dropBorder#100E0Bfe
  • panelInput.border#100E0Bfe
  • panelSection.border#100E0Bfe
  • panelSection.dropBackground#1e1915fe
  • panelSectionHeader.background#1e1915fe
  • panelSectionHeader.border#100E0Bfe
  • panelSectionHeader.foreground#FBECCCce
  • panelTitle.activeBorder#0A0E0E00
  • panelTitle.activeForeground#A7A7FEfe
  • panelTitle.inactiveForeground#BCAC9F65
  • peekView.border#9D9DFEfe
  • peekViewEditor.background#100E0Bfe
  • peekViewEditor.matchHighlightBackground#6144528e
  • peekViewEditor.matchHighlightBorder#0D0E0A00
  • peekViewEditorGutter.background#100E0Bfe
  • peekViewEditorStickyScroll.background#1e1915fe
  • peekViewResult.background#130F0Dfe
  • peekViewResult.fileForeground#FBECCCce
  • peekViewResult.lineForeground#FBECCCce
  • peekViewResult.matchHighlightBackground#5E684988
  • peekViewResult.selectionBackground#5377738c
  • peekViewResult.selectionForeground#E0E9E1ca
  • peekViewTitle.background#130F0Dfe
  • peekViewTitleDescription.foreground#FBECCCce
  • peekViewTitleLabel.foreground#FBECCCce
  • pickerGroup.border#100E0Bfe
  • pickerGroup.foreground#FBECCCce
  • ports.iconRunningProcessForeground#C2CAB3fe
  • problemsErrorIcon.foreground#FF95FEce
  • problemsInfoIcon.foreground#C3B0FFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#5959C3fe
  • profileBadge.foreground#130F0Dfe
  • progressBar.background#1e1915fe
  • quickInput.background#130F0Dfe
  • quickInput.foreground#F0EDEAae
  • quickInputList.focusBackground#3B3E54ab
  • quickInputList.focusForeground#6F6FDDfe
  • quickInputList.focusIconForeground#5B5BC1fe
  • quickInputTitle.background#100E0Bfe
  • sash.hoverBorder#100E0Bfe
  • scrollbar.shadow#0D0E0A00
  • scrollbarSlider.activeBackground#8B7461fe
  • scrollbarSlider.background#453A30ae
  • scrollbarSlider.hoverBackground#5E4F426e
  • search.resultsInfoForeground#FBECCCce
  • searchEditor.findMatchBackground#456360ae
  • searchEditor.findMatchBorder#100E0Bfe
  • searchEditor.textInputBorder#100E0Bfe
  • selection.background#1e1915fe
  • settings.checkboxBackground#100E0Bfe
  • settings.checkboxBorder#100E0Bfe
  • settings.checkboxForeground#FBECCCce
  • settings.dropdownBackground#100E0Bfe
  • settings.dropdownBorder#100E0Bfe
  • settings.dropdownForeground#FBECCCce
  • settings.dropdownListBorder#100E0Bfe
  • settings.focusedRowBackground#61445183
  • settings.focusedRowBorder#100E0Bfe
  • settings.headerBorder#100E0Bfe
  • settings.headerForeground#FBECCCce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#100E0Bfe
  • settings.numberInputBorder#100E0Bfe
  • settings.numberInputForeground#FBECCCce
  • settings.rowHoverBackground#1e1915fe
  • settings.sashBorder#100E0Bfe
  • settings.settingsHeaderHoverForeground#6A6AD9fe
  • settings.textInputBackground#100E0Bfe
  • settings.textInputBorder#100E0Bfe
  • settings.textInputForeground#FBECCCce
  • sideBar.background#1e1915fe
  • sideBar.border#100E0Bfe
  • sideBar.dropBackground#1e1915fe
  • sideBar.foreground#C6BAAEae
  • sideBarSectionHeader.background#0A0E0E00
  • sideBarSectionHeader.border#100E0Bfe
  • sideBarSectionHeader.foreground#FBECCCce
  • sideBarTitle.foreground#FBECCCce
  • sideBySideEditor.horizontalBorder#100E0Bfe
  • sideBySideEditor.verticalBorder#100E0Bfe
  • simpleFindWidget.sashBorder#100E0Bfe
  • statusBar.background#130F0Dfe
  • statusBar.border#100E0Bfe
  • statusBar.debuggingBackground#530053c7
  • statusBar.debuggingBorder#100E0Bfe
  • statusBar.debuggingForeground#FBECCCce
  • statusBar.focusBorder#0D0A0E00
  • statusBar.foreground#C6B9AE6e
  • statusBar.noFolderBackground#130F0Dfe
  • statusBar.noFolderBorder#100E0Bfe
  • statusBar.noFolderForeground#FBECCCce
  • statusBarItem.activeBackground#130F0Dfe
  • statusBarItem.compactHoverBackground#130F0Dfe
  • statusBarItem.errorBackground#5300539f
  • statusBarItem.errorForeground#FF95FEce
  • statusBarItem.errorHoverBackground#530053a1
  • statusBarItem.errorHoverForeground#B700B7ce
  • statusBarItem.focusBorder#0A0E0E00
  • statusBarItem.hoverBackground#130F0Dfe
  • statusBarItem.hoverForeground#5858C8fe
  • statusBarItem.offlineBackground#130F0Dfe
  • statusBarItem.offlineForeground#FBECCCce
  • statusBarItem.offlineHoverBackground#130F0Dfe
  • statusBarItem.offlineHoverForeground#6A6AD9fe
  • statusBarItem.prominentBackground#130F0Dfe
  • statusBarItem.prominentForeground#FBECCCce
  • statusBarItem.prominentHoverBackground#130F0Dfe
  • statusBarItem.prominentHoverForeground#6060D2fe
  • statusBarItem.remoteBackground#5959C3fe
  • statusBarItem.remoteForeground#130F0Dfe
  • statusBarItem.remoteHoverBackground#130F0Dfe
  • statusBarItem.remoteHoverForeground#6060D2fe
  • statusBarItem.warningBackground#332A00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#332A00fe
  • statusBarItem.warningHoverForeground#D0AC00ce
  • symbolIcon.arrayForeground#E6E0E9fe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#B8CDBBfe
  • symbolIcon.colorForeground#DFD1D7fe
  • symbolIcon.constantForeground#C2C4D4fe
  • symbolIcon.constructorForeground#E9E0E4fe
  • symbolIcon.enumeratorForeground#C2CAB3fe
  • symbolIcon.enumeratorMemberForeground#DBCCD3fe
  • symbolIcon.eventForeground#D4CAC2fe
  • symbolIcon.fieldForeground#D2D8C7fe
  • symbolIcon.fileForeground#CDC2B8fe
  • symbolIcon.folderForeground#DFD7D1fe
  • symbolIcon.functionForeground#B3CAC7fe
  • symbolIcon.interfaceForeground#E2E6DBfe
  • symbolIcon.keyForeground#D8CFC7fe
  • symbolIcon.keywordForeground#B7BACDfe
  • symbolIcon.methodForeground#DFD7D1fe
  • symbolIcon.moduleForeground#D1DFDDfe
  • symbolIcon.namespaceForeground#DED6E2fe
  • symbolIcon.nullForeground#D4CAC2fe
  • symbolIcon.numberForeground#BDC0D1fe
  • symbolIcon.objectForeground#DEE2D6fe
  • symbolIcon.operatorForeground#D6D8E2fe
  • symbolIcon.packageForeground#DBCCD3fe
  • symbolIcon.propertyForeground#CABDB3fe
  • symbolIcon.referenceForeground#CABDD1fe
  • symbolIcon.snippetForeground#D6CCDBfe
  • symbolIcon.stringForeground#DBD3CCfe
  • symbolIcon.structForeground#DBE6E5fe
  • symbolIcon.textForeground#D2C7D8fe
  • symbolIcon.typeParameterForeground#B3CAC7fe
  • symbolIcon.unitForeground#D2C7D8fe
  • symbolIcon.variableForeground#B8BBCDfe
  • tab.activeBackground#15110Efe
  • tab.activeBorder#0A0E0A00
  • tab.activeBorderTop#A7A7FEfe
  • tab.activeForeground#A6A6FEfe
  • tab.activeModifiedBorder#332B00ce
  • tab.border#0E0C0A00
  • tab.hoverBackground#CBB6C0a3
  • tab.hoverBorder#100E0Bfe
  • tab.hoverForeground#5757CBfe
  • tab.inactiveBackground#31292293
  • tab.inactiveForeground#B5A39565
  • tab.inactiveModifiedBorder#332B00ce
  • tab.lastPinnedBorder#100E0Bfe
  • tab.unfocusedActiveBackground#221D1833
  • tab.unfocusedActiveBorder#0A0E0E00
  • tab.unfocusedActiveBorderTop#36281C65
  • tab.unfocusedActiveForeground#B5A39565
  • tab.unfocusedActiveModifiedBorder#332B00ce
  • tab.unfocusedHoverBackground#C6BAAD32
  • tab.unfocusedHoverBorder#221D1832
  • tab.unfocusedHoverForeground#BCAC9F65
  • tab.unfocusedInactiveBackground#3B312995
  • tab.unfocusedInactiveForeground#B8A89A65
  • tab.unfocusedInactiveModifiedBorder#332B00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a2
  • 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#670067b0
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec9
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1e1915fe
  • terminal.border#100E0Bfe
  • terminal.dropBackground#1e1915fe
  • terminal.findMatchBackground#1e1915fe
  • terminal.findMatchBorder#100E0Bfe
  • terminal.findMatchHighlightBackground#1e1915fe
  • terminal.findMatchHighlightBorder#100E0Bfe
  • terminal.foreground#C6BAAEae
  • terminal.hoverHighlightBackground#1e1915fe
  • terminal.inactiveSelectionBackground#40362D9d
  • terminal.selectionBackground#464A6584
  • terminal.selectionForeground#D6DBCCca
  • terminal.tab.activeBorder#9898EFfe
  • terminalCommandDecoration.defaultBackground#A7C1AAa2
  • terminalCommandDecoration.errorBackground#FFA1A1cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1e1915fe
  • terminalCursor.foreground#5757CBfe
  • terminalOverviewRuler.cursorForeground#FBECCCce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c09b
  • testing.iconUnset#808080b9
  • testing.message.error.decorationForeground#B8B8E7fe
  • testing.message.error.lineBackground#530053a3
  • testing.message.info.decorationForeground#B8B8E9fe
  • testing.message.info.lineBackground#00009Dfe
  • testing.peekBorder#100E0Bfe
  • testing.peekHeaderBackground#1e1915fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1e1915fe
  • textBlockQuote.border#100E0Bfe
  • textCodeBlock.background#1e1915fe
  • textLink.activeForeground#6A6AD9fe
  • textLink.foreground#C3B0FFce
  • textPreformat.foreground#FBECCCce
  • textSeparator.foreground#FBECCCce
  • titleBar.activeBackground#130F0Dfe
  • titleBar.activeForeground#DAA478ae
  • titleBar.border#0A0E0A00
  • titleBar.inactiveBackground#221D18da
  • titleBar.inactiveForeground#B8A89A65
  • toolbar.activeBackground#2228548c
  • toolbar.hoverBackground#1e1915fe
  • toolbar.hoverOutline#0A0E0A00
  • tree.inactiveIndentGuidesStroke#9A9EB835
  • tree.indentGuidesStroke#B6B6EBfe
  • tree.tableColumnsBorder#100E0Bfe
  • tree.tableOddRowsBackground#1e1915fe
  • walkThrough.embeddedEditorBackground#1e1915fe
  • walkthrough.stepTitle.foreground#FBECCCce
  • welcomePage.background#1e1915fe
  • welcomePage.progress.background#1e1915fe
  • welcomePage.progress.foreground#FBECCCce
  • welcomePage.tileBackground#1e1915fe
  • welcomePage.tileBorder#100E0Bfe
  • welcomePage.tileHoverBackground#1e1915fe
  • widget.border#100E0Bfe
  • widget.shadow#0E0A0C00
  • window.activeBorder#100E0Bfe
  • window.inactiveBorder#42240D9d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#E8BC906e
comment.block.html#EBBA986e
comment.block.java#E8BC906e
comment.block.javadoc.java#E9BB8D6e
comment.block.powershell#EDB98F6e
comment.block.xml#E8BC906e
comment.line.double-slash.c#EBBA986e
comment.line.double-slash.cpp#EDB98F6e
comment.line.double-slash.java#EDB98F6e
comment.line.double-slash.js#E9BB8D6e
comment.line.number-sign.makefile#EDB98F6e
comment.line.number-sign.python#EBBA986e
comment.line.number-sign.yaml#EDB98F6e
comment.line.percentage.erlang#E9BB8D6e
comment.line.powershell#EDB98F6e
comment.source.cmake#E9BB8D6e
comment.source.cmakecache#EDB98F6e
constant.character#C4C4C4de
constant.character.character-class.regexp#B6B6FEde
constant.character.escape#AFAFAFde
constant.character.set.regexp#C3C3C3de
constant.language#BEBEFEde
constant.numeric#9D9DEBde
constant.numeric.dec.python#BEBEFEde
constant.other.caps.python#18E218de
constant.other.character-class.regexp#C4C4C4de
constant.other.character-class.set.regexp#13E113de
constant.other.color.rgb-value#FEADADde
constant.other.placeholder#18E318de
constant.other.rgb-value#9D9DEEde
constant.regexp#B2B2F7de
constant.sha.git-rebase#18E318de
emphasis#BEBEFEde
entity.name.class#BEBEFEde
entity.name.function#B2B2F7de
entity.name.function.preprocessor#9D9DECde
entity.name.function.python#9E9EF2de
entity.name.label#ED9191de
entity.name.namespace#EF9898de
entity.name.operator#B6B6FEde
entity.name.operator.custom-literal#C1C1C1de
entity.name.scope-resolution#13E113de
entity.name.tag#C4C4C4de
entity.name.tag.css#0EE10Ede
entity.name.type#AFAFAFde
entity.name.variable#ED9191de
entity.other.attribute#C4C4C4de
entity.other.attribute-name#10E210de
entity.other.attribute-name.class.css#E68C8Cde
entity.other.attribute-name.class.mixin.css#10E210de
entity.other.attribute-name.id#BEBEFEde
entity.other.attribute-name.id.css#18E218de
entity.other.attribute-name.parent-selector.css#9D9DECde
entity.other.attribute-name.pseudo-class.css#9E9EE9de
entity.other.attribute-name.pseudo-element.css#ABABF5de
entity.other.attribute-name.scss#18E318de
entity.other.document.begin.yaml#EBBA986e
entity.other.inherited-class#13E213de
header#0EE10Ede
invalid#9E9EE9de
keyword#EF9898de
keyword.codetag.notation.python#E88B8Bde
keyword.control#18E218de
keyword.control.anchor.regexp#EF9898de
keyword.control.import.python#E58C8Cde
keyword.operator#FEAEAEde
keyword.operator.alignas#BEBEFEde
keyword.operator.alignof#9D9DEEde
keyword.operator.cast#A4A4F3de
keyword.operator.delete#F7B2B2de
keyword.operator.documentation.powershell#EDB98F6e
keyword.operator.expression#16E316de
keyword.operator.instanceof#9D9DEEde
keyword.operator.logical.python#ED9191de
keyword.operator.minus.exponent#F5ABABde
keyword.operator.negation.regexp#F7B2B2de
keyword.operator.new#BEBEFEde
keyword.operator.noexcept#FEAFAFde
keyword.operator.or.regexp#9D9DEEde
keyword.operator.plus.exponent#B3B3B3de
keyword.operator.quantifier.regexp#E58C8Cde
keyword.operator.sizeof#FEAEAEde
keyword.operator.typeid#B6B6FEde
keyword.operator.wordlike#F29E9Ede
keyword.other.operator#B2B2F7de
keyword.other.package.java#9E9EF2de
keyword.other.unit#18E318de
keyword.other.using#F29E9Ede
markup.bold#FEAFAFde
markup.changed#9D9DEAde
markup.deleted#16E316de
markup.fenced_code.block.markdown#F7B2B2de
markup.heading#EF9898de
markup.inline.raw#E88B8Bde
markup.inserted#F7B2B2de
markup.italic#F5ABABde
markup.raw.block.markdown#BEBEFEde
markup.strikethrough#F7B2B2de
markup.underline#9E9EF2de
meta.block.c#E68C8Cde
meta.block.c#E88B8Bde
meta.class.java#BEBEFEde
meta.definition.variable.name#C4C4C4de
meta.diff.header#18E318de
meta.embedded#C4C4C4de
meta.embedded.assembly#FEAEAEde
meta.function-call.arguments.python#18E218de
meta.function-call.python#EF9898de
meta.member.access.python#E68C8Cde
meta.method.java#C4C4C4de
meta.object-literal.key#BCBCBCde
meta.paragraph.markdown#FEAEAEde
meta.preprocessor#C4C4C4de
meta.preprocessor.numeric#13E113de
meta.preprocessor.string#A6A6A6de
meta.scope.prerequisites.makefile#18E218de
meta.structure.dictionary.json.comments#E8BC906e
meta.structure.dictionary.key.python#13E113de
meta.structure.dictionary.value.json.comments#EDB98F6e
meta.template.expression#B9B9F8de
meta.type.cast.expr#FEAEAEde
meta.type.new.expr#18E218de
parameter#18E218de
punctuation.character.set.begin.regexp#9E9EF2de
punctuation.character.set.end.regexp#E68C8Cde
punctuation.definition.array.begin.json#BEBEFEde
punctuation.definition.character-class.regexp#9D9DEEde
punctuation.definition.comment#EBBA986e
punctuation.definition.comment.json.comments#EDB98F6e
punctuation.definition.comment.python#EBBA986e
punctuation.definition.dictionary.begin.json#18E318de
punctuation.definition.dictionary.end.json#16E316de
punctuation.definition.group.assertion.regexp#BCBCBCde
punctuation.definition.group.regexp#9D9DECde
punctuation.definition.list.begin.json#A4A4F3de
punctuation.definition.list.begin.markdown#18E218de
punctuation.definition.list.begin.python#AFAFAFde
punctuation.definition.list.end.json#18E218de
punctuation.definition.list.end.markdown#FEAEAEde
punctuation.definition.list.end.python#EB8B8Bde
punctuation.definition.parameters.begin.python#0DE30Dde
punctuation.definition.parameters.end.bracket.round.java#E68C8Cde
punctuation.definition.quote.begin.markdown#B3B3B3de
punctuation.definition.tag#B6B6FEde
punctuation.definition.template-expression.begin#15E315de
punctuation.definition.template-expression.end#15E315de
punctuation.section.class.begin.bracket.curly.java#9D9DEEde
punctuation.section.embedded#FEAFAFde
punctuation.section.embedded.begin.php#9D9DEEde
punctuation.section.embedded.end.php#16E316de
punctuation.terminator.java#13E213de
source.cmake#ED9191de
source.coffee.embedded#F3A4A4de
source.cpp#E98B8Bde
source.css.less#B9B9F8de
source.groovy.embedded#10E210de
source.java#9D9DEFde
source.java-properties#16E316de
source.json.comments#E9BB8D6e
source.makefile#C3C3C3de
source.powershell#0DE30Dde
source.powershell.variable.other.member#C4C4C4de
source.python#ABABF5de
storage#BEBEFEde
storage.modifier#9E9EF2de
storage.modifier.import.java#FEAFAFde
storage.modifier.package.java#18E318de
storage.type#9E9EF2de
storage.type.annotation.groovy#18E318de
storage.type.annotation.java#18E218de
storage.type.boolean.go#9D9DEFde
storage.type.byte.go#C4C4C4de
storage.type.cs#0DE30Dde
storage.type.error.go#18E218de
storage.type.generic.cs#F3A4A4de
storage.type.generic.groovy#13E113de
storage.type.generic.java#ED9191de
storage.type.groovy#FEAEAEde
storage.type.java#16E316de
storage.type.modifier.cs#FEAEAEde
storage.type.numeric.go#9D9DEAde
storage.type.object.array.groovy#16E316de
storage.type.object.array.java#B3B3B3de
storage.type.parameters.groovy#F29E9Ede
storage.type.primitive.array.groovy#18E318de
storage.type.primitive.array.java#16E316de
storage.type.primitive.groovy#A6A6A6de
storage.type.primitive.java#E58C8Cde
storage.type.rune.go#F29E9Ede
storage.type.string.go#9D9DEEde
storage.type.token.java#F3A4A4de
storage.type.uintptr.go#C4C4C4de
storage.type.variable.cs#16E316de
string#B2B2F7de
string.quoted.docstring.multi.python#EDB98F6e
string.regexp#9E9EF2de
string.tag#EB8B8Bde
string.value#18E318de
strong#C4C4C4de
support.class#EF9898de
support.constant.color#F29E9Ede
support.constant.dom#13E213de
support.constant.font-name#16E216de
support.constant.handlebars#E58C8Cde
support.constant.json#E58C8Cde
support.constant.math#B2B2F7de
support.constant.media#18E318de
support.constant.media-type#9D9DEFde
support.constant.property-value#0DE30Dde
support.function#18E318de
support.function.git-rebase#C4C4C4de
support.other.parenthesis.regexp#0DE30Dde
support.type#9E9EF2de
support.type.property-name#B9B9F8de
support.type.vendored.property-name#ABABF5de
support.variable#BEBEFEde
token.debug-token#18E318de
token.error-token#F29E9Ede
token.info-token#0EE10Ede
token.warn-token#16E216de
variable#10E210de
variable.css#C1C1C1de
variable.language#AFAFAFde
variable.language.wildcard.java#16E316de
variable.other.constant#16E316de
variable.other.definition.java#18E218de
variable.other.enummember#BEBEFEde
variable.other.less#FEAFAFde
variable.other.object.java#13E213de
variable.other.object.property.java#B8B8B8de
variable.parameter.c#9D9DEBde
variable.parameter.function.language.python#9E9EF2de
variable.parameter.java#9D9DEEde
variable.scss#FEAEAEde
viiv by B.W - VS Code Theme