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#19f9d830
  • activityBar.activeBackground#0a0a0a
  • activityBar.activeBorder#ff4b82
  • activityBar.background#0a0a0a
  • activityBar.border#222223
  • activityBar.foreground#19f9d8
  • activityBar.inactiveForeground#868686
  • activityBarBadge.background#19f9d8
  • activityBarBadge.foreground#000000
  • badge.background#ff4b82
  • badge.foreground#ffffff
  • breadcrumb.activeSelectionForeground#19f9d8
  • breadcrumb.background#0f0f0f
  • breadcrumb.focusForeground#ff4b82
  • breadcrumb.foreground#9CA3AF
  • breadcrumbPicker.background#2a2c2d
  • button.background#000000
  • button.border#19f9d8
  • button.foreground#ffffff
  • button.hoverBackground#ff4b82
  • button.secondaryBackground#313131
  • button.secondaryForeground#cccccc
  • button.secondaryHoverBackground#3c3c3c
  • chat.editedFileForeground#e2c08d
  • chat.slashCommandBackground#26477866
  • chat.slashCommandForeground#85b6ff
  • checkbox.background#313131
  • checkbox.border#3c3c3c
  • debugConsole.errorForeground#ff4b82
  • debugConsole.infoForeground#19f9d8
  • debugConsole.sourceForeground#9CA3AF
  • debugConsole.warningForeground#ffb86c
  • debugConsoleInputIcon.foreground#9CA3AF
  • debugExceptionWidget.background#420b0d
  • debugExceptionWidget.border#ff4b82
  • debugIcon.breakpointCurrentStackframeForeground#ffb86c
  • debugIcon.breakpointDisabledForeground#848484
  • debugIcon.breakpointForeground#ff4b82
  • debugIcon.breakpointStackframeForeground#19f9d8
  • debugIcon.breakpointUnverifiedForeground#848484
  • debugIcon.continueForeground#19f9d8
  • debugIcon.disconnectForeground#ff4b82
  • debugIcon.pauseForeground#19f9d8
  • debugIcon.restartForeground#19f9d8
  • debugIcon.startForeground#19f9d8
  • debugIcon.stepBackForeground#19f9d8
  • debugIcon.stepIntoForeground#19f9d8
  • debugIcon.stepOutForeground#19f9d8
  • debugIcon.stepOverForeground#19f9d8
  • debugIcon.stopForeground#ff4b82
  • debugToolBar.background#181818
  • descriptionForeground#9d9d9d
  • diffEditor.insertedTextBackground#14b8a666
  • diffEditor.removedTextBackground#ff4b8266
  • dropdown.background#2a2c2d
  • dropdown.border#222223
  • dropdown.foreground#9CA3AF
  • dropdown.listBackground#1f1f1f
  • editor.background#0a0a0a
  • editor.findMatchBackground#b084eb90
  • editor.findMatchHighlightBackground#ff9ac140
  • editor.foreground#F3F4F6
  • editor.inactiveSelectionBackground#ff9ac140
  • editor.lineHighlightBackground#ff4b8220
  • editor.selectionBackground#ff00bb40
  • editor.selectionHighlightBackground#ff9ac140
  • editor.wordHighlightBackground#6fc1ff60
  • editor.wordHighlightStrongBackground#ff9ac170
  • editorBracketHighlight.foreground1#14b8a6
  • editorBracketHighlight.foreground2#ff9ac1
  • editorBracketHighlight.foreground3#6fc1ff
  • editorBracketHighlight.foreground4#ff9ac1
  • editorBracketHighlight.foreground5#6fc1ff
  • editorBracketHighlight.foreground6#ff4b82
  • editorBracketHighlight.unexpectedBracket.foreground#ff1212cc
  • editorBracketMatch.background#0064001a
  • editorBracketMatch.border#14b8a6
  • editorBracketPairGuide.activeBackground1#14b8a660
  • editorBracketPairGuide.activeBackground2#ff9ac160
  • editorBracketPairGuide.activeBackground3#6fc1ff60
  • editorBracketPairGuide.activeBackground4#ff9ac160
  • editorBracketPairGuide.activeBackground5#6fc1ff60
  • editorBracketPairGuide.activeBackground6#ff4b8260
  • editorBracketPairGuide.background1#14b8a630
  • editorBracketPairGuide.background2#ff9ac130
  • editorBracketPairGuide.background3#6fc1ff30
  • editorBracketPairGuide.background4#ff9ac130
  • editorBracketPairGuide.background5#6fc1ff30
  • editorBracketPairGuide.background6#ff4b8230
  • editorCodeLens.foreground#ff4b8240
  • editorCursor.foreground#ff4b82
  • editorError.border#292a2b
  • editorError.foreground#ff4b82
  • editorGroup.border#ffffff17
  • editorGroupHeader.tabsBackground#000000
  • editorGroupHeader.tabsBorder#1a1a1a
  • editorGutter.addedBackground#14b8a6
  • editorGutter.deletedBackground#ff4b82
  • editorGutter.modifiedBackground#14b8a6
  • editorHoverWidget.background#1a1a1a
  • editorIndentGuide.activeBackground1#14b8a660
  • editorIndentGuide.background1#374151
  • editorInlayHint.background#ff4b8215
  • editorInlayHint.foreground#9CA3AF
  • editorInlayHint.parameterForeground#6fc1ff
  • editorInlayHint.typeForeground#14b8a6
  • editorLineNumber.activeForeground#cccccc
  • editorLineNumber.foreground#9CA3AF
  • editorOverviewRuler.addedForeground#14b8a6
  • editorOverviewRuler.border#00000000
  • editorOverviewRuler.deletedForeground#ff4b82
  • editorOverviewRuler.errorForeground#ff4b82
  • editorOverviewRuler.infoForeground#6fc1ff
  • editorOverviewRuler.modifiedForeground#14b8a6
  • editorOverviewRuler.warningForeground#ffb86c
  • editorRuler.foreground#b084eb60
  • editorSuggestWidget.selectedBackground#19f9d899
  • editorWarning.border#292a2b
  • editorWarning.foreground#ffb86c
  • editorWhitespace.foreground#3e4250
  • editorWidget.background#2a2c2d
  • editorWidget.border#373b41
  • errorForeground#ff4b82
  • errorLens.errorBackground#ff4b821b
  • errorLens.errorBackgroundLight#ff4b8220
  • errorLens.errorForeground#ff6464
  • errorLens.errorForegroundLight#ff4b82
  • errorLens.errorMessageBackground#ff4b8219
  • errorLens.errorRangeBackground#ff4b8219
  • errorLens.hintBackground#19f9d820
  • errorLens.hintBackgroundLight#19f9d820
  • errorLens.hintForeground#19f9d8
  • errorLens.hintForegroundLight#19f9d8
  • errorLens.hintMessageBackground#19f9d819
  • errorLens.hintRangeBackground#19f9d819
  • errorLens.infoBackground#6fc1ff20
  • errorLens.infoBackgroundLight#6fc1ff20
  • errorLens.infoForeground#6fc1ff
  • errorLens.infoForegroundLight#6fc1ff
  • errorLens.infoMessageBackground#6fc1ff19
  • errorLens.infoRangeBackground#6fc1ff19
  • errorLens.statusBarErrorForeground#ff6464
  • errorLens.statusBarHintForeground#19f9d8
  • errorLens.statusBarIconErrorForeground#ff6464
  • errorLens.statusBarIconWarningForeground#ffb86c
  • errorLens.statusBarInfoForeground#6fc1ff
  • errorLens.statusBarWarningForeground#ffb86c
  • errorLens.warningBackground#ffb86c1b
  • errorLens.warningBackgroundLight#ffb86c20
  • errorLens.warningForeground#ffb86c
  • errorLens.warningForegroundLight#ffb86c
  • errorLens.warningMessageBackground#ffb86c19
  • errorLens.warningRangeBackground#ffb86c19
  • extensionBadge.remoteBackground#000000
  • extensionBadge.remoteForeground#ffffff
  • extensionButton.background#000000
  • extensionButton.foreground#ffffff
  • extensionButton.hoverBackground#ff4b82
  • extensionButton.prominentBackground#000000
  • extensionButton.prominentForeground#ffffff
  • extensionButton.prominentHoverBackground#ff4b82
  • extensionButton.separator#00000066
  • extensionIcon.preReleaseForeground#ffb86c
  • extensionIcon.privateForeground#ffffff60
  • extensionIcon.sponsorForeground#ff9ac1
  • extensionIcon.starForeground#ffb86c
  • extensionIcon.verifiedForeground#19f9d8
  • focusBorder#ff4b82
  • foreground#9CA3AF
  • gitDecoration.addedResourceForeground#6fc1ff
  • gitDecoration.conflictingResourceForeground#ff9ac1
  • gitDecoration.deletedResourceForeground#ff4b82
  • gitDecoration.ignoredResourceForeground#9CA3AF
  • gitDecoration.modifiedResourceForeground#19f9d8
  • gitDecoration.untrackedResourceForeground#6fc1ff
  • gitlens.closedAutolinkedIssueIconColor#a78bfa
  • gitlens.closedPullRequestIconColor#ff4b82
  • gitlens.decorations.addedForegroundColor#6fc1ff
  • gitlens.decorations.branchAheadForegroundColor#6fc1ff
  • gitlens.decorations.branchBehindForegroundColor#ff4b82
  • gitlens.decorations.branchDivergedForegroundColor#ffb86c
  • gitlens.decorations.branchMissingUpstreamForegroundColor#ff4b82
  • gitlens.decorations.branchUnpublishedForegroundColor#ffffff
  • gitlens.decorations.branchUpToDateForegroundColor#ffffff
  • gitlens.decorations.copiedForegroundColor#6fc1ff
  • gitlens.decorations.deletedForegroundColor#ff4b82
  • gitlens.decorations.ignoredForegroundColor#757575
  • gitlens.decorations.modifiedForegroundColor#a78bfa
  • gitlens.decorations.renamedForegroundColor#6fc1ff
  • gitlens.decorations.statusMergingOrRebasingConflictForegroundColor#ff4b82
  • gitlens.decorations.statusMergingOrRebasingForegroundColor#ffb86c
  • gitlens.decorations.untrackedForegroundColor#9CA3AF
  • gitlens.decorations.workspaceCurrentForegroundColor#6fc1ff
  • gitlens.decorations.workspaceRepoMissingForegroundColor#757575
  • gitlens.decorations.workspaceRepoOpenForegroundColor#6fc1ff
  • gitlens.decorations.worktreeHasUncommittedChangesForegroundColor#ffb86c
  • gitlens.decorations.worktreeMissingForegroundColor#ff4b82
  • gitlens.gutterBackgroundColor#ffffff13
  • gitlens.gutterForegroundColor#bebebe
  • gitlens.gutterUncommittedForegroundColor#6fc1ff99
  • gitlens.lineHighlightBackgroundColor#6fc1ff33
  • gitlens.lineHighlightOverviewRulerColor#6fc1ff99
  • gitlens.mergedPullRequestIconColor#a78bfa
  • gitlens.openAutolinkedIssueIconColor#6fc1ff
  • gitlens.openPullRequestIconColor#6fc1ff
  • gitlens.trailingLineBackgroundColor#00000000
  • gitlens.trailingLineForegroundColor#99999959
  • gitlens.unpublishedChangesIconColor#6fc1ff
  • gitlens.unpublishedCommitIconColor#6fc1ff
  • gitlens.unpulledChangesIconColor#ff4b82
  • icon.foreground#cccccc
  • input.background#292a2b
  • input.border#222223
  • input.foreground#9CA3AF
  • input.placeholderForeground#9CA3AF
  • inputOption.activeBackground#ff4b82
  • inputOption.activeBorder#ff4b82
  • inputOption.activeForeground#ffffff
  • keybindingLabel.background#8080802b
  • keybindingLabel.border#33333399
  • keybindingLabel.bottomBorder#44444499
  • keybindingLabel.foreground#cccccc
  • list.activeSelectionBackground#19f9d830
  • list.activeSelectionForeground#19f9d8
  • list.activeSelectionIconForeground#ffffff
  • list.dropBackground#383b3d
  • list.focusBackground#ff4b8220
  • list.focusForeground#19f9d8
  • list.highlightForeground#ff4b82
  • list.hoverBackground#ff4b82
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#ff4b8215
  • list.inactiveSelectionForeground#19f9d8
  • menu.background#3a3c3d
  • menu.border#454545
  • menu.foreground#ffffff
  • menu.selectionBackground#ff4b82
  • menu.selectionForeground#ffffff
  • menu.separatorBackground#222223
  • menubar.selectionBackground#ff4b82
  • menubar.selectionBorder#ff4b82
  • menubar.selectionForeground#ffffff
  • merge.currentContentBackground#b084eb40
  • merge.currentHeaderBackground#b084eb90
  • merge.incomingContentBackground#ffb86c40
  • merge.incomingHeaderBackground#45a9f990
  • minimap.errorHighlight#ff4b82b3
  • minimap.findMatchHighlight#ff9ac180
  • minimap.selectionHighlight#ff00bb40
  • minimap.warningHighlight#ffb86c
  • minimapGutter.addedBackground#19f9d8
  • minimapGutter.deletedBackground#ff4b82
  • minimapGutter.modifiedBackground#a78bfa
  • minimapSlider.activeBackground#ff4b8280
  • minimapSlider.background#ffffff0c
  • minimapSlider.hoverBackground#ff4b8280
  • notificationCenter.border#222223
  • notificationCenterHeader.background#0a0a0a
  • notificationCenterHeader.foreground#9CA3AF
  • notifications.background#1a1a1a
  • notifications.border#222223
  • notifications.foreground#cccccc
  • notificationToast.border#222223
  • panel.background#0f0f0f
  • panel.border#222223
  • panelInput.border#ff4b82
  • panelSection.border#222223
  • panelSection.dropBackground#ff4b8230
  • panelSectionHeader.background#0a0a0a
  • panelSectionHeader.border#19f9d8
  • panelSectionHeader.foreground#19f9d8
  • panelTitle.activeBorder#ff4b82
  • panelTitle.activeForeground#19f9d8
  • panelTitle.inactiveForeground#9CA3AF
  • peekView.border#19f9d8
  • peekViewEditor.background#1a1a1a
  • peekViewEditor.matchHighlightBackground#bb800966
  • peekViewResult.background#1a1a1a
  • peekViewResult.matchHighlightBackground#bb800966
  • peekViewResult.selectionBackground#ff4b82
  • peekViewResult.selectionForeground#ffffff
  • peekViewTitle.background#0a0a0a
  • pickerGroup.border#3c3c3c
  • ports.iconRunningProcessForeground#369432
  • problemsErrorIcon.foreground#ff4b82
  • problemsInfoIcon.foreground#19f9d8
  • problemsWarningIcon.foreground#ffb86c
  • progressBar.background#ff4b82
  • quickInput.background#222222
  • quickInput.foreground#cccccc
  • scrollbar.shadow#222223
  • scrollbarSlider.activeBackground#ff4b82
  • scrollbarSlider.background#ffffff19
  • scrollbarSlider.hoverBackground#ff4b82
  • search.resultsInfoForeground#9CA3AFa6
  • searchEditor.findMatchBackground#b084eb90
  • searchEditor.textInputBorder#222223
  • selection.background#ff00bb40
  • settings.dropdownBackground#313131
  • settings.dropdownBorder#3c3c3c
  • settings.headerForeground#ffffff
  • settings.modifiedItemIndicator#bb800966
  • sideBar.background#0f0f0f
  • sideBar.border#222223
  • sideBar.dropBackground#ff4b8230
  • sideBar.foreground#ffffff
  • sideBarSectionHeader.background#0a0a0a
  • sideBarSectionHeader.border#19f9d8
  • sideBarSectionHeader.foreground#19f9d8
  • sideBarTitle.foreground#19f9d8
  • statusBar.background#222223
  • statusBar.border#2b2b2b
  • statusBar.debuggingBackground#ff4b82
  • statusBar.debuggingForeground#9CA3AF
  • statusBar.focusBorder#ff4b82
  • statusBar.foreground#9CA3AF
  • statusBar.noFolderBackground#242526
  • statusBar.noFolderForeground#9CA3AF
  • statusBarItem.focusBorder#ff4b82
  • statusBarItem.prominentBackground#6e768166
  • statusBarItem.remoteBackground#19f9d8
  • statusBarItem.remoteForeground#000000
  • symbolIcon.arrayForeground#9CA3AF
  • symbolIcon.booleanForeground#ff4b82
  • symbolIcon.classForeground#a78bfa
  • symbolIcon.colorForeground#9CA3AF
  • symbolIcon.constantForeground#ff9ac1
  • symbolIcon.constructorForeground#6fc1ff
  • symbolIcon.enumeratorForeground#a78bfa
  • symbolIcon.enumeratorMemberForeground#19f9d8
  • symbolIcon.eventForeground#a78bfa
  • symbolIcon.fieldForeground#19f9d8
  • symbolIcon.fileForeground#9CA3AF
  • symbolIcon.folderForeground#9CA3AF
  • symbolIcon.functionForeground#6fc1ff
  • symbolIcon.interfaceForeground#19f9d8
  • symbolIcon.keyForeground#9CA3AF
  • symbolIcon.keywordForeground#ff75b5
  • symbolIcon.methodForeground#6fc1ff
  • symbolIcon.moduleForeground#9CA3AF
  • symbolIcon.namespaceForeground#9CA3AF
  • symbolIcon.nullForeground#ff4b82
  • symbolIcon.numberForeground#a78bfa
  • symbolIcon.objectForeground#9CA3AF
  • symbolIcon.operatorForeground#ff75b5
  • symbolIcon.packageForeground#9CA3AF
  • symbolIcon.propertyForeground#9CA3AF
  • symbolIcon.referenceForeground#9CA3AF
  • symbolIcon.snippetForeground#9CA3AF
  • symbolIcon.stringForeground#19f9d8
  • symbolIcon.structForeground#a78bfa
  • symbolIcon.textForeground#9CA3AF
  • symbolIcon.typeParameterForeground#ff9ac1
  • symbolIcon.unitForeground#9CA3AF
  • symbolIcon.variableForeground#19f9d8
  • tab.activeBackground#0a0a0a
  • tab.activeBorder#ff4b82
  • tab.activeBorderTop#00000000
  • tab.activeForeground#19f9d8
  • tab.border#1a1a1a
  • tab.hoverBackground#ff4b8215
  • tab.inactiveBackground#1a1a1a
  • tab.inactiveForeground#9CA3AF
  • tab.lastPinnedBorder#cccccc33
  • tab.selectedBackground#ff4b8220
  • tab.selectedBorderTop#6caddf
  • tab.selectedForeground#ffffffa0
  • tab.unfocusedActiveBackground#0a0a0a
  • tab.unfocusedActiveBorder#19f9d8
  • tab.unfocusedActiveBorderTop#00000000
  • tab.unfocusedActiveForeground#19f9d8
  • tab.unfocusedHoverBackground#1a1a1a
  • terminal.ansiBlue#45a9f9
  • terminal.ansiBrightBlack#9CA3AF
  • terminal.ansiBrightBlue#6fc1ff
  • terminal.ansiBrightCyan#bcaafe
  • terminal.ansiBrightGreen#19f9d8
  • terminal.ansiBrightMagenta#ff9ac1
  • terminal.ansiBrightRed#ff2c6d
  • terminal.ansiBrightWhite#9CA3AF
  • terminal.ansiBrightYellow#a78bfa
  • terminal.ansiCyan#b084eb
  • terminal.ansiGreen#19f9d8
  • terminal.ansiMagenta#ff75b5
  • terminal.ansiRed#ff2c6d
  • terminal.ansiWhite#cdcdcd
  • terminal.ansiYellow#ffb86c
  • terminal.foreground#cccccc
  • terminal.inactiveSelectionBackground#3a3d41
  • terminal.tab.activeBorder#19f9d8
  • terminalCursor.background#9CA3AF
  • terminalCursor.foreground#ff4b82
  • testing.iconErrored#ff4b82
  • testing.iconFailed#ff4b82
  • testing.iconPassed#19f9d8
  • testing.iconQueued#ffb86c
  • testing.iconSkipped#848484
  • testing.iconUnset#848484
  • testing.message.error.badgeBackground#000000
  • testing.message.error.badgeForeground#ffffff
  • testing.messagePeekBorder#19f9d8
  • testing.messagePeekHeaderBackground#19f9d81a
  • testing.peekBorder#ff4b82
  • testing.peekHeaderBackground#ff4b821a
  • testing.runAction#19f9d8
  • textBlockQuote.background#2b2b2b
  • textBlockQuote.border#616161
  • textCodeBlock.background#2b2b2b
  • textLink.activeForeground#4daafc
  • textLink.foreground#4daafc
  • textPreformat.background#3c3c3c
  • textPreformat.foreground#d0d0d0
  • textSeparator.foreground#21262d
  • titleBar.activeBackground#0f0f0f
  • titleBar.activeForeground#ffffff
  • titleBar.border#2b2b2b
  • titleBar.inactiveBackground#0f0f0f
  • titleBar.inactiveForeground#9CA3AF
  • tree.indentGuidesStroke#222223
  • tree.tableColumnsBorder#222223
  • tree.tableOddRowsBackground#0a0a0a
  • welcomePage.progress.foreground#19f9d8
  • welcomePage.tileBackground#2b2b2b
  • widget.border#313131

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#A0B0C0italic
keyword#FF75B5
keyword.control, keyword.operator.new#FF75B5
keyword.operator#FF9AC1
keyword.operator.logical, keyword.operator.comparison#FF9AC1
keyword.operator.misc, keyword.operator.sigil#FF9AC1
storage#BD93F9
constant#FFAA44
constant.character.escape#45A9F9
variable#F3F4F6
variable.parameter#6FC1FF
meta.object-binding-pattern-variable.js variable#A78BFA
variable.other.constant, variable.language.this, variable.interpolation#FFB86C
variable.other.object#19f9d8
variable.other.property#19f9d8
string#A9E34B
punctuation.definition.template-expression#A78BFA
support#A78BFA
support.class#A78BFA
support.type.object.module.js#B084EB
support.function#6FC1FF
entity.name.function#6FC1FF
entity.other.inherited-class#FF9AC1
entity.name.tag.yaml#19f9d8
meta.decorator punctuation.decorator#F72585
meta.decorator variable#F72585
keyword.other.special-method#45A9F9
keyword.control.at-rule#B084EB
keyword.other.important#FF4B82
variable.interpolation#FF75B5
entity.name.type#19f9d8italic
meta.source.handlebars entity.name.tag#6FC1FF
punctuation.definition.expression, punctuation.definition.subexpression, punctuation.definition.block.unescaped, punctuation.definition.tag#A78BFAitalic
entity.name.function.expression#FF75B5
entity.unescaped.expression#B084EB
constant.other.symbol#19f9d8
entity.expression variable.parameter.name#A78BFA
entity.expression variable.parameter.value#6FC1FF
entity.expression support.function.builtin#FF9AC1
entity.name.tag.html#A78BFA
entity.other.attribute-name.handlebars#A78BFA
support.class.component#FF75B5italic
meta.tag.js entity.name.tag#A78BFA
entity.other.attribute-name#A78BFA
markup.bold#A78BFA
punctuation.definition.bold.markdown#A78BFA
markup.changed#FF75B5
markup.deleted#FF2C6D
markup.italic#FF9AC1italic
punctuation.definition.italic.markdown#FF75B5italic
markup.inserted#19f9d8
punctuation.definition.heading#19f9d8
entity.name.section.markdown#9CA3AF
markup.quote#A78BFA
markup.inline.raw#19f9d8italic
beginning.punctuation.definition.list#FF75B5
markup.fenced_code.block.markdown punctuation.definition.markdown#9CA3AF
fenced_code.block.language#9CA3AFitalic
string.other.link#9CA3AF
meta.link.inline.markdown#45A9F9italic
text.html.markdown punctuation.definition.string#A78BFA
entity.name.type.class.js#6FC1FF
keyword.control.as.js#FF9AC1
keyword.control.from.js#FF9AC1
keyword.control.export.js#8B8B8B
variable.language.this.jsitalic
support.class.console.jsitalic
entity.name.tag.js, support.class.component.js#FF2C6D
variable.language.super.js#45A9F9
meta.tag.structure.any.html, meta.tag.other.html, entity.name.tag.html, meta.tag.metadata.script.html, entity.name.tag.jade#FF2C6D
entity.name.tag.inline.any.html, entity.name.tag.other.html, entity.name.tag.block.any.html, entity.name.tag.localname.xml#FF2C6D
entity.name.tag.xml, meta.tag.xml#FF2C6D
source.vue, entity.name.tag.pug, meta.tag.other#FF2C6D
text.pug#F3F4F6
entity.name.tag.css#FF2C6D
support.type.property-name.css#19f9d8
variable.scss#FF9AC1
entity.name.tag.reference.scss#FF2C6D
keyword.other.unit.rem.css, keyword.other.unit.vh.css, keyword.other.unit.px.css, keyword.other.unit.em.css, keyword.other.unit.deg.css, keyword.other.unit.percentage.css#A78BFA
string.regexp#6FC1FF
string.regexp keyword, string.regexp keyword.control#FF75B5
string.regexp keyword.operator#FF9AC1
comment.block.documentation#A0B0C0
entity.name.type.instance.jsdoc punctuation.definition#A78BFAitalic
entity.name.type.instance.jsdoc#CDCDCDitalic
comment.block storage#A78BFA
comment.block storage.custom, variable.other.jsdoc, variable.other.jsdoc punctuation.definition.string#FF9AC1
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
meta.type.annotation.ts, meta.type.annotation.tsx#19f9d8italic
keyword.operator.type.annotation.ts, keyword.operator.type.annotation.tsx#FF4B82
storage.type.ts, storage.type.tsx#FF75B5italic
entity.name.type.interface.ts, entity.name.type.interface.tsx#19f9d8bold
entity.name.type.enum.ts, entity.name.type.enum.tsx#FF4B82bold
entity.name.type.class.ts, entity.name.type.class.tsx#A78BFAbold
entity.name.type.alias.ts, entity.name.type.alias.tsx#19f9d8
entity.name.type.generic.ts, entity.name.type.generic.tsx#FF9AC1italic
keyword.operator.optional.ts, keyword.operator.optional.tsx#FF75B5
punctuation.accessor.ts, punctuation.accessor.tsx#FF4B82
keyword.operator.readonly.ts, keyword.operator.readonly.tsx#FF75B5italic
storage.modifier.ts, storage.modifier.tsx#FF75B5
meta.method.declaration.ts entity.name.function, meta.method.declaration.tsx entity.name.function#6FC1FFbold
meta.function.arrow.ts, meta.function.arrow.tsx#FF75B5
entity.name.function.ts, entity.name.function.tsx#6FC1FF
variable.other.property.ts, variable.other.property.tsx#72A5D9
meta.object-literal.key.ts, meta.object-literal.key.tsx#19f9d8
keyword.operator.type.keyof.ts, keyword.operator.type.keyof.tsx#FF75B5italic
keyword.operator.expression.typeof.ts, keyword.operator.expression.typeof.tsx#FF75B5italic
punctuation.definition.typeparameters.begin.ts, punctuation.definition.typeparameters.end.ts#FF9AC1
support.type.primitive.ts, support.type.primitive.tsx#FF4B82
keyword.operator.assignment.ts, keyword.operator.assignment.tsx#FF75B5
meta.decorator.ts, meta.decorator.tsx#A78BFA
punctuation.decorator.ts, punctuation.decorator.tsx#A78BFA
punctuation.terminator.statement#E5E7EB
punctuation.accessor#FF4B82
punctuation.definition.block#FF75B5
punctuation.definition.parameters#A78BFA
punctuation.definition.group#6FC1FF
punctuation.section.group#6FC1FF
punctuation.definition.arguments#A78BFA
punctuation.section.block#FF75B5
punctuation.section.parens#A78BFA
punctuation.section.brackets#6FC1FF
punctuation.section.braces#FF75B5
punctuation.definition.function#6FC1FF
punctuation.definition.variable#9CA3AF
keyword.operator.ternary#FF75B5
keyword.operator.spread#FF75B5
keyword.operator.rest#FF75B5
keyword.operator.increment, keyword.operator.decrement#FF9AC1
keyword.operator.bitwise#A78BFA
meta.brace.curly#FF75B5
meta.brace.round#A78BFA
meta.brace.square#6FC1FF
meta.delimiter.comma#9CA3AF
meta.delimiter.semicolon#E5E7EB
meta.embedded.expression#FF9AC1
meta.template.expression#FF9AC1
meta.function-call#6FC1FF
meta.function-call entity.name.function#A78BFAbold
meta.import#8B8B8B
meta.export#B084EB
meta.require#B084EB
support.constant#FFB86C
support.variable#9CA3AF
support.other.variable#9CA3AF
support.type.builtin#A78BFAitalic
support.type.exception#FF4B82
entity.other.attribute-name.class#A78BFA
entity.other.attribute-name.id#6FC1FF
entity.other.attribute-name.pseudo-class#FF9AC1
entity.other.attribute-name.pseudo-element#FF75B5
entity.name.class#A78BFAbold
entity.name.module#B084EB
entity.name.namespace#B084EB
entity.name.variable#9CA3AF
entity.name.constant#FF9AC1
entity.name.label#A78BFA
variable.other.readwrite#19f9d8
variable.other.member#72A5D9
variable.other.enummember#19f9d8
variable.other.assignment#2DD4BF
storage.type.function#FF75B5italic
storage.type.class#FF75B5italic
storage.type.interface#FF75B5italic
storage.type.enum#FF75B5italic
storage.type.namespace#FF75B5italic
storage.type.module#FF75B5italic
storage.modifier.public#19f9d8
storage.modifier.private#FF4B82
storage.modifier.protected#FF9AC1
storage.modifier.static#A78BFA
storage.modifier.readonly#FF75B5italic
storage.modifier.abstract#FF75B5italic
storage.modifier.async#B084EBitalic
constant.numeric.decimal#FFAA44
constant.numeric.binary#FFAA44
constant.numeric.octal#FFAA44
constant.numeric.hex#FFAA44
constant.numeric.float#FFAA44
constant.other.placeholder#A9E34B
constant.other.caps#2DD4BF
constant.other.color#19f9d8
string.template#19f9d8
string.interpolated#19f9d8
string.other.link#6FC1FFunderline
markup.underline.link#6FC1FFunderline
markup.heading.1#FF4B82bold
markup.heading.2#FF75B5bold
markup.heading.3#A78BFAbold
markup.heading.4#19f9d8bold
markup.heading.5#6FC1FFbold
markup.heading.6#FF9AC1bold
markup.list.numbered#A78BFA
markup.list.unnumbered#FF75B5
markup.other.table#9CA3AF
markup.raw.block#19f9d8
markup.raw.inline#19f9d8
text.html.derivative#9CA3AF
source.css entity.name.tag#FF2C6D
source.css entity.other.attribute-name.class#A78BFA
source.css entity.other.attribute-name.id#6FC1FF
source.css property-name#19f9d8
source.css property-value#A78BFA
source.css support.type.property-name#19f9d8
source.css support.constant.property-value#A78BFA
source.css constant.numeric#A78BFA
source.css keyword.other.unit#A78BFA
meta.structure.dictionary.key.json string.quoted.double.json#19f9d8
meta.structure.dictionary.value.json string.quoted.double.json#A78BFA
meta.structure.dictionary.value.json constant.numeric.json#A78BFA
meta.structure.dictionary.value.json constant.language.json#A78BFA
support.type.property-name.json#19f9d8
string.quoted.double.json#A78BFA
meta.object-literal.key.json string.quoted.double#19f9d8
punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json#19f9d8
entity.name.tag.yaml#19f9d8
string.unquoted.plain.out.yaml#A78BFA
string.quoted.single.yaml, string.quoted.double.yaml#A78BFA
constant.numeric.yaml#A78BFA
constant.language.yaml#A78BFA
super-cool-theme by plus0-water - VS Code Theme