Skip to main content
CodingTheme

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.background#141629
  • activityBar.border#141629
  • activityBar.dropBorder#E4CCFFaf
  • activityBar.foreground#E4CCFFaf
  • activityBarBadge.background#E1A7F2
  • activityBarBadge.foreground#E4CCFF
  • badge.background#E1A7F2
  • badge.foreground#23263F
  • breadcrumb.activeSelectionForeground#E4CCFF
  • breadcrumb.background#141629
  • breadcrumb.focusForeground#E1A7F2cc
  • breadcrumb.foreground#E1A7F2
  • breadcrumbPicker.background#001122
  • button.background#23263F
  • button.foreground#E4CCFF
  • button.hoverBackground#23263Fcc
  • contrastBorder#23263F45
  • debugExceptionWidget.background#23263F
  • debugExceptionWidget.border#6C6D9E
  • debugToolBar.background#141629
  • diffEditor.insertedTextBackground#99b76d23
  • diffEditor.insertedTextBorder#E4CCFF
  • diffEditor.removedTextBackground#F4598E33
  • diffEditor.removedTextBorder#F4598E4d
  • dropdown.background#23263Faf
  • dropdown.border#23263F
  • dropdown.foreground#E4CCFF
  • dropdown.listBackground#23263F
  • editor.background#141629
  • editor.findMatchBackground#C5AEF53f
  • editor.findMatchHighlightBackground#C5AEF53f
  • editor.findRangeHighlightBackground#C5AEF53f
  • editor.foreground#E4CCFF
  • editor.hoverHighlightBackground#23263F
  • editor.inactiveSelectionBackground#C5AEF570
  • editor.lineHighlightBackground#23263F
  • editor.lineHighlightBorder#C5AEF500
  • editor.rangeHighlightBackground#23263F
  • editor.selectionBackground#C5AEF570
  • editor.selectionHighlightBackground#C5AEF53f
  • editor.wordHighlightBackground#C5AEF53f
  • editor.wordHighlightStrongBackground#C5AEF53f
  • editorBracketMatch.background#C5AEF53f
  • editorBracketMatch.border#C5AEF500
  • editorCodeLens.foreground#716E94b4
  • editorCursor.foreground#E1A7F2
  • editorError.foreground#F4598E
  • editorGroup.border#141629
  • editorGroup.dropBackground#141629
  • editorGroup.emptyBackground#141629
  • editorGroupHeader.noTabsBackground#141629
  • editorGroupHeader.tabsBackground#141629
  • editorGroupHeader.tabsBorder#23263f44
  • editorGutter.addedBackground#FCABE1
  • editorGutter.background#141629
  • editorGutter.deletedBackground#F4598E
  • editorGutter.modifiedBackground#F2E3BF
  • editorHoverWidget.background#23263F
  • editorHoverWidget.border#23263F
  • editorIndentGuide.activeBackground#E1A7F2
  • editorIndentGuide.background#716E9452
  • editorLineNumber.activeForeground#E4CCFF
  • editorLineNumber.foreground#716E947a
  • editorMarkerNavigation.background#141629
  • editorMarkerNavigationError.background#F4598E
  • editorMarkerNavigationWarning.background#F2E3BF
  • editorOverviewRuler.commonContentForeground#F9A8D4
  • editorOverviewRuler.currentContentForeground#F9A8D4
  • editorOverviewRuler.incomingContentForeground#F9A8D4
  • editorRuler.foreground#716E9452
  • editorSuggestWidget.background#23263F
  • editorSuggestWidget.border#23263F
  • editorSuggestWidget.foreground#E4CCFF
  • editorSuggestWidget.highlightForeground#E4CCFF
  • editorSuggestWidget.selectedBackground#141629
  • editorUnnecessaryCode.border#E1A7F2
  • editorUnnecessaryCode.opacity#FF83CAaf
  • editorWarning.foreground#F2E3BF
  • editorWidget.background#23263F
  • editorWidget.border#23263F
  • errorForeground#F4598E
  • extensionButton.prominentBackground#E1A7F2
  • extensionButton.prominentForeground#23263F
  • extensionButton.prominentHoverBackground#E1A7F2cc
  • focusBorder#141629af
  • foreground#E4CCFF
  • gitDecoration.conflictingResourceForeground#FD987C
  • gitDecoration.deletedResourceForeground#F4598E
  • gitDecoration.ignoredResourceForeground#716E947a
  • gitDecoration.modifiedResourceForeground#F2E3BF
  • gitDecoration.untrackedResourceForeground#FCABE1
  • gitlens.gutterBackgroundColor#0F1221
  • gitlens.gutterForegroundColor#716E94b4
  • gitlens.gutterUncommittedForegroundColor#FCABE1
  • gitlens.trailingLineForegroundColor#716E94b4
  • icon.foreground#E4CCFF
  • input.background#101221af
  • input.border#23263F
  • input.foreground#E4CCFF
  • input.placeholderForeground#E4CCFF
  • inputOption.activeBorder#E4CCFF
  • inputValidation.errorBackground#F4598EF2
  • inputValidation.errorBorder#F4598E
  • inputValidation.infoBackground#7E90FFF2
  • inputValidation.infoBorder#7E90FF
  • inputValidation.warningBackground#F2E3BFF2
  • inputValidation.warningBorder#F2E3BF
  • list.activeSelectionBackground#141629af
  • list.activeSelectionForeground#E4CCFF
  • list.deemphasizedForeground#E4CCFF
  • list.dropBackground#141629
  • list.errorForeground#F4598E
  • list.focusBackground#141629af
  • list.focusForeground#E4CCFF
  • list.highlightForeground#E4CCFF
  • list.hoverBackground#141629af
  • list.hoverForeground#E4CCFF
  • list.inactiveSelectionBackground#23263F
  • list.inactiveSelectionForeground#E4CCFF
  • list.invalidItemForeground#975f94
  • list.warningForeground#F2E3BF
  • merge.currentHeaderBackground#716E94
  • merge.incomingHeaderBackground#F9A8D45a
  • minimap.selectionHighlight#C5AEF53f
  • minimapGutter.addedBackground#FCABE1
  • minimapGutter.deletedBackground#F4598E
  • minimapGutter.modifiedBackground#F2E3BF
  • notebook.focusedRowBorder#23263F
  • notebook.rowHoverBackground#141629
  • notificationCenter.border#23263F
  • notificationLink.foreground#7E90FF
  • notifications.background#23263F
  • notifications.border#23263F
  • notifications.foreground#E4CCFF
  • notificationToast.border#23263F
  • panel.background#141629
  • panel.border#23263Faf
  • panelTitle.activeBorder#716E94
  • panelTitle.activeForeground#E4CCFF
  • panelTitle.inactiveForeground#E4CCFF80
  • peekView.border#6C6D9E
  • peekViewEditor.background#23263F
  • peekViewEditor.matchHighlightBackground#7e57c25a
  • peekViewResult.background#23263F
  • peekViewResult.fileForeground#E4CCFF
  • peekViewResult.lineForeground#E4CCFF
  • peekViewResult.matchHighlightBackground#ffffff55
  • peekViewResult.selectionBackground#2E3250
  • peekViewResult.selectionForeground#E4CCFF
  • peekViewTitle.background#141629
  • peekViewTitleDescription.foreground#697098
  • peekViewTitleLabel.foreground#E4CCFF
  • pickerGroup.border#23263F
  • pickerGroup.foreground#E4CCFF
  • progressBar.background#F9A8D4
  • quickInput.background#23263F
  • quickInputTitle.background#23263F
  • scrollbar.shadow#010b145d
  • scrollbarSlider.activeBackground#3D3C5F
  • scrollbarSlider.background#3D3C5F
  • scrollbarSlider.hoverBackground#3D3C5F
  • selection.background#E4CCFF3d
  • settings.checkboxBackground#23263Faf
  • settings.checkboxBorder#23263F
  • settings.checkboxForeground#DACCFFcc
  • settings.dropdownBackground#23263Faf
  • settings.dropdownBorder#23263F
  • settings.dropdownForeground#DACCFFcc
  • settings.dropdownListBorder#23263F
  • settings.focusedRowBackground#141629
  • settings.headerForeground#DACCFF
  • settings.modifiedItemIndicator#E1A7F2
  • settings.numberInputBackground#23263Faf
  • settings.numberInputBorder#23263F
  • settings.numberInputForeground#DACCFFcc
  • settings.textInputBackground#23263Faf
  • settings.textInputBorder#23263F
  • settings.textInputForeground#DACCFFcc
  • sideBar.background#141629
  • sideBar.border#141629
  • sideBar.foreground#716E94cc
  • sideBarSectionHeader.background#141629
  • sideBarSectionHeader.foreground#E4CCFFcc
  • sideBarTitle.foreground#E4CCFFcc
  • statusBar.background#23263F
  • statusBar.border#23263F
  • statusBar.debuggingBackground#141629
  • statusBar.debuggingBorder#141629
  • statusBar.foreground#E4CCFFdd
  • statusBar.noFolderBackground#141629
  • statusBar.noFolderBorder#141629
  • statusBarItem.activeBackground#141629
  • statusBarItem.hoverBackground#141629
  • statusBarItem.prominentBackground#141629
  • statusBarItem.prominentHoverBackground#141629
  • statusBarItem.remoteBackground#2E3250cc
  • tab.activeBackground#23263F
  • tab.activeForeground#E4CCFF
  • tab.border#23263Fcc
  • tab.inactiveBackground#141629
  • tab.inactiveForeground#E4CCFF90
  • tab.unfocusedActiveBorder#141629
  • tab.unfocusedActiveForeground#E4CCFF90
  • tab.unfocusedInactiveForeground#E4CCFF90
  • terminal.ansiBlack#141629
  • terminal.ansiBlue#639EE5
  • terminal.ansiBrightBlack#575656
  • terminal.ansiBrightBlue#7E90FF
  • terminal.ansiBrightCyan#A5F3FC
  • terminal.ansiBrightGreen#86EFAC
  • terminal.ansiBrightMagenta#C792EA
  • terminal.ansiBrightRed#F4598E
  • terminal.ansiBrightWhite#E4CCFF
  • terminal.ansiBrightYellow#F2E3BF
  • terminal.ansiCyan#67E8F9
  • terminal.ansiGreen#85D483
  • terminal.ansiMagenta#C792EA
  • terminal.ansiRed#F4598E
  • terminal.ansiWhite#E4CCFF
  • terminal.ansiYellow#D9F99D
  • terminal.background#141629
  • terminal.border#141629
  • terminal.selectionBackground#1416294d
  • terminalCursor.background#23263F
  • textBlockQuote.background#23263F
  • textBlockQuote.border#7E90FF80
  • textCodeBlock.background#23263F
  • textLink.activeForeground#7E90FF
  • textLink.foreground#7E90FF
  • textPreformat.foreground#7E90FF
  • textSeparator.foreground#26334C
  • titleBar.activeBackground#141629
  • titleBar.activeForeground#E4CCFF60
  • titleBar.inactiveBackground#141629
  • titleBar.inactiveForeground#E4CCFF3d
  • tree.indentGuidesStroke#23263Faf
  • tree.tableColumnsBorder#23263Faf
  • walkThrough.embeddedEditorBackground#141629
  • welcomePage.buttonBackground#23263F
  • welcomePage.buttonHoverBackground#23263F
  • widget.shadow#141629
  • window.activeBorder#23263F
  • window.inactiveBorder#E1A7F2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment, source.ini comment.line.number-sign.ini punctuation.definition.comment.ini#716E94
