Monokai Universe

Name: Monokai Universe
Author: andreall0

Publisher: andreall0Themes in package: 1

This is a beautiful theme

Open in VS Code GitHub

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Monokai Universe — Monokai Universe

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project $

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#00000000
activityBar.activeBorder#DDBC5A90
activityBar.activeFocusBorder#DDBC5A
activityBar.background#171B25
activityBar.border#171B25
activityBar.dropBorder#DDBC5A
activityBar.foreground#8C8E94
activityBar.inactiveForeground#464952
activityBarBadge.background#DDBC5A
activityBarBadge.foreground#191E29
badge.background#DDBC5A
badge.foreground#151922
button.background#333741
button.border#00000000
button.foreground#666970
button.hoverBackground#242833
debugExceptionWidget.background#333741
debugExceptionWidget.border#151922
debugToolBar.background#333741
diffEditor.insertedTextBackground#9BCF6E10
diffEditor.removedTextBackground#EB608310
dropdown.background#151922
dropdown.border#151922
dropdown.foreground#666970
editor.background#191E29
editor.findMatchBackground#575A62
editor.findMatchHighlightBackground#00000000
editor.findMatchHighlightBorder#575A62
editor.findRangeHighlightBackground#D2D3D60c
editor.foreground#D2D3D6
editor.hoverHighlightBackground#333741
editor.inactiveSelectionBackground#D2D3D60c
editor.lineHighlightBackground#00000000
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#333741
editor.selectionBackground#333741
editor.selectionHighlightBackground#575A62
editor.wordHighlightBackground#333741
editor.wordHighlightStrongBackground#575A62
editorBracketMatch.background#151922
editorBracketMatch.border#575A62
editorCodeLens.foreground#575A62
editorCursor.foreground#ffffff
editorError.border#00000000
editorError.foreground#DA3E52
editorGroup.border#292D38
editorGroup.dropBackground#292D38bf
editorGroupHeader.noTabsBackground#151922
editorGroupHeader.tabsBackground#191E29
editorGroupHeader.tabsBorder#00000000
editorGutter.addedBackground#9BCF6E
editorGutter.background#191E29
editorGutter.deletedBackground#EB6083
editorGutter.modifiedBackground#E6895B
editorHoverWidget.background#242833
editorHoverWidget.border#575A62
editorIndentGuide.activeBackground#575A62
editorIndentGuide.background#333741
editorLineNumber.foreground#575A62
editorLink.activeForeground#6DCDD9
editorMarkerNavigation.background#333741
editorMarkerNavigationError.background#DA3E52
editorMarkerNavigationWarning.background#E6895B
editorOverviewRuler.addedForeground#9BCF6Ea1
editorOverviewRuler.border#151922
editorOverviewRuler.currentContentForeground#333741
editorOverviewRuler.deletedForeground#EB6083a1
editorOverviewRuler.errorForeground#DA3E52
editorOverviewRuler.findMatchForeground#575A62
editorOverviewRuler.incomingContentForeground#333741
editorOverviewRuler.infoForeground#6DCDD9
editorOverviewRuler.modifiedForeground#E6895Ba1
editorOverviewRuler.rangeHighlightForeground#333741
editorOverviewRuler.selectionHighlightForeground#575A62
editorOverviewRuler.warningForeground#E6895B
editorOverviewRuler.wordHighlightForeground#333741
editorOverviewRuler.wordHighlightStrongForeground#575A62
editorRuler.foreground#333741
editorSuggestWidget.background#333741
editorSuggestWidget.border#333741
editorSuggestWidget.highlightForeground#D2D3D6
editorSuggestWidget.selectedBackground#575A62
editorWarning.border#00000000
editorWarning.foreground#E6895B
editorWhitespace.foreground#292D38
editorWidget.background#242833
editorWidget.border#333741
editorWidget.foreground#818389
errorForeground#EB6083
extensionButton.prominentBackground#333741
extensionButton.prominentForeground#D2D3D6
extensionButton.prominentHoverBackground#575A62
focusBorder#575A62
foreground#666970
icon.foreground#666970
input.background#292D38
input.border#333741
input.foreground#D2D3D6
input.placeholderForeground#575A62
inputOption.activeBackground#464952
inputOption.activeBorder#00000000
inputOption.activeForeground#DDBC5A
inputValidation.errorBackground#333741
inputValidation.errorBorder#EB6083
inputValidation.infoBackground#333741
inputValidation.infoBorder#6DCDD9
inputValidation.warningBackground#333741
inputValidation.warningBorder#E6895B
list.activeSelectionBackground#292D38
list.activeSelectionForeground#DDBC5A
list.dropBackground#292D38bf
list.errorForeground#DA3E52
list.filterMatchBackground#00000000
list.filterMatchBorder#575A62
list.focusBackground#292D38
list.focusForeground#D2D3D6
list.focusHighlightForeground#DDBC5A
list.focusOutline#575A62
list.highlightForeground#D2D3D6
list.hoverBackground#292D38
list.hoverForeground#D2D3D6
list.inactiveFocusBackground#00000000
list.inactiveFocusOutline#00000000
list.inactiveSelectionBackground#292D38
list.inactiveSelectionForeground#DDBC5A
list.warningForeground#E6895B
listFilterWidget.background#333741
listFilterWidget.noMatchesOutline#EB6083
merge.border#171B25
merge.currentContentBackground#9BCF6E10
merge.currentHeaderBackground#9BCF6E10
merge.incomingContentBackground#EB608310
merge.incomingHeaderBackground#EB608310
minimap.background#191E29
minimap.errorHighlight#DA3E52
minimap.findMatchHighlight#333741
minimap.selectionHighlight#333741
minimap.warningHighlight#E6895B
notificationLink.foreground#6DCDD9
notifications.background#242833
notifications.border#575A62
notifications.foreground#74777D
notificationsErrorIcon.foreground#EB6083
notificationsInfoIcon.foreground#6DCDD9
notificationsWarningIcon.foreground#E6895B
notificationToast.border#575A62
panel.background#191E29
panel.border#292D38
panelTitle.activeBorder#DDBC5A
panelTitle.activeForeground#DDBC5A
panelTitle.inactiveForeground#666970
peekView.border#151922
peekViewEditor.background#333741
peekViewEditor.matchHighlightBackground#575A62
peekViewEditorGutter.background#333741
peekViewResult.background#333741
peekViewResult.fileForeground#666970
peekViewResult.lineForeground#666970
peekViewResult.matchHighlightBackground#575A62
peekViewResult.selectionBackground#333741
peekViewResult.selectionForeground#D2D3D6
peekViewTitle.background#333741
peekViewTitleDescription.foreground#666970
peekViewTitleLabel.foreground#D2D3D6
pickerGroup.border#151922
pickerGroup.foreground#575A62
progressBar.background#333741
scrollbar.shadow#151922
scrollbarSlider.activeBackground#D2D3D612
scrollbarSlider.background#D2D3D612
scrollbarSlider.hoverBackground#D2D3D612
selection.background#464952
sideBar.background#191E29
sideBar.border#292D38
sideBar.foreground#666970
sideBarSectionHeader.background#242833
sideBarSectionHeader.foreground#575A62
sideBarTitle.foreground#575A62
statusBar.background#191E29
statusBar.border#171B25
statusBar.debuggingBackground#575A62
statusBar.debuggingForeground#D2D3D6
statusBar.foreground#575A62
statusBar.noFolderBackground#292D38
statusBar.noFolderForeground#575A62
statusBarItem.activeBackground#151922
statusBarItem.hoverBackground#151922
statusBarItem.prominentBackground#333741
statusBarItem.prominentHoverBackground#333741
tab.activeBackground#1F232E
tab.activeBorder#DDBC5A
tab.activeForeground#8C8E94
tab.border#00000000
tab.hoverBackground#1F232E
tab.inactiveBackground#191E29
tab.inactiveForeground#666970
tab.unfocusedActiveBorder#666970
tab.unfocusedActiveForeground#666970
tab.unfocusedInactiveForeground#666970
terminal.ansiBlack#333741
terminal.ansiBlue#E6895B
terminal.ansiBrightBlack#575A62
terminal.ansiBrightBlue#E6895B
terminal.ansiBrightCyan#6DCDD9
terminal.ansiBrightGreen#9BCF6E
terminal.ansiBrightMagenta#9E92E3
terminal.ansiBrightRed#EB6083
terminal.ansiBrightWhite#D2D3D6
terminal.ansiBrightYellow#DDBC5A
terminal.ansiCyan#6DCDD9
terminal.ansiGreen#9BCF6E
terminal.ansiMagenta#9E92E3
terminal.ansiRed#EB6083
terminal.ansiWhite#D2D3D6
terminal.ansiYellow#DDBC5A
terminal.background#191E29
terminal.foreground#D2D3D6
textLink.activeForeground#6DCDD980
textLink.foreground#6DCDD9
titleBar.activeBackground#171B25
titleBar.activeForeground#666970
titleBar.inactiveBackground#171B25
titleBar.inactiveForeground#575A62
toolbar.hoverBackground#292D38
tree.indentGuidesStroke#464952
walkThrough.embeddedEditorBackground#292D38
welcomePage.background#00000000
welcomePage.buttonBackground#333741
welcomePage.buttonHoverBackground#575A62
widget.shadow#171B25

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment keyword, comment markup.underline.link, comment punctuation.definition, comment punctuation, comment storage.type, comment string, comment text, comment, punctuation.definition.comment	#6F6D6F	—
comment entity.name.type, comment variable.other, comment variable, meta.annotation.rust keyword.operator, meta.annotation.rust keyword, meta.annotation.rust string, meta.annotation.rust, meta.attribute.rust string, meta.attribute.rust, punctuation.definition.entity.css, punctuation.definition.keyword.scss, punctuation.definition.variable, string.other.git-status.help.key, support.type.vendor-prefix.css, variable.annotation.rust, variable.language.rust, variable.language, variable.parameter.function.language.special.cls.python, variable.parameter.function.language.special.self.python	#B8B7B7	—
comment keyword.codetag.notation, constant.character.escape, constant.language, constant.numeric, constant.other.character-class.escape, constant.other.citation.latex, constant.other.color, constant.other.key, constant.other.php, constant.other.property, constant, entity.name.constant.preprocessor, entity.name.constant, entity.name.label, entity.name.operator.custom-literal.number, entity.other.git-status.hex, meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown, meta.preprocessor, region.purplish, source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha, source.git-show.commit.sha, source.ruby variable.other.readwrite.class.ruby, source.ruby variable.other.readwrite.instance.ruby, storage.class.restructuredtext.ref, support.constant.core.rust, token.debug-token, variable.language.arguments, variable.other.constant, variable.other.enummember	#9E92E3	—
comment.git-status.header.remote, entity.name.function.operator, entity.name.lifetime.rust, entity.name.tag, keyword.control.directive, keyword.control.rust, keyword.control, keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.operator.member, keyword.operator.misc.rust, keyword.operator.new, keyword.operator, keyword.other.rust, keyword.other.template.begin, keyword.other.template.end, keyword.other.where.rust, keyword, markup.deleted punctuation.definition.deleted, markup.deleted, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.template-string.element.begin, punctuation.template-string.element.end, region.pinkish, region.redish, source.vue support.class.component, storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.lifetime.rust, storage.modifier.mut.rust, storage.modifier.static.rust, storage.modifier.visibility.rust, storage.modifier, storage.type.extends, storage.type.function.arrow, storage.type.modifier, storage.type.rust, storage.type, storage, string.other.git-status.remote, string.other.link.description, string.other.link.title, string.quoted.template punctuation.definition.string.begin, string.quoted.template punctuation.definition.string.end, string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end, token.error-token	#EB6083	—
comment.git-status.header.local, constant.other.elm, entity.name.class, entity.name.function.preprocessor, entity.name.type.class.generic, entity.name.type.class.reference, entity.name.type.class.templated, entity.name.type.class.value, entity.name.type.namespace, entity.name.type.object.console, entity.name.type.rust, entity.name.type, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name, entity.other.inherited-class, entity.other.pseudo-class.css, entity.other.pseudo-element.css, keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust, region.bluish, storage.class.std.rust, storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, storage.type.core.rust, storage.type.rust, string.other.link.description.title, support.class, support.constant, support.type, support.variable, token.info-token, variable.other.class	#6DCDD9	—
comment.other.git-status.head, constant.other, entity.name.function.member.static, entity.name.namespace, entity.name.operator.custom-literal, meta.function-call.python meta.function-call.arguments.python, meta.object.member, meta.type_params.rust, punctuation.definition.group, region.whitish, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary string, source.json meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary, source.json meta.structure.dictionary string, source.json meta.structure.dictionary, source, string source, string.unquoted.label, support.type.property-name, text.find-in-files, text, variable.other.event, variable.other.member, variable.other.property.static, variable.other.property, variable.other.readwrite, variable.other.constant.object.property, variable.other, variable, source meta.var.expr meta.arrow meta.block meta.objectliteral meta.object.member variable.other.readwrite, source meta.var.expr meta.arrow meta.block meta.tag meta.jsx.children meta.tag.attributes meta.embedded.expression meta.objectliteral meta.object.member meta.object-literal.key	#AFBAC1	—
constant.other.symbol, entity.name.tag support.class.component, entity.other.attribute-name.id.css, markup.raw, meta.attribute-with-value.id string, meta.attribute.id.html string, meta.property-list.css variable.other, parameters variable.function, region.orangish, source.css variable.other, source.css variable.scss, source.git-show meta.diff.range.unified, source.jinja2 variable.other.jinja2, source.less variable.declaration.less, source.less variable.other.less, source.less variable.other, source.sass variable.other, source.sass variable.sass, source.scss variable.other, source.scss variable.sass, source.scss variable.scss, token.warn-token, variable.other.substitution, variable.parameter, source meta.var.expr meta.objectliteral meta.object.member variable.other.readwrite, entity.name.tag.tsx	#E6895B	—
constant.numeric.line-number.find-in-files	#585659	—
entity.name.function.templated, entity.name.function, entity.name.function, entity.name.function, entity.name, entity.other.animation-name.css, entity.other.attribute-name.class.css, entity.other.attribute-name.css, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css, entity.other.attribute-name.parent-selector-suffix.css, markup.inserted punctuation.definition.inserted, markup.inserted, markup.underline.link, meta.attribute-with-value.class string, meta.attribute.class.html string, meta.function-call.generic.python, meta.instance.constructor, region.greenish, source.jinja2 variable.other.jinja2.block, string.other.ref, string.other.restructuredtext.ref, support.function.builtin.python, support.function, support.function, variable.function	#9BCF6E	—
entity.other.jinja2.delimiter, keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext, keyword.other.parenthesis.elm, keyword.other.substitution, markup.ignored punctuation.definition.ignored, markup.ignored, markup.untracked, meta.brace.curly, meta.brace.round, meta.brace.square, meta.delimiter.comma.js, meta.function-call.method.without-arguments.js, meta.function-call.without-arguments.js, punctuation.definition.group.begin.css, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.css, punctuation.definition.group.end.ruby, punctuation.definition.string.end.html source.css, punctuation.definition.tag source, punctuation.definition.tag, punctuation, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file, source.git-diff.command, source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file, source.git-show.author, source.git-show.date, source.sass, source.scss, string punctuation.definition.string source, string source punctuation.section.embedded, support.constant.handlebars, support.function.delimiter.elm	#858585	—
constant.numeric.line-number.match.find-in-files, entity.name.operator.custom-literal.string, entity.name.section, markup.changed punctuation.definition.changed, markup.changed, markup.heading, meta.diff.git-diff.header, region.yellowish, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value meta.structure.dictionary meta.structure.dictionary.value string, source.json meta.structure.dictionary.value string, string	#DDBC5A	—
invalid, markup.quote	—	—
markup.bold	—	bold
markup.underline	—	underline

Shiki preview

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

export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id  
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}