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#161e1efe
  • activityBar.activeBackground#161e1efe
  • activityBar.activeBorder#0AC3DEfe
  • activityBar.activeFocusBorder#636B4C00
  • activityBar.background#0D1212fe
  • activityBar.border#636B4C00
  • activityBar.dropBorder#0FC3DCfe
  • activityBar.foreground#0EC3DEfe
  • activityBar.inactiveForeground#3DC4C465
  • activityBarBadge.background#0BC3DDfe
  • activityBarBadge.foreground#0D1212fe
  • badge.background#09C3DDfe
  • badge.foreground#0D1212fe
  • banner.background#161e1efe
  • banner.foreground#C9FAFAce
  • banner.iconForeground#CAB9C0fe
  • breadcrumb.activeSelectionForeground#E5E0DDca
  • breadcrumb.background#0F1515fe
  • breadcrumb.focusForeground#0DC2DDfe
  • breadcrumb.foreground#E1E9E9ae
  • breadcrumbPicker.background#161e1efe
  • button.background#3D5353ae
  • button.border#0D0A0E00
  • button.foreground#C9FAFAce
  • button.hoverBackground#445D5D6e
  • button.secondaryBackground#161e1efe
  • button.secondaryForeground#C9FAFAce
  • button.secondaryHoverBackground#161e1efe
  • button.separator#0D0A0E00
  • charts.blue#1b1bfffe
  • charts.foreground#C9FAFAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c3
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C1010fe
  • chat.slashCommandBackground#161e1efe
  • chat.slashCommandForeground#C9FAFAce
  • checkbox.background#0C1010fe
  • checkbox.border#0C1010fe
  • checkbox.foreground#C9FAFAce
  • checkbox.selectBackground#0C1010fe
  • checkbox.selectBorder#0C1010fe
  • commandCenter.activeBackground#091B9388
  • commandCenter.activeBorder#0C1010fe
  • commandCenter.activeForeground#0DC2DDfe
  • commandCenter.background#161e1efe
  • commandCenter.border#0C1010fe
  • commandCenter.foreground#C9FAFAce
  • commandCenter.inactiveBorder#202C2C95
  • commandCenter.inactiveForeground#98B3B365
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0D0A0E00
  • contrastBorder#0A0E0A00
  • debugConsole.errorForeground#FF98FFce
  • debugConsole.infoForeground#C9FAFAce
  • debugConsole.sourceForeground#C9FAFAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D8D9E1fe
  • debugExceptionWidget.background#5A005Abe
  • debugExceptionWidget.border#0C1010fe
  • debugIcon.breakpointCurrentStackframeForeground#D2CAC4fe
  • debugIcon.breakpointDisabledForeground#ACC2C265
  • debugIcon.breakpointForeground#D6CEDAfe
  • debugIcon.breakpointStackframeForeground#DDD7D3fe
  • debugIcon.breakpointUnverifiedForeground#C9B9C0fe
  • debugIcon.continueForeground#C4C6D2fe
  • debugIcon.disconnectForeground#CEDBDBfe
  • debugIcon.pauseForeground#CBC2BBfe
  • debugIcon.restartForeground#D6C9CFfe
  • debugIcon.startForeground#C0C2CFfe
  • debugIcon.stepBackForeground#D8D9E1fe
  • debugIcon.stepIntoForeground#E1DCD8fe
  • debugIcon.stepOutForeground#D2DEDEfe
  • debugIcon.stepOverForeground#CEC4D2fe
  • debugIcon.stopForeground#BBBDCBfe
  • debugTokenExpression.boolean#DEE1D8ca
  • debugTokenExpression.error#DEE1D8ca
  • debugTokenExpression.name#DCE5E5ca
  • debugTokenExpression.number#E5DDE0ca
  • debugTokenExpression.value#DDD3D7ca
  • debugToolBar.background#5A005Aad
  • debugToolBar.border#0C1010fe
  • debugView.exceptionLabelBackground#203320ca
  • debugView.exceptionLabelForeground#DDD3D7ca
  • debugView.stateLabelBackground#3B2C23ca
  • debugView.stateLabelForeground#DDD3D7ca
  • debugView.valueChangedHighlight#DDDEE5ca
  • descriptionForeground#C9FAFAce
  • diffEditor.border#0A0E0A00
  • diffEditor.diagonalFill#000000f0
  • diffEditor.insertedLineBackground#00380031
  • diffEditor.insertedTextBackground#113613fb
  • diffEditor.insertedTextBorder#0D0A0E00
  • diffEditor.move.border#0E0A0C00
  • diffEditor.moveActive.border#0A0E0E00
  • diffEditor.removedLineBackground#66000031
  • diffEditor.removedTextBackground#670000fb
  • diffEditor.removedTextBorder#0A0B0E00
  • diffEditor.unchangedCodeBackground#161e1efe
  • diffEditor.unchangedRegionBackground#161e1efe
  • diffEditor.unchangedRegionForeground#C9FAFAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#ACC2C265
  • dropdown.background#0C1010fe
  • dropdown.border#0C1010fe
  • dropdown.foreground#C9FAFAce
  • dropdown.listBackground#0C1010fe
  • editor.background#161e1efe
  • editor.findMatchBackground#494C60a2
  • editor.findMatchBorder#0C1010fe
  • editor.findMatchHighlightBackground#3B5252a3
  • editor.findMatchHighlightBorder#0C1010fe
  • editor.findRangeHighlightBackground#574B42ad
  • editor.findRangeHighlightBorder#0C1010fe
  • editor.focusedStackFrameHighlightBackground#5E475187
  • editor.foldBackground#BABDCBa1
  • editor.foreground#C9FAFAce
  • editor.hoverHighlightBackground#5E4751a4
  • editor.inactiveSelectionBackground#3C515196
  • editor.inlineValuesBackground#161e1efe
  • editor.inlineValuesForeground#C9FAFAce
  • editor.lineHighlightBackground#273636b1
  • editor.lineHighlightBorder#0D0A0E00
  • editor.linkedEditingBackground#161e1efe
  • editor.rangeHighlightBackground#3E533Ea1
  • editor.rangeHighlightBorder#0C1010fe
  • editor.selectionBackground#3F533Faa
  • editor.selectionForeground#E2E5DDca
  • editor.selectionHighlightBackground#484C608d
  • editor.selectionHighlightBorder#0C1010fe
  • editor.snippetFinalTabstopHighlightBackground#6B7357a7
  • editor.snippetFinalTabstopHighlightBorder#0C1010fe
  • editor.snippetTabstopHighlightBackground#54586Fac
  • editor.snippetTabstopHighlightBorder#0C1010fe
  • editor.stackFrameHighlightBackground#67546Fab
  • editor.symbolHighlightBackground#3B5151ac
  • editor.symbolHighlightBorder#0C1010fe
  • editor.wordHighlightBackground#584B42a2
  • editor.wordHighlightBorder#0A0E0A00
  • editor.wordHighlightStrongBackground#6B5773a4
  • editor.wordHighlightStrongBorder#0A0E0E00
  • editor.wordHighlightTextBackground#506A50a7
  • editor.wordHighlightTextBorder#0D0E0A00
  • editorBracketHighlight.foreground1#F5F7F7ce
  • editorBracketHighlight.foreground2#F5F7F7ce
  • editorBracketHighlight.foreground3#F5F7F7ce
  • editorBracketHighlight.foreground4#F5F7F7ce
  • editorBracketHighlight.foreground5#F5F7F7ce
  • editorBracketHighlight.foreground6#F5F7F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#C9FAFAce
  • editorBracketMatch.background#CBBAC2a2
  • editorBracketMatch.border#0C1010fe
  • editorBracketPairGuide.activeBackground1#B0C3B08e
  • editorBracketPairGuide.activeBackground2#BAC0AC8b
  • editorBracketPairGuide.activeBackground3#B0C3B083
  • editorBracketPairGuide.activeBackground4#C7BCB483
  • editorBracketPairGuide.activeBackground5#C6BBB48b
  • editorBracketPairGuide.activeBackground6#C7BCB484
  • editorBracketPairGuide.background1#2B301Efe
  • editorBracketPairGuide.background2#1F321Ffe
  • editorBracketPairGuide.background3#3B2C23fe
  • editorBracketPairGuide.background4#442631fe
  • editorBracketPairGuide.background5#1E3333fe
  • editorBracketPairGuide.background6#442632fe
  • editorCodeLens.foreground#ABC2C26e
  • editorCommentsWidget.rangeActiveBackground#ACC2C2fe
  • editorCommentsWidget.rangeBackground#161e1efe
  • editorCommentsWidget.resolvedBorder#0C1010fe
  • editorCommentsWidget.unresolvedBorder#670000cb
  • editorCursor.background#161e1efe
  • editorCursor.foreground#0BC3DDfe
  • editorError.background#0E0C0A00
  • editorError.border#0A0B0E00
  • editorError.foreground#FF98FFce
  • editorGhostText.background#161e1efe
  • editorGhostText.border#0A0E0A00
  • editorGhostText.foreground#ABC2C26e
  • editorGroup.border#0C1010fe
  • editorGroup.dropBackground#161e1efe
  • editorGroup.dropIntoPromptBackground#161e1efe
  • editorGroup.dropIntoPromptBorder#0C1010fe
  • editorGroup.dropIntoPromptForeground#C9FAFAce
  • editorGroup.emptyBackground#161e1efe
  • editorGroup.focusedEmptyBorder#0C1010fe
  • editorGroupHeader.border#0E0A0C00
  • editorGroupHeader.noTabsBackground#0D1212ae
  • editorGroupHeader.tabsBackground#161D1Da1
  • editorGroupHeader.tabsBorder#0E0A0C00
  • editorGutter.addedBackground#8ACD8Efb
  • editorGutter.background#161e1efe
  • editorGutter.commentGlyphForeground#C9FAFAce
  • editorGutter.commentRangeForeground#C9FAFAce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA5A5cb
  • editorGutter.foldingControlForeground#C9FAFAce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0A0E0E00
  • editorHint.foreground#C5B3FEce
  • editorHoverWidget.background#0C1010fe
  • editorHoverWidget.border#0C1010fe
  • editorHoverWidget.foreground#C9FAFAce
  • editorHoverWidget.highlightForeground#D7E2E2ca
  • editorHoverWidget.statusBarBackground#161e1efe
  • editorIndentGuide.activeBackground1#0EC2DCfe
  • editorIndentGuide.activeBackground2#0BC2DDfe
  • editorIndentGuide.activeBackground3#0EC2DCfe
  • editorIndentGuide.activeBackground4#0FC3DCfe
  • editorIndentGuide.activeBackground5#0AC3DEfe
  • editorIndentGuide.activeBackground6#0EC3DDfe
  • editorIndentGuide.background1#A7BCA735
  • editorIndentGuide.background2#B5A89E35
  • editorIndentGuide.background3#9EB59E35
  • editorIndentGuide.background4#A3869235
  • editorIndentGuide.background5#9EA1B535
  • editorIndentGuide.background6#A7AABC35
  • editorInfo.background#0A0B0E00
  • editorInfo.border#0D0E0A00
  • editorInfo.foreground#C5B3FEce
  • editorInlayHint.background#161e1efe
  • editorInlayHint.foreground#C9FAFAce
  • editorInlayHint.parameterBackground#161e1efe
  • editorInlayHint.parameterForeground#C9FAFAce
  • editorInlayHint.typeBackground#161e1efe
  • editorInlayHint.typeForeground#C9FAFAce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#0AC2DCfe
  • editorLineNumber.dimmedForeground#ACC2C26e
  • editorLineNumber.foreground#ACC2C26e
  • editorLink.activeForeground#0EC2DDfe
  • editorMarkerNavigation.background#0C1010fe
  • editorMarkerNavigationError.background#5A005A9a
  • editorMarkerNavigationError.headerBackground#5A005A9f
  • editorMarkerNavigationInfo.background#0000AAfe
  • editorMarkerNavigationInfo.headerBackground#0000AAfe
  • editorMarkerNavigationWarning.background#392F00fe
  • editorMarkerNavigationWarning.headerBackground#392F00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#161e1efe
  • editorOverviewRuler.border#0E3535fe
  • editorOverviewRuler.bracketMatchForeground#C9FAFAce
  • editorOverviewRuler.commentForeground#ADC2C26e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#C9FAFAce
  • editorOverviewRuler.currentContentForeground#cecece9a
  • editorOverviewRuler.deletedForeground#FFA5A5cb
  • editorOverviewRuler.errorForeground#FF98FFce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C5B3FEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D7E2E2ca
  • editorOverviewRuler.selectionHighlightForeground#C5B3FEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#E8E4E1ca
  • editorOverviewRuler.wordHighlightStrongForeground#C9FAFAce
  • editorOverviewRuler.wordHighlightTextForeground#C9FAFAce
  • editorPane.background#161e1efe
  • editorRuler.foreground#ADC2C23d
  • editorStickyScroll.background#161e1efe
  • editorStickyScrollHover.background#1934346e
  • editorSuggestWidget.background#0C1010fe
  • editorSuggestWidget.border#0D0A0E00
  • editorSuggestWidget.focusHighlightForeground#F694BBfe
  • editorSuggestWidget.foreground#D8E1D8fe
  • editorSuggestWidget.highlightForeground#E6E8E1ca
  • editorSuggestWidget.selectedBackground#58475F84
  • editorSuggestWidget.selectedForeground#D6CEDAca
  • editorSuggestWidget.selectedIconForeground#D6DACEca
  • editorSuggestWidgetStatus.foreground#B6C7B6fe
  • editorUnicodeHighlight.background#445D5Dad
  • editorUnicodeHighlight.border#0C1010fe
  • editorUnnecessaryCode.border#382F00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0A0E0E00
  • editorWarning.border#0A0E0A00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#C9FAFAce
  • editorWidget.background#0C1010fe
  • editorWidget.border#0C1010fe
  • editorWidget.foreground#C9FAFAce
  • editorWidget.resizeBorder#0C1010fe
  • errorForeground#FF98FFce
  • extensionBadge.remoteBackground#0AC2DCfe
  • extensionBadge.remoteForeground#0D1212fe
  • extensionButton.background#1B3434ae
  • extensionButton.foreground#C9FAFAce
  • extensionButton.hoverBackground#1934346e
  • extensionButton.prominentBackground#161e1efe
  • extensionButton.prominentForeground#C9FAFAce
  • extensionButton.prominentHoverBackground#161e1efe
  • extensionButton.separator#0A0E0A00
  • extensionIcon.preReleaseForeground#E1DCD8fe
  • extensionIcon.sponsorForeground#CEC4D2fe
  • extensionIcon.starForeground#D2DEDEfe
  • extensionIcon.verifiedForeground#D7E2E2fe
  • focusBorder#0A0E0E00
  • foreground#C9FAFAce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA5A5cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C5B3FEce
  • gitDecoration.stageDeletedResourceForeground#FFA5A5cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#ACC2C2ae
  • inlineChat.background#1E3333ca
  • inlineChat.border#2D2F3Bca
  • inlineChat.regionHighlight#DDE5DDca
  • inlineChat.shadow#CEDBDBca
  • inlineChatDiff.inserted#E1DCD8ca
  • inlineChatDiff.removed#E5DDE0ca
  • inlineChatInput.background#DACED3ca
  • inlineChatInput.border#3E2649ca
  • inlineChatInput.focusBorder#0A0E0E00
  • inlineChatInput.placeholderForeground#D3DDD3ca
  • input.background#0C1010fe
  • input.border#0C1010fe
  • input.foreground#C9FAFAce
  • input.placeholderForeground#ACC2C265
  • inputOption.activeBackground#0C1010fe
  • inputOption.activeBorder#0C1010fe
  • inputOption.activeForeground#0DC2DDfe
  • inputOption.hoverBackground#0C1010fe
  • inputValidation.errorBackground#6700679f
  • inputValidation.errorBorder#5A005Aaf
  • inputValidation.errorForeground#FF98FFce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C1010fe
  • inputValidation.infoForeground#C9FAFAce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C1010fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C1010fe
  • interactive.inactiveCodeBorder#1434349e
  • keybindingLabel.background#161e1efe
  • keybindingLabel.border#0C1010fe
  • keybindingLabel.bottomBorder#0C1010fe
  • keybindingLabel.foreground#C9FAFAce
  • keybindingTable.headerBackground#161e1efe
  • keybindingTable.rowsBackground#161e1efe
  • list.activeSelectionBackground#5F475186
  • list.activeSelectionForeground#E1DCD8ca
  • list.activeSelectionIconForeground#D6DACEca
  • list.deemphasizedForeground#C9FAFAce
  • list.dropBackground#161e1efe
  • list.errorForeground#FF98FFce
  • list.filterMatchBackground#161e1efe
  • list.filterMatchBorder#0C1010fe
  • list.focusAndSelectionOutline#0A0E0A00
  • list.focusBackground#3B515196
  • list.focusForeground#0BC3DDfe
  • list.focusHighlightForeground#4DC94Dfe
  • list.focusOutline#0A0E0A00
  • list.highlightForeground#DED8E1ca
  • list.hoverBackground#163616a4
  • list.hoverForeground#0EC2DDfe
  • list.inactiveFocusBackground#2F404097
  • list.inactiveFocusOutline#0E0A0C00
  • list.inactiveSelectionBackground#0D1212ae
  • list.inactiveSelectionForeground#ACC2C265
  • list.inactiveSelectionIconForeground#ACC2C265
  • list.invalidItemForeground#C9FAFAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#161e1efe
  • listFilterWidget.noMatchesOutline#0A0B0E00
  • listFilterWidget.outline#0A0E0A00
  • listFilterWidget.shadow#0A0B0E00
  • menu.background#0D1212fe
  • menu.border#0A0E0E00
  • menu.foreground#E1E9E9ae
  • menu.selectionBackground#3E523Ea6
  • menu.selectionBorder#0D0E0A00
  • menu.selectionForeground#0EC2DCfe
  • menu.separatorBackground#24313165
  • menubar.selectionBackground#3F533Fa9
  • menubar.selectionBorder#0D0A0E00
  • menubar.selectionForeground#0CC3DCfe
  • merge.border#0C1010fe
  • merge.commonContentBackground#161e1efe
  • merge.commonHeaderBackground#161e1efe
  • merge.currentContentBackground#00380031
  • merge.currentHeaderBackground#113613fb
  • merge.incomingContentBackground#123514cb
  • merge.incomingHeaderBackground#113613fb
  • mergeEditor.change.background#161e1efe
  • mergeEditor.change.word.background#161e1efe
  • mergeEditor.changeBase.background#161e1efe
  • mergeEditor.changeBase.word.background#161e1efe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C1010fe
  • mergeEditor.conflict.handledUnfocused.border#1D27273d
  • mergeEditor.conflict.input1.background#0C1010fe
  • mergeEditor.conflict.input2.background#0C1010fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b4
  • mergeEditor.conflict.unhandledFocused.border#0C1010fe
  • mergeEditor.conflict.unhandledUnfocused.border#1D272737
  • mergeEditor.conflictingLines.background#161e1efe
  • minimap.background#161e1efe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F7F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#8ACD8Efb
  • minimapGutter.deletedBackground#FFA5A5fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#618484fe
  • minimapSlider.background#324545ae
  • minimapSlider.hoverBackground#4F6C6C6e
  • notebook.cellBorderColor#0C1010fe
  • notebook.cellEditorBackground#161e1efe
  • notebook.cellHoverBackground#161e1efe
  • notebook.cellInsertionIndicator#D6C9CFca
  • notebook.cellStatusBarItemHoverBackground#161e1efe
  • notebook.cellToolbarSeparator#E1E2E8ca
  • notebook.editorBackground#161e1efe
  • notebook.focusedCellBackground#161e1efe
  • notebook.focusedCellBorder#29B3C6fe
  • notebook.focusedEditorBorder#0C1010fe
  • notebook.inactiveFocusedCellBorder#6184848e
  • notebook.inactiveSelectedCellBorder#5D7F7F8e
  • notebook.outputContainerBackgroundColor#161e1efe
  • notebook.outputContainerBorderColor#0C1010fe
  • notebook.selectedCellBackground#161e1efe
  • notebook.selectedCellBorder#0C1010fe
  • notebook.symbolHighlightBackground#161e1efe
  • notebookEditorOverviewRuler.runningCellForeground#C9FAFAce
  • notebookScrollbarSlider.activeBackground#567676fe
  • notebookScrollbarSlider.background#3D5353ae
  • notebookScrollbarSlider.hoverBackground#445D5D6e
  • notebookStatusErrorIcon.foreground#FF98FFce
  • notebookStatusRunningIcon.foreground#E8E4E1fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C1010fe
  • notificationCenterHeader.background#161e1efe
  • notificationCenterHeader.foreground#C9FAFAce
  • notificationLink.foreground#C9FAFAce
  • notifications.background#161e1efe
  • notifications.border#0C1010fe
  • notifications.foreground#C9FAFAce
  • notificationsErrorIcon.foreground#FF98FFce
  • notificationsInfoIcon.foreground#D2DEDEfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C1010fe
  • panel.background#161e1efe
  • panel.border#0C1010fe
  • panel.dropBorder#0C1010fe
  • panelInput.border#0C1010fe
  • panelSection.border#0C1010fe
  • panelSection.dropBackground#161e1efe
  • panelSectionHeader.background#161e1efe
  • panelSectionHeader.border#0C1010fe
  • panelSectionHeader.foreground#C9FAFAce
  • panelTitle.activeBorder#0D0A0E00
  • panelTitle.activeForeground#0AC2DDfe
  • panelTitle.inactiveForeground#3AC3C365
  • peekView.border#0CC3DEfe
  • peekViewEditor.background#0C1010fe
  • peekViewEditor.matchHighlightBackground#574B4281
  • peekViewEditor.matchHighlightBorder#0A0E0A00
  • peekViewEditorGutter.background#0C1010fe
  • peekViewEditorStickyScroll.background#161e1efe
  • peekViewResult.background#0D1212fe
  • peekViewResult.fileForeground#C9FAFAce
  • peekViewResult.lineForeground#C9FAFAce
  • peekViewResult.matchHighlightBackground#494C6083
  • peekViewResult.selectionBackground#574B4181
  • peekViewResult.selectionForeground#DDDEE5ca
  • peekViewTitle.background#0D1212fe
  • peekViewTitleDescription.foreground#C9FAFAce
  • peekViewTitleLabel.foreground#C9FAFAce
  • pickerGroup.border#0C1010fe
  • pickerGroup.foreground#C9FAFAce
  • ports.iconRunningProcessForeground#CED0DAfe
  • problemsErrorIcon.foreground#FF98FFce
  • problemsInfoIcon.foreground#C5B3FEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#0CC3DCfe
  • profileBadge.foreground#0D1212fe
  • progressBar.background#161e1efe
  • quickInput.background#0D1212fe
  • quickInput.foreground#C4FBFBae
  • quickInputList.focusBackground#676F54aa
  • quickInputList.focusForeground#29BACFfe
  • quickInputList.focusIconForeground#0EC2DCfe
  • quickInputTitle.background#0C1010fe
  • sash.hoverBorder#0C1010fe
  • scrollbar.shadow#0D0A0E00
  • scrollbarSlider.activeBackground#5D7F7Ffe
  • scrollbarSlider.background#364A4Aae
  • scrollbarSlider.hoverBackground#5371716e
  • search.resultsInfoForeground#C9FAFAce
  • searchEditor.findMatchBackground#50546Aae
  • searchEditor.findMatchBorder#0C1010fe
  • searchEditor.textInputBorder#0C1010fe
  • selection.background#161e1efe
  • settings.checkboxBackground#0C1010fe
  • settings.checkboxBorder#0C1010fe
  • settings.checkboxForeground#C9FAFAce
  • settings.dropdownBackground#0C1010fe
  • settings.dropdownBorder#0C1010fe
  • settings.dropdownForeground#C9FAFAce
  • settings.dropdownListBorder#0C1010fe
  • settings.focusedRowBackground#58475E88
  • settings.focusedRowBorder#0C1010fe
  • settings.headerBorder#0C1010fe
  • settings.headerForeground#C9FAFAce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C1010fe
  • settings.numberInputBorder#0C1010fe
  • settings.numberInputForeground#C9FAFAce
  • settings.rowHoverBackground#161e1efe
  • settings.sashBorder#0C1010fe
  • settings.settingsHeaderHoverForeground#29BACFfe
  • settings.textInputBackground#0C1010fe
  • settings.textInputBorder#0C1010fe
  • settings.textInputForeground#C9FAFAce
  • sideBar.background#161e1efe
  • sideBar.border#0C1010fe
  • sideBar.dropBackground#161e1efe
  • sideBar.foreground#ACC2C2ae
  • sideBarSectionHeader.background#0E0A0C00
  • sideBarSectionHeader.border#0C1010fe
  • sideBarSectionHeader.foreground#C9FAFAce
  • sideBarTitle.foreground#C9FAFAce
  • sideBySideEditor.horizontalBorder#0C1010fe
  • sideBySideEditor.verticalBorder#0C1010fe
  • simpleFindWidget.sashBorder#0C1010fe
  • statusBar.background#0D1212fe
  • statusBar.border#0C1010fe
  • statusBar.debuggingBackground#5A005Aa9
  • statusBar.debuggingBorder#0C1010fe
  • statusBar.debuggingForeground#C9FAFAce
  • statusBar.focusBorder#0A0E0E00
  • statusBar.foreground#ADC2C26e
  • statusBar.noFolderBackground#0D1212fe
  • statusBar.noFolderBorder#0C1010fe
  • statusBar.noFolderForeground#C9FAFAce
  • statusBarItem.activeBackground#0D1212fe
  • statusBarItem.compactHoverBackground#0D1212fe
  • statusBarItem.errorBackground#5A005Ab3
  • statusBarItem.errorForeground#FF98FFce
  • statusBarItem.errorHoverBackground#5A005Aba
  • statusBarItem.errorHoverForeground#BA00BAce
  • statusBarItem.focusBorder#0A0E0E00
  • statusBarItem.hoverBackground#0D1212fe
  • statusBarItem.hoverForeground#0EC2DDfe
  • statusBarItem.offlineBackground#0D1212fe
  • statusBarItem.offlineForeground#C9FAFAce
  • statusBarItem.offlineHoverBackground#0D1212fe
  • statusBarItem.offlineHoverForeground#0EC2DDfe
  • statusBarItem.prominentBackground#0D1212fe
  • statusBarItem.prominentForeground#C9FAFAce
  • statusBarItem.prominentHoverBackground#0D1212fe
  • statusBarItem.prominentHoverForeground#0DC2DDfe
  • statusBarItem.remoteBackground#29BACFfe
  • statusBarItem.remoteForeground#0D1212fe
  • statusBarItem.remoteHoverBackground#0D1212fe
  • statusBarItem.remoteHoverForeground#0AC2DCfe
  • statusBarItem.warningBackground#392F00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#392F00fe
  • statusBarItem.warningHoverForeground#D2AE00ce
  • symbolIcon.arrayForeground#DDE5DDfe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#D2CAC4fe
  • symbolIcon.colorForeground#C4D2C4fe
  • symbolIcon.constantForeground#E5DDE0fe
  • symbolIcon.constructorForeground#CAC0CFfe
  • symbolIcon.enumeratorForeground#E1E2E8fe
  • symbolIcon.enumeratorMemberForeground#E2DDE5fe
  • symbolIcon.eventForeground#DDDEE5fe
  • symbolIcon.fieldForeground#CED0DAfe
  • symbolIcon.fileForeground#C4D2C4fe
  • symbolIcon.folderForeground#DCE5E5fe
  • symbolIcon.functionForeground#DACED3fe
  • symbolIcon.interfaceForeground#C9D7D7fe
  • symbolIcon.keyForeground#DED8E1fe
  • symbolIcon.keywordForeground#E1E2E8fe
  • symbolIcon.methodForeground#DDE5DDfe
  • symbolIcon.moduleForeground#D2CAC4fe
  • symbolIcon.namespaceForeground#BACCCCfe
  • symbolIcon.nullForeground#D2D6C9fe
  • symbolIcon.numberForeground#C4D3D3fe
  • symbolIcon.objectForeground#D2CAC4fe
  • symbolIcon.operatorForeground#E1D8DCfe
  • symbolIcon.packageForeground#E1E2E8fe
  • symbolIcon.propertyForeground#D2CAC4fe
  • symbolIcon.referenceForeground#DAD3DDfe
  • symbolIcon.snippetForeground#D8D9E1fe
  • symbolIcon.stringForeground#DCE5E5fe
  • symbolIcon.structForeground#D7E2E2fe
  • symbolIcon.textForeground#DDE5DDfe
  • symbolIcon.typeParameterForeground#D2D6C9fe
  • symbolIcon.unitForeground#C4D2C4fe
  • symbolIcon.variableForeground#D8D9E1fe
  • tab.activeBackground#0F1515fe
  • tab.activeBorder#0A0B0E00
  • tab.activeBorderTop#0CC3DEfe
  • tab.activeForeground#0CC3DEfe
  • tab.activeModifiedBorder#382F00ce
  • tab.border#0A0E0E00
  • tab.hoverBackground#B1C4B1a8
  • tab.hoverBorder#0C1010fe
  • tab.hoverForeground#0CC3DCfe
  • tab.inactiveBackground#24313198
  • tab.inactiveForeground#3DC4C465
  • tab.inactiveModifiedBorder#382F00ce
  • tab.lastPinnedBorder#0C1010fe
  • tab.unfocusedActiveBackground#1D27273d
  • tab.unfocusedActiveBorder#0A0B0E00
  • tab.unfocusedActiveBorderTop#24313165
  • tab.unfocusedActiveForeground#41C3C365
  • tab.unfocusedActiveModifiedBorder#382F00ce
  • tab.unfocusedHoverBackground#ADC2C235
  • tab.unfocusedHoverBorder#19222230
  • tab.unfocusedHoverForeground#98B3B365
  • tab.unfocusedInactiveBackground#202C2C9d
  • tab.unfocusedInactiveForeground#3DC4C465
  • tab.unfocusedInactiveModifiedBorder#382F00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333bd
  • 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#670067cb
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea1
  • terminal.ansiYellow#c4a200fe
  • terminal.background#161e1efe
  • terminal.border#0C1010fe
  • terminal.dropBackground#161e1efe
  • terminal.findMatchBackground#161e1efe
  • terminal.findMatchBorder#0C1010fe
  • terminal.findMatchHighlightBackground#161e1efe
  • terminal.findMatchHighlightBorder#0C1010fe
  • terminal.foreground#ACC2C2ae
  • terminal.hoverHighlightBackground#161e1efe
  • terminal.inactiveSelectionBackground#2B3B3B9b
  • terminal.selectionBackground#49604988
  • terminal.selectionForeground#E6E1E8ca
  • terminal.tab.activeBorder#0CC3DEfe
  • terminalCommandDecoration.defaultBackground#C7BCB4a6
  • terminalCommandDecoration.errorBackground#FFA5A5cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#161e1efe
  • terminalCursor.foreground#29B3C6fe
  • terminalOverviewRuler.cursorForeground#C9FAFAce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c6
  • testing.iconUnset#808080a2
  • testing.message.error.decorationForeground#57CDDEfe
  • testing.message.error.lineBackground#5A005Aaf
  • testing.message.info.decorationForeground#49CFE3fe
  • testing.message.info.lineBackground#0000AAfe
  • testing.peekBorder#0C1010fe
  • testing.peekHeaderBackground#161e1efe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#161e1efe
  • textBlockQuote.border#0C1010fe
  • textCodeBlock.background#161e1efe
  • textLink.activeForeground#0BC3DDfe
  • textLink.foreground#C5B3FEce
  • textPreformat.foreground#C9FAFAce
  • textSeparator.foreground#C9FAFAce
  • titleBar.activeBackground#0D1212fe
  • titleBar.activeForeground#71BEBEae
  • titleBar.border#0A0E0A00
  • titleBar.inactiveBackground#202C2Cde
  • titleBar.inactiveForeground#41C3C365
  • toolbar.activeBackground#432A1886
  • toolbar.hoverBackground#161e1efe
  • toolbar.hoverOutline#0E0C0A00
  • tree.inactiveIndentGuidesStroke#AE9EB535
  • tree.indentGuidesStroke#56D5E7fe
  • tree.tableColumnsBorder#0C1010fe
  • tree.tableOddRowsBackground#161e1efe
  • walkThrough.embeddedEditorBackground#161e1efe
  • walkthrough.stepTitle.foreground#C9FAFAce
  • welcomePage.background#161e1efe
  • welcomePage.progress.background#161e1efe
  • welcomePage.progress.foreground#C9FAFAce
  • welcomePage.tileBackground#161e1efe
  • welcomePage.tileBorder#0C1010fe
  • welcomePage.tileHoverBackground#161e1efe
  • widget.border#0C1010fe
  • widget.shadow#0A0E0A00
  • window.activeBorder#0C1010fe
  • window.inactiveBorder#2431319a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#7DD5D56e
