Nightcall
Publisher: Bobby PattersonThemes in package: 2
A mellow, but colorful VS Code dark theme with vibrant shades of pink and purple.
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).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, source.ini comment.line.number-sign.ini punctuation.definition.comment.ini | #716E94 | italic |
| variable, string constant.other.placeholder, meta.definition.variable variable.other.readwrite.js, variable.other.object, variable.other.constant | #E4CCFF | italic |
| 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 | italic |
| 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 | — | italic |
| punctuation.definition.block.tag.jsdoc, entity.name.type.instance.jsdoc | #BB9AF7 | italic |
| 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 | italic |
| meta.method.declaration storage.type.js, meta.method.declaration storage.type.tsx | #FF83CA | italic |
| punctuation.decorator, entity.name.function, meta.function-call, variable.function, keyword.other.special-method | #7E90FF | italic |
| 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 | italic |
| 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 | italic |
| 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 | italic |
| constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other | #BB9AF7 | italic |
| variable.parameter | #E4CCFF | italic |
| constant.numeric | #FCABE1 | |
| support.constant.math, support.function.math | #FB5FC0 | italic |
| 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 | italic |
| 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 | italic |
| 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 | italic |
| 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 | italic |
| source.css keyword.other.unit, source.stylus keyword.other.unit | #E1A7F2 | |
| variable.css, variable.scss, variable.stylus | — | italic |
| punctuation.definition.keyword.tailwind, keyword.control.at-rule.apply.tailwind | #BB9AF7 | italic |
| keyword.other.important.css, keyword.other.important.scss, keyword.other.stylus | #F4598E | italic |
| 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 | italic |
| 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 | italic |
| variable.language.this | #FF83CA | italic |
| entity.name.method.js | #BB9AF7 | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #7E90FF | — |
| entity.other.attribute-name | #BB9AF7 | italic |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #7E90FF | italic |
| entity.other.attribute-name.class | #FCABE1 | italic |
| entity.other.attribute-name.id.css, source.css.less entity.other.attribute-name.id, source.sass keyword.control | #E1A7F2 | italic |
| 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 | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF83CA | italic |
| 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 | #E4CCFF | italic |
| markup.bold, markup.bold string | #BB9AF7 | bold |
| 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 | #E4CCFF | bold |
| markup.underline | #FCABE1 | underline |
| markup.quote punctuation.definition.blockquote.markdown | #716E94 | — |
| markup.quote | — | italic |
| 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 | #716E94 | bold |
| 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 | italic |
| 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 | italic |
| 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 | — | italic |
| 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 | italic |
| 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 | italic |
| keyword.other.phpdoc.php, keyword.other.type.php | — | italic |
| punctuation.definition.variable.php, variable.other.global.safer.php punctuation.definition.variable.php | #BB9AF7 | italic |
| variable.other.php, variable.other.property.php | #E4CCFF | italic |
| variable.language.this.php punctuation.definition.variable.php, variable.language.this.php | #FF83CA | italic |
| support.constant.ext | #E1A7F2 | italic |
| variable.other.global.safer.php, variable.other.global.php | #E4CCFF | italic |
| 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 | italic |
| 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 | italic |
| 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 | italic |
| 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...