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.

  • actionBar.toggledBackground#FFFFFF0d
  • activityBar.activeBackground#FFFFFF0d
  • activityBar.activeBorder#E19A8B
  • activityBar.activeFocusBorder#FFFFFF
  • activityBar.background#171717
  • activityBar.border#FFFFFF1a
  • activityBar.dropBorder#E19A8B
  • activityBar.foreground#FFFFFFcc
  • activityBar.inactiveForeground#FFFFFF8c
  • activityBarBadge.background#E19A8B
  • activityBarBadge.foreground#000000
  • badge.background#E19A8B
  • badge.foreground#000000
  • banner.background#E19A8B
  • banner.foreground#000000
  • banner.iconForeground#000000
  • breadcrumb.activeSelectionForeground#E19A8B
  • breadcrumb.background#171717
  • breadcrumb.focusForeground#FFFFFFcc
  • breadcrumb.foreground#FFFFFF8c
  • breadcrumbPicker.background#272727
  • button.background#E19A8B
  • button.border#FFFFFF1a
  • button.foreground#000000
  • button.hoverBackground#CB8569e6
  • button.secondaryBackground#FFFFFF0d
  • button.secondaryForeground#FFFFFFcc
  • button.secondaryHoverBackground#FFFFFF1a
  • button.separator#000000
  • charts.blue#4B9ECD
  • charts.foreground#000000
  • charts.green#8EA71E
  • charts.lines#FFFFFF1a
  • charts.orange#FAA41D
  • charts.purple#9B87EA
  • charts.red#E33D56
  • charts.yellow#F1C34F
  • chat.avatarBackground#2a2a2a
  • chat.avatarForeground#E19A8B
  • chat.requestBorder#FFFFFF1a
  • chat.slashCommandBackground#FFFFFF0d
  • chat.slashCommandForeground#E19A8B
  • checkbox.background#FFFFFF0d
  • checkbox.border#FFFFFF1a
  • checkbox.foreground#FFFFFFcc
  • checkbox.selectBackground#FFFFFF0d
  • checkbox.selectBorder#FFFFFF1a
  • commandCenter.activeBackground#FFFFFF1a
  • commandCenter.activeBorder#FFFFFF1a
  • commandCenter.activeForeground#FFFFFFcc
  • commandCenter.background#FFFFFF0d
  • commandCenter.border#FFFFFF1a
  • commandCenter.debuggingBackground#343327
  • commandCenter.foreground#FFFFFFcc
  • commandCenter.inactiveBorder#FFFFFF1a
  • commandCenter.inactiveForeground#FFFFFF8c
  • commentsView.resolvedIcon#FFFFFF8c
  • commentsView.unresolvedIcon#4B9ECD
  • debugConsole.errorForeground#E33D56
  • debugConsole.infoForeground#4B9ECD
  • debugConsole.sourceForeground#FFFFFFcc
  • debugConsole.warningForeground#FAA41D
  • debugConsoleInputIcon.foreground#E19A8B
  • debugExceptionWidget.background#3A2727
  • debugExceptionWidget.border#00000033
  • debugIcon.breakpointCurrentStackframeForeground#F1C34F
  • debugIcon.breakpointDisabledForeground#FFFFFF59
  • debugIcon.breakpointForeground#E33D56
  • debugIcon.breakpointStackframeForeground#F1C34F8c
  • debugIcon.breakpointUnverifiedForeground#FAA41D
  • debugIcon.continueForeground#8EA71E
  • debugIcon.disconnectForeground#E33D56
  • debugIcon.pauseForeground#F1C34F
  • debugIcon.restartForeground#8EA71E
  • debugIcon.startForeground#8EA71E
  • debugIcon.stepBackForeground#4B9ECD
  • debugIcon.stepIntoForeground#4B9ECD
  • debugIcon.stepOutForeground#4B9ECD
  • debugIcon.stepOverForeground#4B9ECD
  • debugIcon.stopForeground#E33D56
  • debugTokenExpression.boolean#4B9ECD
  • debugTokenExpression.error#E33D56
  • debugTokenExpression.name#E19A8B
  • debugTokenExpression.number#80B27F
  • debugTokenExpression.string#E19A8B
  • debugTokenExpression.value#7BA7B4
  • debugToolBar.background#272727
  • debugToolBar.border#00000033
  • debugView.exceptionLabelBackground#E33D56
  • debugView.exceptionLabelForeground#000000
  • debugView.stateLabelBackground#FFFFFF08
  • debugView.stateLabelForeground#FFFFFFcc
  • debugView.valueChangedHighlight#9DAFB1
  • descriptionForeground#FFFFFF8c
  • diffEditor.border#FFFFFF1a
  • diffEditor.diagonalFill#FFFFFF1a
  • diffEditor.insertedLineBackground#8EA71E33
  • diffEditor.insertedTextBackground#8EA71Ecc
  • diffEditor.insertedTextBorder#00000000
  • diffEditor.move.border#75757566
  • diffEditor.moveActive.border#DAC391
  • diffEditor.removedLineBackground#E33D5633
  • diffEditor.removedTextBackground#E33D5659
  • diffEditor.removedTextBorder#00000000
  • diffEditor.unchangedCodeBackground#FFFFFF0d
  • diffEditor.unchangedRegionBackground#373737
  • diffEditor.unchangedRegionForeground#FFFFFF8c
  • diffEditor.unchangedRegionShadow#00000040
  • diffEditorGutter.insertedLineBackground#00000000
  • diffEditorGutter.removedLineBackground#00000000
  • diffEditorOverview.insertedForeground#8EA71Ecc
  • diffEditorOverview.removedForeground#E33D56cc
  • disabledForeground#FFFFFF59
  • dropdown.background#343434
  • dropdown.border#FFFFFF1a
  • dropdown.foreground#FFFFFFcc
  • dropdown.listBackground#272727
  • editor.background#1F1F1F
  • editor.findMatchBackground#7BA7B459
  • editor.findMatchBorder#FFFFFF1a
  • editor.findMatchHighlightBackground#7BA7B433
  • editor.findMatchHighlightBorder#FFFFFF1a
  • editor.findRangeHighlightBackground#FFFFFF0d
  • editor.findRangeHighlightBorder#00000000
  • editor.focusedStackFrameHighlightBackground#F1C34F33
  • editor.foldBackground#FFFFFF0d
  • editor.foreground#D4D4D4
  • editor.hoverHighlightBackground#FFFFFF0d
  • editor.inactiveSelectionBackground#FFFFFF0d
  • editor.inlineValuesBackground#F1C34F33
  • editor.inlineValuesForeground#F1C34F
  • editor.lineHighlightBackground#00000000
  • editor.lineHighlightBorder#FFFFFF1a
  • editor.linkedEditingBackground#4B9ECD59
  • editor.rangeHighlightBackground#FFFFFF0d
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#FFFFFF1a
  • editor.selectionForeground#FFFFFFcc
  • editor.selectionHighlightBackground#FFFFFF0d
  • editor.selectionHighlightBorder#FFFFFF1a
  • editor.snippetFinalTabstopHighlightBackground#00000000
  • editor.snippetFinalTabstopHighlightBorder#4B9ECD
  • editor.snippetTabstopHighlightBackground#4B9ECD59
  • editor.snippetTabstopHighlightBorder#FFFFFF1a
  • editor.stackFrameHighlightBackground#F1C34Fcc
  • editor.symbolHighlightBackground#00000000
  • editor.symbolHighlightBorder#9B87EA
  • editor.wordHighlightBackground#E19A8B59
  • editor.wordHighlightBorder#FFFFFF1a
  • editor.wordHighlightStrongBackground#9B87EA59
  • editor.wordHighlightStrongBorder#FFFFFF1a
  • editor.wordHighlightTextBackground#E19A8B59
  • editor.wordHighlightTextBorder#FFFFFF1a
  • editorBracketHighlight.foreground1#DAC391
  • editorBracketHighlight.foreground2#C59E7F
  • editorBracketHighlight.foreground3#f17779
  • editorBracketHighlight.foreground4#A9A0CB
  • editorBracketHighlight.foreground5#9DAFB1
  • editorBracketHighlight.foreground6#80B27F
  • editorBracketHighlight.unexpectedBracket.foreground#E33D56
  • editorBracketMatch.background#BB721259
  • editorBracketMatch.border#FFFFFF1a
  • editorBracketPairGuide.activeBackground1#DAC391
  • editorBracketPairGuide.activeBackground2#C59E7F
  • editorBracketPairGuide.activeBackground3#f17779
  • editorBracketPairGuide.activeBackground4#A9A0CB
  • editorBracketPairGuide.activeBackground5#9DAFB1
  • editorBracketPairGuide.activeBackground6#80B27F
  • editorBracketPairGuide.background1#F1C34F8c
  • editorBracketPairGuide.background2#FAA41D8c
  • editorBracketPairGuide.background3#E19A8B8c
  • editorBracketPairGuide.background4#9B87EA8c
  • editorBracketPairGuide.background5#4B9ECD8c
  • editorBracketPairGuide.background6#8EA71E8c
  • editorCodeLens.foreground#FFFFFF59
  • editorCommentsWidget.rangeActiveBackground#4B9ECD59
  • editorCommentsWidget.rangeBackground#4B9ECD33
  • editorCommentsWidget.replyInputBackground#343434
  • editorCommentsWidget.resolvedBorder#FFFFFF59
  • editorCommentsWidget.unresolvedBorder#4B9ECD
  • editorCursor.background#000000
  • editorCursor.foreground#E19A8B
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#E33D56
  • editorGhostText.background#00000000
  • editorGhostText.border#00000000
  • editorGhostText.foreground#FFFFFF33
  • editorGroup.border#FFFFFF1a
  • editorGroup.dropBackground#0000004d
  • editorGroup.dropIntoPromptBackground#272727
  • editorGroup.dropIntoPromptBorder#00000033
  • editorGroup.dropIntoPromptForeground#FFFFFFcc
  • editorGroup.emptyBackground#171717
  • editorGroup.focusedEmptyBorder#00000000
  • editorGroupHeader.border#FFFFFF1a
  • editorGroupHeader.noTabsBackground#171717
  • editorGroupHeader.tabsBackground#171717
  • editorGroupHeader.tabsBorder#FFFFFF1a
  • editorGutter.addedBackground#8EA71E
  • editorGutter.background#171717
  • editorGutter.commentGlyphForeground#FFFFFF8c
  • editorGutter.commentRangeForeground#373737
  • editorGutter.commentUnresolvedGlyphForeground#4B9ECD
  • editorGutter.deletedBackground#E33D56
  • editorGutter.foldingControlForeground#FFFFFF8c
  • editorGutter.modifiedBackground#4B9ECD
  • editorHint.border#00000000
  • editorHint.foreground#7BA7B4
  • editorHoverWidget.background#272727
  • editorHoverWidget.border#00000033
  • editorHoverWidget.foreground#FFFFFFcc
  • editorHoverWidget.highlightForeground#FFFFFF
  • editorHoverWidget.statusBarBackground#FFFFFF08
  • editorIndentGuide.activeBackground1#DAC391
  • editorIndentGuide.activeBackground2#C59E7F
  • editorIndentGuide.activeBackground3#f17779
  • editorIndentGuide.activeBackground4#A9A0CB
  • editorIndentGuide.activeBackground5#9DAFB1
  • editorIndentGuide.activeBackground6#80B27F
  • editorIndentGuide.background1#F1C34F8c
  • editorIndentGuide.background2#FAA41D8c
  • editorIndentGuide.background3#E33D568c
  • editorIndentGuide.background4#9B87EA8c
  • editorIndentGuide.background5#4B9ECD8c
  • editorIndentGuide.background6#8EA71E8c
  • editorInfo.background#00000000
  • editorInfo.border#00000000
  • editorInfo.foreground#4B9ECD
  • editorInlayHint.background#FFFFFF1a
  • editorInlayHint.foreground#FFFFFF8c
  • editorInlayHint.parameterBackground#322B24
  • editorInlayHint.parameterForeground#C59E7F
  • editorInlayHint.typeBackground#27302F
  • editorInlayHint.typeForeground#7BA7B4
  • editorLightBulb.foreground#F1C34F
  • editorLightBulbAi.foreground#9B87EA
  • editorLightBulbAutoFix.foreground#8EA71E
  • editorLineNumber.activeForeground#FFFFFFcc
  • editorLineNumber.dimmedForeground#FFFFFF33
  • editorLineNumber.foreground#FFFFFF59
  • editorLink.activeForeground#E19A8B
  • editorMarkerNavigation.background#272727
  • editorMarkerNavigationError.background#E33D56
  • editorMarkerNavigationError.headerBackground#3A2727
  • editorMarkerNavigationInfo.background#4B9ECD
  • editorMarkerNavigationInfo.headerBackground#252D31
  • editorMarkerNavigationWarning.background#FAA41D
  • editorMarkerNavigationWarning.headerBackground#322B24
  • editorOverviewRuler.addedForeground#8EA71Ecc
  • editorOverviewRuler.background#171717
  • editorOverviewRuler.border#00000000
  • editorOverviewRuler.bracketMatchForeground#BB7212cc
  • editorOverviewRuler.commentForeground#FFFFFF33
  • editorOverviewRuler.commentUnresolvedForeground#4B9ECDcc
  • editorOverviewRuler.commonContentForeground#FFFFFF59
  • editorOverviewRuler.currentContentForeground#7BA7B48c
  • editorOverviewRuler.deletedForeground#E33D56cc
  • editorOverviewRuler.errorForeground#E33D56
  • editorOverviewRuler.findMatchForeground#7BA7B4cc
  • editorOverviewRuler.incomingContentForeground#4B9ECD8c
  • editorOverviewRuler.infoForeground#4B9ECD
  • editorOverviewRuler.modifiedForeground#4B9ECDcc
  • editorOverviewRuler.rangeHighlightForeground#FFFFFF0d
  • editorOverviewRuler.selectionHighlightForeground#FFFFFF1a
  • editorOverviewRuler.warningForeground#FAA41D
  • editorOverviewRuler.wordHighlightForeground#E19A8Bcc
  • editorOverviewRuler.wordHighlightStrongForeground#9B87EAcc
  • editorOverviewRuler.wordHighlightTextForeground#E19A8Bcc
  • editorPane.background#171717
  • editorRuler.foreground#FFFFFF1a
  • editorStickyScroll.background#1c1c1c
  • editorStickyScrollHover.background#FFFFFF0d
  • editorSuggestWidget.background#272727
  • editorSuggestWidget.border#00000033
  • editorSuggestWidget.focusHighlightForeground#E19A8B
  • editorSuggestWidget.foreground#FFFFFF8c
  • editorSuggestWidget.highlightForeground#E19A8B
  • editorSuggestWidget.selectedBackground#FFFFFF0d
  • editorSuggestWidget.selectedForeground#FFFFFFcc
  • editorSuggestWidget.selectedIconForeground#FFFFFFcc
  • editorSuggestWidgetStatus.foreground#E19A8B
  • editorUnicodeHighlight.background#00000000
  • editorUnicodeHighlight.border#F1C34F
  • editorUnnecessaryCode.border#00000000
  • editorUnnecessaryCode.opacity#FFFFFF8c
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#FAA41D
  • editorWhitespace.foreground#FFFFFF33
  • editorWidget.background#272727
  • editorWidget.border#00000033
  • editorWidget.foreground#FFFFFFcc
  • editorWidget.resizeBorder#E19A8B
  • errorForeground#E33D56
  • errorLens.errorBackground#E33D5633
  • errorLens.errorBackgroundLight#E33D5633
  • errorLens.errorForeground#E33D56
  • errorLens.errorForegroundLight#E33D56
  • errorLens.errorMessageBackground#E33D5633
  • errorLens.errorRangeBackground#E33D5633
  • errorLens.hintBackground#7BA7B433
  • errorLens.hintBackgroundLight#7BA7B433
  • errorLens.hintForeground#7BA7B4
  • errorLens.hintForegroundLight#7BA7B4
  • errorLens.hintMessageBackground#7BA7B433
  • errorLens.hintRangeBackground#7BA7B433
  • errorLens.infoBackground#4B9ECD33
  • errorLens.infoBackgroundLight#4B9ECD33
  • errorLens.infoForeground#4B9ECD
  • errorLens.infoForegroundLight#4B9ECD
  • errorLens.infoMessageBackground#4B9ECD33
  • errorLens.infoRangeBackground#4B9ECD33
  • errorLens.statusBarErrorForeground#f17779
  • errorLens.statusBarHintForeground#83AEA8
  • errorLens.statusBarIconErrorForeground#f17779
  • errorLens.statusBarIconWarningForeground#C59E7F
  • errorLens.statusBarInfoForeground#9DAFB1
  • errorLens.statusBarWarningForeground#C59E7F
  • errorLens.warningBackground#FAA41D33
  • errorLens.warningBackgroundLight#FAA41D33
  • errorLens.warningForeground#FAA41D
  • errorLens.warningForegroundLight#FAA41D
  • errorLens.warningMessageBackground#FAA41D33
  • errorLens.warningRangeBackground#FAA41D33
  • extensionBadge.remoteBackground#7BA7B4
  • extensionBadge.remoteForeground#000000
  • extensionButton.background#E19A8B
  • extensionButton.foreground#000000
  • extensionButton.hoverBackground#E19A8B
  • extensionButton.prominentBackground#E19A8B
  • extensionButton.prominentForeground#000000
  • extensionButton.prominentHoverBackground#E19A8B
  • extensionButton.separator#000000
  • extensionIcon.preReleaseForeground#9B87EA
  • extensionIcon.sponsorForeground#E33D56
  • extensionIcon.starForeground#F1C34F
  • extensionIcon.verifiedForeground#4B9ECD
  • focusBorder#75757566
  • foreground#FFFFFFcc
  • gitDecoration.addedResourceForeground#8EA71E
  • gitDecoration.conflictingResourceForeground#FAA41D
  • gitDecoration.deletedResourceForeground#f17779
  • gitDecoration.ignoredResourceForeground#FFFFFF59
  • gitDecoration.modifiedResourceForeground#9DAFB1
  • gitDecoration.renamedResourceForeground#F1C34F
  • gitDecoration.stageDeletedResourceForeground#E33D56
  • gitDecoration.stageModifiedResourceForeground#4B9ECD
  • gitDecoration.submoduleResourceForeground#7BA7B4
  • gitDecoration.untrackedResourceForeground#80B27F
  • gitlens.closedAutolinkedIssueIconColor#9B87EA
  • gitlens.closedPullRequestIconColor#E33D56
  • gitlens.decorations.addedForegroundColor#8EA71E
  • gitlens.decorations.branchAheadForegroundColor#8EA71E
  • gitlens.decorations.branchBehindForegroundColor#FAA41D
  • gitlens.decorations.branchDivergedForegroundColor#F1C34F
  • gitlens.decorations.branchMissingUpstreamForegroundColor#FAA41D
  • gitlens.decorations.branchUnpublishedForegroundColor#4B9ECD
  • gitlens.decorations.branchUpToDateForegroundColor#FFFFFF8c
  • gitlens.decorations.copiedForegroundColor#F1C34F
  • gitlens.decorations.deletedForegroundColor#f17779
  • gitlens.decorations.ignoredForegroundColor#FFFFFF59
  • gitlens.decorations.modifiedForegroundColor#4B9ECD
  • gitlens.decorations.renamedForegroundColor#F1C34F
  • gitlens.decorations.statusMergingOrRebasingConflictForegroundColor#FAA41D
  • gitlens.decorations.statusMergingOrRebasingForegroundColor#DAC391
  • gitlens.decorations.untrackedForegroundColor#80B27F
  • gitlens.decorations.workspaceCurrentForegroundColor#8EA71E
  • gitlens.decorations.workspaceRepoMissingForegroundColor#FFFFFF59
  • gitlens.decorations.workspaceRepoOpenForegroundColor#8EA71E
  • gitlens.decorations.worktreeHasUncommittedChangesForegroundColor#9DAFB1
  • gitlens.decorations.worktreeMissingForegroundColor#E33D56
  • gitlens.graphChangesColumnAddedColor#8EA71E
  • gitlens.graphChangesColumnDeletedColor#E33D56
  • gitlens.graphLane10Color#FAA41D
  • gitlens.graphLane1Color#E33D56
  • gitlens.graphLane2Color#FAA41D
  • gitlens.graphLane3Color#F1C34F
  • gitlens.graphLane4Color#8EA71E
  • gitlens.graphLane5Color#7BA7B4
  • gitlens.graphLane6Color#4B9ECD
  • gitlens.graphLane7Color#9B87EA
  • gitlens.graphLane8Color#E19A8B
  • gitlens.graphLane9Color#E33D56
  • gitlens.graphMinimapMarkerHeadColor#8EA71E
  • gitlens.graphMinimapMarkerHighlightsColor#7BA7B4
  • gitlens.graphMinimapMarkerLocalBranchesColor#9B87EA
  • gitlens.graphMinimapMarkerRemoteBranchesColor#83AEA8
  • gitlens.graphMinimapMarkerStashesColor#E19A8B
  • gitlens.graphMinimapMarkerTagsColor#F1C34F
  • gitlens.graphMinimapMarkerUpstreamColor#80B27F
  • gitlens.graphScrollMarkerHeadColor#8EA71Ecc
  • gitlens.graphScrollMarkerHighlightsColor#7BA7B4cc
  • gitlens.graphScrollMarkerLocalBranchesColor#9B87EAcc
  • gitlens.graphScrollMarkerRemoteBranchesColor#7BA7B4cc
  • gitlens.graphScrollMarkerStashesColor#E19A8Bcc
  • gitlens.graphScrollMarkerTagsColor#F1C34Fcc
  • gitlens.graphScrollMarkerUpstreamColor#8EA71Ecc
  • gitlens.gutterBackgroundColor#1c1c1c
  • gitlens.gutterForegroundColor#FFFFFF8c
  • gitlens.gutterUncommittedForegroundColor#9DAFB1
  • gitlens.lineHighlightBackgroundColor#FFFFFF0d
  • gitlens.lineHighlightOverviewRulerColor#FFFFFF0d
  • gitlens.mergedPullRequestIconColor#9B87EA
  • gitlens.openAutolinkedIssueIconColor#8EA71E
  • gitlens.openPullRequestIconColor#8EA71E
  • gitlens.trailingLineBackgroundColor#00000000
  • gitlens.trailingLineForegroundColor#FFFFFF33
  • gitlens.unpublishedChangesIconColor#80B27F
  • gitlens.unpublishedCommitIconColor#8EA71E
  • gitlens.unpulledChangesIconColor#FAA41D
  • icon.foreground#FFFFFFcc
  • inlineChat.background#272727
  • inlineChat.border#00000033
  • inlineChat.regionHighlight#FFFFFF0d
  • inlineChat.shadow#00000040
  • inlineChatDiff.inserted#8EA71E33
  • inlineChatDiff.removed#E33D5633
  • inlineChatInput.background#343434
  • inlineChatInput.border#FFFFFF1a
  • inlineChatInput.focusBorder#75757566
  • inlineChatInput.placeholderForeground#FFFFFF59
  • input.background#343434
  • input.border#FFFFFF1a
  • input.foreground#FFFFFFcc
  • input.placeholderForeground#FFFFFF8c
  • inputOption.activeBackground#E19A8B
  • inputOption.activeBorder#FFFFFF1a
  • inputOption.activeForeground#000000
  • inputOption.hoverBackground#FFFFFF0d
  • inputValidation.errorBackground#3A2727
  • inputValidation.errorBorder#E33D5659
  • inputValidation.errorForeground#f17779
  • inputValidation.infoBackground#252D31
  • inputValidation.infoBorder#4B9ECD59
  • inputValidation.infoForeground#9DAFB1
  • inputValidation.warningBackground#322B24
  • inputValidation.warningBorder#FAA41D59
  • inputValidation.warningForeground#C59E7F
  • interactive.activeCodeBorder#ff0000
  • interactive.inactiveCodeBorder#ff0000
  • issues.closed#9B87EA
  • issues.newIssueDecoration#FFFFFF33
  • issues.open#8EA71E
  • keybindingLabel.background#FFFFFF0d
  • keybindingLabel.border#FFFFFF1a
  • keybindingLabel.bottomBorder#FFFFFF1a
  • keybindingLabel.foreground#FFFFFFcc
  • keybindingTable.headerBackground#272727
  • keybindingTable.rowsBackground#272727
  • list.activeSelectionBackground#FFFFFF0d
  • list.activeSelectionForeground#E19A8B
  • list.activeSelectionIconForeground#FFFFFFcc
  • list.deemphasizedForeground#FFFFFF59
  • list.dropBackground#0000004d
  • list.errorForeground#E33D56
  • list.filterMatchBackground#7BA7B459
  • list.filterMatchBorder#FFFFFF1a
  • list.focusAndSelectionOutline#75757566
  • list.focusBackground#FFFFFF0d
  • list.focusForeground#FFFFFFcc
  • list.focusHighlightForeground#E19A8B
  • list.focusOutline#FFFFFF1a
  • list.highlightForeground#E19A8B
  • list.hoverBackground#FFFFFF08
  • list.hoverForeground#FFFFFFcc
  • list.inactiveFocusBackground#00000000
  • list.inactiveFocusOutline#0000001a
  • list.inactiveSelectionBackground#FFFFFF0d
  • list.inactiveSelectionForeground#E19A8B
  • list.inactiveSelectionIconForeground#FFFFFFcc
  • list.invalidItemForeground#E33D56
  • list.warningForeground#FAA41D
  • listFilterWidget.background#272727
  • listFilterWidget.noMatchesOutline#E33D56
  • listFilterWidget.outline#00000033
  • listFilterWidget.shadow#00000040
  • menu.background#272727
  • menu.border#00000033
  • menu.foreground#FFFFFFcc
  • menu.selectionBackground#FFFFFF0d
  • menu.selectionBorder#FFFFFF1a
  • menu.selectionForeground#FFFFFFcc
  • menu.separatorBackground#FFFFFF1a
  • menubar.selectionBackground#FFFFFF0d
  • menubar.selectionBorder#FFFFFF1a
  • menubar.selectionForeground#FFFFFFcc
  • merge.border#FFFFFF1a
  • merge.commonContentBackground#FFFFFF1a
  • merge.commonHeaderBackground#FFFFFF33
  • merge.currentContentBackground#7BA7B433
  • merge.currentHeaderBackground#7BA7B48c
  • merge.incomingContentBackground#4B9ECD33
  • merge.incomingHeaderBackground#4B9ECD8c
  • mergeEditor.change.background#FFFFFF0d
  • mergeEditor.change.word.background#FFFFFF1a
  • mergeEditor.changeBase.background#FFFFFF0d
  • mergeEditor.changeBase.word.background#FFFFFF1a
  • mergeEditor.conflict.handled.minimapOverViewRuler#8EA71E8c
  • mergeEditor.conflict.handledFocused.border#8EA71E
  • mergeEditor.conflict.handledUnfocused.border#8EA71E8c
  • mergeEditor.conflict.input1.background#4B9ECD8c
  • mergeEditor.conflict.input2.background#7BA7B48c
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#E33D568c
  • mergeEditor.conflict.unhandledFocused.border#E33D56
  • mergeEditor.conflict.unhandledUnfocused.border#E33D568c
  • mergeEditor.conflictingLines.background#FAA41D33
  • minimap.background#1c1c1c
  • minimap.errorHighlight#E33D5659
  • minimap.findMatchHighlight#7BA7B459
  • minimap.foregroundOpacity#FFFFFF
  • minimap.infoHighlight#4B9ECD59
  • minimap.selectionHighlight#FFFFFF59
  • minimap.selectionOccurrenceHighlight#FFFFFF33
  • minimap.warningHighlight#FAA41D59
  • minimapGutter.addedBackground#8EA71E
  • minimapGutter.deletedBackground#E33D56
  • minimapGutter.modifiedBackground#4B9ECD
  • minimapSlider.activeBackground#FFFFFF08
  • minimapSlider.background#FFFFFF0d
  • minimapSlider.hoverBackground#FFFFFF1a
  • multiDiffEditor.headerBackground#ff0000
  • notebook.cellBorderColor#FFFFFF1a
  • notebook.cellEditorBackground#171717
  • notebook.cellHoverBackground#FFFFFF08
  • notebook.cellInsertionIndicator#E19A8B
  • notebook.cellStatusBarItemHoverBackground#FFFFFF0d
  • notebook.cellToolbarSeparator#00000033
  • notebook.editorBackground#1F1F1F
  • notebook.focusedCellBackground#FFFFFF08
  • notebook.focusedCellBorder#E19A8B
  • notebook.focusedEditorBorder#75757566
  • notebook.inactiveFocusedCellBorder#FFFFFF1a
  • notebook.inactiveSelectedCellBorder#75757566
  • notebook.outputContainerBackgroundColor#1c1c1c
  • notebook.outputContainerBorderColor#FFFFFF1a
  • notebook.selectedCellBackground#FFFFFF08
  • notebook.selectedCellBorder#E19A8B
  • notebook.symbolHighlightBackground#ff0000
  • notebookEditorOverviewRuler.runningCellForeground#F1C34F
  • notebookScrollbarSlider.activeBackground#FFFFFF08
  • notebookScrollbarSlider.background#FFFFFF0d
  • notebookScrollbarSlider.hoverBackground#FFFFFF1a
  • notebookStatusErrorIcon.foreground#E33D56
  • notebookStatusRunningIcon.foreground#F1C34F
  • notebookStatusSuccessIcon.foreground#8EA71E
  • notificationCenter.border#00000033
  • notificationCenterHeader.background#272727
  • notificationCenterHeader.foreground#FFFFFFcc
  • notificationLink.foreground#E19A8B
  • notifications.background#272727
  • notifications.border#FFFFFF1a
  • notifications.foreground#FFFFFFcc
  • notificationsErrorIcon.foreground#E33D56
  • notificationsInfoIcon.foreground#4B9ECD
  • notificationsWarningIcon.foreground#FAA41D
  • notificationToast.border#00000033
  • panel.background#1c1c1c
  • panel.border#FFFFFF1a
  • panel.dropBorder#E19A8B
  • panelInput.border#FFFFFF1a
  • panelSection.border#75757566
  • panelSection.dropBackground#0000004d
  • panelSectionHeader.background#FFFFFF08
  • panelSectionHeader.border#75757566
  • panelSectionHeader.foreground#FFFFFF8c
  • panelTitle.activeBorder#E19A8B
  • panelTitle.activeForeground#FFFFFFcc
  • panelTitle.inactiveForeground#FFFFFF8c
  • peekView.border#7BA7B4
  • peekViewEditor.background#1c1c1c
  • peekViewEditor.matchHighlightBackground#7BA7B459
  • peekViewEditor.matchHighlightBorder#FFFFFF1a
  • peekViewEditorGutter.background#1F1F1F
  • peekViewEditorStickyScroll.background#272727
  • peekViewResult.background#1F1F1F
  • peekViewResult.fileForeground#FFFFFF8c
  • peekViewResult.lineForeground#FFFFFF8c
  • peekViewResult.matchHighlightBackground#7BA7B459
  • peekViewResult.selectionBackground#FFFFFF1a
  • peekViewResult.selectionForeground#FFFFFFcc
  • peekViewTitle.background#27302F
  • peekViewTitleDescription.foreground#FFFFFF8c
  • peekViewTitleLabel.foreground#83AEA8
  • pickerGroup.border#FFFFFF1a
  • pickerGroup.foreground#E19A8B
  • ports.iconRunningProcessForeground#8EA71E
  • problemsErrorIcon.foreground#E33D56
  • problemsInfoIcon.foreground#4B9ECD
  • problemsWarningIcon.foreground#FAA41D
  • profileBadge.background#373737
  • profileBadge.foreground#FFFFFF8c
  • progressBar.background#E19A8B
  • pullRequests.closed#E33D56
  • pullRequests.draft#FFFFFF59
  • pullRequests.merged#9B87EA
  • pullRequests.notification#4B9ECD
  • pullRequests.open#8EA71E
  • quickInput.background#272727
  • quickInput.foreground#FFFFFF8c
  • quickInputList.focusBackground#FFFFFF0d
  • quickInputList.focusForeground#FFFFFFcc
  • quickInputList.focusIconForeground#FFFFFFcc
  • quickInputTitle.background#171717
  • sash.hoverBorder#75757566
  • scm.historyItemAdditionsForeground#8EA71E
  • scm.historyItemDeletionsForeground#E33D56
  • scm.historyItemSelectedStatisticsBorder#75757566
  • scm.historyItemStatisticsBorder#FFFFFF1a
  • scrollbar.shadow#00000040
  • scrollbarSlider.activeBackground#FFFFFF08
  • scrollbarSlider.background#FFFFFF0d
  • scrollbarSlider.hoverBackground#FFFFFF1a
  • search.resultsInfoForeground#FFFFFF59
  • searchEditor.findMatchBackground#7BA7B459
  • searchEditor.findMatchBorder#FFFFFF1a
  • searchEditor.textInputBorder#FFFFFF1a
  • selection.background#FFFFFF1a
  • sideBar.background#1c1c1c
  • sideBar.border#FFFFFF1a
  • sideBar.dropBackground#0000004d
  • sideBar.foreground#FFFFFF8c
  • sideBarSectionHeader.background#FFFFFF08
  • sideBarSectionHeader.border#75757566
  • sideBarSectionHeader.foreground#FFFFFF8c
  • sideBarTitle.foreground#FFFFFFcc
  • sideBySideEditor.horizontalBorder#FFFFFF1a
  • sideBySideEditor.verticalBorder#FFFFFF1a
  • simpleFindWidget.sashBorder#E19A8B
  • statusBar.background#171717
  • statusBar.border#FFFFFF1a
  • statusBar.debuggingBackground#343327
  • statusBar.debuggingBorder#FFFFFF1a
  • statusBar.debuggingForeground#DAC391
  • statusBar.focusBorder#75757566
  • statusBar.foreground#FFFFFFcc
  • statusBar.noFolderBackground#3A2727
  • statusBar.noFolderBorder#FFFFFF1a
  • statusBar.noFolderForeground#f17779
  • statusBarItem.activeBackground#FFFFFF08
  • statusBarItem.compactHoverBackground#FFFFFF29
  • statusBarItem.errorBackground#3A2727
  • statusBarItem.errorForeground#f17779
  • statusBarItem.errorHoverBackground#463434
  • statusBarItem.errorHoverForeground#FFFFFFcc
  • statusBarItem.focusBorder#75757566
  • statusBarItem.hoverBackground#FFFFFF0d
  • statusBarItem.hoverForeground#FFFFFFcc
  • statusBarItem.offlineBackground#3A2727
  • statusBarItem.offlineForeground#f17779
  • statusBarItem.offlineHoverBackground#463434
  • statusBarItem.offlineHoverForeground#FFFFFFcc
  • statusBarItem.prominentBackground#373737
  • statusBarItem.prominentForeground#FFFFFFcc
  • statusBarItem.prominentHoverBackground#434343
  • statusBarItem.prominentHoverForeground#FFFFFFcc
  • statusBarItem.remoteBackground#27302F
  • statusBarItem.remoteForeground#83AEA8
  • statusBarItem.remoteHoverBackground#343c3b
  • statusBarItem.remoteHoverForeground#FFFFFFcc
  • statusBarItem.warningBackground#322B24
  • statusBarItem.warningForeground#C59E7F
  • statusBarItem.warningHoverBackground#3e3831
  • statusBarItem.warningHoverForeground#FFFFFFcc
  • symbolIcon.arrayForeground#4B9ECD
  • symbolIcon.booleanForeground#4B9ECD
  • symbolIcon.classForeground#F1C34F
  • symbolIcon.colorForeground#FFFFFF8c
  • symbolIcon.constantForeground#83AEA8
  • symbolIcon.constructorForeground#FAA41D
  • symbolIcon.enumeratorForeground#7BA7B4
  • symbolIcon.enumeratorMemberForeground#83AEA8
  • symbolIcon.eventForeground#f17779
  • symbolIcon.fieldForeground#DAC391
  • symbolIcon.fileForeground#FFFFFF8c
  • symbolIcon.folderForeground#FFFFFF8c
  • symbolIcon.functionForeground#FAA41D
  • symbolIcon.interfaceForeground#7BA7B4
  • symbolIcon.keyForeground#A9A0CB
  • symbolIcon.keywordForeground#E19A8B
  • symbolIcon.methodForeground#FAA41D
  • symbolIcon.moduleForeground#FFFFFF8c
  • symbolIcon.namespaceForeground#FFFFFF8c
  • symbolIcon.nullForeground#4B9ECD
  • symbolIcon.numberForeground#80B27F
  • symbolIcon.objectForeground#7BA7B4
  • symbolIcon.operatorForeground#FFFFFF8c
  • symbolIcon.packageForeground#FFFFFF8c
  • symbolIcon.propertyForeground#DAC391
  • symbolIcon.referenceForeground#9B87EA
  • symbolIcon.snippetForeground#9DAFB1
  • symbolIcon.stringForeground#BB7212
  • symbolIcon.structForeground#F1C34F
  • symbolIcon.textForeground#FFFFFF8c
  • symbolIcon.typeParameterForeground#83AEA8
  • symbolIcon.unitForeground#80B27F
  • symbolIcon.variableForeground#C59E7F
  • tab.activeBackground#272727
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#FFFFFFcc
  • tab.activeModifiedBorder#4B9ECD
  • tab.border#FFFFFF1a
  • tab.hoverBackground#272727
  • tab.hoverBorder#00000000
  • tab.hoverForeground#FFFFFFcc
  • tab.inactiveBackground#1c1c1c
  • tab.inactiveForeground#FFFFFF8c
  • tab.inactiveModifiedBorder#4B9ECD8c
  • tab.lastPinnedBorder#75757566
  • tab.unfocusedActiveBackground#1F1F1F
  • tab.unfocusedActiveBorder#00000000
  • tab.unfocusedActiveBorderTop#00000000
  • tab.unfocusedActiveForeground#FFFFFF8c
  • tab.unfocusedActiveModifiedBorder#4B9ECD8c
  • tab.unfocusedHoverBackground#1F1F1F
  • tab.unfocusedHoverBorder#00000000
  • tab.unfocusedHoverForeground#FFFFFF8c
  • tab.unfocusedInactiveBackground#171717
  • tab.unfocusedInactiveForeground#FFFFFF59
  • tab.unfocusedInactiveModifiedBorder#4B9ECD59
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#4B9ECD
  • terminal.ansiBrightBlack#000000
  • terminal.ansiBrightBlue#9DAFB1
  • terminal.ansiBrightCyan#83AEA8
  • terminal.ansiBrightGreen#80B27F
  • terminal.ansiBrightMagenta#EA7E82
  • terminal.ansiBrightRed#f17779
  • terminal.ansiBrightWhite#cccccc
  • terminal.ansiBrightYellow#DAC391
  • terminal.ansiCyan#7BA7B4
  • terminal.ansiGreen#8EA71E
  • terminal.ansiMagenta#E19A8B
  • terminal.ansiRed#E33D56
  • terminal.ansiWhite#FFFFFF
  • terminal.ansiYellow#F1C34F
  • terminal.background#2c2c2c
  • terminal.border#FFFFFF1a
  • terminal.dropBackground#0000004d
  • terminal.findMatchBackground#7BA7B459
  • terminal.findMatchBorder#FFFFFF1a
  • terminal.findMatchHighlightBackground#7BA7B433
  • terminal.findMatchHighlightBorder#FFFFFF1a
  • terminal.foreground#cccccc
  • terminal.hoverHighlightBackground#FFFFFF0d
  • terminal.inactiveSelectionBackground#FFFFFF0d
  • terminal.selectionBackground#505050
  • terminal.selectionForeground#2c2c2c
  • terminal.tab.activeBorder#E19A8B
  • terminalCommandDecoration.defaultBackground#4B9ECD
  • terminalCommandDecoration.errorBackground#E33D56
  • terminalCommandDecoration.successBackground#8EA71E
  • terminalCursor.background#000000
  • terminalCursor.foreground#E19A8B
  • terminalOverviewRuler.cursorForeground#E19A8B
  • terminalOverviewRuler.findMatchForeground#7BA7B4cc
  • terminalStickyScroll.background#1c1c1c
  • terminalStickyScrollHover.background#FFFFFF1a
  • testing.iconErrored#E33D56
  • testing.iconFailed#E33D56
  • testing.iconPassed#8EA71E
  • testing.iconQueued#F1C34F
  • testing.iconSkipped#FFFFFF8c
  • testing.iconUnset#FFFFFF8c
  • testing.message.error.decorationForeground#E33D56
  • testing.message.error.lineBackground#E33D5659
  • testing.message.info.decorationForeground#4B9ECD
  • testing.message.info.lineBackground#4B9ECD59
  • testing.peekBorder#f17779
  • testing.peekHeaderBackground#3A2727
  • testing.runAction#8EA71E
  • textBlockQuote.background#FFFFFF08
  • textBlockQuote.border#E19A8B
  • textCodeBlock.background#FFFFFF08
  • textLink.activeForeground#E19A8B
  • textLink.foreground#E19A8B
  • textPreformat.background#FFFFFF0d
  • textPreformat.foreground#E19A8B
  • textSeparator.foreground#FFFFFF1a
  • titleBar.activeBackground#171717
  • titleBar.activeForeground#FFFFFFcc
  • titleBar.border#FFFFFF1a
  • titleBar.inactiveBackground#171717
  • titleBar.inactiveForeground#FFFFFF8c
  • toolbar.activeBackground#FFFFFF08
  • toolbar.hoverBackground#FFFFFF0d
  • toolbar.hoverOutline#FFFFFF1a
  • tree.inactiveIndentGuidesStroke#FFFFFF33
  • tree.indentGuidesStroke#FFFFFF59
  • tree.tableColumnsBorder#FFFFFF1a
  • tree.tableOddRowsBackground#272727
  • walkThrough.embeddedEditorBackground#171717
  • walkthrough.stepTitle.foreground#FFFFFFcc
  • welcomePage.background#1F1F1F
  • welcomePage.progress.background#FFFFFF0d
  • welcomePage.progress.foreground#E19A8B
  • welcomePage.tileBackground#FFFFFF0d
  • welcomePage.tileBorder#FFFFFF1a
  • welcomePage.tileHoverBackground#FFFFFF1a
  • widget.border#00000033
  • widget.shadow#00000040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
