Skip to main content
Coding Theme

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.

  • activityBar.activeBackground#403D39
  • activityBar.activeBorder#ba5624
  • activityBar.activeFocusBorder#403D39
  • activityBar.background#252422
  • activityBar.border#ba562400
  • activityBar.dropBorder#ba562480
  • activityBar.foreground#ba5624
  • activityBar.inactiveForeground#403D39
  • activityBarBadge.background#ba5624
  • activityBarBadge.foreground#b7b3a1
  • badge.background#ba5624
  • badge.foreground#b7b3a1
  • banner.background#403D39
  • banner.foreground#b7b3a1
  • banner.iconForeground#fb8b24
  • breadcrumb.activeSelectionForeground#ba5624
  • breadcrumb.background#252422
  • breadcrumb.focusForeground#ba5624
  • breadcrumb.foreground#b7b3a1
  • breadcrumbPicker.background#1f1f1e
  • button.background#403D39
  • button.border#ba562400
  • button.foreground#b7b3a1
  • button.hoverBackground#1f1f1e
  • button.secondaryBackground#252422
  • button.secondaryForeground#b7b3a1
  • button.secondaryHoverBackground#1f1f1e
  • charts.blue#3caca0
  • charts.foreground#c2c1a5
  • charts.green#00563a
  • charts.lines#191919
  • charts.orange#ea581f
  • charts.purple#6d213c
  • charts.red#9e2a2b
  • charts.yellow#fabc3c
  • checkbox.background#1f1f1e00
  • checkbox.border#b7b3a1
  • checkbox.foreground#b7b3a1
  • contrastActiveBorder#ba562400
  • contrastBorder#ba562400
  • debugConsole.errorForeground#b7b3a1
  • debugConsole.infoForeground#b7b3a1
  • debugConsole.sourceForeground#b7b3a1
  • debugConsole.warningForeground#b7b3a1
  • debugConsoleInputIcon.foreground#b7b3a1
  • debugExceptionWidget.background#1f1f1e
  • debugExceptionWidget.border#ba562400
  • debugIcon.breakpointCurrentStackframeForeground#b7b3a1
  • debugIcon.breakpointDisabledForeground#b7b3a1
  • debugIcon.breakpointForeground#b7b3a1
  • debugIcon.breakpointStackframeForeground#b7b3a1
  • debugIcon.breakpointUnverifiedForeground#b7b3a1
  • debugIcon.continueForeground#429e97
  • debugIcon.disconnectForeground#9d2222
  • debugIcon.pauseForeground#da9056
  • debugIcon.restartForeground#429e97
  • debugIcon.startForeground#429e97
  • debugIcon.stepBackForeground#b7b3a1
  • debugIcon.stepIntoForeground#b7b3a1
  • debugIcon.stepOutForeground#b7b3a1
  • debugIcon.stepOverForeground#b7b3a1
  • debugIcon.stopForeground#dc042c
  • debugTokenExpression.boolean#227a9d
  • debugTokenExpression.error#9a031e
  • debugTokenExpression.name#d8952a
  • debugTokenExpression.number#227a9d
  • debugTokenExpression.string#b7b3a1
  • debugTokenExpression.value#227a9d
  • debugToolBar.background#403D39
  • debugToolBar.border#ba5624
  • debugView.exceptionLabelBackground#b7b3a1
  • debugView.exceptionLabelForeground#1f1f1e
  • debugView.stateLabelBackground#b7b3a1
  • debugView.stateLabelForeground#1f1f1e
  • debugView.valueChangedHighlight#b7b3a120
  • descriptionForeground#b7b3a1
  • diffEditor.border#48ff00
  • diffEditor.diagonalFill#0011ff
  • diffEditor.insertedTextBackground#43aa8b30
  • diffEditor.insertedTextBorder#43aa8b00
  • diffEditor.removedTextBackground#f9414430
  • diffEditor.removedTextBorder#f9414400
  • dropdown.background#1f1f1e
  • dropdown.border#ba562400
  • dropdown.foreground#b7b3a1
  • dropdown.listBackground#252422
  • editor.background#252422
  • editor.findMatchBackground#b7b3a170
  • editor.findMatchBorder#ba562400
  • editor.findMatchHighlightBackground#b7b3a130
  • editor.findMatchHighlightBorder#ba562400
  • editor.findRangeHighlightBackground#2f5f972a
  • editor.findRangeHighlightBorder#ba562400
  • editor.focusedStackFrameHighlightBackground#0003c8
  • editor.foldBackground#ba562410
  • editor.foreground#b7b3a1
  • editor.hoverHighlightBackground#b7b3a142
  • editor.inactiveSelectionBackground#b7b3a110
  • editor.inlineValuesBackground#ea00ff
  • editor.inlineValuesForeground#f51df5
  • editor.lineHighlightBackground#1f1f1e
  • editor.lineHighlightBorder#ba562400
  • editor.linkedEditingBackground#e2d4d4
  • editor.rangeHighlightBackground#2f5f972a
  • editor.rangeHighlightBorder#ba562400
  • editor.selectionBackground#b7b3a120
  • editor.selectionForeground#b7b3a1
  • editor.selectionHighlightBackground#b7b3a110
  • editor.selectionHighlightBorder#ba562400
  • editor.snippetFinalTabstopHighlightBackground#b7b3a120
  • editor.snippetFinalTabstopHighlightBorder#403D39
  • editor.snippetTabstopHighlightBackground#b7b3a120
  • editor.snippetTabstopHighlightBorder#ba562400
  • editor.stackFrameHighlightBackground#0062ff
  • editor.symbolHighlightBackground#00ccff
  • editor.symbolHighlightBorder#ff00ff
  • editor.wordHighlightBackground#b7b3a120
  • editor.wordHighlightBorder#ba562400
  • editor.wordHighlightStrongBackground#ba562450
  • editor.wordHighlightStrongBorder#ba562400
  • editorBracketHighlight.foreground1#E76F51
  • editorBracketHighlight.foreground2#EE8959
  • editorBracketHighlight.foreground3#E9C46A
  • editorBracketHighlight.foreground4#8AB17D
  • editorBracketHighlight.foreground5#2A9D8F
  • editorBracketHighlight.foreground6#287271
  • editorBracketHighlight.unexpectedBracket.foreground#9a031e
  • editorBracketMatch.background#b7b3a120
  • editorBracketMatch.border#ba562400
  • editorBracketPairGuide.activeBackground1#E76F51
  • editorBracketPairGuide.activeBackground2#EE8959
  • editorBracketPairGuide.activeBackground3#E9C46A
  • editorBracketPairGuide.activeBackground4#8AB17D
  • editorBracketPairGuide.activeBackground5#2A9D8F
  • editorBracketPairGuide.activeBackground6#287271
  • editorBracketPairGuide.background1#E76F51
  • editorBracketPairGuide.background2#EE8959
  • editorBracketPairGuide.background3#E9C46A
  • editorBracketPairGuide.background4#8AB17D
  • editorBracketPairGuide.background5#2A9D8F
  • editorBracketPairGuide.background6#287271
  • editorCodeLens.foreground#7b5dfd
  • editorCursor.background#1f1f1e
  • editorCursor.foreground#b7b3a180
  • editorError.background#9a031e00
  • editorError.border#9a031e00
  • editorError.foreground#9a031e
  • editorGhostText.border#e5ff00
  • editorGhostText.foreground#09ff00
  • editorGroup.border#ba562400
  • editorGroup.dropBackground#ba562480
  • editorGroup.emptyBackground#252422
  • editorGroup.focusedEmptyBorder#ba562400
  • editorGroupHeader.border#1f1f1e
  • editorGroupHeader.noTabsBackground#252422
  • editorGroupHeader.tabsBackground#252422
  • editorGroupHeader.tabsBorder#ba562400
  • editorGutter.addedBackground#43aa8b
  • editorGutter.background#252422
  • editorGutter.commentRangeForeground#b7b3a1
  • editorGutter.deletedBackground#f94144
  • editorGutter.foldingControlForeground#ba5624
  • editorGutter.modifiedBackground#f9c74f
  • editorHint.border#eeff00
  • editorHint.foreground#73ff00
  • editorHoverWidget.background#252422
  • editorHoverWidget.border#b7b3a180
  • editorHoverWidget.foreground#b7b3a1
  • editorHoverWidget.highlightForeground#ba5624
  • editorHoverWidget.statusBarBackground#1f1f1e
  • editorIndentGuide.activeBackground#ba5624
  • editorIndentGuide.background#403D39
  • editorInfo.background#0f4c5c00
  • editorInfo.border#0f4c5c00
  • editorInfo.foreground#0f4c5c
  • editorInlayHint.background#ff00dd
  • editorInlayHint.foreground#d1bbbb
  • editorInlayHint.parameterBackground#4400ff
  • editorInlayHint.parameterForeground#eeff00
  • editorInlayHint.typeBackground#d0ff00
  • editorInlayHint.typeForeground#f700ff
  • editorLightBulb.foreground#ba9e24
  • editorLightBulbAutoFix.foreground#ba5624
  • editorLineNumber.activeForeground#ba5624
  • editorLineNumber.foreground#403D39
  • editorLink.activeForeground#848872
  • editorMarkerNavigation.background#403D39
  • editorMarkerNavigationError.background#9a031e
  • editorMarkerNavigationError.headerBackground#9a031e10
  • editorMarkerNavigationInfo.background#0f4c5c
  • editorMarkerNavigationInfo.headerBackground#0f4c5c10
  • editorMarkerNavigationWarning.background#fb8b24
  • editorMarkerNavigationWarning.headerBackground#fb8b2410
  • editorOverviewRuler.addedForeground#43aa8b
  • editorOverviewRuler.background#252422
  • editorOverviewRuler.border#ba562400
  • editorOverviewRuler.bracketMatchForeground#da9056
  • editorOverviewRuler.commonContentForeground#b7b3a1
  • editorOverviewRuler.currentContentForeground#b7b3a1
  • editorOverviewRuler.deletedForeground#f94144
  • editorOverviewRuler.errorForeground#9a031e
  • editorOverviewRuler.findMatchForeground#b7b3a180
  • editorOverviewRuler.incomingContentForeground#b7b3a1
  • editorOverviewRuler.infoForeground#0f4c5c
  • editorOverviewRuler.modifiedForeground#f9c74f
  • editorOverviewRuler.rangeHighlightForeground#b7b3a132
  • editorOverviewRuler.selectionHighlightForeground#b7b3a132
  • editorOverviewRuler.warningForeground#fb8b24
  • editorOverviewRuler.wordHighlightForeground#b7b3a120
  • editorOverviewRuler.wordHighlightStrongForeground#ba562450
  • editorPane.background#252422
  • editorRuler.foreground#403d39
  • editorSuggestWidget.background#1f1f1e
  • editorSuggestWidget.border#ba562400
  • editorSuggestWidget.focusHighlightForeground#ba5624
  • editorSuggestWidget.foreground#b7b3a1
  • editorSuggestWidget.highlightForeground#ba5624
  • editorSuggestWidget.selectedBackground#403D39
  • editorSuggestWidget.selectedForeground#b7b3a1
  • editorSuggestWidget.selectedIconForeground#ba5624
  • editorUnnecessaryCode.border#fb8c246e
  • editorUnnecessaryCode.opacity#ffffffb7
  • editorWarning.background#fb8b2400
  • editorWarning.border#fb8b2400
  • editorWarning.foreground#fb8b24
  • editorWhitespace.foreground#403D39
  • editorWidget.background#1e1f1e
  • editorWidget.border#ba562400
  • editorWidget.foreground#b7b3a1
  • editorWidget.resizeBorder#ba5624
  • errorForeground#9a031e
  • extensionBadge.remoteBackground#1900ff
  • extensionBadge.remoteForeground#00aeff
  • extensionButton.prominentBackground#1f1f1e
  • extensionButton.prominentForeground#b7b3a1
  • extensionButton.prominentHoverBackground#ba5624
  • extensionIcon.starForeground#ba5624
  • extensionIcon.verifiedForeground#ba5624
  • focusBorder#ba562400
  • foreground#b7b3a1
  • gitDecoration.addedResourceForeground#43aa8b80
  • gitDecoration.conflictingResourceForeground#f941ea80
  • gitDecoration.deletedResourceForeground#f9414480
  • gitDecoration.ignoredResourceForeground#8443aa80
  • gitDecoration.modifiedResourceForeground#f9c74f80
  • gitDecoration.renamedResourceForeground#77f94f80
  • gitDecoration.stageDeletedResourceForeground#f94144
  • gitDecoration.stageModifiedResourceForeground#f9c74f
  • gitDecoration.submoduleResourceForeground#435eaa80
  • gitDecoration.untrackedResourceForeground#4daf4d80
  • icon.foreground#b7b3a1
  • input.background#403D39
  • input.border#ba562400
  • input.foreground#b7b3a1
  • input.placeholderForeground#252422
  • inputOption.activeBackground#ba5624
  • inputOption.activeBorder#ba562400
  • inputOption.activeForeground#b7b3a1
  • inputValidation.errorBackground#9a031e
  • inputValidation.errorBorder#9a031e00
  • inputValidation.errorForeground#b7b3a1
  • inputValidation.infoBackground#0f4c5c
  • inputValidation.infoBorder#0f4c5c00
  • inputValidation.infoForeground#b7b3a1
  • inputValidation.warningBackground#fb8b24
  • inputValidation.warningBorder#fb8b2400
  • inputValidation.warningForeground#b7b3a1
  • interactive.activeCodeBorder#ea00ff
  • interactive.inactiveCodeBorder#00eeff
  • keybindingLabel.background#403D39
  • keybindingLabel.border#ba562400
  • keybindingLabel.bottomBorder#ba5624
  • keybindingLabel.foreground#b7b3a1
  • keybindingTable.headerBackground#b7b3a140
  • keybindingTable.rowsBackground#403D3940
  • list.activeSelectionBackground#1f1f1e
  • list.activeSelectionForeground#ba5624
  • list.activeSelectionIconForeground#ba5624
  • list.deemphasizedForeground#ff00f2
  • list.dropBackground#ba562480
  • list.errorForeground#f9414490
  • list.filterMatchBackground#b7b3a130
  • list.filterMatchBorder#ba562400
  • list.focusBackground#403D39
  • list.focusForeground#ba5624
  • list.focusHighlightForeground#ba5624
  • list.focusOutline#ba562400
  • list.highlightForeground#ba5624
  • list.hoverBackground#403D39
  • list.hoverForeground#ba5624
  • list.inactiveFocusBackground#252422
  • list.inactiveFocusOutline#ba562400
  • list.inactiveSelectionBackground#403D39
  • list.inactiveSelectionForeground#252422
  • list.inactiveSelectionIconForeground#252422
  • list.invalidItemForeground#07cfe9
  • list.warningForeground#fb8b24
  • listFilterWidget.background#1f1f1e
  • listFilterWidget.noMatchesOutline#f9414490
  • listFilterWidget.outline#b7b3a1
  • menu.background#252422
  • menu.border#ba562400
  • menu.foreground#b7b3a1
  • menu.selectionBackground#403D39
  • menu.selectionBorder#ba562400
  • menu.selectionForeground#ba5624
  • menu.separatorBackground#403D39
  • menubar.selectionBackground#403D39
  • menubar.selectionBorder#ba562400
  • menubar.selectionForeground#ba5624
  • merge.border#09ff00
  • merge.commonContentBackground#00ff6a
  • merge.commonHeaderBackground#2600ff
  • merge.currentContentBackground#00c3ff
  • merge.currentHeaderBackground#c8ff00
  • merge.incomingContentBackground#ff00aa
  • merge.incomingHeaderBackground#a6ff00
  • minimap.background#252422
  • minimap.errorHighlight#9a031e
  • minimap.findMatchHighlight#b7b3a1
  • minimap.foregroundOpacity#00000054
  • minimap.selectionHighlight#ba5624
  • minimap.selectionOccurrenceHighlight#b7b3a1
  • minimap.warningHighlight#fb8b24
  • minimapGutter.addedBackground#43aa8b
  • minimapGutter.deletedBackground#f94144
  • minimapGutter.modifiedBackground#f9c74f
  • minimapSlider.activeBackground#b7b3a130
  • minimapSlider.background#b7b3a110
  • minimapSlider.hoverBackground#b7b3a120
  • notebook.cellBorderColor#ba5624
  • notebook.cellEditorBackground#252422
  • notebook.cellHoverBackground#403D39
  • notebook.cellInsertionIndicator#ba5624
  • notebook.cellStatusBarItemHoverBackground#403D39
  • notebook.cellToolbarSeparator#403D39
  • notebook.focusedCellBackground#403D39
  • notebook.focusedCellBorder#ba5624
  • notebook.focusedEditorBorder#ba5624
  • notebook.inactiveFocusedCellBorder#413249
  • notebook.inactiveSelectedCellBorder#ba5624
  • notebook.outputContainerBackgroundColor#00ffff
  • notebook.outputContainerBorderColor#ff00ff
  • notebook.selectedCellBackground#403D39
  • notebook.selectedCellBorder#ba5624
  • notebook.symbolHighlightBackground#15ff00
  • notebookScrollbarSlider.activeBackground#ba5624
  • notebookScrollbarSlider.background#b7b3a170
  • notebookScrollbarSlider.hoverBackground#b7b3a1
  • notebookStatusErrorIcon.foreground#9a039a
  • notebookStatusRunningIcon.foreground#00ff9d
  • notebookStatusSuccessIcon.foreground#00eeff
  • notificationCenter.border#ba562400
  • notificationCenterHeader.background#403D39
  • notificationCenterHeader.foreground#b7b3a1
  • notificationLink.foreground#ba5624
  • notifications.background#252422
  • notifications.border#ba562400
  • notifications.foreground#b7b3a1
  • notificationsErrorIcon.foreground#9a031e
  • notificationsInfoIcon.foreground#0f4c5c
  • notificationsWarningIcon.foreground#fb8b24
  • notificationToast.border#ba5624
  • panel.background#252422
  • panel.border#ba562400
  • panel.dropBorder#ba562480
  • panelInput.border#00ff88
  • panelSection.border#ba562400
  • panelSection.dropBackground#ba562480
  • panelSectionHeader.background#252422
  • panelSectionHeader.border#ba562400
  • panelSectionHeader.foreground#ba5624
  • panelTitle.activeBorder#ba5624
  • panelTitle.activeForeground#ba5624
  • panelTitle.inactiveForeground#403D39
  • peekView.border#1f1f1e
  • peekViewEditor.background#252422
  • peekViewEditor.matchHighlightBackground#403D39
  • peekViewEditor.matchHighlightBorder#ba562400
  • peekViewEditorGutter.background#252422
  • peekViewResult.background#403D39
  • peekViewResult.fileForeground#ba5624
  • peekViewResult.lineForeground#b7b3a1
  • peekViewResult.matchHighlightBackground#b7b3a110
  • peekViewResult.selectionBackground#252422
  • peekViewResult.selectionForeground#b7b3a1
  • peekViewTitle.background#403D39
  • peekViewTitleDescription.foreground#b7b3a1
  • peekViewTitleLabel.foreground#ba5624
  • pickerGroup.border#ba5624
  • pickerGroup.foreground#ba5624
  • ports.iconRunningProcessForeground#008cff
  • problemsErrorIcon.foreground#9a031e
  • problemsInfoIcon.foreground#0f4c5c
  • problemsWarningIcon.foreground#fb8b24
  • progressBar.background#1c1c1b
  • quickInput.background#1f1f1e
  • quickInput.foreground#b7b3a1
  • quickInputList.focusBackground#403D39
  • quickInputList.focusForeground#b7b3a1
  • quickInputList.focusIconForeground#b7b3a1
  • quickInputTitle.background#1f1f1e
  • sash.hoverBorder#ba5624
  • scm.providerBorder#ff00c8
  • scrollbar.shadow#1c1c1b
  • scrollbarSlider.activeBackground#ba5624
  • scrollbarSlider.background#b7b3a170
  • scrollbarSlider.hoverBackground#b7b3a1
  • searchEditor.findMatchBackground#2600ff
  • searchEditor.findMatchBorder#51ff00
  • searchEditor.textInputBorder#3411fc
  • selection.background#b7b3a1
  • settings.checkboxBackground#1f1f1e
  • settings.checkboxBorder#ba562400
  • settings.checkboxForeground#b7b3a1
  • settings.dropdownBackground#1f1f1e
  • settings.dropdownBorder#ba562400
  • settings.dropdownForeground#b7b3a1
  • settings.dropdownListBorder#00ff80
  • settings.focusedRowBackground#403D39
  • settings.focusedRowBorder#ba562400
  • settings.headerForeground#ba5624
  • settings.modifiedItemIndicator#ba5624
  • settings.numberInputBackground#1f1f1e
  • settings.numberInputBorder#ba562400
  • settings.numberInputForeground#b7b3a1
  • settings.rowHoverBackground#403D39
  • settings.textInputBackground#1f1f1e
  • settings.textInputBorder#ba562400
  • settings.textInputForeground#b7b3a1
  • sideBar.background#1F1F1E
  • sideBar.border#ba562400
  • sideBar.dropBackground#403D39
  • sideBar.foreground#b7b3a1
  • sideBarSectionHeader.background#252422
  • sideBarSectionHeader.border#ba562400
  • sideBarSectionHeader.foreground#ba5624
  • sideBarTitle.foreground#b7b3a1
  • sideBySideEditor.horizontalBorder#ba562440
  • sideBySideEditor.verticalBorder#ba562440
  • statusBar.background#252422
  • statusBar.border#ba562400
  • statusBar.debuggingBackground#ba5624
  • statusBar.debuggingBorder#ba562400
  • statusBar.debuggingForeground#b7b3a1
  • statusBar.foreground#ba5624
  • statusBar.noFolderBackground#252422
  • statusBar.noFolderBorder#ba562400
  • statusBar.noFolderForeground#403D39
  • statusBarItem.activeBackground#1f1f1e
  • statusBarItem.errorBackground#252422
  • statusBarItem.errorForeground#9a031e
  • statusBarItem.hoverBackground#b7b3a120
  • statusBarItem.prominentBackground#252422
  • statusBarItem.prominentForeground#116389
  • statusBarItem.prominentHoverBackground#b7b3a120
  • statusBarItem.remoteBackground#252422
  • statusBarItem.remoteForeground#fcdc4d
  • statusBarItem.warningBackground#252422
  • statusBarItem.warningForeground#fb8b24
  • symbolIcon.arrayForeground#d8bf51
  • symbolIcon.booleanForeground#659475
  • symbolIcon.classForeground#9e6b31
  • symbolIcon.colorForeground#b7b3a1
  • symbolIcon.constantForeground#b7b3a1
  • symbolIcon.constructorForeground#b7b3a1
  • symbolIcon.enumeratorForeground#b7b3a1
  • symbolIcon.enumeratorMemberForeground#b7b3a1
  • symbolIcon.eventForeground#b7b3a1
  • symbolIcon.fieldForeground#b7b3a1
  • symbolIcon.fileForeground#b7b3a1
  • symbolIcon.folderForeground#b8a44f
  • symbolIcon.functionForeground#385d99
  • symbolIcon.interfaceForeground#b7b3a1
  • symbolIcon.keyForeground#b7b3a1
  • symbolIcon.keywordForeground#9e3e31
  • symbolIcon.methodForeground#5bb358
  • symbolIcon.moduleForeground#b7b3a1
  • symbolIcon.namespaceForeground#b7b3a1
  • symbolIcon.nullForeground#b7b3a1
  • symbolIcon.numberForeground#8e7bb6
  • symbolIcon.objectForeground#5bb358
  • symbolIcon.operatorForeground#813232
  • symbolIcon.packageForeground#b7b3a1
  • symbolIcon.propertyForeground#b7b3a1
  • symbolIcon.referenceForeground#b7b3a1
  • symbolIcon.snippetForeground#b7b3a1
  • symbolIcon.stringForeground#b7aca1
  • symbolIcon.structForeground#b7b3a1
  • symbolIcon.textForeground#b7b3a1ad
  • symbolIcon.typeParameterForeground#b7b3a1
  • symbolIcon.unitForeground#b7b3a1
  • symbolIcon.variableForeground#b9aa52
  • tab.activeBackground#403D39
  • tab.activeBorder#ba562400
  • tab.activeBorderTop#ba562400
  • tab.activeForeground#ba5624
  • tab.activeModifiedBorder#ba562400
  • tab.border#ba562400
  • tab.hoverBackground#403D39
  • tab.hoverBorder#ba562400
  • tab.hoverForeground#ba5624
  • tab.inactiveBackground#252422
  • tab.inactiveForeground#403D39
  • tab.inactiveModifiedBorder#ba562400
  • tab.lastPinnedBorder#ba562400
  • tab.unfocusedActiveBackground#403D39
  • tab.unfocusedActiveBorder#ba562400
  • tab.unfocusedActiveBorderTop#ba562400
  • tab.unfocusedActiveForeground#ba5624
  • tab.unfocusedActiveModifiedBorder#ba562400
  • tab.unfocusedHoverBackground#403D39
  • tab.unfocusedHoverBorder#ba562400
  • tab.unfocusedHoverForeground#ba5624
  • tab.unfocusedInactiveBackground#252422
  • tab.unfocusedInactiveForeground#403D39
  • tab.unfocusedInactiveModifiedBorder#ba562400
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#0000aa
  • terminal.ansiBrightBlack#555555
  • terminal.ansiBrightBlue#5555ff
  • terminal.ansiBrightCyan#55ffff
  • terminal.ansiBrightGreen#55ff55
  • terminal.ansiBrightMagenta#ff55ff
  • terminal.ansiBrightRed#ff5555
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#ffff55
  • terminal.ansiCyan#00aaaa
  • terminal.ansiGreen#00aa00
  • terminal.ansiMagenta#aa00aa
  • terminal.ansiRed#aa0000
  • terminal.ansiWhite#aaaaaa
  • terminal.ansiYellow#aa5500
  • terminal.background#252422
  • terminal.border#ba562400
  • terminal.dropBackground#ba562480
  • terminal.foreground#b7b3a1
  • terminal.selectionBackground#403D39
  • terminal.tab.activeBorder#ba5624
  • terminalCursor.background#1f1f1e
  • terminalCursor.foreground#b7b3a180
  • testing.iconErrored#9a031e
  • testing.iconFailed#00c3ff
  • testing.iconPassed#1900ff
  • testing.iconQueued#e100ff
  • testing.iconSkipped#1eff00
  • testing.iconUnset#f8e2e2
  • testing.message.error.decorationForeground#9a031e
  • testing.message.error.lineBackground#9a031e
  • testing.message.info.decorationForeground#3f5c0f
  • testing.message.info.lineBackground#0f5c13
  • testing.peekBorder#00ff15
  • testing.peekHeaderBackground#b3ff00
  • testing.runAction#bbff00
  • textBlockQuote.background#ba562400
  • textBlockQuote.border#ba562410
  • textCodeBlock.background#1f1f1e30
  • textLink.activeForeground#b7b3a1
  • textLink.foreground#ba5624
  • textPreformat.foreground#b7b3a1
  • textSeparator.foreground#ba5624
  • titleBar.activeBackground#1F1F1E
  • titleBar.activeForeground#b7b3a180
  • titleBar.border#ba562400
  • titleBar.inactiveBackground#1F1F1E
  • titleBar.inactiveForeground#403D39
  • toolbar.activeBackground#1f1f1e
  • toolbar.hoverBackground#b7b3a130
  • toolbar.hoverOutline#ba562400
  • tree.indentGuidesStroke#403D39
  • tree.tableColumnsBorder#403D39
  • walkThrough.embeddedEditorBackground#ff00bf
  • welcomePage.background#252422
  • welcomePage.progress.background#1f1f1e
  • welcomePage.progress.foreground#ba5624
  • welcomePage.tileBackground#403D39
  • welcomePage.tileHoverBackground#252422
  • welcomePage.tileShadow#1c1c1b
  • widget.shadow#1c1c1b
  • window.activeBorder#ba562400
  • window.inactiveBorder#ba562400

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.block, comment.block.documentation, comment.line#b7b3a152italic
string#b7aca1
storage.type#9e3e31bold
storage.type.function, keyword.control.flow#385d99bold
variable.other.property, variable.other.object, meta.object-literal.key#68a166italic
variable.other.constant, variable.other.readwrite, variable.language.this#b9aa52italic
keyword.operator.assignment#77af8a
constant.numeric, constant.language.nan, constant.language.undefined#8e7bb6
constant.language.boolean.true#659475bold
constant.language.boolean.false#b66d6dbold
entity.name.function#508d9c
variable.parameter#7baab6
keyword.control.conditional, keyword.control.loop, keyword.control.switch#9e3e31bold
keyword.operator.logical, keyword.operator.arithmetic, keyword.operator, keyword.operator.assignment.compound, punctuation.accessor#813232bold
entity.name.tag#9e3e31bold
support.type.property-name, support.variable.property#9e6b31
punctuation.definition.tag.begin, punctuation.definition.tag.end#b9aa52
text.html#b7b3a1ad
keyword.other#813232
punctuation.separator, punctuation.terminator#b7b3a16c
variable.parameter.url#ba5624italic
Phox Theme by Phox Publishings - VS Code Theme