Nano Themes

Name: Nano Themes
Author: Uğur AKTAŞ

Publisher: Uğur AKTAŞThemes in package: 1

Beautiful and colorful a theme for VSCode

GitHub

VS Code preview

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

Nano Themes — Nano Themes

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.background#1d2124
activityBar.border#161b1e
activityBar.dropBackground#1d2528bf
activityBar.foreground#8b9798
activityBarBadge.background#fcff62
activityBarBadge.foreground#273136
badge.background#fcff62
badge.foreground#273136
button.background#3a4449
button.foreground#8b9798
button.hoverBackground#273136
debugExceptionWidget.background#3a4449
debugExceptionWidget.border#273136
diffEditor.insertedTextBackground#70d3420c
diffEditor.insertedTextBorder#70d342
diffEditor.removedTextBackground#ff71920c
diffEditor.removedTextBorder#ff7192
dropdown.background#273136
dropdown.border#273136
dropdown.foreground#8b9798
editor.background#242e33
editor.findMatchBackground#545f62
editor.findMatchHighlightBackground#3a4449
editor.findRangeHighlightBackground#f2fffc0c
editor.foreground#f2fffc
editor.hoverHighlightBackground#3a4449
editor.inactiveSelectionBackground#f2fffc0c
editor.lineHighlightBackground#f2fffc0c
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#3a4449
editor.selectionBackground#3a4449
editor.selectionHighlightBackground#545f62
editor.wordHighlightBackground#3a4449
editor.wordHighlightStrongBackground#545f62
editorBracketMatch.background#273136
editorBracketMatch.border#6b7678
editorCodeLens.foreground#6b7678
editorCursor.foreground#f2fffc
editorError.border#00000000
editorError.foreground#ff7192
editorGroup.background#161b1e
editorGroup.border#1d2528
editorGroup.dropBackground#1d2528bf
editorGroupHeader.noTabsBackground#273136
editorGroupHeader.tabsBackground#273136
editorGroupHeader.tabsBorder#273136
editorGutter.addedBackground#70d342
editorGutter.background#273136
editorGutter.deletedBackground#ff7192
editorGutter.modifiedBackground#fcff62
editorHoverWidget.background#3a4449
editorHoverWidget.border#273136
editorIndentGuide.background#3a4449
editorLineNumber.foreground#545f62
editorLink.activeForeground#82d9ff
editorMarkerNavigation.background#3a4449
editorMarkerNavigationError.background#ff7192
editorMarkerNavigationWarning.background#fcff62
editorOverviewRuler.addedForeground#70d342
editorOverviewRuler.border#273136
editorOverviewRuler.currentContentForeground#3a4449
editorOverviewRuler.deletedForeground#ff7192
editorOverviewRuler.errorForeground#ff7192
editorOverviewRuler.findMatchForeground#545f62
editorOverviewRuler.incomingContentForeground#3a4449
editorOverviewRuler.infoForeground#82d9ff
editorOverviewRuler.modifiedForeground#fcff62
editorOverviewRuler.rangeHighlightForeground#3a4449
editorOverviewRuler.selectionHighlightForeground#545f62
editorOverviewRuler.warningForeground#fcff62
editorOverviewRuler.wordHighlightForeground#3a4449
editorOverviewRuler.wordHighlightStrongForeground#545f62
editorRuler.foreground#3a4449
editorSuggestWidget.background#3a4449
editorSuggestWidget.border#3a4449
editorSuggestWidget.foreground#b8c4c3
editorSuggestWidget.highlightForeground#f2fffc
editorSuggestWidget.selectedBackground#6b7678
editorWarning.border#00000000
editorWarning.foreground#fcff62
editorWhitespace.foreground#3a4449
editorWidget.background#3a4449
editorWidget.border#3a4449
errorForeground#ff7192
extensionButton.prominentBackground#3a4449
extensionButton.prominentForeground#f2fffc
extensionButton.prominentHoverBackground#545f62
focusBorder#6b7678
foreground#f2fffc
input.background#3a4449
input.border#3a4449
input.foreground#f2fffc
input.placeholderForeground#545f62
inputOption.activeBorder#545f62
inputValidation.errorBackground#3a4449
inputValidation.errorBorder#ff7192
inputValidation.infoBackground#3a4449
inputValidation.infoBorder#82d9ff
inputValidation.warningBackground#3a4449
inputValidation.warningBorder#fcff62
list.activeSelectionBackground#1d2528
list.activeSelectionForeground#fcff62
list.focusForeground#f2fffc
list.hoverBackground#3d3d3d07
list.hoverForeground#f2fffc
list.inactiveSelectionBackground#61616100
list.inactiveSelectionForeground#fcff62
merge.border#45720a
merge.currentContentBackground#3a4449
merge.currentHeaderBackground#545f62
merge.incomingContentBackground#545f62
merge.incomingHeaderBackground#6b7678
notification.background#1d2528
notification.buttonBackground#3a4449
notification.buttonForeground#fcff62
notification.buttonHoverBackground#3a4449
notification.errorBackground#1d2528
notification.errorForeground#ff7192
notification.foreground#b8c4c3
notification.infoBackground#1d2528
notification.infoForeground#82d9ff
notification.warningBackground#1d2528
notification.warningForeground#fcff62
panel.background#3a4449
panel.border#273136
panelTitle.activeBorder#fcff62
panelTitle.activeForeground#fcff62
panelTitle.inactiveForeground#8b9798
peekView.border#273136
peekViewEditor.background#3a4449
peekViewEditor.matchHighlightBackground#545f62
peekViewEditorGutter.background#3a4449
peekViewResult.background#3a4449
peekViewResult.fileForeground#8b9798
peekViewResult.lineForeground#8b9798
peekViewResult.matchHighlightBackground#545f62
peekViewResult.selectionBackground#3a4449
peekViewResult.selectionForeground#f2fffc
peekViewTitle.background#3a4449
peekViewTitleDescription.foreground#8b9798
peekViewTitleLabel.foreground#f2fffc
pickerGroup.border#273136
pickerGroup.foreground#545f62
progressBar.background#3a4449
scrollbar.shadow#1d2325
scrollbarSlider.activeBackground#2c2c2c5d
scrollbarSlider.background#2c2c2c5d
scrollbarSlider.hoverBackground#2c2c2c5d
selection.background#3a4449
sideBar.background#1d2528
sideBar.border#fcff6223
sideBar.foreground#8b9798
sideBarTitle.foreground#545f62
statusBar.background#1d2528
statusBar.border#161b1e
statusBar.debuggingBackground#6b7678
statusBar.debuggingForeground#f2fffc
statusBar.foreground#6b7678
statusBar.noFolderBackground#1d2528
statusBar.noFolderForeground#6b7678
statusBarItem.activeBackground#273136
statusBarItem.hoverBackground#273136
statusBarItem.prominentBackground#3a4449
statusBarItem.prominentHoverBackground#3a4449
tab.activeBackground#273136
tab.activeBorder#fcff62dc
tab.activeForeground#fcff62
tab.border#273136
tab.inactiveBackground#273136
tab.inactiveForeground#8b9798
tab.unfocusedActiveBorder#8b9798
tab.unfocusedActiveForeground#b8c4c3
tab.unfocusedInactiveForeground#8b9798
titleBar.activeBackground#161b1e
titleBar.activeForeground#8b9798
titleBar.inactiveBackground#1d2528
titleBar.inactiveForeground#545f62
walkThrough.embeddedEditorBackground#1d2528
widget.shadow#161b1e

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	#959A9C	italic
comment storage.type	#6b7678	—
comment entity.name.type	#b8c4c3	—
comment variable, comment variable.other	#b8c4c3	—
comment keyword.codetag.notation	#e8b7ff	—
constant	#e8b7ff	—
constant.other	#f2fffc	—
constant.other.property	#e8b7ff	—
constant.numeric	#e8b7ff	—
constant.language	#e8b7ff	—
constant.character.escape	#e8b7ff	—
constant.numeric.line-number.find-in-files	#545f62	—
constant.numeric.line-number.match.find-in-files	#fcff62	—
entity.name.section	#dfc940	—
entity.name	#70d342	—
entity.name.class	#f2fffc	—
entity.name.namespace	#f2fffc	—
entity.other.inherited-class	#82d9ff	italic
entity.name.function	#70d342	—
entity.name.tag	#ff7192	—
entity.other.attribute-name	#82d9ff	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	#70d342	—
entity.other.attribute-name.id.css	#fcff62	—
entity.other.attribute-name.pseudo-class.css	#82d9ff	italic
entity.name.function, support.function	#70d342	—
invalid	—	italic
keyword	#ff7192	—
keyword.control	#ff7192	—
keyword.operator	#ff7192	—
keyword.other.substitution	#8b9798	—
keyword.other.template.begin keyword.other.template.end	#ff7192	—
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext, keyword.operator.table.data.restructuredtext	#8b9798	—
markup.italic	—	italic
markup.bold	—	bold
markup.heading	#fcff62	—
markup.raw	#fcff62	—
markup.underline	—	underline
markup.underline.link	#70d342	—
markup.inserted	#70d342	—
markup.deleted	#ff7192	—
markup.changed	#fcff62	—
markup.ignored	#8b9798	—
markup.untracked	#8b9798	—
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	#8b9798	—
meta.function-call, meta.function-call.arguments meta.function-call	#70d342	—
meta.function-call meta.function-call.arguments, meta.function-call meta.arguments, meta.function-call meta.group	#f2fffc	—
meta.instance.constructor	#70d342	—
meta.attribute-with-value.class string	#70d342	—
meta.attribute-with-value.id string	#fcff62	—
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	#f2fffc	—
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	#fcff62	—
meta.object.member	#f2fffc	—
meta.property-list.css variable.other	#fcff62	—
entity.name.constant.preprocessor, meta.preprocessor	#e8b7ff	—
punctuation	#8b9798	—
punctuation.definition.group	#f2fffc	—
punctuation.definition.comment	#6b7678	—
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css	#b8c4c3	—
punctuation.section.embedded	#fcff62	—
punctuation.template-string.element.begin, punctuation.template-string.element.end, string.quoted.template punctuation.definition.string.begin, string.quoted.template punctuation.definition.string.end	#ff7192	—
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown	—	—
source.scss	#8b9798	—
source.scss variable.other, source.scss variable.scss, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less	#fcff62	italic
storage	#ff7192	—
storage.type	#82d9ff	italic
storage.type.function.arrow	#ff7192	normal
storage.modifier	#ff7192	italic
storage.class.restructuredtext.ref	#e8b7ff	—
string	#fcff62	—
string.unquoted.label	#f2fffc	—
string source	#f2fffc	—
string source punctuation.section.embedded	#8b9798	—
string.other.link.title, string.other.link.description	#ff7192	—
string.other.link.description.title	#82d9ff	—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#ff7192	—
string.other.ref, string.other.restructuredtext.ref	#70d342	—
support.constant	#8bdcf5	—
support.function	#a7e680	—
support.type, entity.name.type.object.console	#80d4ee	italic
support.variable	#79cee7	—
support.type.property-name	#f0f0f0	normal
support.class	#82d9ff	—
text.find-in-files	#f2fffc	—
variable, variable.other	#f2fffc	—
variable.parameter, parameters variable.function	#fcff62	italic
variable.language, variable.parameter.function.language.special.self.python	#b8c4c3	italic
variable.language.arguments	#e8b7ff	—
variable.other.class	#82d9ff	—
variable.other.constant	#c9b5ff	—
variable.other.member	#f2fffc	—
variable.function	#70d342	—
variable.other.substitution	#fcff62	—

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