emphasisitalic
strongbold
constant.regexp#9DAFB1
invalid
markup.underlineunderline
string.quoted, string.template#F1C34F
storage, storage.modifier, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike, keyword.operator.noexcept, keyword.operator.type.asserts, keyword.other, constant.language, variable.language.this, keyword.class, keyword.struct, keyword.interface, keyword.function, keyword.method, keyword.const, keyword.var, keyword.other.fn, keyword.operator.shape, support.constant.font-name, support.constant.media-type, support.constant.media, support.type.primitive, support.type.builtin#E33D56
keyword.operator, storage.type.function.arrow, keyword.other.unit#D4D4D4
meta.method.identifier entity.name.function#FAA41D
meta.function-call entity.name.function, meta.method-call entity.name.function, meta.function-call, meta.method-call#E3D0B0
constant.numeric#E19A8B
storage.type.annotation#EA7E82
entity.name.type, storage.identifier, entity.other.inherited-class#7BA7B4
entity.name.type.namespace, entity.name.namespace, entity.name.type.module, entity.name.module, entity.name.type.package, entity.name.package, storage.modifier.import, storage.modifier.package, entity.name.scope-resolution#ACAFAF
entity.name.tag#7BA7B4
entity.other.attribute-name, variable.other.property#80B27F
variable.other.readwrite.alias#4B9ECD
keyword.other.documentation.javadoc.java#ACAFAF
variable.language.wildcard.java#ACAFAF
keyword.control.ternary.java#D4D4D4
storage.type.local.java#E33D56
variable.parameter.function-call.python#8EA71E
constant.character.format.placeholder.other.python#4B9ECD
meta.attribute.python#80B27F
comment, string.quoted.docstring.single.python, string.quoted.docstring.multi.python#ACAFAF
meta.function.parameters.python#7BA7B4
entity.name.function.decorator.python#EA7E82
support.function.builtin.python, constant.character.format.placeholder.other.python storage.type.format.python#E33D56
variable.other.constant.js, variable.other.object.js, variable.other.constant.jsx, variable.other.object.jsx, variable.other.constant.ts, variable.other.object.ts, variable.other.constant.tsx, variable.other.object.tsx#4B9ECD
support.type.object.module.js, support.type.object.module.ts#7BA7B4
variable.other.object.property.js, meta.object-literal.key.js, meta.object-literal.key.js string.quoted.double.js#80B27F
variable.other.readwrite.alias.js#D4D4D4
variable.other.readwrite.js#4B9ECD
support.variable.property.js#80B27F
variable.language.arguments.js#A9A0CB
text.html.basic entity.other#7BA7B4italic
source.json support#80B27F
string.quoted.double.json, string.quoted.double.json.comments#D4D4D4
entity.name.tag.yaml#80B27F
keyword.other.important#DAC391
source.css support, source.stylus support, meta.property-name.css#8EA71E
source.css constant, source.css support.constant, source.stylus constant, source.stylus support.constant, support.constant.font-name.css, constant.other.caps.python#BB7212
source.css string, source.css punctuation.definition.string, source.stylus string, source.stylus punctuation.definition.string#DAC391
support.function.misc.css, meta.property-value.css, entity.name.function.scss#E3D0B0
entity.other.attribute-name.pseudo-element.css, meta.at-rule.media.header.css#9DAFB1
variable.parameter.url.css#F1C34F
variable.other.less, source.css variable, source.stylus variable#4B9ECD
punctuation.definition.heading.markdown#4B9ECD
entity.name.section.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown#7BA7B4bold
meta.paragraph.markdown#D4D4D4
beginning.punctuation.definition.quote.markdown#FAA41D
markup.quote.markdown meta.paragraph.markdown, markup.inline.raw.string.markdown, fenced_code.block.language, markup.inline.raw.markdown#E3D0B0italic
markup.table.markdown#E3D0B0
meta.separator.markdown#FAA41D
markup.list.unnumbered.markdown, markup.list.numbered.markdown#E33D56
markup.bold.markdown#E3D0B0bold
markup.italic.markdownitalic
string.other.link.title.markdown, string.other.link.description.markdown, string.other.link.description.title.markdown#8EA71E
markup.underline.link.markdown, markup.underline.link.image.markdown#F1C34F
constant.other.reference.link.markdown#BB7212
Buenos Aires by gamestoy - VS Code Theme