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.

  • activityBar.activeBackground#00000000
  • activityBar.activeBorder#00000000
  • activityBar.activeFocusBorder#00000000
  • activityBar.background#eee8e8
  • activityBar.border#00000000
  • activityBar.dropBorder#9d6d8833
  • activityBar.foreground#a05566
  • activityBar.inactiveForeground#7c7479
  • activityBarBadge.background#9d6d88
  • activityBarBadge.foreground#ffffff
  • activityBarTop.activeBorder#00000000
  • activityBarTop.dropBorder#9d6d8833
  • activityBarTop.foreground#a05566
  • activityBarTop.inactiveForeground#7c7479
  • badge.background#9d6d88
  • badge.foreground#ffffff
  • banner.background#ece4e4
  • banner.foreground#141414eb
  • banner.iconForeground#141414eb
  • breadcrumb.activeSelectionForeground#a05566
  • breadcrumb.background#ede7e7
  • breadcrumb.focusForeground#a05566
  • breadcrumb.foreground#141414cc
  • breadcrumbPicker.background#f2ecec
  • button.background#b06a78
  • button.border#00000000
  • button.foreground#fff7f7
  • button.hoverBackground#9c5868
  • button.secondaryBackground#cdc4c6
  • button.secondaryBorder#9d6d88
  • button.secondaryForeground#141414eb
  • button.secondaryHoverBackground#c1b6ba
  • button.separator#00000000
  • charts.blue#206595
  • charts.foreground#141414eb
  • charts.green#1f8a65
  • charts.lines#6e656b
  • charts.orange#a87326
  • charts.purple#6049b3
  • charts.red#cf2d56
  • charts.yellow#a87326
  • checkbox.background#ece4e4
  • checkbox.border#00000000
  • checkbox.foreground#9d6d88
  • commandCenter.activeBackground#cdc4c633
  • commandCenter.activeBorder#9d6d88
  • commandCenter.activeForeground#a05566
  • commandCenter.background#fef9f9
  • commandCenter.border#cdc4c6
  • commandCenter.foreground#6e656b
  • commandCenter.inactiveBorder#cdc4c6
  • commandCenter.inactiveForeground#6e656b
  • debugConsole.errorForeground#cf2d56
  • debugConsole.infoForeground#206595
  • debugConsole.sourceForeground#a05566
  • debugConsole.warningForeground#a87326
  • debugConsoleInputIcon.foreground#141414eb
  • debugExceptionWidget.background#2a2330
  • debugExceptionWidget.border#6049b3
  • debugIcon.breakpointCurrentStackframeForeground#cdc4c6
  • debugIcon.breakpointDisabledForeground#cf2d5699
  • debugIcon.breakpointForeground#cf2d56
  • debugIcon.breakpointStackframeForeground#cdc4c6
  • debugIcon.breakpointUnverifiedForeground#9a6781
  • debugIcon.continueForeground#1f8a65
  • debugIcon.disconnectForeground#cdc4c6
  • debugIcon.pauseForeground#206595
  • debugIcon.restartForeground#4c7f8c
  • debugIcon.startForeground#1f8a65
  • debugIcon.stepBackForeground#cdc4c6
  • debugIcon.stepIntoForeground#141414eb
  • debugIcon.stepOutForeground#141414eb
  • debugIcon.stepOverForeground#6049b3
  • debugIcon.stopForeground#cf2d56
  • debugTokenExpression.boolean#6049b3
  • debugTokenExpression.error#cf2d56
  • debugTokenExpression.number#a87326
  • debugTokenExpression.string#1f8a65
  • debugToolBar.background#2a2330
  • debugToolBar.border#00000000
  • descriptionForeground#141414eb
  • diffEditor.border#cdc4c6
  • diffEditor.diagonalFill#cdc4c699
  • diffEditor.insertedLineBackground#1f8a6526
  • diffEditor.insertedTextBackground#1f8a6533
  • diffEditor.removedLineBackground#cf2d5626
  • diffEditor.removedTextBackground#cf2d5633
  • diffEditorOverview.insertedForeground#1f8a65cc
  • diffEditorOverview.removedForeground#cf2d56cc
  • disabledForeground#5b5258
  • dropdown.background#f2ecec
  • dropdown.border#e2d9db
  • dropdown.foreground#141414eb
  • dropdown.listBackground#cdc4c6
  • editor.background#f8f3f3
  • editor.findMatchBackground#9d6d88
  • editor.findMatchBorder#cf2d5633
  • editor.findMatchForeground#ffffff
  • editor.findMatchHighlightBackground#a8732628
  • editor.findMatchHighlightBorder#4c7f8c33
  • editor.findRangeHighlightBackground#d8e4e6
  • editor.findRangeHighlightBorder#4c7f8c33
  • editor.focusedStackFrameHighlightBackground#1f8a6526
  • editor.foldBackground#4c7f8c40
  • editor.foreground#141414eb
  • editor.hoverHighlightBackground#4c7f8c40
  • editor.inactiveSelectionBackground#e8e0e6
  • editor.lineHighlightBackground#eee8e8
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#4c7f8c40
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#e2d6e2
  • editor.selectionHighlightBackground#4c7f8c20
  • editor.selectionHighlightBorder#4c7f8c33
  • editor.stackFrameHighlightBackground#a8732626
  • editor.wordHighlightBackground#20659520
  • editor.wordHighlightStrongBackground#20659538
  • editorBracketHighlight.foreground1#141414eb
  • editorBracketHighlight.foreground2#141414eb
  • editorBracketHighlight.foreground3#141414eb
  • editorBracketHighlight.foreground4#141414eb
  • editorBracketHighlight.foreground5#141414eb
  • editorBracketHighlight.foreground6#141414eb
  • editorBracketHighlight.unexpectedBracket.foreground#cf2d56
  • editorBracketMatch.background#1414141e
  • editorBracketMatch.border#14141400
  • editorCodeLens.foreground#7c7479
  • editorCursor.background#ede7e7
  • editorCursor.foreground#4c7f8c
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#cf2d56
  • editorGhostText.background#00000000
  • editorGhostText.border#00000000
  • editorGhostText.foreground#7c747980
  • editorGroup.border#cdc4c6
  • editorGroup.dropBackground#9d6d8833
  • editorGroup.emptyBackground#ede7e7
  • editorGroupHeader.tabsBackground#eee8e8
  • editorGroupHeader.tabsBorder#eee8e8
  • editorGutter.addedBackground#1f8a65
  • editorGutter.background#f8f3f3
  • editorGutter.commentGlyphForeground#9d6d88
  • editorGutter.commentRangeForeground#e6dddd
  • editorGutter.deletedBackground#cf2d56
  • editorGutter.foldingControlForeground#4c7f8c
  • editorGutter.modifiedBackground#a87326
  • editorHoverWidget.background#f2ecec
  • editorHoverWidget.border#cdc4c6
  • editorHoverWidget.foreground#141414eb
  • editorIndentGuide.activeBackground#cdc4c6
  • editorIndentGuide.background#ece4e4
  • editorInfo.background#00000000
  • editorInfo.border#00000000
  • editorInfo.foreground#206595
  • editorInlayHint.background#f2ececbf
  • editorInlayHint.foreground#8f8588
  • editorInlayHint.parameterBackground#f2ececbf
  • editorInlayHint.parameterForeground#6e656b
  • editorInlayHint.typeBackground#f2ececbf
  • editorInlayHint.typeForeground#6e656b
  • editorLightBulb.foreground#a87326
  • editorLineNumber.activeForeground#a05566
  • editorLineNumber.foreground#7c7479
  • editorLink.activeForeground#a05566
  • editorMarkerNavigation.background#f2ecec
  • editorMarkerNavigationError.background#cf2d56
  • editorMarkerNavigationInfo.background#206595
  • editorMarkerNavigationWarning.background#a87326
  • editorOverviewRuler.background#f2ecec
  • editorOverviewRuler.border#14141412
  • editorOverviewRuler.modifiedForeground#a87326
  • editorRuler.foreground#cdc4c6
  • editorStickyScroll.background#f2ecec
  • editorStickyScroll.border#00000000
  • editorStickyScroll.shadow#2a233080
  • editorStickyScrollGutter.background#f2ecec
  • editorStickyScrollHover.background#e6dddd
  • editorSuggestWidget.background#f2ecec
  • editorSuggestWidget.border#cdc4c6
  • editorSuggestWidget.foreground#141414eb
  • editorSuggestWidget.highlightForeground#a05566
  • editorSuggestWidget.selectedBackground#e6dddd
  • editorUnnecessaryCode.opacity#0000008c
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#b87e2e
  • editorWhitespace.foreground#e2d9db99
  • editorWidget.background#f2ecec
  • editorWidget.foreground#141414eb
  • editorWidget.resizeBorder#cdc4c6
  • errorForeground#cf2d56
  • errorLens.errorBackground#cf2d5626
  • errorLens.errorBackgroundLight#cf2d5626
  • errorLens.errorForeground#cf2d56
  • errorLens.errorForegroundLight#cf2d56
  • errorLens.errorMessageBackground#cf2d5626
  • errorLens.hintBackground#1f8a6526
  • errorLens.hintBackgroundLight#1f8a6526
  • errorLens.hintForeground#1f8a65
  • errorLens.hintForegroundLight#1f8a65
  • errorLens.hintMessageBackground#1f8a6526
  • errorLens.infoBackground#20659526
  • errorLens.infoBackgroundLight#20659526
  • errorLens.infoForeground#206595
  • errorLens.infoForegroundLight#206595
  • errorLens.infoMessageBackground#20659526
  • errorLens.statusBarErrorForeground#cf2d56
  • errorLens.statusBarHintForeground#1f8a65
  • errorLens.statusBarIconErrorForeground#cf2d56
  • errorLens.statusBarIconWarningForeground#a87326
  • errorLens.statusBarInfoForeground#206595
  • errorLens.statusBarWarningForeground#a87326
  • errorLens.warningBackground#a8732626
  • errorLens.warningBackgroundLight#a8732626
  • errorLens.warningForeground#a87326
  • errorLens.warningForegroundLight#a87326
  • errorLens.warningMessageBackground#a8732626
  • extensionBadge.remoteBackground#206595
  • extensionBadge.remoteForeground#ffffff
  • extensionButton.prominentBackground#b06a78
  • extensionButton.prominentForeground#fff7f7
  • extensionButton.prominentHoverBackground#9c5868
  • extensionButton.separator#ede7e7
  • extensionIcon.preReleaseForeground#cdc4c6
  • extensionIcon.sponsorForeground#c0568f
  • extensionIcon.starForeground#a87326
  • extensionIcon.verifiedForeground#1f8a65
  • focusBorder#bd8793
  • foreground#141414eb
  • gitDecoration.addedResourceForeground#1f8a65
  • gitDecoration.conflictingResourceForeground#a87326
  • gitDecoration.deletedResourceForeground#cf2d56
  • gitDecoration.ignoredResourceForeground#cdc4c6
  • gitDecoration.modifiedResourceForeground#a87326
  • gitDecoration.stageDeletedResourceForeground#cf2d56
  • gitDecoration.stageModifiedResourceForeground#a87326
  • gitDecoration.submoduleResourceForeground#206595
  • gitDecoration.untrackedResourceForeground#1f8a65
  • gitlens.closedAutolinkedIssueIconColor#6049b3
  • gitlens.closedPullRequestIconColor#cf2d56
  • gitlens.decorations.branchAheadForegroundColor#1f8a65
  • gitlens.decorations.branchBehindForegroundColor#a87326
  • gitlens.decorations.branchDivergedForegroundColor#a87326
  • gitlens.decorations.branchMissingUpstreamForegroundColor#a87326
  • gitlens.decorations.branchUnpublishedForegroundColor#1f8a65
  • gitlens.decorations.statusMergingOrRebasingConflictForegroundColor#cf2d56
  • gitlens.decorations.statusMergingOrRebasingForegroundColor#a87326
  • gitlens.decorations.workspaceCurrentForegroundColor#6049b3
  • gitlens.decorations.workspaceRepoMissingForegroundColor#6e656b
  • gitlens.decorations.workspaceRepoOpenForegroundColor#6049b3
  • gitlens.decorations.worktreeHasUncommittedChangesForegroundColor#a87326
  • gitlens.decorations.worktreeMissingForegroundColor#cf2d56
  • gitlens.graphChangesColumnAddedColor#1f8a65
  • gitlens.graphChangesColumnDeletedColor#cf2d56
  • gitlens.graphLane10Color#a05566
  • gitlens.graphLane1Color#6049b3
  • gitlens.graphLane2Color#a87326
  • gitlens.graphLane3Color#206595
  • gitlens.graphLane4Color#a05566
  • gitlens.graphLane5Color#1f8a65
  • gitlens.graphLane6Color#6049b3
  • gitlens.graphLane7Color#a05566
  • gitlens.graphLane8Color#cf2d56
  • gitlens.graphLane9Color#4c7f8c
  • gitlens.graphMinimapMarkerHeadColor#1f8a65
  • gitlens.graphMinimapMarkerHighlightsColor#a87326
  • gitlens.graphMinimapMarkerLocalBranchesColor#206595
  • gitlens.graphMinimapMarkerRemoteBranchesColor#206595
  • gitlens.graphMinimapMarkerStashesColor#6049b3
  • gitlens.graphMinimapMarkerTagsColor#a05566
  • gitlens.graphMinimapMarkerUpstreamColor#1f8a65
  • gitlens.graphScrollMarkerHeadColor#1f8a65
  • gitlens.graphScrollMarkerHighlightsColor#a87326
  • gitlens.graphScrollMarkerLocalBranchesColor#206595
  • gitlens.graphScrollMarkerRemoteBranchesColor#206595
  • gitlens.graphScrollMarkerStashesColor#6049b3
  • gitlens.graphScrollMarkerTagsColor#a05566
  • gitlens.graphScrollMarkerUpstreamColor#1f8a65
  • gitlens.gutterBackgroundColor#e6dddd4d
  • gitlens.gutterForegroundColor#141414eb
  • gitlens.gutterUncommittedForegroundColor#6049b3
  • gitlens.lineHighlightBackgroundColor#6049b326
  • gitlens.lineHighlightOverviewRulerColor#6049b3cc
  • gitlens.mergedPullRequestIconColor#6049b3
  • gitlens.openAutolinkedIssueIconColor#1f8a65
  • gitlens.openPullRequestIconColor#1f8a65
  • gitlens.trailingLineBackgroundColor#00000000
  • gitlens.trailingLineForegroundColor#1414144d
  • gitlens.unpublishedChangesIconColor#1f8a65
  • gitlens.unpublishedCommitIconColor#1f8a65
  • gitlens.unpulledChangesIconColor#a87326
  • icon.foreground#a05566
  • input.background#fef9f9
  • input.border#a0556666
  • input.foreground#141414eb
  • input.placeholderForeground#7c7479
  • inputOption.activeBackground#cdc4c6
  • inputOption.activeBorder#9d6d88
  • inputOption.activeForeground#141414eb
  • inputOption.hoverBackground#ece4e466
  • inputValidation.errorBackground#cf2d56
  • inputValidation.errorBorder#2a233033
  • inputValidation.errorForeground#ffffff
  • inputValidation.infoBackground#206595
  • inputValidation.infoBorder#2a233033
  • inputValidation.infoForeground#ffffff
  • inputValidation.warningBackground#a87326
  • inputValidation.warningBorder#2a233033
  • inputValidation.warningForeground#ffffff
  • issues.closed#6049b3
  • issues.newIssueDecoration#a05566
  • issues.open#1f8a65
  • keybindingLabel.background#f2ecec
  • keybindingLabel.border#cdc4c6
  • keybindingLabel.bottomBorder#cdc4c6
  • keybindingLabel.foreground#4f474d
  • list.activeSelectionBackground#d9cbd3
  • list.activeSelectionForeground#141414eb
  • list.dropBackground#9d6d8833
  • list.errorForeground#cf2d56
  • list.filterMatchBackground#a8732633
  • list.filterMatchBorder#a8732666
  • list.focusAndSelectionBackground#d9cbd3
  • list.focusBackground#d9cbd3
  • list.focusForeground#141414eb
  • list.focusHighlightForeground#a05566
  • list.focusOutline#9d6d88
  • list.highlightForeground#a05566
  • list.hoverBackground#e3d8dc
  • list.hoverForeground#141414eb
  • list.inactiveSelectionBackground#e1d5da
  • list.inactiveSelectionForeground#141414eb
  • list.treeItemToggleForeground#a05566
  • list.warningForeground#a87326
  • listFilterWidget.background#ece4e4
  • listFilterWidget.noMatchesOutline#cf2d56
  • listFilterWidget.outline#00000000
  • menu.background#ede7e7
  • menu.border#cdc4c6
  • menu.foreground#141414eb
  • menu.selectionBackground#cdc4c6
  • menu.selectionBorder#00000000
  • menu.selectionForeground#141414eb
  • menu.separatorBackground#cdc4c6
  • menubar.selectionBackground#ece4e4
  • menubar.selectionForeground#141414eb
  • merge.commonContentBackground#ece4e4
  • merge.commonHeaderBackground#cdc4c6
  • merge.currentContentBackground#1f8a6533
  • merge.currentHeaderBackground#1f8a6566
  • merge.incomingContentBackground#20659533
  • merge.incomingHeaderBackground#20659566
  • mergeEditor.change.background#1f8a6526
  • mergeEditor.change.word.background#1f8a6540
  • mergeEditor.conflict.handled.minimapOverviewRuler#1f8a65bf
  • mergeEditor.conflict.handledFocused.border#1f8a65cc
  • mergeEditor.conflict.handledUnfocused.border#1f8a6566
  • mergeEditor.conflict.unhandled.minimapOverviewRuler#cf2d56bf
  • mergeEditor.conflict.unhandledFocused.border#cf2d56cc
  • mergeEditor.conflict.unhandledUnfocused.border#cf2d5666
  • mergeEditor.conflictingLines.background#cf2d561a
  • minimap.background#f8f3f3
  • minimap.errorHighlight#cf2d56bf
  • minimap.findMatchHighlight#4c7f8c4d
  • minimap.selectionHighlight#cdc4c6bf
  • minimap.selectionOccurrenceHighlight#cdc4c6bf
  • minimap.warningHighlight#a87326bf
  • minimapGutter.addedBackground#1f8a65bf
  • minimapGutter.deletedBackground#cf2d56bf
  • minimapGutter.modifiedBackground#a87326bf
  • minimapSlider.activeBackground#9d6d8899
  • minimapSlider.background#9d6d8833
  • minimapSlider.hoverBackground#9d6d8866
  • notebook.cellBorderColor#ece4e4
  • notebook.cellStatusBarItemHoverBackground#cdc4c633
  • notebook.editorBackground#f8f3f3
  • notebook.focusedCellBackground#9d6d880a
  • notebook.focusedCellBorder#9d6d88
  • notebook.inactiveFocusedCellBorder#cdc4c6
  • notebook.outputContainerBackgroundColor#ede7e7
  • notebook.outputContainerBorderColor#ece4e4
  • notebook.selectedCellBackground#9d6d8814
  • notificationCenter.border#e2d9db
  • notificationCenterHeader.background#eee8e8
  • notificationCenterHeader.foreground#141414eb
  • notificationLink.foreground#206595
  • notifications.background#ede7e7
  • notifications.border#ece4e4
  • notifications.foreground#141414eb
  • notificationsErrorIcon.foreground#cf2d56
  • notificationsInfoIcon.foreground#206595
  • notificationsWarningIcon.foreground#a87326
  • notificationToast.border#cdc4c6
  • panel.background#eee8e8
  • panel.border#e2d9db
  • panelSection.border#cdc4c6
  • panelSection.dropBackground#9d6d8833
  • panelTitle.activeBorder#a05566
  • panelTitle.activeForeground#141414eb
  • panelTitle.inactiveForeground#6e656b
  • peekView.border#e2d9db
  • peekViewEditor.background#f2ecec
  • peekViewEditor.matchHighlightBackground#4c7f8c4d
  • peekViewEditor.matchHighlightBorder#00000000
  • peekViewEditorGutter.background#f2ecec
  • peekViewResult.background#f2ecec
  • peekViewResult.fileForeground#141414eb
  • peekViewResult.lineForeground#141414eb
  • peekViewResult.matchHighlightBackground#4c7f8c4d
  • peekViewResult.selectionBackground#e6dddd
  • peekViewResult.selectionForeground#141414eb
  • peekViewTitle.background#ede7e7
  • peekViewTitleDescription.foreground#6e656bb3
  • peekViewTitleLabel.foreground#141414eb
  • pickerGroup.border#9d6d88
  • pickerGroup.foreground#9d6d88
  • problemsErrorIcon.foreground#cf2d56
  • problemsInfoIcon.foreground#206595
  • problemsWarningIcon.foreground#a87326
  • progressBar.background#9d6d88
  • pullRequests.closed#cf2d56
  • pullRequests.draft#7c7479
  • pullRequests.merged#6049b3
  • pullRequests.notification#141414eb
  • pullRequests.open#1f8a65
  • quickInput.background#fef9f9
  • quickInput.foreground#141414eb
  • quickInputList.focusBackground#e9dfe2
  • quickInputList.focusForeground#141414eb
  • quickInputTitle.background#eee8e8
  • sash.hoverBorder#e2d9db
  • scmGraph.foreground1#a87326
  • scmGraph.foreground2#cf2d56
  • scmGraph.foreground3#1f8a65
  • scmGraph.foreground4#6049b3
  • scmGraph.foreground5#4c7f8c
  • scmGraph.historyItemBaseRefColor#a87326
  • scmGraph.historyItemRefColor#206595
  • scmGraph.historyItemRemoteRefColor#6049b3
  • scrollbar.shadow#2a2330
  • scrollbarSlider.activeBackground#8a849090
  • scrollbarSlider.background#ece4e44d
  • scrollbarSlider.hoverBackground#cdc4c66e
  • selection.background#9d6d8833
  • settings.dropdownBackground#ece4e4
  • settings.dropdownListBorder#00000000
  • settings.focusedRowBackground#cdc4c633
  • settings.headerForeground#141414eb
  • settings.modifiedItemIndicator#9d6d88
  • settings.numberInputBackground#ece4e4
  • settings.numberInputBorder#00000000
  • settings.textInputBackground#ece4e4
  • settings.textInputBorder#00000000
  • sideBar.background#eee8e8
  • sideBar.border#e2d9db
  • sideBar.dropBackground#9d6d8833
  • sideBar.foreground#141414eb
  • sideBarSectionHeader.background#eee8e8
  • sideBarSectionHeader.foreground#141414eb
  • sideBarTitle.foreground#6e656b
  • statusBar.background#eee8e8
  • statusBar.border#00000000
  • statusBar.debuggingBackground#a87326
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#7c7479
  • statusBar.noFolderBackground#eee8e8
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#141414eb
  • statusBarItem.activeBackground#e9dfe2
  • statusBarItem.errorBackground#cf2d56
  • statusBarItem.errorForeground#ffffff
  • statusBarItem.hoverBackground#ede5e5
  • statusBarItem.prominentBackground#00000000
  • statusBarItem.prominentForeground#a05566
  • statusBarItem.prominentHoverBackground#cdc4c633
  • statusBarItem.remoteBackground#206595
  • statusBarItem.remoteForeground#ffffff
  • statusBarItem.warningBackground#a87326
  • statusBarItem.warningForeground#ffffff
  • symbolIcon.arrayForeground#6049b3
  • symbolIcon.booleanForeground#6049b3
  • symbolIcon.classForeground#206595
  • symbolIcon.colorForeground#a05566
  • symbolIcon.constantForeground#a87326
  • symbolIcon.constructorForeground#c85d3a
  • symbolIcon.enumeratorForeground#206595
  • symbolIcon.enumeratorMemberForeground#a87326
  • symbolIcon.eventForeground#a05566
  • symbolIcon.fieldForeground#6049b3
  • symbolIcon.fileForeground#6e656b
  • symbolIcon.folderForeground#6e656b
  • symbolIcon.functionForeground#c85d3a
  • symbolIcon.interfaceForeground#206595
  • symbolIcon.keyForeground#6049b3
  • symbolIcon.keywordForeground#b3003f
  • symbolIcon.methodForeground#b8448b
  • symbolIcon.moduleForeground#141414cc
  • symbolIcon.namespaceForeground#141414cc
  • symbolIcon.nullForeground#cf2d56
  • symbolIcon.numberForeground#b8448b
  • symbolIcon.objectForeground#206595
  • symbolIcon.operatorForeground#b3003f
  • symbolIcon.packageForeground#141414cc
  • symbolIcon.propertyForeground#6049b3
  • symbolIcon.referenceForeground#6049b3
  • symbolIcon.snippetForeground#a05566
  • symbolIcon.stringForeground#8077c0
  • symbolIcon.structForeground#206595
  • symbolIcon.textForeground#141414eb
  • symbolIcon.typeParameterForeground#206595
  • symbolIcon.unitForeground#b8448b
  • symbolIcon.variableForeground#141414eb
  • tab.activeBackground#f8f3f3
  • tab.activeBorder#f8f3f3
  • tab.activeBorderTop#a05566
  • tab.activeForeground#1f1a1c
  • tab.activeModifiedBorder#a87326
  • tab.border#eee8e8
  • tab.hoverBackground#ede5e5
  • tab.hoverBorder#00000000
  • tab.hoverForeground#a05566
  • tab.inactiveBackground#eee8e8
  • tab.inactiveForeground#6e656b
  • tab.inactiveModifiedBorder#a8732673
  • tab.lastPinnedBorder#9d6d88
  • tab.unfocusedActiveBackground#f2ecec
  • tab.unfocusedActiveBorder#00000000
  • tab.unfocusedActiveBorderTop#e2d9db
  • tab.unfocusedActiveForeground#1f1a1c99
  • tab.unfocusedInactiveBackground#e8e1e1
  • tab.unfocusedInactiveForeground#6e656b80
  • table.headerBackground#e6dddd
  • table.headerForeground#141414eb
  • terminal.ansiBlack#141414eb
  • terminal.ansiBlue#206595
  • terminal.ansiBrightBlack#8f8588
  • terminal.ansiBrightBlue#6299c3
  • terminal.ansiBrightCyan#6f9ba6
  • terminal.ansiBrightGreen#55a583
  • terminal.ansiBrightMagenta#d06ba6
  • terminal.ansiBrightRed#e75e78
  • terminal.ansiBrightWhite#3c3640
  • terminal.ansiBrightYellow#c08532
  • terminal.ansiCyan#4c7f8c
  • terminal.ansiGreen#1f8a65
  • terminal.ansiMagenta#8077c0
  • terminal.ansiRed#cf2d56
  • terminal.ansiWhite#141414eb
  • terminal.ansiYellow#a87326
  • terminal.background#f8f3f3
  • terminal.border#cdc4c6
  • terminal.dropBackground#9d6d8833
  • terminal.findMatchBackground#9d6d88cc
  • terminal.findMatchBorder#00000000
  • terminal.findMatchHighlightBackground#9d6d884d
  • terminal.foreground#141414eb
  • terminal.inactiveSelectionBackground#cdc4c680
  • terminal.selectionBackground#cdc4c6
  • terminal.tab.activeBorder#a05566
  • terminalCommandDecoration.defaultBackground#cdc4c6
  • terminalCommandDecoration.errorBackground#cf2d56
  • terminalCommandDecoration.successBackground#1f8a65
  • terminalCursor.background#ede7e7
  • terminalCursor.foreground#4c7f8c
  • testing.coverCountBadgeBackground#00000000
  • testing.coverCountBadgeForeground#6049b3
  • testing.coveredBackground#1f8a654d
  • testing.coveredBorder#00000000
  • testing.coveredGutterBackground#1f8a654d
  • testing.iconErrored#cf2d56
  • testing.iconErrored.retired#cf2d56
  • testing.iconFailed#cf2d56
  • testing.iconFailed.retired#cf2d56
  • testing.iconPassed#1f8a65
  • testing.iconPassed.retired#1f8a65
  • testing.iconQueued#206595
  • testing.iconQueued.retired#206595
  • testing.iconSkipped#6e656b
  • testing.iconSkipped.retired#6e656b
  • testing.iconUnset#141414eb
  • testing.iconUnset.retired#141414eb
  • testing.message.error.decorationForeground#cf2d56
  • testing.message.error.lineBackground#cf2d5626
  • testing.message.info.decorationForeground#1f8a65cc
  • testing.message.info.lineBackground#1f8a6526
  • testing.messagePeekBorder#6049b3
  • testing.messagePeekHeaderBackground#cdc4c6
  • testing.peekBorder#6049b3
  • testing.peekHeaderBackground#cdc4c6
  • testing.runAction#6049b3
  • testing.uncoveredBackground#cf2d5633
  • testing.uncoveredBorder#00000000
  • testing.uncoveredBranchBackground#cf2d5633
  • testing.uncoveredGutterBackground#cf2d5640
  • textBlockQuote.background#f2ecec
  • textBlockQuote.border#2a2330
  • textCodeBlock.background#f2ecec
  • textLink.activeForeground#4c7f8c
  • textLink.foreground#206595
  • textPreformat.foreground#141414eb
  • textSeparator.foreground#e2d9db
  • titleBar.activeBackground#eee8e8
  • titleBar.activeForeground#141414eb
  • titleBar.border#00000000
  • titleBar.inactiveBackground#eee8e8
  • titleBar.inactiveForeground#14141480
  • toolbar.activeBackground#cdc4c655
  • toolbar.hoverBackground#cdc4c633
  • tree.inactiveIndentGuidesStroke#ece4e4
  • tree.indentGuidesStroke#4c7f8c
  • walkThrough.embeddedEditorBackground#ede7e74d
  • welcomePage.progress.background#2a2330
  • welcomePage.progress.foreground#9d6d88
  • welcomePage.tileBackground#f2ecec
  • widget.border#e2d9db
  • widget.shadow#f2ecec80

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.control.directive#1f8a65
string, punctuation.definition.string.begin, punctuation.definition.string.end#8077c0
variable.parameter.function#141414eb
comment markup.link#141414eb
keyword.operator.logical#141414eb
keyword.operator.bitwise#141414eb
keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.decrement, keyword.operator.increment, keyword.operator.relational#141414eb
keyword.operator.channel#141414eb
keyword.operator#141414eb
keyword.operator.assignment.compound#b3003f
keyword.operator.delete#b3003f
punctuation.separator.delimiter#141414eb
keyword#b3003f
entity.name.namespace#141414cc
variable, variable.c#141414eb
variable.language#cf2d56
entity.name.function, meta.require, support.function, variable.function#c85d3a
entity.name.type.namespace#c85d3a
support.class, entity.name.type.class#206595
entity.name.class, variable.other.class.js, variable.other.class.ts, entity.name.class.identifier.namespace.type#c85d3a
entity.name.type#c85d3a
keyword.other.special-method#6049b3
storage, token.storage#b3003f
support.function#c85d3a
entity.other.inherited-class#c85d3a
constant.other.symbol#141414eb
constant.numeric#b8448b
punctuation.definition.constant#a87326
entity.other.attribute-name#6049b3
entity.other.attribute-name.id#6049b3
markup.heading#141414eb
markup.heading punctuation.definition.heading, entity.name.section#6049b3
string.regexp#b8448b
constant.character.escape#b3003f
variable.interpolation#141414eb
punctuation.section.embedded.begin,punctuation.section.embedded.end#b3003f
invalid.illegal, invalid.illegal.bad-ampersand.html, invalid.broken, invalid.deprecated, invalid.unimplemented#141414eb
function.brace#141414eb
function.parameter, function.parameter.ruby, function.parameter.cs#141414eb
rgb-value#141414eb
block.scope.end,block.scope.begin#141414eb
token.info-token#6049b3
token.warn-token#b87e2e
token.error-token#cf2d56
token.debug-token#b3003f
meta.brace.square#141414eb
comment, punctuation.definition.comment, comment.line.double-slash, comment.block.documentation#14141480italic
string.quoted.binary.single.python#1f8a65
constant.other.ellipsis.python#141414cc
support.variable.magic.python#141414eb
punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python#141414eb
variable.parameter.function.language.special.self.python#c85d3a
support.type.python#4c7f8c
keyword.operator.logical.python#b3003f
variable.parameter.function.python, variable.parameter.function.language.python#a87326
punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python#141414eb
meta.function-call.generic.python#6049b3
constant.character.format.placeholder.other.python#a87326
meta.function.decorator.python, punctuation.definition.decorator.python, entity.name.function.decorator.python#1f8a65
support.token.decorator.python,meta.function.decorator.identifier.python#141414eb
keyword.control.import.python,keyword.control.flow.pythonitalic
constant.language.false.cpp, constant.language.true.cpp#b3003f
variable.language.this.cpp#b3003f
meta.function.c,meta.function.cpp#141414eb
punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c#141414eb
keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp#b3003f
punctuation.separator.c,punctuation.separator.cpp#b3003f
support.type.posix-reserved.c,support.type.posix-reserved.cpp#141414eb
keyword.operator.sizeof.c,keyword.operator.sizeof.cpp#b3003f
storage.modifier.reference, storage.modifier.pointer#141414cc
keyword.control.directive.include.cpp#1f8a65
storage.type.cs#c85d3a
entity.name.variable.local.cs#141414eb
entity.name.label.cs, entity.name.scope-resolution.function.call, entity.name.scope-resolution.function.definition#c85d3a
entity.name.label.cs, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#141414eb
punctuation.separator.key-value#141414eb
keyword.operator.expression.import#6049b3
support.constant.math#c85d3a
support.constant.property.math#a87326
variable.other.constant#6049b3
meta.object-literal.key,support.variable.object.process,support.variable.object.node#141414eb
variable.other.readwrite#206595
support.variable.property, variable.other.property, variable.other.property.ts, meta.definition.property.ts#6049b3
keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof, keyword.operator.expression.delete, keyword.operator.expression.in, keyword.operator.expression.of, keyword.operator.expression.typeof, keyword.operator.expression.void#b3003f
support.type.object.console#141414eb
support.variable.property.process#a87326
entity.name.function.js,support.function.console.js#b8448b
support.type.object.dom#141414eb
support.variable.dom,support.variable.property.dom#141414eb
keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts#141414eb
entity.name.type.module, support.module.node, support.type.object.module#c85d3a
entity.name.tag.template, entity.name.tag.script, entity.name.tag.style#6049b3
support.type.primitive.ts,support.type.builtin.ts,support.type.primitive.tsx,support.type.builtin.tsx#b3003f
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#b3003f
meta.template.expression#141414eb
keyword.operator.module#b3003f
support.type.type.flowtype#6049b3
support.type.primitive#c85d3a
meta.property.object#141414eb
variable.parameter.function.js#141414eb
keyword.other.template.begin, keyword.other.template.end, keyword.other.substitution.begin, keyword.other.substitution.end#8077c0
keyword.operator.assignment#141414eb
punctuation.quasi.element#b3003f
entity.other.attribute-name.js,entity.other.attribute-name.ts,entity.other.attribute-name.jsx,entity.other.attribute-name.tsx,variable.parameter,variable.language.superitalic
storage.type.annotation.java, storage.type.object.array.java#c85d3a
source.java#141414eb
punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java#141414eb
meta.method.java#6049b3
storage.modifier.import.java,storage.type.java,storage.type.generic.java#c85d3a
keyword.operator.instanceof.java#b3003f
meta.definition.variable.name.java#141414eb
token.variable.parameter.java#141414eb
import.storage.java#c85d3a
token.package.keyword#b3003f
token.package#141414eb
token.storage.type.java#c85d3a
entity.name.type.class.php#206595
entity.name.type.interface.php#206595
entity.name.type.trait.php#c85d3a
entity.name.type.enum.php#206595
constant.language.php#206595
constant.other.php#a87326
variable.language.this.php#cf2d56
support.function.builtin.php#4c7f8c
support.class.builtin.php#4c7f8c
variable.other.class.php#141414eb
support.other.namespace.use.php,support.other.namespace.use-as.php,support.other.namespace.php,entity.other.alias.php,meta.interface.php#c85d3a
keyword.operator.error-control.php#b3003f
keyword.operator.type.php#b3003f
punctuation.section.array.begin.php#141414eb
punctuation.section.array.end.php#141414eb
invalid.illegal.non-null-typehinted.php#cf2d56
storage.type.php,meta.other.type.phpdoc.php,keyword.other.type.php,keyword.other.array.phpdoc.php#c85d3a
meta.function-call.php,meta.function-call.object.php,meta.function-call.static.php#6049b3
punctuation.definition.parameters.begin.bracket.round.php,punctuation.definition.parameters.end.bracket.round.php,punctuation.separator.delimiter.php,punctuation.section.scope.begin.php,punctuation.section.scope.end.php,punctuation.terminator.expression.php,punctuation.definition.arguments.begin.bracket.round.php,punctuation.definition.arguments.end.bracket.round.php,punctuation.definition.storage-type.begin.bracket.round.php,punctuation.definition.storage-type.end.bracket.round.php,punctuation.definition.array.begin.bracket.round.php,punctuation.definition.array.end.bracket.round.php,punctuation.definition.begin.bracket.round.php,punctuation.definition.end.bracket.round.php,punctuation.definition.begin.bracket.curly.php,punctuation.definition.end.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php,punctuation.definition.section.switch-block.start.bracket.curly.php,punctuation.definition.section.switch-block.begin.bracket.curly.php,punctuation.definition.section.switch-block.end.bracket.curly.php#141414eb
support.constant.ext.php,support.constant.std.php,support.constant.core.php,support.constant.parser-token.php#a87326
entity.name.goto-label.php,support.other.php#6049b3
keyword.operator.logical.php,keyword.operator.bitwise.php,keyword.operator.arithmetic.php#141414eb
keyword.operator.regexp.php#b3003f
keyword.operator.comparison.php#141414eb
keyword.operator.heredoc.php,keyword.operator.nowdoc.php#b3003f
storage.modifier.lifetime.rust#141414eb
support.function.std.rust#6049b3
entity.name.lifetime.rust#a87326italic
variable.language.rust#141414eb
keyword.operator.misc.rust#141414eb
keyword.operator.sigil.rust#b3003f
support.constant.core.rust#a87326
keyword.operator.assignment.go#c85d3a
keyword.operator.arithmetic.go, keyword.operator.address.go#b3003f
entity.name.package.go#c85d3a
punctuation.definition.tag#141414ad
entity.name.tag.html#206595
keyword.operator.css,keyword.operator.scss,keyword.operator.less#141414eb
support.constant.color.w3c-standard-color-name.css, support.constant.color.w3c-standard-color-name.scss#a87326
punctuation.separator.list.comma.css#141414eb
control.elements, keyword.operator.less#a87326
meta.property-name.css#206595
meta.tag#c08532
meta.property-value.css#8077c0
entity.other.attribute-name.class.css#a87326
meta.selector#b3003f
keyword.other.unit#b8448b
constant.other.color#b8448b
inline-color-decoration rgb-value#a87326
less rgb-value#a87326
selector.sass#141414eb
constant.character.entity#141414eb
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#141414eb
markup.changed.diff#c85d3a
meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff#6049b3
markup.inserted.diff#8077c0
markup.deleted.diff#141414eb
markup.bold,todo.bold#a87326
punctuation.definition.bold#c85d3a
markup.italic, punctuation.definition.italic,todo.emphasis#b3003f
emphasis md#b3003f
entity.name.section.markdown#141414eb
punctuation.definition.heading.markdown#141414eb
markup.heading.setext#141414eb
punctuation.definition.bold.markdown#a87326
markup.inline.raw.markdown, markup.inline.raw.string.markdown#8077c0
punctuation.definition.list.begin.markdown, punctuation.definition.list.markdown, beginning.punctuation.definition.list.markdown#141414eb
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown#141414eb
punctuation.definition.metadata.markdown#141414eb
markup.underline.link.markdown,markup.underline.link.image.markdown#b3003f
string.other.link.title.markdown,string.other.link.description.markdown#6049b3
markup.quote.markdown#14141480
markup.italic.markdownitalic
support.constant.json#a87326
source.json meta.structure.dictionary.json > string.quoted.json#141414eb
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#141414eb
source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation#8077c0
source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json#141414eb
support.type.property-name.json#b3003f
punctuation.definition.block.sequence.item.yaml#141414eb
entity.name.tag.yaml#b3003f
string.quoted.double.yaml, string.quoted.single.yaml#8077c0
constant.numeric.yaml#b8448b
constant.language.boolean.yaml#a87326
constant.language.null.yaml#a87326
entity.name.other.anchor.yaml, variable.other.alias.yaml#6049b3
comment.line.number-sign.yaml#14141480italic
entity.other.attribute-name.toml#b3003f
entity.name.section.table.toml#206595
string.quoted.double.toml, string.quoted.single.toml, string.quoted.multiline.toml#8077c0
constant.numeric.integer.toml, constant.numeric.float.toml#b8448b
constant.language.boolean.toml#a87326
constant.other.datetime.toml#b8448b
comment.line.number-sign.toml#14141480italic
keyword.other.special-method.dockerfile#b3003f
keyword.other.from.dockerfile#b3003f
entity.name.image.dockerfile#206595
string.quoted.double.dockerfile, string.quoted.single.dockerfile#8077c0
variable.other.dockerfile#6049b3
comment.line.number-sign.dockerfile#14141480italic
keyword.other.sql, keyword.other.DML.sql, keyword.other.DDL.create.sql, keyword.other.DDL.sql, keyword.other.alias.sql, keyword.other.order.sql, keyword.other.authorization.sql, storage.modifier.sql#b3003f
support.function.aggregate.sql, support.function.string.sql, support.function.math.sql, entity.name.function.sql#c85d3a
storage.type.sql, support.type.sql#206595
string.quoted.single.sql#8077c0
constant.numeric.sql#b8448b
entity.name.table.sql, meta.columns.sql#141414eb
keyword.operator.comparison.sql#b3003f
text.variable, text.bracketed#141414eb
comment.line.double-dash.sql, comment.block.sql#14141480italic
keyword.control.shell, keyword.operator.shell#b3003f
support.function.builtin.shell, entity.name.function.shell#c85d3a
variable.other.normal.shell, variable.other.special.shell, variable.other.positional.shell, variable.other.bracket.shell#6049b3
variable.other.assign.shell#141414eb
string.quoted.double.shell, string.quoted.single.shell#8077c0
string.unquoted.heredoc.shell#8077c0
constant.numeric.shell#b8448b
string.other.option.shell#141414eb
comment.line.number-sign.shell#14141480italic
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison#141414eb
variable.other.generic-type.haskell#b3003f
storage.type.haskell#a87326
support.constant.edge#b3003f
keyword.operator.quantifier.regexp#a87326
entity.name.tag.laravel-blade, support.constant.laravel-blade#b3003f
constant.language.symbol.ruby#141414eb
support.type.prelude.elm#141414eb
support.constant.elm#a87326
entity.global.clojure#c85d3a
meta.symbol.clojure#141414eb
constant.keyword.clojure#141414eb
meta.arguments.coffee, variable.parameter.function.coffee#141414eb
source.ini#8077c0
meta.scope.prerequisites.makefile#141414eb
source.makefile#c85d3a
storage.modifier.import.groovy#c85d3a
meta.method.groovy#6049b3
meta.definition.variable.name.groovy#141414eb
meta.definition.class.inherited.classes.groovy#8077c0
support.variable.semantic.hlsl#c85d3a
support.type.texture.hlsl, support.type.sampler.hlsl, support.type.object.hlsl, support.type.object.rw.hlsl, support.type.fx.hlsl, support.type.object.hlsl#b3003f
support.type.swift, support.type.vb.asp#c85d3a
entity.name.function.xi#c85d3a
entity.name.class.xi#141414eb
constant.character.character-class.regexp.xi#141414eb
constant.regexp.xi#b3003f
keyword.control.xi#141414eb
invalid.xi#141414eb
beginning.punctuation.definition.quote.markdown.xi#8077c0
beginning.punctuation.definition.list.markdown.xi#14141480
constant.character.xi#6049b3
accent.xi#6049b3
wikiword.xi#a87326
constant.other.color.rgb-value.xi#141414eb
punctuation.definition.tag.xi#14141480
constant.language.symbol.elixir#141414eb
Roseveil Theme by xloiqa - VS Code Theme