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#16161efe
  • activityBar.activeBackground#16161efe
  • activityBar.activeBorder#FC9068fe
  • activityBar.activeFocusBorder#59684A00
  • activityBar.background#0D0D12fe
  • activityBar.border#4C6B5400
  • activityBar.dropBorder#FC8F68fe
  • activityBar.foreground#FD8F68fe
  • activityBar.inactiveForeground#A2A2BA65
  • activityBarBadge.background#DA6337fe
  • activityBarBadge.foreground#0D0D12fe
  • badge.background#DD683Dfe
  • badge.foreground#0D0D12fe
  • banner.background#16161efe
  • banner.foreground#E8E8FEce
  • banner.iconForeground#D7D7E2fe
  • breadcrumb.activeSelectionForeground#E1E8E3ca
  • breadcrumb.background#0F0F15fe
  • breadcrumb.focusForeground#E2724Afe
  • breadcrumb.foreground#E1E1E9ae
  • breadcrumbPicker.background#16161efe
  • button.background#3D3D53ae
  • button.border#0A0E0B00
  • button.foreground#E8E8FEce
  • button.hoverBackground#4848626e
  • button.secondaryBackground#16161efe
  • button.secondaryForeground#E8E8FEce
  • button.secondaryHoverBackground#16161efe
  • button.separator#0C0E0A00
  • charts.blue#1b1bfffe
  • charts.foreground#E8E8FEce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ae
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0C10fe
  • chat.slashCommandBackground#16161efe
  • chat.slashCommandForeground#E8E8FEce
  • checkbox.background#0C0C10fe
  • checkbox.border#0C0C10fe
  • checkbox.foreground#E8E8FEce
  • checkbox.selectBackground#0C0C10fe
  • checkbox.selectBorder#0C0C10fe
  • commandCenter.activeBackground#27221A8c
  • commandCenter.activeBorder#0C0C10fe
  • commandCenter.activeForeground#D5592Bfe
  • commandCenter.background#16161efe
  • commandCenter.border#0C0C10fe
  • commandCenter.foreground#E8E8FEce
  • commandCenter.inactiveBorder#01015A95
  • commandCenter.inactiveForeground#ABABC165
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0A0E0B00
  • contrastBorder#0E0C0A00
  • debugConsole.errorForeground#FE8EFEce
  • debugConsole.infoForeground#E8E8FEce
  • debugConsole.sourceForeground#E8E8FEce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C8CFC0fe
  • debugExceptionWidget.background#440044ad
  • debugExceptionWidget.border#0C0C10fe
  • debugIcon.breakpointCurrentStackframeForeground#D1D6C9fe
  • debugIcon.breakpointDisabledForeground#B6B6C965
  • debugIcon.breakpointForeground#E1E8E3fe
  • debugIcon.breakpointStackframeForeground#C9D6CDfe
  • debugIcon.breakpointUnverifiedForeground#DAD5CEfe
  • debugIcon.continueForeground#C9C9D7fe
  • debugIcon.disconnectForeground#C4C4D3fe
  • debugIcon.pauseForeground#D2CCC4fe
  • debugIcon.restartForeground#D6D1C9fe
  • debugIcon.startForeground#CECEDBfe
  • debugIcon.stepBackForeground#CCD2C4fe
  • debugIcon.stepIntoForeground#E1E8E3fe
  • debugIcon.stepOutForeground#B6B6C9fe
  • debugIcon.stepOverForeground#E1E5DDfe
  • debugIcon.stopForeground#E1D8DAfe
  • debugTokenExpression.boolean#C9C9D7ca
  • debugTokenExpression.error#E1E5DDca
  • debugTokenExpression.name#DDD9D3ca
  • debugTokenExpression.number#DDE5DFca
  • debugTokenExpression.value#E5E1DDca
  • debugToolBar.background#440044b5
  • debugToolBar.border#0C0C10fe
  • debugView.exceptionLabelBackground#301D22ca
  • debugView.exceptionLabelForeground#C9C9D7ca
  • debugView.stateLabelBackground#182525ca
  • debugView.stateLabelForeground#C9C9D7ca
  • debugView.valueChangedHighlight#E7E1E8ca
  • descriptionForeground#E8E8FEce
  • diffEditor.border#0A0E0E00
  • diffEditor.diagonalFill#000000f0
  • diffEditor.insertedLineBackground#00290031
  • diffEditor.insertedTextBackground#0F2710fb
  • diffEditor.insertedTextBorder#0D0A0E00
  • diffEditor.move.border#0C0E0A00
  • diffEditor.moveActive.border#0C0E0A00
  • diffEditor.removedLineBackground#4E000031
  • diffEditor.removedTextBackground#4D0000fb
  • diffEditor.removedTextBorder#0C0E0A00
  • diffEditor.unchangedCodeBackground#16161efe
  • diffEditor.unchangedRegionBackground#16161efe
  • diffEditor.unchangedRegionForeground#E8E8FEce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B6B6C965
  • dropdown.background#0C0C10fe
  • dropdown.border#0C0C10fe
  • dropdown.foreground#E8E8FEce
  • dropdown.listBackground#0C0C10fe
  • editor.background#16161efe
  • editor.findMatchBackground#4C6553a2
  • editor.findMatchBorder#0C0C10fe
  • editor.findMatchHighlightBackground#566049a3
  • editor.findMatchHighlightBorder#0C0C10fe
  • editor.findRangeHighlightBackground#474760a4
  • editor.findRangeHighlightBorder#0C0C10fe
  • editor.focusedStackFrameHighlightBackground#73675785
  • editor.foldBackground#A7BDADab
  • editor.foreground#E8E8FEce
  • editor.hoverHighlightBackground#736757a7
  • editor.inactiveSelectionBackground#4747619c
  • editor.inlineValuesBackground#16161efe
  • editor.inlineValuesForeground#E8E8FEce
  • editor.lineHighlightBackground#272736b1
  • editor.lineHighlightBorder#0C0E0A00
  • editor.linkedEditingBackground#16161efe
  • editor.rangeHighlightBackground#564D41a7
  • editor.rangeHighlightBorder#0C0C10fe
  • editor.selectionBackground#3B4E4Ea4
  • editor.selectionForeground#D8E1DAca
  • editor.selectionHighlightBackground#5A654C8c
  • editor.selectionHighlightBorder#0C0C10fe
  • editor.snippetFinalTabstopHighlightBackground#566049a2
  • editor.snippetFinalTabstopHighlightBorder#0C0C10fe
  • editor.snippetTabstopHighlightBackground#5A4449aa
  • editor.snippetTabstopHighlightBorder#0C0C10fe
  • editor.stackFrameHighlightBackground#614C65ab
  • editor.symbolHighlightBackground#4C6553ae
  • editor.symbolHighlightBorder#0C0C10fe
  • editor.wordHighlightBackground#4C6565a1
  • editor.wordHighlightBorder#0A0E0E00
  • editor.wordHighlightStrongBackground#60494Fa3
  • editor.wordHighlightStrongBorder#0A0A0E00
  • editor.wordHighlightTextBackground#474761a4
  • editor.wordHighlightTextBorder#0A0E0B00
  • editorBracketHighlight.foreground1#F5F5F7ce
  • editorBracketHighlight.foreground2#F5F5F7ce
  • editorBracketHighlight.foreground3#F5F5F7ce
  • editorBracketHighlight.foreground4#F5F5F7ce
  • editorBracketHighlight.foreground5#F5F5F7ce
  • editorBracketHighlight.foreground6#F5F5F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#E8E8FEce
  • editorBracketMatch.background#C7B4BAa6
  • editorBracketMatch.border#0C0C10fe
  • editorBracketPairGuide.activeBackground1#C2B3C58e
  • editorBracketPairGuide.activeBackground2#B1BBA584
  • editorBracketPairGuide.activeBackground3#B2BCA687
  • editorBracketPairGuide.activeBackground4#A7BDAD89
  • editorBracketPairGuide.activeBackground5#C3B3C583
  • editorBracketPairGuide.activeBackground6#C3B3C586
  • editorBracketPairGuide.background1#2A1D2Cfe
  • editorBracketPairGuide.background2#311D23fe
  • editorBracketPairGuide.background3#2F1E22fe
  • editorBracketPairGuide.background4#311D23fe
  • editorBracketPairGuide.background5#172323fe
  • editorBracketPairGuide.background6#19251Dfe
  • editorCodeLens.foreground#B6B6C96e
  • editorCommentsWidget.rangeActiveBackground#B7B7CAfe
  • editorCommentsWidget.rangeBackground#16161efe
  • editorCommentsWidget.resolvedBorder#0C0C10fe
  • editorCommentsWidget.unresolvedBorder#4C0000cb
  • editorCursor.background#16161efe
  • editorCursor.foreground#E67D57fe
  • editorError.background#0E0C0A00
  • editorError.border#0A0A0E00
  • editorError.foreground#FE8EFEce
  • editorGhostText.background#16161efe
  • editorGhostText.border#0D0A0E00
  • editorGhostText.foreground#B6B6C96e
  • editorGroup.border#0C0C10fe
  • editorGroup.dropBackground#16161efe
  • editorGroup.dropIntoPromptBackground#16161efe
  • editorGroup.dropIntoPromptBorder#0C0C10fe
  • editorGroup.dropIntoPromptForeground#E8E8FEce
  • editorGroup.emptyBackground#16161efe
  • editorGroup.focusedEmptyBorder#0C0C10fe
  • editorGroupHeader.border#0A0E0E00
  • editorGroupHeader.noTabsBackground#0D0D12ae
  • editorGroupHeader.tabsBackground#16161ea1
  • editorGroupHeader.tabsBorder#0A0E0B00
  • editorGutter.addedBackground#81C985fb
  • editorGutter.background#16161efe
  • editorGutter.commentGlyphForeground#E8E8FEce
  • editorGutter.commentRangeForeground#E8E8FEce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FF9E9Ecb
  • editorGutter.foldingControlForeground#E8E8FEce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0A0A0E00
  • editorHint.foreground#C0ADFFce
  • editorHoverWidget.background#0C0C10fe
  • editorHoverWidget.border#0C0C10fe
  • editorHoverWidget.foreground#E8E8FEce
  • editorHoverWidget.highlightForeground#D3DDD6ca
  • editorHoverWidget.statusBarBackground#16161efe
  • editorIndentGuide.activeBackground1#FC8F67fe
  • editorIndentGuide.activeBackground2#FB8F67fe
  • editorIndentGuide.activeBackground3#FD8F68fe
  • editorIndentGuide.activeBackground4#FC8F67fe
  • editorIndentGuide.activeBackground5#FC8F68fe
  • editorIndentGuide.activeBackground6#FC8F67fe
  • editorIndentGuide.background1#86A38E35
  • editorIndentGuide.background2#9FAA8F35
  • editorIndentGuide.background3#99B1B135
  • editorIndentGuide.background4#A3868E35
  • editorIndentGuide.background5#8AA6A635
  • editorIndentGuide.background6#ACC0C035
  • editorInfo.background#0E0C0A00
  • editorInfo.border#0A0E0E00
  • editorInfo.foreground#C0ADFFce
  • editorInlayHint.background#16161efe
  • editorInlayHint.foreground#E8E8FEce
  • editorInlayHint.parameterBackground#16161efe
  • editorInlayHint.parameterForeground#E8E8FEce
  • editorInlayHint.typeBackground#16161efe
  • editorInlayHint.typeForeground#E8E8FEce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#E47850fe
  • editorLineNumber.dimmedForeground#B6B6C96e
  • editorLineNumber.foreground#B6B6C96e
  • editorLink.activeForeground#E2724Afe
  • editorMarkerNavigation.background#0C0C10fe
  • editorMarkerNavigationError.background#440044c3
  • editorMarkerNavigationError.headerBackground#440044a7
  • editorMarkerNavigationInfo.background#000083fe
  • editorMarkerNavigationInfo.headerBackground#000083fe
  • editorMarkerNavigationWarning.background#292200fe
  • editorMarkerNavigationWarning.headerBackground#292200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#16161efe
  • editorOverviewRuler.border#11116Efe
  • editorOverviewRuler.bracketMatchForeground#E8E8FEce
  • editorOverviewRuler.commentForeground#B6B6C96e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E8E8FEce
  • editorOverviewRuler.currentContentForeground#cececeb1
  • editorOverviewRuler.deletedForeground#FF9E9Ecb
  • editorOverviewRuler.errorForeground#FE8EFEce
  • editorOverviewRuler.findMatchForeground#00CCCCce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C0ADFFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DDE1D8ca
  • editorOverviewRuler.selectionHighlightForeground#C0ADFFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DDD9D3ca
  • editorOverviewRuler.wordHighlightStrongForeground#E8E8FEce
  • editorOverviewRuler.wordHighlightTextForeground#E8E8FEce
  • editorPane.background#16161efe
  • editorRuler.foreground#B6B6C923
  • editorStickyScroll.background#16161efe
  • editorStickyScrollHover.background#1414686e
  • editorSuggestWidget.background#0C0C10fe
  • editorSuggestWidget.border#0C0E0A00
  • editorSuggestWidget.focusHighlightForeground#F38EADfe
  • editorSuggestWidget.foreground#C0CFCFfe
  • editorSuggestWidget.highlightForeground#E1E5DDca
  • editorSuggestWidget.selectedBackground#5B454B83
  • editorSuggestWidget.selectedForeground#D3DDD6ca
  • editorSuggestWidget.selectedIconForeground#D2D2DEca
  • editorSuggestWidgetStatus.foreground#DAD5CEfe
  • editorUnicodeHighlight.background#3A4D4Da6
  • editorUnicodeHighlight.border#0C0C10fe
  • editorUnnecessaryCode.border#292200ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0D0A0E00
  • editorWarning.border#0C0E0A00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E8E8FEce
  • editorWidget.background#0C0C10fe
  • editorWidget.border#0C0C10fe
  • editorWidget.foreground#E8E8FEce
  • editorWidget.resizeBorder#0C0C10fe
  • errorForeground#FE8EFEce
  • extensionBadge.remoteBackground#D85E31fe
  • extensionBadge.remoteForeground#0D0D12fe
  • extensionButton.background#09097Aae
  • extensionButton.foreground#E8E8FEce
  • extensionButton.hoverBackground#1717606e
  • extensionButton.prominentBackground#16161efe
  • extensionButton.prominentForeground#E8E8FEce
  • extensionButton.prominentHoverBackground#16161efe
  • extensionButton.separator#0A0E0E00
  • extensionIcon.preReleaseForeground#CBBBBFfe
  • extensionIcon.sponsorForeground#D0C4D2fe
  • extensionIcon.starForeground#DDD9D3fe
  • extensionIcon.verifiedForeground#CCD2C4fe
  • focusBorder#0A0E0E00
  • foreground#E8E8FEce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FF9E9Ecb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C0ADFFce
  • gitDecoration.stageDeletedResourceForeground#FF9E9Ecb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CCCCce
  • icon.foreground#B7B7CAae
  • inlineChat.background#27221Aca
  • inlineChat.border#1E2218ca
  • inlineChat.regionHighlight#D8E1E1ca
  • inlineChat.shadow#DDE5DFca
  • inlineChatDiff.inserted#D5DACEca
  • inlineChatDiff.removed#E1E8E3ca
  • inlineChatInput.background#D9DDD3ca
  • inlineChatInput.border#2F1E22ca
  • inlineChatInput.focusBorder#0A0A0E00
  • inlineChatInput.placeholderForeground#DDE1D8ca
  • input.background#0C0C10fe
  • input.border#0C0C10fe
  • input.foreground#E8E8FEce
  • input.placeholderForeground#B6B6C965
  • inputOption.activeBackground#0C0C10fe
  • inputOption.activeBorder#0C0C10fe
  • inputOption.activeForeground#E9825Dfe
  • inputOption.hoverBackground#0C0C10fe
  • inputValidation.errorBackground#670067c7
  • inputValidation.errorBorder#440044c0
  • inputValidation.errorForeground#FE8EFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0C10fe
  • inputValidation.infoForeground#E8E8FEce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0C10fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0C10fe
  • interactive.inactiveCodeBorder#20202C9a
  • keybindingLabel.background#16161efe
  • keybindingLabel.border#0C0C10fe
  • keybindingLabel.bottomBorder#0C0C10fe
  • keybindingLabel.foreground#E8E8FEce
  • keybindingTable.headerBackground#16161efe
  • keybindingTable.rowsBackground#16161efe
  • list.activeSelectionBackground#5D496083
  • list.activeSelectionForeground#E1DDD8ca
  • list.activeSelectionIconForeground#DDE5E5ca
  • list.deemphasizedForeground#E8E8FEce
  • list.dropBackground#16161efe
  • list.errorForeground#FE8EFEce
  • list.filterMatchBackground#16161efe
  • list.filterMatchBorder#0C0C10fe
  • list.focusAndSelectionOutline#0E0A0B00
  • list.focusBackground#47476297
  • list.focusForeground#DA6337fe
  • list.focusHighlightForeground#D6A35Ffe
  • list.focusOutline#0C0E0A00
  • list.highlightForeground#E5E8E1ca
  • list.hoverBackground#102626a8
  • list.hoverForeground#E2724Afe
  • list.inactiveFocusBackground#2F2F4091
  • list.inactiveFocusOutline#0A0E0E00
  • list.inactiveSelectionBackground#0D0D12ae
  • list.inactiveSelectionForeground#B6B6C965
  • list.inactiveSelectionIconForeground#B6B6C965
  • list.invalidItemForeground#E8E8FEce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#16161efe
  • listFilterWidget.noMatchesOutline#0A0A0E00
  • listFilterWidget.outline#0A0E0B00
  • listFilterWidget.shadow#0C0E0A00
  • menu.background#0D0D12fe
  • menu.border#0D0A0E00
  • menu.foreground#D7D7FEae
  • menu.selectionBackground#3A4D4Da4
  • menu.selectionBorder#0E0C0A00
  • menu.selectionForeground#E2724Afe
  • menu.separatorBackground#1F1F4065
  • menubar.selectionBackground#3A4D4Dad
  • menubar.selectionBorder#0D0A0E00
  • menubar.selectionForeground#D85E31fe
  • merge.border#0C0C10fe
  • merge.commonContentBackground#16161efe
  • merge.commonHeaderBackground#16161efe
  • merge.currentContentBackground#00290031
  • merge.currentHeaderBackground#0F2710fb
  • merge.incomingContentBackground#0F2810cb
  • merge.incomingHeaderBackground#0F2710fb
  • mergeEditor.change.background#16161efe
  • mergeEditor.change.word.background#16161efe
  • mergeEditor.changeBase.background#16161efe
  • mergeEditor.changeBase.word.background#16161efe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0C10fe
  • mergeEditor.conflict.handledUnfocused.border#1D1D2724
  • mergeEditor.conflict.input1.background#0C0C10fe
  • mergeEditor.conflict.input2.background#0C0C10fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a7
  • mergeEditor.conflict.unhandledFocused.border#0C0C10fe
  • mergeEditor.conflict.unhandledUnfocused.border#19192221
  • mergeEditor.conflictingLines.background#16161efe
  • minimap.background#16161efe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F5F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#81C985fb
  • minimapGutter.deletedBackground#FE9F9Ffb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#646489fe
  • minimapSlider.background#3D3D53ae
  • minimapSlider.hoverBackground#44445D6e
  • notebook.cellBorderColor#0C0C10fe
  • notebook.cellEditorBackground#16161efe
  • notebook.cellHoverBackground#16161efe
  • notebook.cellInsertionIndicator#E1D8DAca
  • notebook.cellStatusBarItemHoverBackground#16161efe
  • notebook.cellToolbarSeparator#E1D8DAca
  • notebook.editorBackground#16161efe
  • notebook.focusedCellBackground#16161efe
  • notebook.focusedCellBorder#E2724Afe
  • notebook.focusedEditorBorder#0C0C10fe
  • notebook.inactiveFocusedCellBorder#5D5D7F8e
  • notebook.inactiveSelectedCellBorder#5D5D7F8e
  • notebook.outputContainerBackgroundColor#16161efe
  • notebook.outputContainerBorderColor#0C0C10fe
  • notebook.selectedCellBackground#16161efe
  • notebook.selectedCellBorder#0C0C10fe
  • notebook.symbolHighlightBackground#16161efe
  • notebookEditorOverviewRuler.runningCellForeground#E8E8FEce
  • notebookScrollbarSlider.activeBackground#5A5A7Afe
  • notebookScrollbarSlider.background#39394Eae
  • notebookScrollbarSlider.hoverBackground#5353716e
  • notebookStatusErrorIcon.foreground#FE8EFEce
  • notebookStatusRunningIcon.foreground#D6D1C9fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0C10fe
  • notificationCenterHeader.background#16161efe
  • notificationCenterHeader.foreground#E8E8FEce
  • notificationLink.foreground#E8E8FEce
  • notifications.background#16161efe
  • notifications.border#0C0C10fe
  • notifications.foreground#E8E8FEce
  • notificationsErrorIcon.foreground#FE8EFEce
  • notificationsInfoIcon.foreground#D8E1E1fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0C10fe
  • panel.background#16161efe
  • panel.border#0C0C10fe
  • panel.dropBorder#0C0C10fe
  • panelInput.border#0C0C10fe
  • panelSection.border#0C0C10fe
  • panelSection.dropBackground#16161efe
  • panelSectionHeader.background#16161efe
  • panelSectionHeader.border#0C0C10fe
  • panelSectionHeader.foreground#E8E8FEce
  • panelTitle.activeBorder#0C0E0A00
  • panelTitle.activeForeground#FC9069fe
  • panelTitle.inactiveForeground#A2A2BA65
  • peekView.border#FC9068fe
  • peekViewEditor.background#0C0C10fe
  • peekViewEditor.matchHighlightBackground#525B4587
  • peekViewEditor.matchHighlightBorder#0E0A0B00
  • peekViewEditorGutter.background#0C0C10fe
  • peekViewEditorStickyScroll.background#16161efe
  • peekViewResult.background#0D0D12fe
  • peekViewResult.fileForeground#E8E8FEce
  • peekViewResult.lineForeground#E8E8FEce
  • peekViewResult.matchHighlightBackground#614C658b
  • peekViewResult.selectionBackground#4C656589
  • peekViewResult.selectionForeground#E0D8E1ca
  • peekViewTitle.background#0D0D12fe
  • peekViewTitleDescription.foreground#E8E8FEce
  • peekViewTitleLabel.foreground#E8E8FEce
  • pickerGroup.border#0C0C10fe
  • pickerGroup.foreground#E8E8FEce
  • ports.iconRunningProcessForeground#DDD9D3fe
  • problemsErrorIcon.foreground#FE8EFEce
  • problemsInfoIcon.foreground#C0ADFFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#E2724Afe
  • profileBadge.foreground#0D0D12fe
  • progressBar.background#16161efe
  • quickInput.background#0D0D12fe
  • quickInput.foreground#E6E6EDae
  • quickInputList.focusBackground#454D3Aa6
  • quickInputList.focusForeground#D85E31fe
  • quickInputList.focusIconForeground#E47850fe
  • quickInputTitle.background#0C0C10fe
  • sash.hoverBorder#0C0C10fe
  • scrollbar.shadow#0A0A0E00
  • scrollbarSlider.activeBackground#616184fe
  • scrollbarSlider.background#3D3D53ae
  • scrollbarSlider.hoverBackground#4848626e
  • search.resultsInfoForeground#E8E8FEce
  • searchEditor.findMatchBackground#474761ac
  • searchEditor.findMatchBorder#0C0C10fe
  • searchEditor.textInputBorder#0C0C10fe
  • selection.background#16161efe
  • settings.checkboxBackground#0C0C10fe
  • settings.checkboxBorder#0C0C10fe
  • settings.checkboxForeground#E8E8FEce
  • settings.dropdownBackground#0C0C10fe
  • settings.dropdownBorder#0C0C10fe
  • settings.dropdownForeground#E8E8FEce
  • settings.dropdownListBorder#0C0C10fe
  • settings.focusedRowBackground#506A6A84
  • settings.focusedRowBorder#0C0C10fe
  • settings.headerBorder#0C0C10fe
  • settings.headerForeground#E8E8FEce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0C10fe
  • settings.numberInputBorder#0C0C10fe
  • settings.numberInputForeground#E8E8FEce
  • settings.rowHoverBackground#16161efe
  • settings.sashBorder#0C0C10fe
  • settings.settingsHeaderHoverForeground#DD683Dfe
  • settings.textInputBackground#0C0C10fe
  • settings.textInputBorder#0C0C10fe
  • settings.textInputForeground#E8E8FEce
  • sideBar.background#16161efe
  • sideBar.border#0C0C10fe
  • sideBar.dropBackground#16161efe
  • sideBar.foreground#B7B7CAae
  • sideBarSectionHeader.background#0A0E0E00
  • sideBarSectionHeader.border#0C0C10fe
  • sideBarSectionHeader.foreground#E8E8FEce
  • sideBarTitle.foreground#E8E8FEce
  • sideBySideEditor.horizontalBorder#0C0C10fe
  • sideBySideEditor.verticalBorder#0C0C10fe
  • simpleFindWidget.sashBorder#0C0C10fe
  • statusBar.background#0D0D12fe
  • statusBar.border#0C0C10fe
  • statusBar.debuggingBackground#44004499
  • statusBar.debuggingBorder#0C0C10fe
  • statusBar.debuggingForeground#E8E8FEce
  • statusBar.focusBorder#0A0E0B00
  • statusBar.foreground#B6B6C96e
  • statusBar.noFolderBackground#0D0D12fe
  • statusBar.noFolderBorder#0C0C10fe
  • statusBar.noFolderForeground#E8E8FEce
  • statusBarItem.activeBackground#0D0D12fe
  • statusBarItem.compactHoverBackground#0D0D12fe
  • statusBarItem.errorBackground#440044a1
  • statusBarItem.errorForeground#FE8EFEce
  • statusBarItem.errorHoverBackground#440044ae
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0A0E0E00
  • statusBarItem.hoverBackground#0D0D12fe
  • statusBarItem.hoverForeground#DD683Dfe
  • statusBarItem.offlineBackground#0D0D12fe
  • statusBarItem.offlineForeground#E8E8FEce
  • statusBarItem.offlineHoverBackground#0D0D12fe
  • statusBarItem.offlineHoverForeground#E47850fe
  • statusBarItem.prominentBackground#0D0D12fe
  • statusBarItem.prominentForeground#E8E8FEce
  • statusBarItem.prominentHoverBackground#0D0D12fe
  • statusBarItem.prominentHoverForeground#CD562Afe
  • statusBarItem.remoteBackground#E9825Dfe
  • statusBarItem.remoteForeground#0D0D12fe
  • statusBarItem.remoteHoverBackground#0D0D12fe
  • statusBarItem.remoteHoverForeground#DF6D44fe
  • statusBarItem.warningBackground#292200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#292200fe
  • statusBarItem.warningHoverForeground#CDA900ce
  • symbolIcon.arrayForeground#B6B6C9fe
  • symbolIcon.booleanForeground#00CCCCce
  • symbolIcon.classForeground#E1D8DAfe
  • symbolIcon.colorForeground#B6B6CAfe
  • symbolIcon.constantForeground#E8E1E3fe
  • symbolIcon.constructorForeground#E8E1E3fe
  • symbolIcon.enumeratorForeground#E4DDE5fe
  • symbolIcon.enumeratorMemberForeground#D8CEDAfe
  • symbolIcon.eventForeground#CBC4BBfe
  • symbolIcon.fieldForeground#BABACCfe
  • symbolIcon.fileForeground#DDE1D8fe
  • symbolIcon.folderForeground#E1DDD8fe
  • symbolIcon.functionForeground#C5B6C7fe
  • symbolIcon.interfaceForeground#DCD3DDfe
  • symbolIcon.keyForeground#D0C4D2fe
  • symbolIcon.keywordForeground#DCDCE5fe
  • symbolIcon.methodForeground#CFC0C4fe
  • symbolIcon.moduleForeground#B1C4C4fe
  • symbolIcon.namespaceForeground#C0C7B6fe
  • symbolIcon.nullForeground#E1E8E3fe
  • symbolIcon.numberForeground#CCD2C4fe
  • symbolIcon.objectForeground#D3DDDDfe
  • symbolIcon.operatorForeground#D5DACEfe
  • symbolIcon.packageForeground#BFBFD0fe
  • symbolIcon.propertyForeground#BFBFD0fe
  • symbolIcon.referenceForeground#C4CBBBfe
  • symbolIcon.snippetForeground#DAD5CEfe
  • symbolIcon.stringForeground#E7E1E8fe
  • symbolIcon.structForeground#C4D2D2fe
  • symbolIcon.textForeground#D3DDD6fe
  • symbolIcon.typeParameterForeground#CFC8C0fe
  • symbolIcon.unitForeground#D8CEDAfe
  • symbolIcon.variableForeground#C0C7B6fe
  • tab.activeBackground#0F0F15fe
  • tab.activeBorder#0A0E0E00
  • tab.activeBorderTop#FD8F67fe
  • tab.activeForeground#FD8F68fe
  • tab.activeModifiedBorder#292200ce
  • tab.border#0E0A0B00
  • tab.hoverBackground#A8BDBDae
  • tab.hoverBorder#0C0C10fe
  • tab.hoverForeground#CD562Afe
  • tab.inactiveBackground#01016B91
  • tab.inactiveForeground#A6A6BE65
  • tab.inactiveModifiedBorder#292200ce
  • tab.lastPinnedBorder#0C0C10fe
  • tab.unfocusedActiveBackground#19192234
  • tab.unfocusedActiveBorder#0A0A0E00
  • tab.unfocusedActiveBorderTop#1F1F3C65
  • tab.unfocusedActiveForeground#9D9DB765
  • tab.unfocusedActiveModifiedBorder#292200ce
  • tab.unfocusedHoverBackground#B8B8CA3d
  • tab.unfocusedHoverBorder#1919222a
  • tab.unfocusedHoverForeground#A2A2BA65
  • tab.unfocusedInactiveBackground#27273693
  • tab.unfocusedInactiveForeground#9D9DB765
  • tab.unfocusedInactiveModifiedBorder#292200ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a9
  • 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#670067ad
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececebd
  • terminal.ansiYellow#c4a200fe
  • terminal.background#16161efe
  • terminal.border#0C0C10fe
  • terminal.dropBackground#16161efe
  • terminal.findMatchBackground#16161efe
  • terminal.findMatchBorder#0C0C10fe
  • terminal.findMatchHighlightBackground#16161efe
  • terminal.findMatchHighlightBorder#0C0C10fe
  • terminal.foreground#B7B7CAae
  • terminal.hoverHighlightBackground#16161efe
  • terminal.inactiveSelectionBackground#2B2B3B95
  • terminal.selectionBackground#6F545B8c
  • terminal.selectionForeground#CEDAD1ca
  • terminal.tab.activeBorder#FB9068fe
  • terminalCommandDecoration.defaultBackground#B6B6C9a8
  • terminalCommandDecoration.errorBackground#FF9E9Ecb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#16161efe
  • terminalCursor.foreground#E2724Afe
  • terminalOverviewRuler.cursorForeground#E8E8FEce
  • terminalOverviewRuler.findMatchForeground#00CCCCce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c3
  • testing.iconUnset#808080a4
  • testing.message.error.decorationForeground#EAA991fe
  • testing.message.error.lineBackground#440044b9
  • testing.message.info.decorationForeground#EFA78Dfe
  • testing.message.info.lineBackground#000083fe
  • testing.peekBorder#0C0C10fe
  • testing.peekHeaderBackground#16161efe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#16161efe
  • textBlockQuote.border#0C0C10fe
  • textCodeBlock.background#16161efe
  • textLink.activeForeground#D5592Bfe
  • textLink.foreground#C0ADFFce
  • textPreformat.foreground#E8E8FEce
  • textSeparator.foreground#E8E8FEce
  • titleBar.activeBackground#0D0D12fe
  • titleBar.activeForeground#A5A5F0ae
  • titleBar.border#0E0A0B00
  • titleBar.inactiveBackground#1D1D27d3
  • titleBar.inactiveForeground#9D9DB765
  • toolbar.activeBackground#1E251581
  • toolbar.hoverBackground#16161efe
  • toolbar.hoverOutline#0A0A0E00
  • tree.inactiveIndentGuidesStroke#94AEAE35
  • tree.indentGuidesStroke#E9AA92fe
  • tree.tableColumnsBorder#0C0C10fe
  • tree.tableOddRowsBackground#16161efe
  • walkThrough.embeddedEditorBackground#16161efe
  • walkthrough.stepTitle.foreground#E8E8FEce
  • welcomePage.background#16161efe
  • welcomePage.progress.background#16161efe
  • welcomePage.progress.foreground#E8E8FEce
  • welcomePage.tileBackground#16161efe
  • welcomePage.tileBorder#0C0C10fe
  • welcomePage.tileHoverBackground#16161efe
  • widget.border#0C0C10fe
  • widget.shadow#0A0E0E00
  • window.activeBorder#0C0C10fe
  • window.inactiveBorder#01016397

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#BABAF86e
comment.block.html#BABAFC6e
comment.block.java#BABAFC6e
comment.block.javadoc.java#BABAF86e
comment.block.powershell#BABAF86e
comment.block.xml#BABAF96e
comment.line.double-slash.c#BBBBFB6e
comment.line.double-slash.cpp#BABAFC6e
comment.line.double-slash.java#BABAFC6e
comment.line.double-slash.js#BABAF96e
comment.line.number-sign.makefile#BABAF96e
comment.line.number-sign.python#BABAFC6e
comment.line.number-sign.yaml#BABAF86e
comment.line.percentage.erlang#BABAF96e
comment.line.powershell#BBBBFB6e
comment.source.cmake#BABAF86e
comment.source.cmakecache#BBBBFB6e
constant.character#F3A487de
constant.character.character-class.regexp#FEA2DAde
constant.character.escape#BCBCBCde
constant.character.set.regexp#F079C0de
constant.language#D5ACFAde
constant.numeric#C28AF3de
constant.numeric.dec.python#0FD8BEde
constant.other.caps.python#B3B3B3de
constant.other.character-class.regexp#D9AFFEde
constant.other.character-class.set.regexp#FEAC8Fde
constant.other.color.rgb-value#C18BF0de
constant.other.placeholder#EB8864de
constant.other.rgb-value#F3A487de
constant.regexp#A6A6A6de
constant.sha.git-rebase#C18BEFde
emphasis#829FF2de
entity.name.class#F6AF96de
entity.name.function#FEA5DAde
entity.name.function.preprocessor#BCBCBCde
entity.name.function.python#FEAD90de
entity.name.label#EF7AC0de
entity.name.namespace#AAAAAAde
entity.name.operator#A8C0FEde
entity.name.operator.custom-literal#BDCA11de
entity.name.scope-resolution#BECA11de
entity.name.tag#F3A487de
entity.name.tag.css#D9AFFEde
entity.name.type#BDCA11de
entity.name.variable#BDCA0Fde
entity.other.attribute#F696CFde
entity.other.attribute-name#FEA4DAde
entity.other.attribute-name.class.css#FEAD90de
entity.other.attribute-name.class.mixin.css#9DB5F7de
entity.other.attribute-name.id#C996F6de
entity.other.attribute-name.id.css#A8C0FEde
entity.other.attribute-name.parent-selector.css#BDC910de
entity.other.attribute-name.pseudo-class.css#BDC910de
entity.other.attribute-name.pseudo-element.css#BFCA0Dde
entity.other.attribute-name.scss#EF7AC0de
entity.other.document.begin.yaml#BABAF96e
entity.other.inherited-class#85A1EEde
header#C18BF0de
invalid#0BD9BCde
keyword#AFAFAFde
keyword.codetag.notation.python#EB8864de
keyword.control#10D8BEde
keyword.control.anchor.regexp#A6A6A6de
keyword.control.import.python#05D9BBde
keyword.operator#D5ACFAde
keyword.operator.alignas#FEA4DAde
keyword.operator.alignof#0FD7BCde
keyword.operator.cast#DAAFFEde
keyword.operator.delete#DAAFFEde
keyword.operator.documentation.powershell#BABAF96e
keyword.operator.expression#BDC90Fde
keyword.operator.instanceof#BDC90Fde
keyword.operator.logical.python#829FF2de
keyword.operator.minus.exponent#84A1F0de
keyword.operator.negation.regexp#10D7BDde
keyword.operator.new#829FF1de
keyword.operator.noexcept#C1C1C1de
keyword.operator.or.regexp#10D7BDde
keyword.operator.plus.exponent#BDCA10de
keyword.operator.quantifier.regexp#FEA4DAde
keyword.operator.sizeof#0FD8BEde
keyword.operator.typeid#FDAE91de
keyword.operator.wordlike#C18BF2de
keyword.other.operator#A5BBF8de
keyword.other.package.java#9DB5F7de
keyword.other.unit#EE9372de
keyword.other.using#B8B8B8de
markup.bold#C1C1C1de
markup.changed#FEA4DAde
markup.deleted#FDAE91de
markup.fenced_code.block.markdown#BBC907de
markup.heading#0BD9BCde
markup.inline.raw#C18BF1de
markup.inserted#F5A98Ede
markup.italic#BECA11de
markup.raw.block.markdown#0BD9BCde
markup.strikethrough#EE7BC0de
markup.underline#BBCA0Bde
meta.block.c#BBCA0Bde
meta.block.c#0ED7BCde
meta.class.java#F79DD3de
meta.definition.variable.name#A6A6A6de
meta.diff.header#BBC907de
meta.embedded#A6A6A6de
meta.embedded.assembly#C1C1C1de
meta.function-call.arguments.python#EE9372de
meta.function-call.python#AAAAAAde
meta.member.access.python#F58ECCde
meta.method.java#C1C1C1de
meta.object-literal.key#B3B3B3de
meta.paragraph.markdown#C1C1C1de
meta.preprocessor#0ED7BCde
meta.preprocessor.numeric#BDC911de
meta.preprocessor.string#96AFF6de
meta.scope.prerequisites.makefile#C1C1C1de
meta.structure.dictionary.json.comments#BBBBFB6e
meta.structure.dictionary.key.python#BDC911de
meta.structure.dictionary.value.json.comments#BABAFC6e
meta.template.expression#FDAD90de
meta.type.cast.expr#BBC907de
meta.type.new.expr#A8BFFEde
parameter#BFCA0Dde
punctuation.character.set.begin.regexp#F3A487de
punctuation.character.set.end.regexp#FEAC8Fde
punctuation.definition.array.begin.json#BBC907de
punctuation.definition.character-class.regexp#0FD7BCde
punctuation.definition.comment#BBBBFB6e
punctuation.definition.comment.json.comments#BABAF86e
punctuation.definition.comment.python#BBBBFB6e
punctuation.definition.dictionary.begin.json#BDC911de
punctuation.definition.dictionary.end.json#BECA11de
punctuation.definition.group.assertion.regexp#FEA4DBde
punctuation.definition.group.regexp#F09879de
punctuation.definition.list.begin.json#829FF1de
punctuation.definition.list.begin.markdown#10D7BDde
punctuation.definition.list.begin.python#FEA4DAde
punctuation.definition.list.end.json#C1C1C1de
punctuation.definition.list.end.markdown#F5A98Ede
punctuation.definition.list.end.python#D5ACFAde
punctuation.definition.parameters.begin.python#BBC907de
punctuation.definition.parameters.end.bracket.round.java#BBCB05de
punctuation.definition.quote.begin.markdown#84A0EFde
punctuation.definition.tag#BBC907de
punctuation.definition.template-expression.begin#C1C1C1de
punctuation.definition.template-expression.end#829FF1de
punctuation.section.class.begin.bracket.curly.java#C1C1C1de
punctuation.section.embedded#829FF1de
punctuation.section.embedded.begin.php#D5ACFAde
punctuation.section.embedded.end.php#A8BFFEde
punctuation.terminator.java#05D9BBde
source.cmake#A6A6A6de
source.coffee.embedded#D8AAFEde
source.cpp#D1A5F8de
source.css.less#BDC910de
source.groovy.embedded#84A0F0de
source.java#BCBCBCde
source.java-properties#A8C0FEde
source.json.comments#BABAF96e
source.makefile#FEA5DAde
source.powershell#C1C1C1de
source.powershell.variable.other.member#BDCA0Fde
source.python#FDAE91de
storage#FDAE91de
storage.modifier#FEA4DBde
storage.modifier.import.java#9DB5F7de
storage.modifier.package.java#A6A6A6de
storage.type#BDC910de
storage.type.annotation.groovy#0AD8BEde
storage.type.annotation.java#D5ACFAde
storage.type.boolean.go#C1C1C1de
storage.type.byte.go#BDCA10de
storage.type.cs#87A4F3de
storage.type.error.go#C18BF0de
storage.type.generic.cs#C58EF5de
storage.type.generic.groovy#C18BEFde
storage.type.generic.java#BDCA10de
storage.type.groovy#BDCA0Fde
storage.type.java#84A1F0de
storage.type.modifier.cs#84A0EFde
storage.type.numeric.go#FDAE91de
storage.type.object.array.groovy#F280C4de
storage.type.object.array.java#F280C4de
storage.type.parameters.groovy#0ED7BCde
storage.type.primitive.array.groovy#DAAFFEde
storage.type.primitive.array.java#F09879de
storage.type.primitive.groovy#BDC911de
storage.type.primitive.java#BDC910de
storage.type.rune.go#BDC90Fde
storage.type.string.go#F6AF96de
storage.type.token.java#A8C0FEde
storage.type.uintptr.go#FEAC8Fde
storage.type.variable.cs#F280C4de
string#A8BFFEde
string.quoted.docstring.multi.python#BABAFC6e
string.regexp#F387C8de
string.tag#829FF2de
string.value#A8BFFEde
strong#FDAD8Fde
support.class#C18BF1de
support.constant.color#A5BBF8de
support.constant.dom#F079C0de
support.constant.font-name#BBCB05de
support.constant.handlebars#EB8864de
support.constant.json#10D8BDde
support.constant.math#C1C1C1de
support.constant.media#EE7BC0de
support.constant.media-type#829FF2de
support.constant.property-value#FDAE91de
support.function#AFAFAFde
support.function.git-rebase#C1C1C1de
support.other.parenthesis.regexp#EB8864de
support.type#C18BF0de
support.type.property-name#05D9BBde
support.type.vendored.property-name#EF7AC0de
support.variable#9DB5F7de
token.debug-token#DAAFFEde
token.error-token#0BD9BCde
token.info-token#C1C1C1de
token.warn-token#0DD7BDde
variable#F280C4de
variable.css#BDCA10de
variable.language#0FD7BCde
variable.language.wildcard.java#EE7BC0de
variable.other.constant#BBCA0Bde
variable.other.definition.java#F696CFde
variable.other.enummember#FEA4DAde
variable.other.less#BCBCBCde
variable.other.object.java#0ED8BDde
variable.other.object.property.java#CD9DF7de
variable.parameter.c#C1C1C1de
variable.parameter.function.language.python#F5A98Ede
variable.parameter.java#F3A487de
variable.scss#0ED8BDde
viiv by B.W - VS Code Theme