Nier: Automata Light Theme

Name: Nier: Automata Light Theme
Author: Shelune

Publisher: SheluneThemes in package: 1

Color palette inspired by Nier: Automata. Generated by themer

GitHub

VS Code preview

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

Nier: Automata Light Theme — Nier: Automata Light

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

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#DAD3BA
activityBar.border#6D6959
activityBar.dropBackground#8D8F7E
activityBar.foreground#4E4B42
activityBarBadge.background#CC654C
activityBarBadge.foreground#4E4B42
badge.background#CC654C
badge.foreground#DAD3BA
button.background#4A5246
button.foreground#DAD3BA
button.hoverBackground#CC654C
debugExceptionWidget.background#8D8F7E
debugExceptionWidget.border#8D8F7E
debugToolBar.background#8D8F7E
diffEditor.insertedTextBackground#727B5B3f
diffEditor.insertedTextBorder#00000000
diffEditor.removedTextBackground#727B5B3f
diffEditor.removedTextBorder#00000000
dropdown.background#8D8F7E
dropdown.border#8D8F7E
dropdown.foreground#4F4E43
editor.background#DAD3BA
editor.findMatchBackground#B3AE99
editor.findMatchHighlightBackground#B3AE99
editor.findRangeHighlightBackground#B0AB96
editor.foreground#4E4B42
editor.hoverHighlightBackground#A5A18E
editor.inactiveSelectionBackground#4A524633
editor.lineHighlightBackground#b8b2a1
editor.lineHighlightBorder#b8b2a1
editor.rangeHighlightBackground#b8b2a1
editor.selectionBackground#4A524655
editor.selectionHighlightBackground#b8b2a1
editor.wordHighlightBackground#3BA49A7f
editor.wordHighlightStrongBackground#BA7F6E7f
editorBracketMatch.background#B0AB96
editorBracketMatch.border#B0AB96
editorCodeLens.foreground#989283
editorCursor.foreground#3BA49A
editorError.border#4E4B42
editorError.foreground#727B5B
editorGroup.background#8D8F7E
editorGroup.border#DAD3BA
editorGroup.dropBackground#A5A18E7f
editorGroupHeader.noTabsBackground#DAD3BA
editorGroupHeader.tabsBackground#DAD3BA
editorGroupHeader.tabsBorder#DAD3BA
editorGutter.addedBackground#727B5B
editorGutter.background#DAD3BA
editorGutter.deletedBackground#727B5B
editorGutter.modifiedBackground#62473B
editorHoverWidget.background#8D8F7E
editorHoverWidget.border#8D8F7E
editorIndentGuide.background#B0AB96
editorLineNumber.foreground#777465
editorLink.activeForeground#CC654C
editorMarkerNavigation.background#8D8F7E
editorMarkerNavigationError.background#727B5B
editorMarkerNavigationWarning.background#2E3335
editorOverviewRuler.border#B0AB96
editorOverviewRuler.currentContentForeground#CC654C
editorOverviewRuler.incomingContentForeground#4A5246
editorRuler.foreground#8D8F7E
editorSuggestWidget.background#8D8F7E
editorSuggestWidget.border#8D8F7E
editorSuggestWidget.foreground#4F4E43
editorSuggestWidget.highlightForeground#BA7F6E
editorSuggestWidget.selectedBackground#A5A18E
editorWarning.border#4F4E43
editorWarning.foreground#2E3335
editorWhitespace.foreground#8D8F7E
editorWidget.background#8D8F7E
editorWidget.border#8D8F7E
errorForeground#727B5B
extensionButton.prominentBackground#4A5246
extensionButton.prominentForeground#DAD3BA
extensionButton.prominentHoverBackground#CC654C
focusBorder#CC654C
foreground#4E4B42
gitDecoration.deletedResourceForeground#CC654C
gitDecoration.modifiedResourceForeground#3BA49A
input.background#DAD3BA
input.border#8D8F7E
input.foreground#4F4E43
input.placeholderForeground#A5A18E
inputOption.activeBorder#CC654C
inputValidation.errorBackground#8D8F7E
inputValidation.errorBorder#727B5B
inputValidation.infoBackground#8D8F7E
inputValidation.infoBorder#4A5246
inputValidation.warningBackground#8D8F7E
inputValidation.warningBorder#2E3335
list.activeSelectionBackground#CC654C
list.activeSelectionForeground#DAD3BA
list.dropBackground#af992c
list.focusBackground#777465
list.focusForeground#DAD3BA
list.highlightForeground#B3AE99
list.hoverBackground#5E5C50
list.hoverForeground#B0AA99
list.inactiveSelectionBackground#8D8F7E
list.inactiveSelectionForeground#4E4B42
merge.border#868373
merge.currentContentBackground#CC654C7f
merge.currentHeaderBackground#CC654C
merge.incomingContentBackground#4A52467f
merge.incomingHeaderBackground#4A5246
notification.background#8D8F7E
notification.buttonBackground#4A5246
notification.buttonForeground#DAD3BA
notification.buttonHoverBackground#CC654C
notification.errorBackground#727B5B
notification.errorForeground#DAD3BA
notification.foreground#4E4B42
notification.infoBackground#4A5246
notification.infoForeground#DAD3BA
notification.warningBackground#2E3335
notification.warningForeground#DAD3BA
panel.background#DAD3BA
panel.border#605C51
panelTitle.activeBorder#777465
panelTitle.activeForeground#4F4E43
panelTitle.inactiveForeground#868373
peekView.border#BA7F6E
peekViewEditor.background#8D8F7E
peekViewEditor.matchHighlightBackground#B3AE99
peekViewEditorGutter.background#8D8F7E
peekViewResult.background#8D8F7E
peekViewResult.fileForeground#4F4E43
peekViewResult.lineForeground#A5A18E
peekViewResult.matchHighlightBackground#62473B
peekViewResult.selectionBackground#777465
peekViewResult.selectionForeground#4E4B42
peekViewTitle.background#A5A18E
peekViewTitleDescription.foreground#989283
peekViewTitleLabel.foreground#4E4B42
pickerGroup.border#989283
pickerGroup.foreground#4E4B42
progressBar.background#727B5B
scrollbar.shadow#DAD3BA66
scrollbarSlider.activeBackground#9892837f
scrollbarSlider.background#7774657f
scrollbarSlider.hoverBackground#8683737f
selection.background#A5A18E
sideBar.background#DAD3BA
sideBar.border#6D6959
sideBar.foreground#4F4E43
sideBarSectionHeader.background#534F46
sideBarSectionHeader.foreground#CC654C
sideBarTitle.foreground#4F4E43
statusBar.background#4A5246
statusBar.border#6D6959
statusBar.debuggingBackground#2E3335
statusBar.debuggingForeground#DAD3BA
statusBar.foreground#DAD3BA
statusBar.noFolderBackground#3BA49A
statusBar.noFolderForeground#DAD3BA
statusBarItem.activeBackground#CC654C
statusBarItem.hoverBackground#727B5B
statusBarItem.prominentBackground#CC654C
statusBarItem.prominentHoverBackground#727B5B
tab.activeBackground#605C51
tab.activeForeground#B0AA99
tab.border#DAD3BA
tab.inactiveBackground#A39E8B
tab.inactiveForeground#5C5649
tab.unfocusedActiveForeground#777465
tab.unfocusedInactiveForeground#A5A18E
terminal.ansiBlack#DAD3BA
terminal.ansiBlue#4A5246
terminal.ansiBrightBlack#8D8F7E
terminal.ansiBrightBlue#4A5246
terminal.ansiBrightCyan#CC654C
terminal.ansiBrightGreen#CC654C
terminal.ansiBrightMagenta#BA7F6E
terminal.ansiBrightRed#2E3335
terminal.ansiBrightWhite#4E4B42
terminal.ansiBrightYellow#62473B
terminal.ansiCyan#CC654C
terminal.ansiGreen#727B5B
terminal.ansiMagenta#BA7F6E
terminal.ansiRed#727B5B
terminal.ansiWhite#4F4E43
terminal.ansiYellow#62473B
terminal.background#DAD3BA
terminal.foreground#4F4E43
titleBar.activeBackground#DAD3BA
titleBar.activeForeground#4E4B42
titleBar.border#6D6959
titleBar.inactiveBackground#DAD3BA
titleBar.inactiveForeground#868373
walkThrough.embeddedEditorBackground#DAD3BA
welcomePage.buttonBackground#8D8F7E
welcomePage.buttonHoverBackground#A5A18E
widget.shadow#DAD3BA66

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text	#A5A18E	italic
comment storage.type	#A5A18E	—
comment entity.name.type	#fff	—
comment variable, comment variable.other	#fff	—
comment keyword.codetag.notation	#585897	—
constant	#585897	—
constant.other	#F2B09C	—
constant.other.property	#585897	—
constant.other.character-class.escape	#585897	—
constant.other.key	#585897	—
constant.other.symbol	#F2B09C	—
constant.numeric	#585897	—
constant.language	#585897	—
constant.character.escape	#585897	—
constant.numeric.line-number.find-in-files	#535763	—
constant.numeric.line-number.match.find-in-files	#727B5B	—
entity.name.section	#727B5B	—
entity.name	#CC654C	—
entity.name.class	#4E4B42	—
entity.name.constant	#585897	—
entity.name.namespace	#4E4B42	—
entity.other.inherited-class	#3BA49A	italic
entity.name.function	#CC654C	—
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx	#727B5B	—
entity.other.attribute-name	#3BA49A	italic
entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css	#CC654C	—
entity.other.attribute-name.id.css	#623551	—
entity.other.attribute-name.pseudo-class.css entity.other.pseudo-class.css	#3BA49A	italic
entity.name.function, support.function	#CC654C	—
invalid	—	italic
keyword	#B56151	—
keyword.control	#B56151	—
keyword.operator	#B56151	—
keyword.other.substitution	#888d94	—
keyword.other.template.begin keyword.other.template.end	#B56151	—
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext, keyword.operator.table.data.restructuredtext	#888d94	—
markup.italic	—	italic
markup.bold	—	bold
markup.heading	#727B5B	—
markup.raw	#623551	—
markup.underline	—	underline
markup.underline.link	#CC654C	—
markup.inserted	#CC654C	—
markup.deleted	#727B5B	—
markup.changed	#727B5B	—
markup.ignored	#888d94	—
markup.untracked	#888d94	—
markup.quote	—	italic
meta.brace.round, meta.brace.square, meta.brace.curly, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js	#888d94	—
meta.function-call, meta.function-call.arguments meta.function-call	#CC654C	—
meta.function-call meta.function-call.arguments, meta.function-call meta.arguments, meta.function-call meta.group	#4E4B42	—
meta.instance.constructor	#CC654C	—
meta.attribute-with-value.class string	#CC654C	—
meta.attribute-with-value.id string	#623551	—
source.json meta.structure.dictionary, source.json 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, 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 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, 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 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, 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 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, 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 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, 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 string, 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 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 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 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 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 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 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 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 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 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 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 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 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 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 string	#4E4B42	—
source.json 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 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 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 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 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 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 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 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 meta.structure.dictionary meta.structure.dictionary.value string	#B56151	—
meta.object.member	#4E4B42	—
meta.property-list.css variable.other	#623551	—
entity.name.constant.preprocessor, meta.preprocessor	#585897	—
punctuation	#888d94	—
punctuation.definition.group	#4E4B42	—
punctuation.definition.comment	#A5A18E	—
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css	#fff	—
punctuation.section.embedded	#623551	—
punctuation.template-string.element.begin, punctuation.template-string.element.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, string.quoted.template punctuation.definition.string.begin, string.quoted.template punctuation.definition.string.end	#727B5B	—
source	#4E4B42	—
source.scss, source.sass	#888d94	—
source.sass variable.other, source.sass variable.sass, source.scss variable.other, source.scss variable.scss, source.scss variable.sass, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less	#623551	italic
storage	#727B5B	—
storage.type	#3BA49A	italic
storage.type.function.arrow	#727B5B	—
storage.modifier	#727B5B	italic
storage.class.restructuredtext.ref	#585897	—
string	#727B5B	—
string.unquoted.label	#4E4B42	—
string source	#4E4B42	—
string source punctuation.section.embedded	#888d94	—
string.other.link.title, string.other.link.description	#727B5B	—
string.other.link.description.title	#3BA49A	—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#727B5B	—
string.other.ref, string.other.restructuredtext.ref	#CC654C	—
support.constant	#3BA49A	—
support.constant.handlebars	#888d94	—
support.function	#CC654C	—
support.type, entity.name.type.object.console	#3BA49A	italic
support.variable	#3BA49A	—
support.type.property-name	#4E4B42	—
support.class	#3BA49A	—
text	#4E4B42	—
text.find-in-files	#4E4B42	—
variable, variable.other	#4E4B42	—
variable.parameter, parameters variable.function	#623551	italic
variable.language, variable.parameter.function.language.special.self.python	#B56151	italic
variable.language.arguments	#585897	—
variable.other.class	#3BA49A	—
variable.other.constant	#585897	—
variable.other.member	#4E4B42	—
variable.function	#CC654C	—
variable.other.substitution	#623551	—

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}!`;
}