Shibuya
Publisher: Jeroen MeijerThemes in package: 1
A modern, vibrant color theme inspired by Tokyo Night.
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#16161e
- activityBar.border#16161e
- activityBar.foreground#787c99
- activityBar.inactiveForeground#3b3e52
- activityBarBadge.background#3d59a1
- activityBarBadge.foreground#ffffff
- badge.background#7e83b230
- badge.foreground#acb0d0
- breadcrumb.activeSelectionForeground#a9b1d6
- breadcrumb.background#16161e
- breadcrumb.focusForeground#a9b1d6
- breadcrumb.foreground#515670
- breadcrumbPicker.background#16161e
- button.background#3d59a1dd
- button.foreground#ffffff
- button.hoverBackground#3d59a1aa
- charts.blue#7aa2f7
- charts.foreground#9aa5ce
- charts.green#41a6b5
- charts.lines#16161e
- charts.orange#ff9e64
- charts.purple#9d7cd8
- charts.red#f7768e
- charts.yellow#e0af68
- debugConsole.errorForeground#bb616b
- debugConsole.infoForeground#787c99
- debugConsole.sourceForeground#787c99
- debugConsole.warningForeground#c49a5a
- debugConsoleInputIcon.foreground#73daca
- debugExceptionWidget.background#101014
- debugExceptionWidget.border#963c47
- debugTokenExpression.boolean#ff9e64
- debugTokenExpression.error#bb616b
- debugTokenExpression.name#7dcfff
- debugTokenExpression.number#ff9e64
- debugTokenExpression.string#9ece6a
- debugTokenExpression.value#9aa5ce
- debugToolBar.background#101014
- debugView.stateLabelBackground#14141b
- debugView.stateLabelForeground#787c99
- debugView.valueChangedHighlight#3d59a1aa
- descriptionForeground#515670
- diffEditor.insertedTextBackground#41a6b515
- diffEditor.removedTextBackground#db4b4b22
- dropdown.background#14141b
- dropdown.foreground#787c99
- dropdown.listBackground#14141b
- editor.background#0c0d12
- editor.findMatchBackground#3d59a166
- editor.findMatchBorder#e0af68
- editor.findMatchHighlightBackground#3d59a166
- editor.findRangeHighlightBackground#515c7e33
- editor.focusedStackFrameHighlightBackground#73daca20
- editor.foreground#c7ccd4
- editor.inactiveSelectionBackground#515c7e25
- editor.lineHighlightBackground#1e202e
- editor.rangeHighlightBackground#515c7e20
- editor.selectionBackground#7f89a844
- editor.selectionHighlightBackground#515c7e44
- editor.stackFrameHighlightBackground#e2bd3a20
- editor.wordHighlightBackground#515c7e44
- editor.wordHighlightStrongBackground#515c7e55
- editorBracketMatch.background#16161e
- editorBracketMatch.border#42465d
- editorCodeLens.foreground#484f70
- editorCursor.foreground#c0caf5
- editorError.foreground#db4b4b
- editorGroup.border#101014
- editorGroup.dropBackground#1e202e
- editorGroupHeader.border#101014
- editorGroupHeader.noTabsBackground#16161e
- editorGroupHeader.tabsBackground#16161e
- editorGroupHeader.tabsBorder#101014
- editorGutter.addedBackground#164846
- editorGutter.deletedBackground#823c41
- editorGutter.modifiedBackground#394b70
- editorHint.foreground#0da0ba
- editorHoverWidget.background#16161e
- editorHoverWidget.border#101014
- editorIndentGuide.activeBackground#363b54
- editorIndentGuide.background#1e202e
- editorInfo.foreground#0da0ba
- editorLightBulb.foreground#e0af68
- editorLightBulbAutoFix.foreground#e0af68
- editorLineNumber.activeForeground#737aa2
- editorLineNumber.foreground#363b54
- editorLink.activeForeground#acb0d0
- editorMarkerNavigation.background#16161e
- editorOverviewRuler.addedForeground#164846
- editorOverviewRuler.border#101014
- editorOverviewRuler.bracketMatchForeground#101014
- editorOverviewRuler.deletedForeground#703438
- editorOverviewRuler.errorForeground#db4b4b
- editorOverviewRuler.findMatchForeground#a9b1d644
- editorOverviewRuler.infoForeground#1abc9c
- editorOverviewRuler.modifiedForeground#394b70
- editorOverviewRuler.rangeHighlightForeground#a9b1d644
- editorOverviewRuler.selectionHighlightForeground#a9b1d622
- editorOverviewRuler.warningForeground#e0af68
- editorOverviewRuler.wordHighlightForeground#bb9af755
- editorOverviewRuler.wordHighlightStrongForeground#bb9af766
- editorPane.background#16161e
- editorRuler.foreground#303448
- editorSuggestWidget.background#16161e
- editorSuggestWidget.border#101014
- editorSuggestWidget.highlightForeground#6183bb
- editorSuggestWidget.selectedBackground#20222c
- editorWarning.foreground#e0af68
- editorWhitespace.foreground#363b54
- editorWidget.background#16161e
- editorWidget.resizeBorder#545c7e33
- errorForeground#515670
- extensionBadge.remoteBackground#3d59a1
- extensionBadge.remoteForeground#ffffff
- extensionButton.prominentBackground#3d59a1dd
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#3d59a1aa
- focusBorder#545c7e33
- foreground#c7ccd4
- gitDecoration.addedResourceForeground#449dab
- gitDecoration.conflictingResourceForeground#bb7a61
- gitDecoration.deletedResourceForeground#914c54
- gitDecoration.ignoredResourceForeground#515670
- gitDecoration.modifiedResourceForeground#6183bb
- gitDecoration.renamedResourceForeground#449dab
- gitDecoration.stageDeletedResourceForeground#914c54
- gitDecoration.stageModifiedResourceForeground#6183bb
- gitDecoration.untrackedResourceForeground#449dab
- gitlens.gutterForegroundColor#444b6a
- gitlens.gutterUncommittedForegroundColor#444b6a
- gitlens.trailingLineForegroundColor#444b6a
- icon.foreground#787c99
- input.background#14141b
- input.border#0f0f14
- input.foreground#a9b1d6
- input.placeholderForeground#787c998a
- inputOption.activeBackground#3d59a144
- inputOption.activeForeground#c0caf5
- inputValidation.errorBackground#85353e
- inputValidation.errorBorder#963c47
- inputValidation.errorForeground#bbc2e0
- inputValidation.infoBackground#0da0ba
- inputValidation.infoBorder#0db9d7
- inputValidation.infoForeground#000000
- inputValidation.warningBackground#c2985b
- inputValidation.warningBorder#e0af68
- inputValidation.warningForeground#000000
- list.activeSelectionBackground#202330
- list.activeSelectionForeground#a9b1d6
- list.deemphasizedForeground#787c99
- list.dropBackground#1e202e
- list.errorForeground#bb616b
- list.focusBackground#1c1d29
- list.focusForeground#a9b1d6
- list.highlightForeground#668ac4
- list.hoverBackground#13131a
- list.hoverForeground#a9b1d6
- list.inactiveSelectionBackground#1c1d29
- list.inactiveSelectionForeground#a9b1d6
- list.invalidItemForeground#c97018
- list.warningForeground#c49a5a
- listFilterWidget.background#101014
- listFilterWidget.noMatchesOutline#a6333f
- listFilterWidget.outline#3d59a1
- menu.background#16161e
- menu.border#101014
- menu.foreground#787c99
- menu.selectionBackground#1e202e
- menu.selectionForeground#a9b1d6
- menu.separatorBackground#101014
- menubar.selectionBackground#1e202e
- menubar.selectionBorder#1b1e2e
- menubar.selectionForeground#a9b1d6
- merge.currentContentBackground#007a7544
- merge.currentHeaderBackground#007a75aa
- merge.incomingContentBackground#3d59a144
- merge.incomingHeaderBackground#3d59a1aa
- minimapGutter.addedBackground#1c5957
- minimapGutter.deletedBackground#944449
- minimapGutter.modifiedBackground#425882
- notificationCenterHeader.background#101014
- notificationLink.foreground#6183bb
- notifications.background#101014
- notificationsErrorIcon.foreground#bb616b
- notificationsInfoIcon.foreground#0da0ba
- notificationsWarningIcon.foreground#bba461
- panel.background#16161e
- panel.border#101014
- panelInput.border#16161e
- panelTitle.activeBorder#16161e
- panelTitle.activeForeground#787c99
- panelTitle.inactiveForeground#42465d
- peekView.border#101014
- peekViewEditor.background#16161e
- peekViewEditor.matchHighlightBackground#3d59a166
- peekViewResult.background#101014
- peekViewResult.fileForeground#787c99
- peekViewResult.lineForeground#a9b1d6
- peekViewResult.matchHighlightBackground#3d59a166
- peekViewResult.selectionBackground#3d59a133
- peekViewResult.selectionForeground#a9b1d6
- peekViewTitle.background#101014
- peekViewTitleDescription.foreground#787c99
- peekViewTitleLabel.foreground#a9b1d6
- pickerGroup.border#101014
- pickerGroup.foreground#a9b1d6
- progressBar.background#3d59a1
- scrollbar.shadow#00000033
- scrollbarSlider.activeBackground#7f85a3aa
- scrollbarSlider.background#7f85a377
- scrollbarSlider.hoverBackground#7f85a399
- selection.background#515c7e40
- settings.headerForeground#6183bb
- sideBar.background#0c0d12
- sideBar.border#101014
- sideBar.dropBackground#1e202e
- sideBar.foreground#afb2c5
- sideBarSectionHeader.background#16161e
- sideBarSectionHeader.border#101014
- sideBarSectionHeader.foreground#a9b1d6
- sideBarTitle.foreground#787c99
- statusBar.background#16161e
- statusBar.border#101014
- statusBar.debuggingBackground#16161e
- statusBar.debuggingForeground#787c99
- statusBar.foreground#787c99
- statusBar.noFolderBackground#16161e
- statusBarItem.activeBackground#101014
- statusBarItem.hoverBackground#20222c
- statusBarItem.prominentBackground#101014
- statusBarItem.prominentHoverBackground#20222c
- tab.activeBackground#2c2f3c
- tab.activeBorder#3d59a1
- tab.activeForeground#c7ccd4
- tab.activeModifiedBorder#1a1b26
- tab.border#101014
- tab.hoverForeground#e3e6eb
- tab.inactiveBackground#16161e
- tab.inactiveForeground#828598
- tab.inactiveModifiedBorder#1f202e
- tab.lastPinnedBorder#222333
- tab.unfocusedActiveBorder#1f202e
- tab.unfocusedActiveForeground#a9b1d6
- tab.unfocusedHoverForeground#a9b1d6
- tab.unfocusedInactiveForeground#787c99
- terminal.ansiBlack#363b54
- terminal.ansiBlue#7aa2f7
- terminal.ansiBrightBlack#363b54
- terminal.ansiBrightBlue#7aa2f7
- terminal.ansiBrightCyan#7dcfff
- terminal.ansiBrightGreen#41a6b5
- terminal.ansiBrightMagenta#bb9af7
- terminal.ansiBrightRed#f7768e
- terminal.ansiBrightWhite#acb0d0
- terminal.ansiBrightYellow#e0af68
- terminal.ansiCyan#7dcfff
- terminal.ansiGreen#41a6b5
- terminal.ansiMagenta#bb9af7
- terminal.ansiRed#f7768e
- terminal.ansiWhite#787c99
- terminal.ansiYellow#e0af68
- terminal.background#16161e
- terminal.foreground#c7ccd4
- terminal.selectionBackground#515c7e30
- textBlockQuote.background#16161e
- textCodeBlock.background#16161e
- textLink.activeForeground#7dcfff
- textLink.foreground#6183bb
- textPreformat.foreground#9699a8
- textSeparator.foreground#363b54
- titleBar.activeBackground#16161e
- titleBar.activeForeground#787c99
- titleBar.border#101014
- titleBar.inactiveBackground#16161e
- titleBar.inactiveForeground#787c99
- tree.indentGuidesStroke#2b2b3b
- walkThrough.embeddedEditorBackground#16161e
- welcomePage.buttonBackground#16161e
- welcomePage.buttonHoverBackground#14141b
- widget.shadow#ffffff00
- window.activeBorder#0d0f17
- window.inactiveBorder#0d0f17
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, keyword.control.flow, keyword.control.return, meta.directive.vue entity.other.attribute-name.html, meta.directive.vue punctuation.separator.key-value.html, meta.var.expr storage.type, storage.modifier, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | — | italic |
| -, ., a, b, c, d, e, f, i, k, l, n, o, r, s, t, w, y | — | |
| comment, comment.block.documentation, comment.block.documentation punctuation, punctuation.definition.comment | #444B6A | — |
| comment.block.documentation keyword, comment.block.documentation markup, comment.block.documentation markup.inline.raw.string.markdown, comment.block.documentation storage, comment.block.documentation support, comment.block.documentation variable, keyword.other.phpdoc.php, log.date, meta.other.type.phpdoc.php keyword.other.type.php, meta.other.type.phpdoc.php punctuation.separator.inheritance.php, meta.other.type.phpdoc.php support.class, meta.other.type.phpdoc.php support.other.namespace.php | #5A638C | — |
| comment.block.documentation entity.name.type.instance, comment.block.documentation punctuation.definition.block.tag, comment.block.documentation storage.type, meta.other.type.phpdoc.php support.class | #646E9C | — |
| constant.language, constant.numeric, punctuation.definition.constant, support.constant, variable.other.constant | #FF9E64 | — |
| constant.other.key, constant.other.symbol, meta.attribute-selector, string | #9ECE6A | |
| constant.other.color, constant.other.color.rgb-value.hex punctuation.definition.constant | #9AA5CE | — |
| invalid, invalid.illegal | #FF5370 | — |
| ., a, c, d, e, i, l, n, p, r, t, v | #BB9AF7 | — |
| ., a, e, g, o, p, r, s, t, y | #BB9AF7 | — |
| meta.var.expr storage.type, storage.modifier | #9D7CD8 | — |
| meta.embedded.line.tag.smarty, punctuation.definition.template-expression, punctuation.section.embedded, punctuation.section.tag.twig, support.constant.handlebars | #7DCFFF | — |
| entity.name.function.blade, keyword.blade, keyword.control.smarty, keyword.control.twig, keyword.operator.comparison.twig, support.constant.handlebars keyword.control | #0DB9D7 | — |
| keyword.operator.rest, keyword.operator.spread | #F7768E | bold |
| entity.name.operator, keyword.control.as, keyword.operator, keyword.operator.bitwise.shift, keyword.other, keyword.other.substitution, keyword.other.template, meta.at-rule.function variable.parameter.url, meta.at-rule.mixin punctuation.separator.key-value, meta.directive.vue punctuation.separator.key-value.html, meta.property-list punctuation.separator.key-value, meta.tag.template.value.twig meta.function.arguments.twig, punctuation, punctuation.definition.constant.markdown, punctuation.definition.entity, punctuation.definition.keyword, punctuation.definition.string, punctuation.separator.inheritance.php, punctuation.support.type.property-name, punctuation.terminator.rule, text.html.twig meta.tag.inline.any.html, text.html.vue-html meta.tag | #89DDFF | — |
| keyword.control.default, keyword.control.export, keyword.control.from, keyword.control.import, meta.import keyword.other | #7DCFFF | — |
| keyword, keyword.control, keyword.other.important | #BB9AF7 | — |
| ., D, L, M, d, e, h, k, o, r, t, w, y | #7DCFFF | — |
| keyword.operator.bitwise, keyword.operator.comparison, keyword.operator.logical, keyword.operator.or.regexp, keyword.operator.relational, keyword.operator.ternary, storage.type.function | #BB9AF7 | — |
| ., a, e, g, i, m, n, t, y | #F7768E | — |
| entity.name.tag support.class.component, meta.tag | #DE5971 | — |
| ., a, c, d, e, f, g, i, n, o, p, t, u | #BA3C97 | — |
| constant.other, constant.other.php, variable.other.global, variable.other.global punctuation.definition.variable, variable.other.global.safer, variable.other.global.safer punctuation.definition.variable | #E0AF68 | — |
| string constant.other.placeholder, support.variable, variable, variable.parameter.handlebars | #C0CAF5 | — |
| ., a, b, c, e, h, i, j, l, o, r, t, v | #C0CAF5 | — |
| , ., a, b, e, i, l, m, r, t, v, y | #7DCFFF | — |
| meta.field.declaration.ts variable.object.property, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, meta.object-literal.key, string.alias.graphql, string.unquoted.alias.graphql, string.unquoted.graphql | #73DACA | — |
| meta.function-call variable.other.object.property, support.variable.property, support.variable.property.dom, variable.other.property | #7DCFFF | — |
| ., a, b, c, e, h, i, j, l, o, p, r, t, v, y | #C0CAF5 | — |
| , -, ., a, b, c, e, i, j, k, l, m, o, r, t, y | #41A6B5 | — |
| , ., a, b, c, e, h, i, k, l, m, o, p, r, s, t, u, v | #F7768E | — |
| ., a, b, e, h, i, l, o, p, r, s, t, u, v | #F7768E | — |
| entity.name.method.js, keyword.other.special-method, meta.class-method.js entity.name.function.js, storage.type.cs, variable.function.constructor | #7AA2F7 | — |
| entity.name.function, meta.definition.method entity.name.function, meta.function-call, meta.function-call entity.name.function, meta.object-literal entity.name.function, variable.function | #7AA2F7 | — |
| meta.function.parameter variable, meta.function.parameters punctuation.definition.variable, variable.parameter, variable.parameter.function.language.special | #E0AF68 | — |
| constant.character, constant.escape, keyword.other.type.php, keyword.other.unit, storage.type.php | #BB9AF7 | — |
| meta.definition.variable variable.other.constant, meta.definition.variable variable.other.readwrite, variable.other.declaration | #BB9AF7 | — |
| -, ., a, c, d, e, h, i, l, n, o, r, s, t, y | #BB9AF7 | |
| entity.name.namespace, meta.import.qualifier, meta.use.php, support.class, support.constant.json, support.constant.math, support.orther.namespace.use.php, support.other.namespace.php, support.type, support.type.object.module, support.type.sys-types, support.variable.dom, variable.other.readwrite.alias | #0DB9D7 | — |
| ., a, e, i, m, n, t, y | #C0CAF5 | — |
| ., c, f, i, n, o, p, r, s, t, u | #0DB9D7 | — |
| source.css support.type.property-name, source.less support.type.property-name, source.postcss support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.stylus support.type.property-name, support.type.map.key, support.type.property-name.css, support.type.vendored.property-name | #7AA2F7 | — |
| meta.definition.variable, support.constant.font-name | #9ECE6A | — |
| entity.other.attribute-name.class, meta.at-rule.mixin.scss entity.name.function.scss | #9ECE6A | — |
| -, ., a, b, d, e, h, i, m, n, o, r, t, u, y | #FC7B7B | — |
| ., a, c, e, g, i, m, n, s, t, y | #0DB9D7 | — |
| entity.name.tag.reference, entity.other.attribute-name.class punctuation.definition.entity, entity.other.attribute-name.pseudo-class punctuation.definition.entity, entity.other.attribute-name.pseudo-element punctuation.definition.entity | #E0AF68 | — |
| -, ., a, e, i, l, m, o, p, r, s, t, y | #9ABDF5 | — |
| meta.at-rule.return variable.parameter.url, meta.property-list meta.at-rule.else, meta.property-list meta.at-rule.if | #FF9E64 | — |
| entity.other.attribute-name.parent-selector-suffix punctuation.definition.entity.css | #73DACA | — |
| , -, ., a, e, i, l, m, o, p, r, s, t, y | #9ABDF5 | — |
| meta.at-rule.include entity.name.function.scss, meta.at-rule.include keyword.control.at-rule.include, meta.at-rule.mixin keyword.control.at-rule.mixin | #BB9AF7 | — |
| entity.other.attribute-name.placeholder.css punctuation.definition.entity.css, keyword.control punctuation.definition.keyword, keyword.control.at-rule.extend punctuation.definition.keyword, keyword.control.at-rule.include punctuation.definition.keyword, keyword.control.at-rule.mixin punctuation.definition.keyword, meta.at-rule.extend keyword.control.at-rule.extend, meta.at-rule.function keyword.control.at-rule.function, meta.at-rule.include keyword.control.at-rule.include, meta.at-rule.media keyword.control.at-rule.media, meta.at-rule.mixin keyword.control.at-rule.mixin | #9D7CD8 | — |
| , -, ., a, c, d, e, i, l, m, n, o, p, r, s, t, u, y | #C0CAF5 | — |
| -, ., a, c, e, l, n, o, p, r, s, t, u, v, y | #FF9E64 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #C0CAF5 | — |
| ., a, b, e, g, i, l, n, r, u, v | #F7768E | — |
| , ., a, b, c, d, e, f, h, i, l, n, o, p, r, t, u, v | #C0CAF5 | — |
| keyword.other.this, source.js constant.other.object.key.js string.unquoted.label.js, variable.language.this punctuation.definition.variable | #F7768E | — |
| entity.other.attribute-name, text.html.basic entity.other.attribute-name, text.html.basic entity.other.attribute-name.html | #BB9AF7 | — |
| , ., a, c, e, h, i, l, m, n, o, r, s, t, x, y | #0DB9D7 | — |
| entity.other.attribute-name.id.html, meta.directive.vue entity.other.attribute-name.html | #BB9AF7 | — |
| , ., a, c, d, e, k, l, n, o, r, s, t, u, w, y | #7AA2F7 | — |
| entity.other.attribute-name.placeholder, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, meta.property-list meta.property-value | #BB9AF7 | — |
| ., a, d, e, i, k, m, n, p, r, s, t, u | #449DAB | — |
| ., a, d, e, k, l, m, p, r, t, u | #914C54 | — |
| ., a, c, d, e, g, h, k, m, n, p, r, u | #6183BB | — |
| ., e, g, i, n, p, r, s, t, x | #B4F9F8 | — |
| ., a, c, d, e, f, g, i, n, o, p, r, t, u | #F7768E | — |
| constant.other.character-class.regexp | #BB9AF7 | — |
| constant.other.character-class.set.regexp, punctuation.definition.character-class.regexp | #E0AF68 | — |
| ., a, d, e, f, g, i, k, n, o, p, q, r, t, u, w, x, y | #89DDFF | — |
| ., a, b, c, e, h, k, l, n, o, p, r, s, t | #C0CAF5 | — |
| ., a, c, e, h, n, o, p, r, s, t | #89DDFF | — |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #7AA2F7 | — |
| ., d, e, h, i, k, n, o, r, t, u, w, y | #F7768E | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #7AA2F7 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #0DB9D7 | — |
| 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 | #7DCFFF | — |
| 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 | #BB9AF7 | — |
| 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 | #E0AF68 | — |
| 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 | #0DB9D7 | — |
| 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 | #73DACA | — |
| 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 | #F7768E | — |
| 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 | #9ECE6A | — |
| ., _, a, c, d, e, f, i, k, l, m, n, o, p, r, s, t, u, w | #9ABDF5 | — |
| meta.block, meta.brace, punctuation.definition.arguments, punctuation.definition.array, punctuation.definition.begin.bracket, punctuation.definition.block, punctuation.definition.class, punctuation.definition.dictionary, punctuation.definition.end.bracket, punctuation.definition.group.shell, punctuation.definition.parameters, punctuation.definition.section.switch-block.begin.bracket, punctuation.definition.section.switch-block.end.bracket, punctuation.definition.switch-expression.begin.bracket, punctuation.definition.switch-expression.end.bracket, punctuation.definition.use, punctuation.section | #9ABDF5 | — |
| meta.embedded.block, meta.jsx.children | #C0CAF5 | — |
| text.html, text.log | #9AA5CE | — |
| , ., a, d, e, h, i, k, l, m, n, o, p, r, t, u, w, x | #BB9AF7 | — |
| , ., a, c, d, e, f, h, i, k, l, m, n, o, p, r, t, u, w, x | #4E5579 | — |
| heading.1.markdown entity.name, heading.1.markdown punctuation.definition.heading.markdown | #89DDFF | bold |
| heading.2.markdown entity.name, heading.2.markdown punctuation.definition.heading.markdown | #61BDF2 | bold |
| heading.3.markdown entity.name, heading.3.markdown punctuation.definition.heading.markdown | #7AA2F7 | bold |
| heading.4.markdown entity.name, heading.4.markdown punctuation.definition.heading.markdown | #6D91DE | bold |
| heading.5.markdown entity.name, heading.5.markdown punctuation.definition.heading.markdown | #9AA5CE | bold |
| heading.6.markdown entity.name, heading.6.markdown punctuation.definition.heading.markdown | #747CA1 | bold |
| markup.italic, markup.italic punctuation | #C0CAF5 | italic |
| markup.bold, markup.bold punctuation | #C0CAF5 | bold |
| markup.bold markup.italic, markup.bold markup.italic punctuation | #C0CAF5 | bold italic |
| markup.underline, markup.underline punctuation | — | underline |
| , ., a, b, c, d, e, f, i, k, l, m, n, o, p, q, r, t, u, w | #4E5579 | — |
| ., a, e, k, m, o, p, q, r, t, u | — | italic |
| constant.other.reference.link.markdown, markup.underline.link, string.other.link, string.other.link.description.title.markdown | #73DACA | — |
| markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, variable.language.fenced.markdown | #89DDFF | — |
| ., a, e, m, o, p, r, s, t | #444B6A | bold |
| ., a, b, e, k, l, m, p, r, t, u | #C0CEFC | — |
| -, ., e, f, i, k, n, o, t | #0DB9D7 | — |
| -, ., a, e, k, n, o, r, t, w | #FFDB69 | — |
| -, ., e, k, n, o, r, t | #DB4B4B | — |
| -, ., b, d, e, g, k, n, o, t, u | #B267E6 | — |
| ., a, c, e, f, g, h, i, n, o, p, t, y | #F7768E | — |
| meta.preprocessor | #73DACA | — |
| ., c, e, n, o, r, s, u, v | #7AA2F7 | — |
| entity.name.tag.yaml, entity.other.attribute-name, meta.array.literal, meta.block, meta.declaration, meta.definition.variable variable.other.constant, meta.definition.variable variable.other.readwrite, meta.field.declaration, meta.object-literal.key, meta.structure.array.json, meta.structure.dictionary.json, meta.structure.dictionary.json meta.structure.dictionary.value.json, meta.structure.dictionary.json support.type.property-name.json, meta.structure.dictionary.json.comments, meta.structure.dictionary.value.json, meta.structure.dictionary.value.json.comments, meta.var.expr, source, source.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json, source.json meta.structure.dictionary.json support.type.property-name.json, source.json.comments, source.yaml, string.json, string.json.comments, string.unquoted.plain.out.yaml, support.type.property-name.json, support.type.property-name.json.comments, support.variable.property, text.html, variable, variable.object.property, variable.other.enummember, variable.other.object, variable.other.object.property, variable.other.property, variable.other.readwrite, variable.other.readwrite.alias, variable.parameter | #C7CCD4 | — |
| keyword.control.as, keyword.control.export, keyword.control.from, keyword.control.import, keyword.other.export, keyword.other.import | #89DDFF | |
| keyword.control, keyword.control.flow, keyword.declaration.dart, keyword.operator.logical, meta.var.expr storage.type, storage.modifier, storage.type, storage.type.function | #FF1778 | bold |
| keyword.declaration.dart, meta.var.expr storage.type, storage.modifier, storage.type, storage.type.function | — | |
| , keyword.operator.spread, punctuation, punctuation.support.type.property-name | #666B88 | |
| keyword.operator, keyword.operator.comparison, keyword.operator.ternary, punctuation.definition.tag | #7F85A3 | — |
| source | #C7CCD4 | — |
| entity.name.function, punctuation.definition.template-expression, string.interpolated.expression, support.function | #69ADFF | — |
| storage.type.annotation | #FF44987A | — |
| punctuation.definition.string, string.other.link.description.title.markdown, string.unquoted.plain.out.yaml | #9ECE6A | — |
| constant.other.reference.link.markdown, constant.other.reference.markdown, entity.name.tag, entity.name.type, markup.underline.link, meta.type, string.other.link, support.class, support.type | #00DBB2 | — |
| variable.language | #00DBB38D | — |
| constant.language, constant.numeric, meta.import | #FF7F11 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...