variable, string constant.other.placeholder, meta.definition.variable variable.other.readwrite.js, variable.other.object, variable.other.constant#E4CCFF
variable.parameter.url.scss, keyword.operator.css#FCABE1
constant.other.color#E1A7F2
invalid, invalid.illegal#F4598E
storage, meta.var.expr, storage.type.property.js, storage.type.property.ts, storage.type.property.tsx#FF83CA
keyword, text.html.derivative punctuation.separator.key-value.html, text.html.php.blade punctuation.separator.key-value.html, source.vue punctuation.separator.key-value.html, source.vue storage.type.js, text.html.vue-html meta.tag.block.any.html, keyword.other.template.begin.env, keyword.other.template.end.env, entity.name.type.instance.jsdoc#FF83CA
keyword.control, punctuation, meta.tag, meta.brace, punctuation.definition.parameters, punctuation.definition.block, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, keyword.control.conditional, keyword.control.flow, keyword.control.loop, keyword.operator.spread, keyword.operator.type.annotation, source.ini punctuation.definition.comment, source.dart keyword.operator, keyword.operator.stylus, source.php keyword.control.if, source.php keyword.control.else#BB9AF7
keyword.control, keyword.control.import, keyword.control.from, storage.modifier, source.php support.function.construct.output, punctuation.definition.keyword.css, punctuation.definition.keyword.scss, punctuation.definition.keyword.less, punctuation.definition.keyword.stylus, storage.type.class.jsdoc, variable.other.jsdoc
punctuation.definition.block.tag.jsdoc, entity.name.type.instance.jsdoc#BB9AF7
keyword.operator, storage.type, source.js meta.var.expr.js storage.type.js
meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx, text.html.derivative, text.html.vue-html, text.html.php.blade, text.pug#E4CCFF
text.html.derivative meta.attribute.unrecognized string.quoted, text.html.php.blade meta.attribute.unrecognized string.quoted#FCABE1
entity.name.tag, support.class.component, meta.tag.sgml, markup.deleted.git_gutter#FF83CA
support.class.component.js, support.class.component.tsx#FB5FC0
variable.other.object.property#E1A7F2
meta.method.declaration storage.type.js, meta.method.declaration storage.type.tsx#FF83CA
punctuation.decorator, entity.name.function, meta.function-call, variable.function, keyword.other.special-method#7E90FF
support.function#FB5FC0
source.css support.function, support.function.misc.scss, entity.name.function.stylus, support.function.any-method.builtin.url.css, support.function.misc.css#FB5FC0
meta.tag variable.other.readwrite.js, meta.tag variable.other.readwrite.ts, meta.tag variable.other.readwrite.tsx#E4CCFF
meta.object-literal.key#E4CCFF
meta.var.expr meta.object-literal.key#E4CCFF
meta.method.declaration variable.other.readwrite.js, meta.function variable.other.readwrite.js#E4CCFF
constant.language.boolean, constant.language.env, constant.language.json, constant.language.php#F4598E
constant.language.null#F4598E
support.variable, support.other.variable, string.other.link#E4CCFF
constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other#BB9AF7
variable.parameter#E4CCFF
constant.numeric#FCABE1
support.constant.math, support.function.math#FB5FC0
string, markup.heading, markup.inserted.git_gutter#E4CCFF
string.quoted, string.quoted.single.js, meta.object string.quoted#FCABE1
source.json string.quoted#E4CCFF
meta.import string.quoted#FCABE1
meta.function string.quoted, meta.block string.quoted#FCABE1
text.html.php.blade string.quoted, text.html.derivative string.quoted, meta.block meta.tag string.quoted, meta.tag.attributes string.quoted, meta.tag.block.any.html string.quoted, text.pug meta.tag.other attribute_value string.quoted#FCABE1
meta.block string.template#FCABE1
constant.other.object.key.js, constant.other.symbol, constant.other.key, string.unquoted.js#FCABE1
meta.tag meta.object-literal.key#E4CCFF
entity.other.inherited-class, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#E4CCFF
support.type, support.class, support.other.namespace.use.php, support.other.namespace.php, meta.use.php, markup.changed.git_gutter, support.type.sys-types#FB5FC0
meta.function-call support.class#FF83CA
meta.class.js entity.name.type.class.js, meta.class.tsx entity.name.type.class.tsx, entity.name.type.module.js#E4CCFF
support.class.builtin#FB5FC0
entity.name.section.markdown#7E90FF
meta.attribute.style.html source.css, meta.attribute.style.html string.quoted#FCABE1
source.css, source.css.scss, source.css.less, source.stylus#E4CCFF
source.css entity.name.tag.css, source.css.scss entity.name.tag.css, source.css.less entity.name.tag.css#FF83CA
support.type.property-name.css#E4CCFF
meta.property-name.css support.type.vendored.property-name.css, source.css.scss support.type.vendored.property-name.css, source.css.less meta.property-list.css support.type.vendored.property-name.css, source.css meta.property-value.css, source.css.scss meta.property-list.scss meta.property-value.scss support.type.property-name.css#E4CCFF
source.css.scss support.constant.property-value, source.css support.constant.property-value, source.stylus support.constant.property-value#FF83CA
source.css meta.at-rule.import string.quoted, source.css.scss meta.at-rule.import string.quoted, source.stylus meta.at-rule.import string.quoted#FCABE1
source.css string.quoted, source.css.scss string.quoted, meta.function.url.css string.quoted.double.css, source.stylus string.css#FCABE1
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#E1A7F2
source.css keyword.other.unit, source.stylus keyword.other.unit#E1A7F2
variable.css, variable.scss, variable.stylus
punctuation.definition.keyword.tailwind, keyword.control.at-rule.apply.tailwind#BB9AF7
keyword.other.important.css, keyword.other.important.scss, keyword.other.stylus#F4598E
meta.property-value.css support.constant.property-value.css, meta.property-value.scss support.constant.property-value.css, support.constant.font-name, support.constant.color#BB9AF7
entity.other.attribute-name.class.tailwind#FCABE1
source.css.less entity.name.tag.custom.css, meta.property-list.css support.constant.property-value.css#FCABE1
punctuation.definition.variable.less, source.css.less variable.other.less#E4CCFF
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#F4598E
variable.language#FF83CA
variable.language.this#FF83CA
entity.name.method.js#BB9AF7
meta.class-method.js entity.name.function.js, variable.function.constructor#7E90FF
entity.other.attribute-name#BB9AF7
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#7E90FF
entity.other.attribute-name.class#FCABE1
entity.other.attribute-name.id.css, source.css.less entity.other.attribute-name.id, source.sass keyword.control#E1A7F2
markup.inserted#98FACA
markup.deleted#F4598E
markup.changed#FF83CA
string.regexp keyword.other#7E90FF
string.regexp, string.regexp punctuation.definition.string#E4CCFF
string.regexp#7E90FF
constant.character.escape#F4598E
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#BB9AF7
source.js constant.other.object.key.js string.unquoted.label.js#FF83CA
source.json.comments string.quoted#E4CCFF
source.json meta.structure.dictionary.json support.type.property-name.json#FCABE1
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FCABE1
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FCABE1
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FCABE1
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FCABE1
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FCABE1
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FCABE1
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FCABE1
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#FCABE1
text.html.markdown, punctuation.definition.list_item.markdown#E4CCFF
text.html.markdown markup.inline.raw.markdown#FF83CA
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#716E94
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#7E90FF
markup.italic#E4CCFFitalic
markup.bold, markup.bold string#BB9AF7bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#E4CCFFbold
markup.underline#FCABE1underline
markup.quote punctuation.definition.blockquote.markdown#716E94
markup.quote
string.other.link.title.markdown#E4CCFF
string.other.link.description.title.markdown#FF83CA
constant.other.reference.link.markdown#bde5f5
markup.raw.block#FF83CA
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#E4CCFF
variable.language.fenced.markdown#716E94
markup.inline.raw.string.markdown, fenced_code.block.language.markdown#BB9AF7
meta.separator#716E94bold
markup.table#E4CCFF
markup.fenced_code.block.markdown support.type.property-name.json, text.html.markdown markup.fenced_code.block.markdown string.quoted#E4CCFF
markup.fenced_code.block.markdown support.type.property-name.json#FCABE1
text.html.markdown meta.structure.dictionary.value string.quoted#FCABE1
text.html.markdown meta.structure.array.json string.quoted#E4CCFF
variable.instance, variable.other.instance, variable.readwrite.instance, variable.other.readwrite.instance, variable.other.property#E1A7F2
source.vue meta.directive.vue entity.other.attribute-name.html#BB9AF7
source.vue meta.directive.vue entity.other.attribute-name.html#BB9AF7
source.vue meta.object.member.js string.quoted.single.js, source.vue meta.object.member.js string.quoted.double.js#FCABE1
source.directive.vue meta.object-literal.key.js#FCABE1
variable.other.readwrite.alias.js, variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.object.property.js, variable.object.property.ts, variable.object.property.tsx, variable.other.object.js, variable.other.object.ts, variable.other.object.tsx, variable.other.js, variable.other.ts, variable.other.tsx, variable.js, variable.ts, variable.tsx#E4CCFF
variable.other.readwrite.alias.js, variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.js, variable.other.readwrite.ts, variable.other.readwrite.tsx#E4CCFF
meta.object.member variable.other.readwrite.js, meta.object.member variable.other.readwrite.ts, meta.object.member variable.other.readwrite.tsx, variable.other.object.js, variable.other.object.ts, variable.other.object.tsx
entity.name.type.ts, entity.name.type.tsx, entity.name.type.module.ts, entity.name.type.module.tsx#FF83CA
support.class.node.ts, support.class.node.tsx#7E90FF
source.yaml entity.name.tag#FCABE1
source.yaml string.unquoted#E4CCFF
source.yaml string.quoted#E4CCFF
keyword.other.special-method.dockerfile#FCABE1
source.dockerfile, source.dockerfile string.quoted#E4CCFF
keyword.blade, text.html.php.blade support.function.construct, text.html.php.blade begin.bracket, text.html.php.blade end.bracket#BB9AF7
meta.directive.blade string.quoted#E4CCFF
text.html.php punctuation.section.embedded#F44968
keyword.other.use.php, keyword.other.namespace.php, keyword.other.phpdoc.php, keyword.other.type.php#BB9AF7
keyword.other.phpdoc.php, keyword.other.type.php
punctuation.definition.variable.php, variable.other.global.safer.php punctuation.definition.variable.php#BB9AF7
variable.other.php, variable.other.property.php#E4CCFF
variable.language.this.php punctuation.definition.variable.php, variable.language.this.php#FF83CA
support.constant.ext#E1A7F2
variable.other.global.safer.php, variable.other.global.php#E4CCFF
support.class.php, entity.name.class.php, entity.name.type.class.php#E4CCFF
entity.other.inherited-class.php#E4CCFF
source.php string.quoted.single, source.php string.quoted.double#FCABE1
entity.name.type.namespace.php, support.other.namespace.php#FCABE1
keyword.other.class.php#FF83CA
source.go keyword.package.go, source.go keyword.import.go, source.go keyword.function.go, source.go keyword.type.go, source.go keyword.struct.go, source.go keyword.interface.go, source.go keyword.const.go, source.go keyword.var.go, source.go keyword.map.go, source.go keyword.channel.go, source.go keyword.control.go#BB9AF7
source.go constant.language.go, source.go constant.other.placeholder.go#FF83CA
entity.name.function.preprocessor.cpp, entity.scope.name.cpp#BB9AF7
meta.namespace-block.cpp#716E94
storage.type.language.primitive.cpp#F4598E
meta.preprocessor.macro.cpp#E4CCFF
source.dart#E4CCFF
string.interpolated.single.dart, string.interpolated.double.dart#E4CCFF
support.class.dart#E4CCFF
variable.other.ruby#FF83CA
punctuation.definition.variable.ruby, variable.other.readwrite.class.ruby, variable.other.readwrite.instance.ruby, variable.other.ruby#FF83CA
entity.name.type.class.ruby#FF83CA
constant.language.symbol.hashkey.ruby#BB9AF7
constant.language.symbol.ruby#BB9AF7
source.env#E4CCFF
variable.other.env#BB9AF7
text.xml, source.ini, source.ini keyword.other#E4CCFF
source.python#E4CCFF
source.python meta.function-call.generic.python#7E90FF
source.python meta.function-call.arguments.python#E4CCFF
source.python string.quoted.docstring#FCABE1

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Nightcall by Bobby Patterson - VS Code Theme