comment.block.html#7DD5D56e
comment.block.java#7DD5D56e
comment.block.javadoc.java#7FD4D46e
comment.block.powershell#77D6D66e
comment.block.xml#77D6D66e
comment.line.double-slash.c#77D6D66e
comment.line.double-slash.cpp#77D6D66e
comment.line.double-slash.java#77D6D66e
comment.line.double-slash.js#7FD4D46e
comment.line.number-sign.makefile#78D4D46e
comment.line.number-sign.python#7FD4D46e
comment.line.number-sign.yaml#77D6D66e
comment.line.percentage.erlang#7DD5D56e
comment.line.powershell#77D6D66e
comment.source.cmake#77D6D66e
comment.source.cmakecache#78D4D46e
constant.character#1BD9F4de
constant.character.character-class.regexp#0EE444de
constant.character.escape#C6C6C6de
constant.character.set.regexp#82DC0Ede
constant.language#AEAEAEde
constant.numeric#FCBA65de
constant.numeric.dec.python#22D9F4de
constant.other.caps.python#BCBCBCde
constant.other.character-class.regexp#1ED9F4de
constant.other.character-class.set.regexp#F9A5BFde
constant.other.color.rgb-value#21D9F5de
constant.other.placeholder#B3B3B3de
constant.other.rgb-value#C6C6C6de
constant.regexp#1ED9F4de
constant.sha.git-rebase#FDBA63de
emphasis#82DD0Bde
entity.name.class#B3B3B3de
entity.name.function#0CE543de
entity.name.function.preprocessor#82DC0Fde
entity.name.function.python#0AE441de
entity.name.label#EFB871de
entity.name.namespace#0CE442de
entity.name.operator#0CE543de
entity.name.operator.custom-literal#C6C6C6de
entity.name.scope-resolution#DE85F2de
entity.name.tag#EF87A7de
entity.name.tag.css#FAACC4de
entity.name.type#0EE444de
entity.name.variable#F285A6de
entity.other.attribute#F89DB9de
entity.other.attribute-name#FAACC4de
entity.other.attribute-name.class.css#C6C6C6de
entity.other.attribute-name.class.mixin.css#E79DF8de
entity.other.attribute-name.id#0AE441de
entity.other.attribute-name.id.css#82DC0Fde
entity.other.attribute-name.parent-selector.css#83DD0Fde
entity.other.attribute-name.pseudo-class.css#FBBA63de
entity.other.attribute-name.pseudo-element.css#21D9F5de
entity.other.attribute-name.scss#80DC0Ade
entity.other.document.begin.yaml#7DD5D56e
entity.other.inherited-class#FDBA63de
header#17DAF4de
invalid#FCBA65de
keyword#1ED9F4de
keyword.codetag.notation.python#C0C0C0de
keyword.control#F285A6de
keyword.control.anchor.regexp#83DD0Ede
keyword.control.import.python#F186A8de
keyword.operator#EBB064de
keyword.operator.alignas#C4C4C4de
keyword.operator.alignof#FEB1CAde
keyword.operator.cast#FCBA65de
keyword.operator.delete#F186A8de
keyword.operator.documentation.powershell#77D6D66e
keyword.operator.expression#21D9F5de
keyword.operator.instanceof#EF87A7de
keyword.operator.logical.python#DC86F0de
keyword.operator.minus.exponent#FAACC4de
keyword.operator.negation.regexp#21D9F4de
keyword.operator.new#EF87A7de
keyword.operator.noexcept#23D9F5de
keyword.operator.or.regexp#1ED9F4de
keyword.operator.plus.exponent#A7A7A7de
keyword.operator.quantifier.regexp#DF87F4de
keyword.operator.sizeof#EFB871de
keyword.operator.typeid#C0C0C0de
keyword.operator.wordlike#BCBCBCde
keyword.other.operator#F696B4de
keyword.other.package.java#F086A7de
keyword.other.unit#C4C4C4de
keyword.other.using#C6C6C6de
markup.bold#0CE443de
markup.changed#82DC0Fde
markup.deleted#0CE543de
markup.fenced_code.block.markdown#FAACC4de
markup.heading#F1BC79de
markup.inline.raw#0FE445de
markup.inserted#E79DF8de
markup.italic#F58EAEde
markup.raw.block.markdown#E79DF8de
markup.strikethrough#FCBA67de
markup.underline#F285A6de
meta.block.c#C6C6C6de
meta.block.c#EF87A7de
meta.class.java#F285A6de
meta.definition.variable.name#FCBA66de
meta.diff.header#FBBA63de
meta.embedded#EF87A7de
meta.embedded.assembly#E79DF8de
meta.function-call.arguments.python#0FE443de
meta.function-call.python#23D9F5de
meta.member.access.python#82DC0Fde
meta.method.java#83DD0Ade
meta.object-literal.key#FCBA66de
meta.paragraph.markdown#82DB0Cde
meta.preprocessor#82DC0Fde
meta.preprocessor.numeric#FBBA63de
meta.preprocessor.string#0AE441de
meta.scope.prerequisites.makefile#82DC0Fde
meta.structure.dictionary.json.comments#7FD4D46e
meta.structure.dictionary.key.python#FCBA67de
meta.structure.dictionary.value.json.comments#77D6D66e
meta.template.expression#FCBA67de
meta.type.cast.expr#FEABC5de
meta.type.new.expr#0EE444de
parameter#0FE545de
punctuation.character.set.begin.regexp#DC86F0de
punctuation.character.set.end.regexp#E9A5F9de
punctuation.definition.array.begin.json#EE88A8de
punctuation.definition.character-class.regexp#21D9F4de
punctuation.definition.comment#7DD5D56e
punctuation.definition.comment.json.comments#77D6D66e
punctuation.definition.comment.python#7FD4D46e
punctuation.definition.dictionary.begin.json#F89DB9de
punctuation.definition.dictionary.end.json#0EE443de
punctuation.definition.group.assertion.regexp#FCBA65de
punctuation.definition.group.regexp#EF87A7de
punctuation.definition.list.begin.json#F186A8de
punctuation.definition.list.begin.markdown#FEB1CAde
punctuation.definition.list.begin.python#A7A7A7de
punctuation.definition.list.end.json#F58EAEde
punctuation.definition.list.end.markdown#FAACC4de
punctuation.definition.list.end.python#FCBA65de
punctuation.definition.parameters.begin.python#82DC0Ede
punctuation.definition.parameters.end.bracket.round.java#82DC0Fde
punctuation.definition.quote.begin.markdown#21D9F4de
punctuation.definition.tag#82DC0Fde
punctuation.definition.template-expression.begin#AEAEAEde
punctuation.definition.template-expression.end#DC86F0de
punctuation.section.class.begin.bracket.curly.java#FEB1CAde
punctuation.section.embedded#1FD9F3de
punctuation.section.embedded.begin.php#C5C5C5de
punctuation.section.embedded.end.php#F186A8de
punctuation.terminator.java#83DD0Ade
source.cmake#E28EF5de
source.coffee.embedded#C4C4C4de
source.cpp#BCBCBCde
source.css.less#F1BC79de
source.groovy.embedded#AAAAAAde
source.java#1BD9F4de
source.java-properties#F9A5BFde
source.json.comments#77D6D66e
source.makefile#E9A5F9de
source.powershell#F0AFFEde
source.powershell.variable.other.member#AAAAAAde
source.python#DF87F4de
storage#FCBA65de
storage.modifier#80DC0Cde
storage.modifier.import.java#C6C6C6de
storage.modifier.package.java#B3B3B3de
storage.type#82DC0Ede
storage.type.annotation.groovy#0EE443de
storage.type.annotation.java#DC86F1de
storage.type.boolean.go#83DD0Ede
storage.type.byte.go#1CD9F5de
storage.type.cs#AAAAAAde
storage.type.error.go#C5C5C5de
storage.type.generic.cs#C5C5C5de
storage.type.generic.groovy#E28EF5de
storage.type.generic.java#FEB1CAde
storage.type.groovy#BCBCBCde
storage.type.java#FCBA66de
storage.type.modifier.cs#DC87EFde
storage.type.numeric.go#1FD9F3de
storage.type.object.array.groovy#22D9F4de
storage.type.object.array.java#C6C6C6de
storage.type.parameters.groovy#FCBA66de
storage.type.primitive.array.groovy#80DC0Ade
storage.type.primitive.array.java#23D9F5de
storage.type.primitive.groovy#0CE443de
storage.type.primitive.java#DC86F1de
storage.type.rune.go#C4C4C4de
storage.type.string.go#F0AFFEde
storage.type.token.java#DE85F2de
storage.type.uintptr.go#0EE444de
storage.type.variable.cs#0FE443de
string#E496F6de
string.quoted.docstring.multi.python#7FD4D46e
string.regexp#82DC0Fde
string.tag#F89DB9de
string.value#16D9F5de
strong#81DD0Dde
support.class#82DC0Fde
support.constant.color#0EE544de
support.constant.dom#FCBA65de
support.constant.font-name#FCBA65de
support.constant.handlebars#22D9F4de
support.constant.json#1BD9F4de
support.constant.math#F285A6de
support.constant.media#F58EAEde
support.constant.media-type#83DD0Ede
support.constant.property-value#AEAEAEde
support.function#FCBA65de
support.function.git-rebase#17DAF4de
support.other.parenthesis.regexp#FCBA66de
support.type#0AE542de
support.type.property-name#1FD9F4de
support.type.vendored.property-name#0EE444de
support.variable#0CE442de
token.debug-token#AEAEAEde
token.error-token#EBB064de
token.info-token#82DC0Fde
token.warn-token#DC86F0de
variable#22D9F4de
variable.css#F186A8de
variable.language#DC86F0de
variable.language.wildcard.java#C4C4C4de
variable.other.constant#A7A7A7de
variable.other.definition.java#0EE443de
variable.other.enummember#FBBA63de
variable.other.less#F58EAEde
variable.other.object.java#21D9F5de
variable.other.object.property.java#E9AC5Dde
variable.parameter.c#A7A7A7de
variable.parameter.function.language.python#1CD9F5de
variable.parameter.java#C6C6C6de
variable.scss#C4C4C4de
viiv by B.W - VS Code Theme