aPinix Theme

Name: aPinix Theme
Author: André Pinto

Publisher: André PintoThemes in package: 1

A VSCode Dark Theme based on Monokai theme. Ease on your eyes. Code till you fall asleep.

Open in VS Code GitHub

VS Code preview

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

aPinix Theme — aPinix Theme

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.activeBorder#223349
activityBar.background#223349
activityBar.border#22334960
activityBar.foreground#EFF0EB
activityBarBadge.background#0DC2F8
activityBarBadge.foreground#000000
badge.background#00000030
badge.foreground#C6D2E6
button.background#8D999F20
debugToolBar.background#182C41
diffEditor.insertedTextBackground#AAE92060
diffEditor.removedTextBackground#FF5C5760
dropdown.background#182C41
dropdown.border#FFFFFF10
editor.background#182C41
editor.findMatchBackground#0DC2F870
editor.findMatchHighlightBackground#0DC2F800
editor.findMatchHighlightBorder#0DC2F8
editor.findRangeHighlightBackground#00000080
editor.foreground#EFF0EB
editor.hoverHighlightBackground#33333350
editor.inactiveSelectionBackground#33333380
editor.lineHighlightBackground#00000020
editor.selectionBackground#8D999F50
editor.selectionHighlightBackground#0DC2F800
editor.selectionHighlightBorder#0DC2F8
editor.wordHighlightBackground#8D999F30
editorBracketMatch.background#182C41
editorBracketMatch.border#0DC2F850
editorCursor.foreground#0DC2F8
editorError.foreground#FF5C57
editorGroup.border#00000030
editorGroupHeader.tabsBackground#223349
editorGutter.addedBackground#3BEB2A
editorGutter.deletedBackground#FF5C57
editorGutter.modifiedBackground#6F4EBC
editorHoverWidget.background#182C41
editorHoverWidget.border#FFFFFF10
editorIndentGuide.background#37474F80
editorLineNumber.activeForeground#CFD6E4
editorLineNumber.foreground#CFD6E450
editorLink.activeForeground#EFF0EB
editorMarkerNavigation.background#EFF0EB05
editorOverviewRuler.border#182C41
editorRuler.foreground#37474F80
editorSuggestWidget.background#182C41
editorSuggestWidget.border#FFFFFF10
editorSuggestWidget.foreground#EFF0EB
editorSuggestWidget.highlightForeground#0DC2F8
editorSuggestWidget.selectedBackground#00000050
editorWarning.foreground#FCC146
editorWhitespace.foreground#EFF0EB10
editorWidget.background#182C41
extensionButton.prominentBackground#3BEB2A90
extensionButton.prominentHoverBackground#3BEB2A
focusBorder#FFFFFF00
gitDecoration.conflictingResourceForeground#EF681A90
gitDecoration.deletedResourceForeground#FF5C5790
gitDecoration.ignoredResourceForeground#CFD6E490
gitDecoration.modifiedResourceForeground#FCC14690
gitDecoration.untrackedResourceForeground#3BEB2A90
input.background#FFFFFF05
input.border#FFFFFF10
input.foreground#EFF0EB
input.placeholderForeground#EFF0EB60
inputOption.activeBackground#EFF0EB20
inputValidation.errorBorder#FF5C5750
inputValidation.infoBorder#60D0AF50
inputValidation.warningBorder#FCC14650
list.activeSelectionBackground#182C41
list.activeSelectionForeground#0DC2F8
list.errorForeground#FF5C57
list.focusBackground#EFF0EB20
list.focusForeground#EFF0EB
list.highlightForeground#0DC2F8
list.hoverBackground#182C41
list.hoverForeground#FFFFFF
list.inactiveSelectionBackground#00000030
list.inactiveSelectionForeground#0DC2F8
list.warningForeground#FCC146
notificationLink.foreground#0DC2F8
notifications.background#182C41
notifications.foreground#EFF0EB
panel.background#182C41
panel.border#182C4160
panelTitle.activeForeground#EFF0EB
peekView.border#0DC2F8
peekViewEditor.background#0DC2F810
peekViewEditor.matchHighlightBackground#8D999F20
peekViewEditorGutter.background#0DC2F810
peekViewResult.background#0DC2F810
peekViewResult.matchHighlightBackground#8D999F20
peekViewResult.selectionBackground#CFD6E470
peekViewTitle.background#0DC2F810
peekViewTitleDescription.foreground#0DC2F860
pickerGroup.foreground#0DC2F8
progressBar.background#0DC2F8
scrollbar.shadow#182C4100
scrollbarSlider.activeBackground#0DC2F850
scrollbarSlider.background#00000050
scrollbarSlider.hoverBackground#00000030
selection.background#EFF0EB
sideBar.background#223349
sideBar.border#22334910
sideBar.foreground#CFD6E4
sideBarSectionHeader.background#223349
sideBarTitle.foreground#EFF0EB
statusBar.background#223349
statusBar.border#22334960
statusBar.debuggingBackground#6F4EBC
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#C6D2E6
statusBar.noFolderBackground#223349
tab.activeBackground#182C41
tab.activeBorder#0DC2F8
tab.activeForeground#FFFFFF
tab.border#223349
tab.inactiveBackground#223349
tab.inactiveForeground#CFD6E4
tab.unfocusedActiveBorder#C6D2E6
tab.unfocusedActiveForeground#EFF0EB
terminal.ansiBlack#C6D2E6
terminal.ansiBlue#60D0AF
terminal.ansiBrightBlack#C6D2E6
terminal.ansiBrightBlue#60D0AF
terminal.ansiBrightCyan#63CCE3
terminal.ansiBrightGreen#3BEB2A
terminal.ansiBrightMagenta#6F4EBC
terminal.ansiBrightRed#FF5C57
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#FCC146
terminal.ansiCyan#63CCE3
terminal.ansiGreen#3BEB2A
terminal.ansiMagenta#6F4EBC
terminal.ansiRed#FF5C57
terminal.ansiWhite#FFFFFF
terminal.ansiYellow#FCC146
terminal.background#2B3E50
terminal.foreground#2ECC71
terminalCursor.background#EBC807
terminalCursor.foreground#EBC807
textLink.activeForeground#EFF0EB
textLink.foreground#0DC2F8
titleBar.activeBackground#223349
titleBar.activeForeground#C6D2E6
titleBar.border#22334960
titleBar.inactiveBackground#182C41
titleBar.inactiveForeground#C6D2E6
widget.shadow#00000030

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	#838C95	—
comment storage.type	#838C95	—
comment entity.name.type	#C0C1B5	—
comment variable, comment variable.other	#C0C1B5	—
comment keyword.codetag.notation	#B77CFF	—
comment.git-status.header.remote	#FF5C57	—
comment.git-status.header.local	#0DC2F8	—
comment.other.git-status.head	#FDFFF1	—
constant	#B77CFF	—
constant.other	#FDFFF1	—
constant.other.property	#B77CFF	—
constant.other.color	#B77CFF	—
constant.other.character-class.escape	#B77CFF	—
constant.other.key	#B77CFF	—
constant.other.symbol	#FF5C57	—
constant.numeric	#B77CFF	—
constant.language	#B77CFF	—
constant.character.escape	#B77CFF	—
constant.numeric.line-number.find-in-files	#57584F	—
constant.numeric.line-number.match.find-in-files	#FCC146	—
entity.name.section	#FCC146	—
entity.name	#A9E600	—
entity.name.class	#FDFFF1	—
entity.name.constant	#B77CFF	—
entity.name.namespace	#	—
entity.other.inherited-class	#0DC2F8	—
entity.name.function	#A9E600	—
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx	#FF5C57	—
entity.other.attribute-name	#A9E600	—
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	#A9E600	—
entity.other.attribute-name.id.css	#FF5C57	—
entity.other.attribute-name.pseudo-class.css entity.other.pseudo-class.css	#FDFFF1	—
entity.other.git-status.hex	#B77CFF	—
invalid	—	italic
keyword	#FF5C57	—
keyword.control	#FF5C57	—
keyword.operator	#FF5C57	—
keyword.other.substitution	#A6BAD2	—
keyword.other.template.begin keyword.other.template.end	#FF5C57	—
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext, keyword.operator.table.data.restructuredtext	#A6BAD2	—
markup.italic	—	italic
markup.bold	—	bold
markup.heading	#FCC146	—
markup.raw	#FF5C57	—
markup.underline	—	underline
markup.underline.link	#A9E600	—
markup.inserted, markup.inserted punctuation.definition.inserted	#A9E600	—
markup.deleted, markup.deleted punctuation.definition.deleted	#FF5C57	—
markup.changed, markup.changed punctuation.definition.changed	#FCC146	—
markup.ignored, markup.ignored punctuation.definition.ignored	#A6BAD2	—
markup.untracked	#A6BAD2	—
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	#A6BAD2	—
meta.function-call, meta.function-call.arguments meta.function-call	#A9E600	—
meta.function-call meta.function-call.arguments, meta.function-call meta.arguments, meta.function-call meta.group	#FDFFF1	—
meta.instance.constructor	#A9E600	—
meta.attribute-with-value.class string	#A9E600	—
meta.attribute-with-value.id string	#FF5C57	—
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	#FDFFF1	—
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	#FCC146	—
meta.object.member	#FDFFF1	—
meta.property-list.css variable.other	#FF5C57	—
entity.name.constant.preprocessor, meta.preprocessor	#B77CFF	—
meta.diff.git-diff.header	#FCC146	—
punctuation	#A6BAD2	—
punctuation.definition.tag, punctuation.definition.tag source	#A6BAD2	—
punctuation.definition.group	#FDFFF1	—
punctuation.definition.comment	#838C95	—
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css	#C0C1B5	—
punctuation.definition.keyword.scss, punctuation.definition.entity.css	#FF5C57	—
support.type.property-name	#0DC2F8	—
support.constant	#FDFFF1	—
source	#FDFFF1	—
entity.other.attribute-name.pseudo-element.css	#F9FAFC	—
punctuation.definition.entity.css	#A6BAD2	—
entity.name.function, support.function	#A9E600	—
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source	#FF5C57	—
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	#FF5C57	—
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown	#B77CFF	—
region.redish	#FF5C57	—
region.orangish	#FF5C57	—
region.yellowish	#FCC146	—
region.greenish	#A9E600	—
region.bluish	#0DC2F8	—
region.purplish	#B77CFF	—
region.pinkish	#FF5C57	—
region.whitish	#FFFFFF	—
source.scss, source.sass	#A6BAD2	—
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	#FF5C57	—
source.git-show.commit.sha	#B77CFF	—
source.git-show.author, source.git-show.date, source.git-diff.command, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file	#A6BAD2	—
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha	#B77CFF	—
source.git-show meta.diff.range.unified	#FF5C57	—
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file	#A6BAD2	—
storage	#FF5C57	—
storage.type	#0DC2F8	—
storage.type.function.arrow	#FF5C57	normal
storage.modifier	#FF5C57	—
storage.class.restructuredtext.ref	#B77CFF	—
string	#FCC146	—
string.unquoted.label	#FDFFF1	—
string source.css	#FCC146	—
string source punctuation.section.embedded	#A6BAD2	—
string.other.link.title, string.other.link.description	#FF5C57	—
string.other.link.description.title	#0DC2F8	—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#FF5C57	—
string.other.ref, string.other.restructuredtext.ref	#A9E600	—
string.other.git-status.help.key	#C0C1B5	—
string.other.git-status.remote	#FF5C57	—
support.constant.handlebars	#A6BAD2	—
support.function	#A9E600	—
support.type, entity.name.type.object.console	#0DC2F8	—
support.variable	#0DC2F8	—
support.class	#0DC2F8	—
text	#FDFFF1	—
text.find-in-files	#FDFFF1	—
variable, variable.other	#FDFFF1	—
variable.parameter, parameters variable.function	#FF5C57	—
variable.language, variable.parameter.function.language.special.self.python	#C0C1B5	—
variable.language.arguments	#B77CFF	—
variable.other.class	#0DC2F8	—
variable.other.constant	#B77CFF	—
variable.other.member	#FDFFF1	—
variable.function	#A9E600	—
variable.other.substitution	#FF5C57	—

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