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#191f19fe
  • activityBar.activeBackground#191f19fe
  • activityBar.activeBorder#C9B20Efe
  • activityBar.activeFocusBorder#60698400
  • activityBar.background#0F130Ffe
  • activityBar.border#60698400
  • activityBar.dropBorder#CAB30Ffe
  • activityBar.foreground#CBB30Ffe
  • activityBar.inactiveForeground#9DB09D65
  • activityBarBadge.background#C6B22Cfe
  • activityBarBadge.foreground#0F130Ffe
  • badge.background#C6B22Cfe
  • badge.foreground#0F130Ffe
  • banner.background#191f19fe
  • banner.foreground#D4FCD4ce
  • banner.iconForeground#DDE5E4fe
  • breadcrumb.activeSelectionForeground#E1DBD9ca
  • breadcrumb.background#111511fe
  • breadcrumb.focusForeground#CAB210fe
  • breadcrumb.foreground#D3FDD3ae
  • breadcrumbPicker.background#191f19fe
  • button.background#465646ae
  • button.border#0F0B0D00
  • button.foreground#D4FCD4ce
  • button.hoverBackground#5569556e
  • button.secondaryBackground#191f19fe
  • button.secondaryForeground#D4FCD4ce
  • button.secondaryHoverBackground#191f19fe
  • button.separator#0F0C0B00
  • charts.blue#1b1bfffe
  • charts.foreground#D4FCD4ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#6700679f
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0D110Dfe
  • chat.slashCommandBackground#191f19fe
  • chat.slashCommandForeground#D4FCD4ce
  • checkbox.background#0D110Dfe
  • checkbox.border#0D110Dfe
  • checkbox.foreground#D4FCD4ce
  • checkbox.selectBackground#0D110Dfe
  • checkbox.selectBorder#0D110Dfe
  • commandCenter.activeBackground#45146887
  • commandCenter.activeBorder#0D110Dfe
  • commandCenter.activeForeground#CAB30Afe
  • commandCenter.background#191f19fe
  • commandCenter.border#0D110Dfe
  • commandCenter.foreground#D4FCD4ce
  • commandCenter.inactiveBorder#0E360E94
  • commandCenter.inactiveForeground#9DB09D65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0E0F0B00
  • contrastBorder#0E0F0B00
  • debugConsole.errorForeground#FE9BFEce
  • debugConsole.infoForeground#D4FCD4ce
  • debugConsole.sourceForeground#D4FCD4ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#DEE4DEfe
  • debugExceptionWidget.background#580058c2
  • debugExceptionWidget.border#0D110Dfe
  • debugIcon.breakpointCurrentStackframeForeground#DDE5E4fe
  • debugIcon.breakpointDisabledForeground#B4C2B465
  • debugIcon.breakpointForeground#D9DBE1fe
  • debugIcon.breakpointStackframeForeground#C3BBCAfe
  • debugIcon.breakpointUnverifiedForeground#DEE4DEfe
  • debugIcon.continueForeground#D5DDD5fe
  • debugIcon.disconnectForeground#D6CAD1fe
  • debugIcon.pauseForeground#B7C7C5fe
  • debugIcon.restartForeground#C1C5CFfe
  • debugIcon.startForeground#C6D2D1fe
  • debugIcon.stepBackForeground#CBD5CBfe
  • debugIcon.stepIntoForeground#D9D4DDfe
  • debugIcon.stepOutForeground#D9E1E0fe
  • debugIcon.stepOverForeground#CFC1C9fe
  • debugIcon.stopForeground#BDCABDfe
  • debugTokenExpression.boolean#DCDDD4ca
  • debugTokenExpression.error#E4E5DDca
  • debugTokenExpression.name#D8DACFca
  • debugTokenExpression.number#E8E8E2ca
  • debugTokenExpression.value#DDE5E4ca
  • debugToolBar.background#580058a7
  • debugToolBar.border#0D110Dfe
  • debugView.exceptionLabelBackground#362745ca
  • debugView.exceptionLabelForeground#DCDDD4ca
  • debugView.stateLabelBackground#3B2B23ca
  • debugView.stateLabelForeground#E0E1D9ca
  • debugView.valueChangedHighlight#D9E1E0ca
  • descriptionForeground#D4FCD4ce
  • diffEditor.border#0F0B0D00
  • diffEditor.diagonalFill#000000f3
  • diffEditor.insertedLineBackground#00340031
  • diffEditor.insertedTextBackground#113513fb
  • diffEditor.insertedTextBorder#0F0B0D00
  • diffEditor.move.border#0D0B0F00
  • diffEditor.moveActive.border#0F0B0D00
  • diffEditor.removedLineBackground#65000031
  • diffEditor.removedTextBackground#650000fb
  • diffEditor.removedTextBorder#0D0B0F00
  • diffEditor.unchangedCodeBackground#191f19fe
  • diffEditor.unchangedRegionBackground#191f19fe
  • diffEditor.unchangedRegionForeground#D4FCD4ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B3C2B365
  • dropdown.background#0D110Dfe
  • dropdown.border#0D110Dfe
  • dropdown.foreground#D4FCD4ce
  • dropdown.listBackground#0D110Dfe
  • editor.background#191f19fe
  • editor.findMatchBackground#5E614Ba1
  • editor.findMatchBorder#0D110Dfe
  • editor.findMatchHighlightBackground#5A4B46a3
  • editor.findMatchHighlightBorder#0D110Dfe
  • editor.findRangeHighlightBackground#60526Aae
  • editor.findRangeHighlightBorder#0D110Dfe
  • editor.focusedStackFrameHighlightBackground#44575588
  • editor.foldBackground#BEC0AFa1
  • editor.foreground#D4FCD4ce
  • editor.hoverHighlightBackground#3F524Fa9
  • editor.inactiveSelectionBackground#42534297
  • editor.inlineValuesBackground#191f19fe
  • editor.inlineValuesForeground#D4FCD4ce
  • editor.lineHighlightBackground#2F3A2Fb3
  • editor.lineHighlightBorder#0B0C0F00
  • editor.linkedEditingBackground#191f19fe
  • editor.rangeHighlightBackground#5E4855a1
  • editor.rangeHighlightBorder#0D110Dfe
  • editor.selectionBackground#4E503Ea5
  • editor.selectionForeground#D4D7DDca
  • editor.selectionHighlightBackground#484E5E82
  • editor.selectionHighlightBorder#0D110Dfe
  • editor.snippetFinalTabstopHighlightBackground#435243ac
  • editor.snippetFinalTabstopHighlightBorder#0D110Dfe
  • editor.snippetTabstopHighlightBackground#614B58a9
  • editor.snippetTabstopHighlightBorder#0D110Dfe
  • editor.stackFrameHighlightBackground#5A4B46a5
  • editor.symbolHighlightBackground#494F5Fa8
  • editor.symbolHighlightBorder#0D110Dfe
  • editor.wordHighlightBackground#475C59ad
  • editor.wordHighlightBorder#0D0B0F00
  • editor.wordHighlightStrongBackground#5A4B45a7
  • editor.wordHighlightStrongBorder#0C0E0C00
  • editor.wordHighlightTextBackground#435243a2
  • editor.wordHighlightTextBorder#0F0B0D00
  • editorBracketHighlight.foreground1#F5F7F5ce
  • editorBracketHighlight.foreground2#F5F7F5ce
  • editorBracketHighlight.foreground3#F5F7F5ce
  • editorBracketHighlight.foreground4#F5F7F5ce
  • editorBracketHighlight.foreground5#F5F7F5ce
  • editorBracketHighlight.foreground6#F5F7F5ce
  • editorBracketHighlight.unexpectedBracket.foreground#D4FCD4ce
  • editorBracketMatch.background#BDC0AEa2
  • editorBracketMatch.border#0D110Dfe
  • editorBracketPairGuide.activeBackground1#BEC1AE8d
  • editorBracketPairGuide.activeBackground2#C4BBCA88
  • editorBracketPairGuide.activeBackground3#C4BCCB84
  • editorBracketPairGuide.activeBackground4#C4BBCB8d
  • editorBracketPairGuide.activeBackground5#B1C3C088
  • editorBracketPairGuide.activeBackground6#B0C2BF83
  • editorBracketPairGuide.background1#1E312Efe
  • editorBracketPairGuide.background2#203120fe
  • editorBracketPairGuide.background3#1D302Efe
  • editorBracketPairGuide.background4#1E312Efe
  • editorBracketPairGuide.background5#3C2922fe
  • editorBracketPairGuide.background6#2C2E1Efe
  • editorCodeLens.foreground#B3C2B36e
  • editorCommentsWidget.rangeActiveBackground#B3C2B3fe
  • editorCommentsWidget.rangeBackground#191f19fe
  • editorCommentsWidget.resolvedBorder#0D110Dfe
  • editorCommentsWidget.unresolvedBorder#640000cb
  • editorCursor.background#191f19fe
  • editorCursor.foreground#C9B211fe
  • editorError.background#0F0C0B00
  • editorError.border#0F0C0B00
  • editorError.foreground#FE9BFEce
  • editorGhostText.background#191f19fe
  • editorGhostText.border#0E0F0B00
  • editorGhostText.foreground#B3C2B36e
  • editorGroup.border#0D110Dfe
  • editorGroup.dropBackground#191f19fe
  • editorGroup.dropIntoPromptBackground#191f19fe
  • editorGroup.dropIntoPromptBorder#0D110Dfe
  • editorGroup.dropIntoPromptForeground#D4FCD4ce
  • editorGroup.emptyBackground#191f19fe
  • editorGroup.focusedEmptyBorder#0D110Dfe
  • editorGroupHeader.border#0B0F0E00
  • editorGroupHeader.noTabsBackground#0F130Fae
  • editorGroupHeader.tabsBackground#181E18a1
  • editorGroupHeader.tabsBorder#0B0F0E00
  • editorGutter.addedBackground#8CCE90fb
  • editorGutter.background#191f19fe
  • editorGutter.commentGlyphForeground#D4FCD4ce
  • editorGutter.commentRangeForeground#D4FCD4ce
  • editorGutter.commentUnresolvedGlyphForeground#8CCE8Fcb
  • editorGutter.deletedBackground#FFA7A7cb
  • editorGutter.foldingControlForeground#D4FCD4ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0D0B0F00
  • editorHint.foreground#C6B4FFce
  • editorHoverWidget.background#0D110Dfe
  • editorHoverWidget.border#0D110Dfe
  • editorHoverWidget.foreground#D4FCD4ce
  • editorHoverWidget.highlightForeground#D4D7DDca
  • editorHoverWidget.statusBarBackground#191f19fe
  • editorIndentGuide.activeBackground1#CBB30Ffe
  • editorIndentGuide.activeBackground2#CAB30Ffe
  • editorIndentGuide.activeBackground3#CAB310fe
  • editorIndentGuide.activeBackground4#C9B211fe
  • editorIndentGuide.activeBackground5#CBB30Ffe
  • editorIndentGuide.activeBackground6#CAB310fe
  • editorIndentGuide.background1#9198AA35
  • editorIndentGuide.background2#C4B7B335
  • editorIndentGuide.background3#A0A6B535
  • editorIndentGuide.background4#B9AAA435
  • editorIndentGuide.background5#B3C4C135
  • editorIndentGuide.background6#88A39F35
  • editorInfo.background#0D0B0F00
  • editorInfo.border#0E0F0B00
  • editorInfo.foreground#C6B4FFce
  • editorInlayHint.background#191f19fe
  • editorInlayHint.foreground#D4FCD4ce
  • editorInlayHint.parameterBackground#191f19fe
  • editorInlayHint.parameterForeground#D4FCD4ce
  • editorInlayHint.typeBackground#191f19fe
  • editorInlayHint.typeForeground#D4FCD4ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8CCE8Fcb
  • editorLineNumber.activeForeground#C9B211fe
  • editorLineNumber.dimmedForeground#B3C2B36e
  • editorLineNumber.foreground#B3C2B36e
  • editorLink.activeForeground#CBB20Dfe
  • editorMarkerNavigation.background#0D110Dfe
  • editorMarkerNavigationError.background#580058a4
  • editorMarkerNavigationError.headerBackground#580058be
  • editorMarkerNavigationInfo.background#0000A6fe
  • editorMarkerNavigationInfo.headerBackground#0000A6fe
  • editorMarkerNavigationWarning.background#362D00fe
  • editorMarkerNavigationWarning.headerBackground#362D00fe
  • editorOverviewRuler.addedForeground#8CCE8Fcb
  • editorOverviewRuler.background#191f19fe
  • editorOverviewRuler.border#193419fe
  • editorOverviewRuler.bracketMatchForeground#D4FCD4ce
  • editorOverviewRuler.commentForeground#B3C2B36e
  • editorOverviewRuler.commentUnresolvedForeground#8CCE8Fcb
  • editorOverviewRuler.commonContentForeground#D4FCD4ce
  • editorOverviewRuler.currentContentForeground#cecece9a
  • editorOverviewRuler.deletedForeground#FFA7A7cb
  • editorOverviewRuler.errorForeground#FE9BFEce
  • editorOverviewRuler.findMatchForeground#00D6D6ce
  • editorOverviewRuler.incomingContentForeground#8CCE8Fcb
  • editorOverviewRuler.infoForeground#C6B4FFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DDDFE5ca
  • editorOverviewRuler.selectionHighlightForeground#C6B4FFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#E2E4E8ca
  • editorOverviewRuler.wordHighlightStrongForeground#D4FCD4ce
  • editorOverviewRuler.wordHighlightTextForeground#D4FCD4ce
  • editorPane.background#191f19fe
  • editorRuler.foreground#B3C2B337
  • editorStickyScroll.background#191f19fe
  • editorStickyScrollHover.background#1C321C6e
  • editorSuggestWidget.background#0D110Dfe
  • editorSuggestWidget.border#0F0B0D00
  • editorSuggestWidget.focusHighlightForeground#EDA07Afe
  • editorSuggestWidget.foreground#CBC0BCfe
  • editorSuggestWidget.highlightForeground#E4E5DDca
  • editorSuggestWidget.selectedBackground#55574487
  • editorSuggestWidget.selectedForeground#CFD2DAca
  • editorSuggestWidget.selectedIconForeground#DDD7D4ca
  • editorSuggestWidgetStatus.foreground#B7C7C5fe
  • editorUnicodeHighlight.background#6C6F56a9
  • editorUnicodeHighlight.border#0D110Dfe
  • editorUnnecessaryCode.border#362D00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0E0F0B00
  • editorWarning.border#0F0C0B00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#D4FCD4ce
  • editorWidget.background#0D110Dfe
  • editorWidget.border#0D110Dfe
  • editorWidget.foreground#D4FCD4ce
  • editorWidget.resizeBorder#0D110Dfe
  • errorForeground#FE9BFEce
  • extensionBadge.remoteBackground#C9B211fe
  • extensionBadge.remoteForeground#0F130Ffe
  • extensionButton.background#193419ae
  • extensionButton.foreground#D4FCD4ce
  • extensionButton.hoverBackground#1B341B6e
  • extensionButton.prominentBackground#191f19fe
  • extensionButton.prominentForeground#D4FCD4ce
  • extensionButton.prominentHoverBackground#191f19fe
  • extensionButton.separator#0B0C0F00
  • extensionIcon.preReleaseForeground#DCDDD4fe
  • extensionIcon.sponsorForeground#C9CBBCfe
  • extensionIcon.starForeground#CFD2DAfe
  • extensionIcon.verifiedForeground#B4C2B4fe
  • focusBorder#0C0E0C00
  • foreground#D4FCD4ce
  • gitDecoration.addedResourceForeground#8CCE8Fcb
  • gitDecoration.deletedResourceForeground#FFA7A7cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C6B4FFce
  • gitDecoration.stageDeletedResourceForeground#FFA7A7cb
  • gitDecoration.stageModifiedResourceForeground#8CCE8Fcb
  • gitDecoration.untrackedResourceForeground#00D6D6ce
  • icon.foreground#B3C2B3ae
  • inlineChat.background#203220ca
  • inlineChat.border#203320ca
  • inlineChat.regionHighlight#DDD9E1ca
  • inlineChat.shadow#D9DBE1ca
  • inlineChatDiff.inserted#DEE4DEca
  • inlineChatDiff.removed#D1CAD6ca
  • inlineChatInput.background#E1DBD9ca
  • inlineChatInput.border#432535ca
  • inlineChatInput.focusBorder#0B0F0E00
  • inlineChatInput.placeholderForeground#DDE5E4ca
  • input.background#0D110Dfe
  • input.border#0D110Dfe
  • input.foreground#D4FCD4ce
  • input.placeholderForeground#B4C2B465
  • inputOption.activeBackground#0D110Dfe
  • inputOption.activeBorder#0D110Dfe
  • inputOption.activeForeground#C6B22Cfe
  • inputOption.hoverBackground#0D110Dfe
  • inputValidation.errorBackground#670067ab
  • inputValidation.errorBorder#5800589e
  • inputValidation.errorForeground#FE9BFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0D110Dfe
  • inputValidation.infoForeground#D4FCD4ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0D110Dfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0D110Dfe
  • interactive.inactiveCodeBorder#13351392
  • keybindingLabel.background#191f19fe
  • keybindingLabel.border#0D110Dfe
  • keybindingLabel.bottomBorder#0D110Dfe
  • keybindingLabel.foreground#D4FCD4ce
  • keybindingTable.headerBackground#191f19fe
  • keybindingTable.rowsBackground#191f19fe
  • list.activeSelectionBackground#526A6788
  • list.activeSelectionForeground#E1D9DDca
  • list.activeSelectionIconForeground#D9D4DDca
  • list.deemphasizedForeground#D4FCD4ce
  • list.dropBackground#191f19fe
  • list.errorForeground#FE9BFEce
  • list.filterMatchBackground#191f19fe
  • list.filterMatchBorder#0D110Dfe
  • list.focusAndSelectionOutline#0C0E0C00
  • list.focusBackground#43524397
  • list.focusForeground#C6B22Cfe
  • list.focusHighlightForeground#6DC56Dfe
  • list.focusOutline#0C0E0C00
  • list.highlightForeground#DDD9E1ca
  • list.hoverBackground#2C3014a7
  • list.hoverForeground#CAB30Afe
  • list.inactiveFocusBackground#2B362B95
  • list.inactiveFocusOutline#0B0F0E00
  • list.inactiveSelectionBackground#0F130Fae
  • list.inactiveSelectionForeground#B4C2B465
  • list.inactiveSelectionIconForeground#B4C2B465
  • list.invalidItemForeground#D4FCD4ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#191f19fe
  • listFilterWidget.noMatchesOutline#0F0C0B00
  • listFilterWidget.outline#0C0E0C00
  • listFilterWidget.shadow#0F0B0D00
  • menu.background#0F130Ffe
  • menu.border#0D0B0F00
  • menu.foreground#ECEFECae
  • menu.selectionBackground#4E503Ea2
  • menu.selectionBorder#0B0C0F00
  • menu.selectionForeground#C9B211fe
  • menu.separatorBackground#27312765
  • menubar.selectionBackground#4D503Ea4
  • menubar.selectionBorder#0D0B0F00
  • menubar.selectionForeground#C9B211fe
  • merge.border#0D110Dfe
  • merge.commonContentBackground#191f19fe
  • merge.commonHeaderBackground#191f19fe
  • merge.currentContentBackground#00340031
  • merge.currentHeaderBackground#113513fb
  • merge.incomingContentBackground#123514cb
  • merge.incomingHeaderBackground#113513fb
  • mergeEditor.change.background#191f19fe
  • mergeEditor.change.word.background#191f19fe
  • mergeEditor.changeBase.background#191f19fe
  • mergeEditor.changeBase.word.background#191f19fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0D110Dfe
  • mergeEditor.conflict.handledUnfocused.border#2028203a
  • mergeEditor.conflict.input1.background#0D110Dfe
  • mergeEditor.conflict.input2.background#0D110Dfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c0
  • mergeEditor.conflict.unhandledFocused.border#0D110Dfe
  • mergeEditor.conflict.unhandledUnfocused.border#20282032
  • mergeEditor.conflictingLines.background#191f19fe
  • minimap.background#191f19fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F7F5ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#8CCE90fb
  • minimapGutter.deletedBackground#FFA8A8fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#6B856Bfe
  • minimapSlider.background#374437ae
  • minimapSlider.hoverBackground#5164516e
  • notebook.cellBorderColor#0D110Dfe
  • notebook.cellEditorBackground#191f19fe
  • notebook.cellHoverBackground#191f19fe
  • notebook.cellInsertionIndicator#DDD7D4ca
  • notebook.cellStatusBarItemHoverBackground#191f19fe
  • notebook.cellToolbarSeparator#CBD5CBca
  • notebook.editorBackground#191f19fe
  • notebook.focusedCellBackground#191f19fe
  • notebook.focusedCellBorder#CBB311fe
  • notebook.focusedEditorBorder#0D110Dfe
  • notebook.inactiveFocusedCellBorder#6B856B8e
  • notebook.inactiveSelectedCellBorder#6077608e
  • notebook.outputContainerBackgroundColor#191f19fe
  • notebook.outputContainerBorderColor#0D110Dfe
  • notebook.selectedCellBackground#191f19fe
  • notebook.selectedCellBorder#0D110Dfe
  • notebook.symbolHighlightBackground#191f19fe
  • notebookEditorOverviewRuler.runningCellForeground#D4FCD4ce
  • notebookScrollbarSlider.activeBackground#678067fe
  • notebookScrollbarSlider.background#425242ae
  • notebookScrollbarSlider.hoverBackground#5164516e
  • notebookStatusErrorIcon.foreground#FE9BFEce
  • notebookStatusRunningIcon.foreground#CAD6D4fe
  • notebookStatusSuccessIcon.foreground#8CCE8Fcb
  • notificationCenter.border#0D110Dfe
  • notificationCenterHeader.background#191f19fe
  • notificationCenterHeader.foreground#D4FCD4ce
  • notificationLink.foreground#D4FCD4ce
  • notifications.background#191f19fe
  • notifications.border#0D110Dfe
  • notifications.foreground#D4FCD4ce
  • notificationsErrorIcon.foreground#FE9BFEce
  • notificationsInfoIcon.foreground#DDE5E4fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0D110Dfe
  • panel.background#191f19fe
  • panel.border#0D110Dfe
  • panel.dropBorder#0D110Dfe
  • panelInput.border#0D110Dfe
  • panelSection.border#0D110Dfe
  • panelSection.dropBackground#191f19fe
  • panelSectionHeader.background#191f19fe
  • panelSectionHeader.border#0D110Dfe
  • panelSectionHeader.foreground#D4FCD4ce
  • panelTitle.activeBorder#0D0B0F00
  • panelTitle.activeForeground#CAB30Efe
  • panelTitle.inactiveForeground#43CB4365
  • peekView.border#C9B211fe
  • peekViewEditor.background#0D110Dfe
  • peekViewEditor.matchHighlightBackground#6A595287
  • peekViewEditor.matchHighlightBorder#0D0B0F00
  • peekViewEditorGutter.background#0D110Dfe
  • peekViewEditorStickyScroll.background#191f19fe
  • peekViewResult.background#0F130Ffe
  • peekViewResult.fileForeground#D4FCD4ce
  • peekViewResult.lineForeground#D4FCD4ce
  • peekViewResult.matchHighlightBackground#5A4B4688
  • peekViewResult.selectionBackground#5C4D4785
  • peekViewResult.selectionForeground#E5DDE2ca
  • peekViewTitle.background#0F130Ffe
  • peekViewTitleDescription.foreground#D4FCD4ce
  • peekViewTitleLabel.foreground#D4FCD4ce
  • pickerGroup.border#0D110Dfe
  • pickerGroup.foreground#D4FCD4ce
  • ports.iconRunningProcessForeground#E2DDE5fe
  • problemsErrorIcon.foreground#FE9BFEce
  • problemsInfoIcon.foreground#C6B4FFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#CBB30Cfe
  • profileBadge.foreground#0F130Ffe
  • progressBar.background#191f19fe
  • quickInput.background#0F130Ffe
  • quickInput.foreground#ECEFECae
  • quickInputList.focusBackground#3C414Ea2
  • quickInputList.focusForeground#CAB30Afe
  • quickInputList.focusIconForeground#CBB311fe
  • quickInputTitle.background#0D110Dfe
  • sash.hoverBorder#0D110Dfe
  • scrollbar.shadow#0B0C0F00
  • scrollbarSlider.activeBackground#678067fe
  • scrollbarSlider.background#3E4D3Eae
  • scrollbarSlider.hoverBackground#5164516e
  • search.resultsInfoForeground#D4FCD4ce
  • searchEditor.findMatchBackground#494E5Da3
  • searchEditor.findMatchBorder#0D110Dfe
  • searchEditor.textInputBorder#0D110Dfe
  • selection.background#191f19fe
  • settings.checkboxBackground#0D110Dfe
  • settings.checkboxBorder#0D110Dfe
  • settings.checkboxForeground#D4FCD4ce
  • settings.dropdownBackground#0D110Dfe
  • settings.dropdownBorder#0D110Dfe
  • settings.dropdownForeground#D4FCD4ce
  • settings.dropdownListBorder#0D110Dfe
  • settings.focusedRowBackground#5C485389
  • settings.focusedRowBorder#0D110Dfe
  • settings.headerBorder#0D110Dfe
  • settings.headerForeground#D4FCD4ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0D110Dfe
  • settings.numberInputBorder#0D110Dfe
  • settings.numberInputForeground#D4FCD4ce
  • settings.rowHoverBackground#191f19fe
  • settings.sashBorder#0D110Dfe
  • settings.settingsHeaderHoverForeground#C9B211fe
  • settings.textInputBackground#0D110Dfe
  • settings.textInputBorder#0D110Dfe
  • settings.textInputForeground#D4FCD4ce
  • sideBar.background#191f19fe
  • sideBar.border#0D110Dfe
  • sideBar.dropBackground#191f19fe
  • sideBar.foreground#B3C2B3ae
  • sideBarSectionHeader.background#0F0C0B00
  • sideBarSectionHeader.border#0D110Dfe
  • sideBarSectionHeader.foreground#D4FCD4ce
  • sideBarTitle.foreground#D4FCD4ce
  • sideBySideEditor.horizontalBorder#0D110Dfe
  • sideBySideEditor.verticalBorder#0D110Dfe
  • simpleFindWidget.sashBorder#0D110Dfe
  • statusBar.background#0F130Ffe
  • statusBar.border#0D110Dfe
  • statusBar.debuggingBackground#580058b5
  • statusBar.debuggingBorder#0D110Dfe
  • statusBar.debuggingForeground#D4FCD4ce
  • statusBar.focusBorder#0D0B0F00
  • statusBar.foreground#B3C2B36e
  • statusBar.noFolderBackground#0F130Ffe
  • statusBar.noFolderBorder#0D110Dfe
  • statusBar.noFolderForeground#D4FCD4ce
  • statusBarItem.activeBackground#0F130Ffe
  • statusBarItem.compactHoverBackground#0F130Ffe
  • statusBarItem.errorBackground#580058a4
  • statusBarItem.errorForeground#FE9BFEce
  • statusBarItem.errorHoverBackground#5800589c
  • statusBarItem.errorHoverForeground#BA00BAce
  • statusBarItem.focusBorder#0F0C0B00
  • statusBarItem.hoverBackground#0F130Ffe
  • statusBarItem.hoverForeground#C6B22Cfe
  • statusBarItem.offlineBackground#0F130Ffe
  • statusBarItem.offlineForeground#D4FCD4ce
  • statusBarItem.offlineHoverBackground#0F130Ffe
  • statusBarItem.offlineHoverForeground#C9B211fe
  • statusBarItem.prominentBackground#0F130Ffe
  • statusBarItem.prominentForeground#D4FCD4ce
  • statusBarItem.prominentHoverBackground#0F130Ffe
  • statusBarItem.prominentHoverForeground#C9B30Ffe
  • statusBarItem.remoteBackground#CAB210fe
  • statusBarItem.remoteForeground#0F130Ffe
  • statusBarItem.remoteHoverBackground#0F130Ffe
  • statusBarItem.remoteHoverForeground#C9B211fe
  • statusBarItem.warningBackground#362D00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#362D00fe
  • statusBarItem.warningHoverForeground#D4AF00ce
  • symbolIcon.arrayForeground#D2C6CDfe
  • symbolIcon.booleanForeground#00D6D6ce
  • symbolIcon.classForeground#B7C7C5fe
  • symbolIcon.colorForeground#E8E4E2fe
  • symbolIcon.constantForeground#C7D1C7fe
  • symbolIcon.constructorForeground#D4D7DDfe
  • symbolIcon.enumeratorForeground#CACED6fe
  • symbolIcon.enumeratorMemberForeground#D9DBE1fe
  • symbolIcon.eventForeground#CBC0BCfe
  • symbolIcon.fieldForeground#D4D6CAfe
  • symbolIcon.fileForeground#C1C5CFfe
  • symbolIcon.folderForeground#C6C9D2fe
  • symbolIcon.functionForeground#CACED6fe
  • symbolIcon.interfaceForeground#D1CAD6fe
  • symbolIcon.keyForeground#D4D6CAfe
  • symbolIcon.keywordForeground#CBC0BCfe
  • symbolIcon.methodForeground#D2C9C6fe
  • symbolIcon.moduleForeground#D5CFDAfe
  • symbolIcon.namespaceForeground#E4E5DDfe
  • symbolIcon.nullForeground#BDCABDfe
  • symbolIcon.numberForeground#D2C6CDfe
  • symbolIcon.objectForeground#E5DDE2fe
  • symbolIcon.operatorForeground#DDE5E4fe
  • symbolIcon.packageForeground#D9D4DDfe
  • symbolIcon.propertyForeground#BCCBC9fe
  • symbolIcon.referenceForeground#E2DDE5fe
  • symbolIcon.snippetForeground#C2CEC2fe
  • symbolIcon.stringForeground#D8DACFfe
  • symbolIcon.structForeground#DDD9E1fe
  • symbolIcon.textForeground#E8E4E2fe
  • symbolIcon.typeParameterForeground#E1DBD9fe
  • symbolIcon.unitForeground#D9E1E0fe
  • symbolIcon.variableForeground#DDD9E1fe
  • tab.activeBackground#111511fe
  • tab.activeBorder#0C0E0C00
  • tab.activeBorderTop#C9B20Efe
  • tab.activeForeground#C9B211fe
  • tab.activeModifiedBorder#362D00ce
  • tab.border#0D0B0F00
  • tab.hoverBackground#BEC1AFa2
  • tab.hoverBorder#0D110Dfe
  • tab.hoverForeground#CBB30Cfe
  • tab.inactiveBackground#16351698
  • tab.inactiveForeground#43CB4365
  • tab.inactiveModifiedBorder#362D00ce
  • tab.lastPinnedBorder#0D110Dfe
  • tab.unfocusedActiveBackground#20282022
  • tab.unfocusedActiveBorder#0C0E0C00
  • tab.unfocusedActiveBorderTop#26312665
  • tab.unfocusedActiveForeground#A6B7A665
  • tab.unfocusedActiveModifiedBorder#362D00ce
  • tab.unfocusedHoverBackground#B3C2B333
  • tab.unfocusedHoverBorder#1C231C36
  • tab.unfocusedHoverForeground#A1B3A165
  • tab.unfocusedInactiveBackground#2F3A2F95
  • tab.unfocusedInactiveForeground#9DB09D65
  • tab.unfocusedInactiveModifiedBorder#362D00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333ad
  • 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#670067a5
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececebe
  • terminal.ansiYellow#c4a200fe
  • terminal.background#191f19fe
  • terminal.border#0D110Dfe
  • terminal.dropBackground#191f19fe
  • terminal.findMatchBackground#191f19fe
  • terminal.findMatchBorder#0D110Dfe
  • terminal.findMatchHighlightBackground#191f19fe
  • terminal.findMatchHighlightBorder#0D110Dfe
  • terminal.foreground#B3C2B3ae
  • terminal.hoverHighlightBackground#191f19fe
  • terminal.inactiveSelectionBackground#333F3391
  • terminal.selectionBackground#4E503E87
  • terminal.selectionForeground#CFDAD8ca
  • terminal.tab.activeBorder#CBB30Ffe
  • terminalCommandDecoration.defaultBackground#B2C3C1a1
  • terminalCommandDecoration.errorBackground#FFA7A7cb
  • terminalCommandDecoration.successBackground#8CCE8Fcb
  • terminalCursor.background#191f19fe
  • terminalCursor.foreground#C9B30Ffe
  • terminalOverviewRuler.cursorForeground#D4FCD4ce
  • terminalOverviewRuler.findMatchForeground#00D6D6ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c09a
  • testing.iconUnset#808080a3
  • testing.message.error.decorationForeground#E6D459fe
  • testing.message.error.lineBackground#5800589d
  • testing.message.info.decorationForeground#D3BF31fe
  • testing.message.info.lineBackground#0000A6fe
  • testing.peekBorder#0D110Dfe
  • testing.peekHeaderBackground#191f19fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#191f19fe
  • textBlockQuote.border#0D110Dfe
  • textCodeBlock.background#191f19fe
  • textLink.activeForeground#C9B211fe
  • textLink.foreground#C6B4FFce
  • textPreformat.foreground#D4FCD4ce
  • textSeparator.foreground#D4FCD4ce
  • titleBar.activeBackground#0F130Ffe
  • titleBar.activeForeground#73C573ae
  • titleBar.border#0E0F0B00
  • titleBar.inactiveBackground#202820d7
  • titleBar.inactiveForeground#43CB4365
  • toolbar.activeBackground#2C2F1B86
  • toolbar.hoverBackground#191f19fe
  • toolbar.hoverOutline#0B0C0F00
  • tree.inactiveIndentGuidesStroke#9BA1B135
  • tree.indentGuidesStroke#DCC941fe
  • tree.tableColumnsBorder#0D110Dfe
  • tree.tableOddRowsBackground#191f19fe
  • walkThrough.embeddedEditorBackground#191f19fe
  • walkthrough.stepTitle.foreground#D4FCD4ce
  • welcomePage.background#191f19fe
  • welcomePage.progress.background#191f19fe
  • welcomePage.progress.foreground#D4FCD4ce
  • welcomePage.tileBackground#191f19fe
  • welcomePage.tileBorder#0D110Dfe
  • welcomePage.tileHoverBackground#191f19fe
  • widget.border#0D110Dfe
  • widget.shadow#0C0E0C00
  • window.activeBorder#0D110Dfe
  • window.inactiveBorder#242C2498

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#8BDA8B6e
comment.block.html#87DB876e
comment.block.java#87DB876e
comment.block.javadoc.java#87DB876e
comment.block.powershell#87DB876e
comment.block.xml#82DB826e
comment.line.double-slash.c#8BDA8B6e
comment.line.double-slash.cpp#80DC806e
comment.line.double-slash.java#80DC806e
comment.line.double-slash.js#80DC806e
comment.line.number-sign.makefile#82DB826e
comment.line.number-sign.python#82DB826e
comment.line.number-sign.yaml#80DC806e
comment.line.percentage.erlang#80DC806e
comment.line.powershell#8BDA8B6e
comment.source.cmake#82DB826e
comment.source.cmakecache#82DB826e
constant.character#F388D8de
constant.character.character-class.regexp#0EE395de
constant.character.escape#45E40Fde
constant.character.set.regexp#0FE293de
constant.language#0EE394de
constant.numeric#F388D8de
constant.numeric.dec.python#ED8E80de
constant.other.caps.python#BA97F3de
constant.other.character-class.regexp#0EE292de
constant.other.character-class.set.regexp#44E50Ede
constant.other.color.rgb-value#E2C80Fde
constant.other.placeholder#F79EE1de
constant.other.rgb-value#F9B7ADde
constant.regexp#0EE394de
constant.sha.git-rebase#44E50Ede
emphasis#0EE394de
entity.name.class#FEABEAde
entity.name.function#F08D7Fde
entity.name.function.preprocessor#40E40Cde
entity.name.function.python#75ACEAde
entity.name.label#E2C70Ede
entity.name.namespace#9FCBFEde
entity.name.operator#0EE292de
entity.name.operator.custom-literal#BA97F4de
entity.name.scope-resolution#9AC9FEde
entity.name.tag#0FE293de
entity.name.tag.css#E1C710de
entity.name.type#E1C80Ede
entity.name.variable#FEB6ACde
entity.other.attribute#E2C80Ede
entity.other.attribute-name#F39688de
entity.other.attribute-name.class.css#F39688de
entity.other.attribute-name.class.mixin.css#BA97F2de
entity.other.attribute-name.id#ED8E80de
entity.other.attribute-name.id.css#F8A6E4de
entity.other.attribute-name.parent-selector.css#10E294de
entity.other.attribute-name.pseudo-class.css#0FE293de
entity.other.attribute-name.pseudo-element.css#45E40Fde
entity.other.attribute-name.scss#E0C70Dde
entity.other.document.begin.yaml#82DB826e
entity.other.inherited-class#73ACEBde
header#F39688de
invalid#F59C90de
keyword#ED83D3de
keyword.codetag.notation.python#E1C60Fde
keyword.control#E1C710de
keyword.control.anchor.regexp#B999F0de
keyword.control.import.python#E2C80Ede
keyword.operator#BB97F6de
keyword.operator.alignas#7BB1EFde
keyword.operator.alignof#45E40Fde
keyword.operator.cast#F39688de
keyword.operator.delete#0FE293de
keyword.operator.documentation.powershell#8BDA8B6e
keyword.operator.expression#42E40Ede
keyword.operator.instanceof#FEB6ABde
keyword.operator.logical.python#75ACEAde
keyword.operator.minus.exponent#10E294de
keyword.operator.negation.regexp#F9ADE6de
keyword.operator.new#45E50Fde
keyword.operator.noexcept#0EE395de
keyword.operator.or.regexp#F79EE1de
keyword.operator.plus.exponent#F18F81de
keyword.operator.quantifier.regexp#ED9082de
keyword.operator.sizeof#44E40Ede
keyword.operator.typeid#44E510de
keyword.operator.wordlike#ED84D3de
keyword.other.operator#CFB5FAde
keyword.other.package.java#EE82D3de
keyword.other.unit#10E393de
keyword.other.using#F18F81de
markup.bold#F8A6E4de
markup.changed#82B6F1de
markup.deleted#9AC9FEde
markup.fenced_code.block.markdown#F9B7ADde
markup.heading#F181D5de
markup.inline.raw#C09EF7de
markup.inserted#E2C60Cde
markup.italic#F79EE1de
markup.raw.block.markdown#BA97F3de
markup.strikethrough#98C3F6de
markup.underline#7BB1EFde
meta.block.c#75ADEDde
meta.block.c#F39688de
meta.class.java#ED9082de
meta.definition.variable.name#45E40Fde
meta.diff.header#EF83D4de
meta.embedded#45E50Fde
meta.embedded.assembly#89BAF3de
meta.function-call.arguments.python#F08D7Fde
meta.function-call.python#0FE393de
meta.member.access.python#45E50Fde
meta.method.java#46E50Fde
meta.object-literal.key#44E40Ede
meta.paragraph.markdown#0EE395de
meta.preprocessor#FEAEEBde
meta.preprocessor.numeric#10E394de
meta.preprocessor.string#E1C80Ede
meta.scope.prerequisites.makefile#0CE293de
meta.structure.dictionary.json.comments#80DC806e
meta.structure.dictionary.key.python#9DCAFEde
meta.structure.dictionary.value.json.comments#8BDA8B6e
meta.template.expression#FEAEEAde
meta.type.cast.expr#F081D4de
meta.type.new.expr#FEB6ABde
parameter#E2C70Fde
punctuation.character.set.begin.regexp#F39688de
punctuation.character.set.end.regexp#FEAEEBde
punctuation.definition.array.begin.json#9AC9FEde
punctuation.definition.character-class.regexp#EF8E80de
punctuation.definition.comment#8BDA8B6e
punctuation.definition.comment.json.comments#87DB876e
punctuation.definition.comment.python#8BDA8B6e
punctuation.definition.dictionary.begin.json#E2C80Ede
punctuation.definition.dictionary.end.json#CAADF9de
punctuation.definition.group.assertion.regexp#9ECBFEde
punctuation.definition.group.regexp#73ACEBde
punctuation.definition.list.begin.json#42E40Dde
punctuation.definition.list.begin.markdown#44E510de
punctuation.definition.list.begin.python#40E40Cde
punctuation.definition.list.end.json#42E40Dde
punctuation.definition.list.end.markdown#CFB5FAde
punctuation.definition.list.end.python#44E510de
punctuation.definition.parameters.begin.python#42E40Dde
punctuation.definition.parameters.end.bracket.round.java#E1C70Ede
punctuation.definition.quote.begin.markdown#FEABEAde
punctuation.definition.tag#F8A6E4de
punctuation.definition.template-expression.begin#ED84D3de
punctuation.definition.template-expression.end#B998F0de
punctuation.section.class.begin.bracket.curly.java#0DE292de
punctuation.section.embedded#B997F1de
punctuation.section.embedded.begin.php#F697DEde
punctuation.section.embedded.end.php#7BB1EFde
punctuation.terminator.java#F59C90de
source.cmake#43E50Dde
source.coffee.embedded#E2C70Ede
source.cpp#F6A397de
source.css.less#B998F0de
source.groovy.embedded#C09EF7de
source.java#ED8E80de
source.java-properties#D4BDFBde
source.json.comments#8BDA8B6e
source.makefile#73ACEBde
source.powershell#0DE292de
source.powershell.variable.other.member#E1C80Ede
source.python#B998F0de
storage#CFB5FAde
storage.modifier#10E393de
storage.modifier.import.java#10E294de
storage.modifier.package.java#3EE40Ade
storage.type#45E40Fde
storage.type.annotation.groovy#7BB1EFde
storage.type.annotation.java#B997F3de
storage.type.boolean.go#9FCBFEde
storage.type.byte.go#BA97F5de
storage.type.cs#BA97F3de
storage.type.error.go#0EE292de
storage.type.generic.cs#E0C70Dde
storage.type.generic.groovy#73ACEBde
storage.type.generic.java#46E50Fde
storage.type.groovy#F8B0A6de
storage.type.java#F39688de
storage.type.modifier.cs#FEABEAde
storage.type.numeric.go#0FE293de
storage.type.object.array.groovy#B997F1de
storage.type.object.array.java#C09EF7de
storage.type.parameters.groovy#0CE293de
storage.type.primitive.array.groovy#FEAEEBde
storage.type.primitive.array.java#3EE40Ade
storage.type.primitive.groovy#E2C60Cde
storage.type.primitive.java#CFB5FAde
storage.type.rune.go#F59C90de
storage.type.string.go#45E510de
storage.type.token.java#F9B7ADde
storage.type.uintptr.go#73ACEBde
storage.type.variable.cs#F9B7ADde
string#45E40Fde
string.quoted.docstring.multi.python#87DB876e
string.regexp#3EE40Ade
string.tag#F9B7ADde
string.value#45E40Fde
strong#B997F1de
support.class#F8A6E4de
support.constant.color#FEABEAde
support.constant.dom#B997F3de
support.constant.font-name#10E393de
support.constant.handlebars#0EE292de
support.constant.json#ED84D3de
support.constant.math#CAADF9de
support.constant.media#F8B0A6de
support.constant.media-type#E1C60Fde
support.constant.property-value#43E50Ede
support.function#98C3F6de
support.function.git-rebase#E2C60Cde
support.other.parenthesis.regexp#9DCAFEde
support.type#45E40Fde
support.type.property-name#44E50Ede
support.type.vendored.property-name#9DCAFEde
support.variable#9DCAFEde
token.debug-token#75ACEAde
token.error-token#B998F0de
token.info-token#FEABEAde
token.warn-token#E2C80Fde
variable#BA97F4de
variable.css#46E50Fde
variable.language#10E394de
variable.language.wildcard.java#F181D5de
variable.other.constant#0AE290de
variable.other.definition.java#E1C710de
variable.other.enummember#D3BBFEde
variable.other.less#0FE293de
variable.other.object.java#0DE292de
variable.other.object.property.java#CFB5FAde
variable.parameter.c#45E410de
variable.parameter.function.language.python#9FC8F7de
variable.parameter.java#BB97F6de
variable.scss#EE82D3de
viiv by B.W - VS Code Theme