Karma

Name: Karma
Author: Sreetam Das

Publisher: Sreetam DasThemes in package: 3

A colorful VS Code theme

GitHub

Color themes

VS Code preview

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

Karma — Karma Light

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

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...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#FFFFFF
activityBar.activeBorder#A86EFD
activityBar.activeFocusBorder#A86EFD
activityBar.background#FFFFFF
activityBar.border#FFFFFF
activityBar.dropBorder#A86EFD
activityBar.foreground#494C59
activityBar.inactiveForeground#88898F
activityBarBadge.background#A86EFD
activityBarBadge.foreground#FFFFFF
badge.background#A86EFD
badge.foreground#FFFFFF
banner.background#FFFFFF
banner.border#EEEEEE
banner.foreground#0A0E14
breadcrumb.activeSelectionForeground#0A0E14
breadcrumb.focusForeground#494C59
breadcrumb.foreground#525053
button.background#EEEEEE
button.border#FFFFFF
button.foreground#525053
button.hoverBackground#EEEEEE
button.secondaryBackground#FFFFFF
button.secondaryForeground#525053
button.secondaryHoverBackground#EEEEEE
button.separator#FFFFFF
checkbox.background#FFFFFF
checkbox.border#6F42C180
debugIcon.breakpointCurrentStackframeForeground#FA8D3E
debugIcon.breakpointDisabledForeground#FC618D60
debugIcon.breakpointForeground#FC618D
debugIcon.breakpointStackframeForeground#FA8D3E
debugIcon.breakpointUnverifiedForeground#FA8D3E
debugIcon.continueForeground#2D972F
debugIcon.disconnectForeground#FC618D
debugIcon.pauseForeground#FA8D3E
debugIcon.restartForeground#5688C7
debugIcon.startForeground#2D972F
debugIcon.stepBackForeground#FA8D3E
debugIcon.stepIntoForeground#5688C7
debugIcon.stepOutForeground#5688C7
debugIcon.stepOverForeground#5688C7
debugIcon.stopForeground#FC618D
debugToolBar.background#FFFFFF
debugToolBar.border#EEEEEE
descriptionForeground#525053
diffEditor.insertedTextBackground#2D972F20
diffEditor.insertedTextBorder#00000000
diffEditor.removedTextBackground#FC618D19
diffEditor.removedTextBorder#00000000
dropdown.background#FFFFFF
dropdown.border#FFFFFF
dropdown.foreground#525053
dropdown.listBackground#FFFFFF
editor.background#FFFFFF
editor.findMatchBackground#F7F1FFDD
editor.findMatchBorder#EEAE11
editor.findMatchHighlightBackground#F7F1FFDD
editor.findMatchHighlightBorder#00000000
editor.findRangeHighlightBackground#F7F1FFAA
editor.findRangeHighlightBorder#00000000
editor.foreground#0A0E14
editor.hoverHighlightBackground#F7F1FFAA
editor.inactiveSelectionBackground#F7F1FFCC
editor.lineHighlightBackground#F7F1FFAA
editor.lineHighlightBorder#FFFFFF
editor.linkedEditingBackground#EEEEEE
editor.rangeHighlightBackground#FFFFFF
editor.rangeHighlightBorder#FFFFFF
editor.selectionBackground#BAB6C026
editor.selectionHighlightBackground#F7F1FFDD
editor.selectionHighlightBorder#FFFFFF
editor.snippetFinalTabstopHighlightBackground#F7F1FFDD
editor.snippetFinalTabstopHighlightBorder#6F42C120
editor.snippetTabstopHighlightBackground#F7F1FFDD
editor.snippetTabstopHighlightBorder#D7D7D7
editor.wordHighlightBackground#F7F1FFDD
editor.wordHighlightBorder#FFFFFF
editor.wordHighlightStrongBackground#F7F1FFDD
editor.wordHighlightStrongBorder#FFFFFF
editorBracketHighlight.foreground1#EEAE11
editorBracketHighlight.foreground2#FC618D
editorBracketHighlight.foreground3#5688C7
editorBracketHighlight.unexpectedBracket.foreground#FA8D3E
editorBracketMatch.background#FFFFFF
editorBracketMatch.border#FFFFFF
editorCursor.background#FFFFFF
editorCursor.foreground#A86EFD
editorError.border#FFFFFF
editorError.foreground#FC618D
editorGroup.border#FFFFFF
editorGroup.dropBackground#F7F1FFAA
editorGroup.emptyBackground#FFFFFF
editorGroup.focusedEmptyBorder#FFFFFF
editorGroupHeader.noTabsBackground#FFFFFF
editorGroupHeader.tabsBackground#FFFFFF
editorGroupHeader.tabsBorder#FFFFFF
editorGutter.addedBackground#2D972F
editorGutter.background#FFFFFF
editorGutter.deletedBackground#FC618D
editorGutter.modifiedBackground#FA8D3E
editorHint.border#FFFFFF
editorHint.foreground#6F42C1
editorHoverWidget.background#FFFFFF
editorHoverWidget.border#EEEEEE
editorIndentGuide.background#EEEEEE
editorInfo.border#FFFFFF
editorInfo.foreground#5688C7
editorInlayHint.background#F7F1FFDD
editorInlayHint.foreground#6F42C1
editorLightBulb.foreground#EEAE11
editorLightBulbAutoFix.foreground#2D972F
editorLineNumber.activeForeground#A86EFD
editorLineNumber.foreground#D7D7D7
editorMarkerNavigation.background#FFFFFF
editorMarkerNavigationError.background#FC618D
editorMarkerNavigationInfo.background#5688C7
editorMarkerNavigationWarning.background#FA8D3E
editorOverviewRuler.addedForeground#2D972F
editorOverviewRuler.border#FFFFFF
editorOverviewRuler.currentContentForeground#FFFFFF
editorOverviewRuler.deletedForeground#FC618D
editorOverviewRuler.errorForeground#FC618D
editorOverviewRuler.findMatchForeground#F7F1FFDD
editorOverviewRuler.incomingContentForeground#FFFFFF
editorOverviewRuler.infoForeground#5688C7
editorOverviewRuler.modifiedForeground#FA8D3E
editorOverviewRuler.rangeHighlightForeground#F7F1FFDD
editorOverviewRuler.selectionHighlightForeground#F7F1FFDD
editorOverviewRuler.warningForeground#FA8D3E
editorOverviewRuler.wordHighlightForeground#F7F1FFDD
editorOverviewRuler.wordHighlightStrongForeground#F7F1FFDD
editorPane.background#FFFFFF
editorSuggestWidget.background#FFFFFF
editorSuggestWidget.border#FFFFFF
editorSuggestWidget.foreground#494C59
editorSuggestWidget.highlightForeground#0A0E14
editorSuggestWidget.selectedBackground#F7F1FFBB
editorWarning.border#FFFFFF
editorWarning.foreground#FA8D3E
editorWhitespace.foreground#88898F
editorWidget.background#FFFFFF
editorWidget.border#FFFFFF
errorForeground#FC618D
focusBorder#EEEEEE
foreground#0A0E14
gitDecoration.addedResourceForeground#5688C7
gitDecoration.conflictingResourceForeground#FA8D3E
gitDecoration.deletedResourceForeground#FC618D
gitDecoration.ignoredResourceForeground#88898F
gitDecoration.modifiedResourceForeground#2D972F
gitDecoration.submoduleResourceForeground#2D972F
gitDecoration.untrackedResourceForeground#FA8D3E
icon.foreground#444444
input.background#FFFFFF
input.border#EEEEEE
input.foreground#0A0E14
input.placeholderForeground#999999
inputOption.activeBackground#6F42C130
inputOption.activeBorder#6F42C130
inputOption.activeForeground#0A0E14
inputValidation.errorBackground#FFFFFF
inputValidation.errorBorder#FC618D
inputValidation.errorForeground#FC618D
inputValidation.infoBackground#FFFFFF
inputValidation.infoBorder#5688C7
inputValidation.infoForeground#5688C7
inputValidation.warningBackground#FFFFFF
inputValidation.warningBorder#FA8D3E
inputValidation.warningForeground#FA8D3E
keybindingLabel.background#BAB6C026
keybindingLabel.border#FFFFFF
keybindingLabel.foreground#444444
list.activeSelectionBackground#FFFFFF
list.activeSelectionForeground#6F42C1
list.activeSelectionIconForeground#0A0E14
list.dropBackground#EEEEEE
list.errorForeground#FC618D
list.focusAndSelectionOutline#EEEEEE
list.focusBackground#FFFFFF
list.focusForeground#0A0E14
list.focusHighlightForeground#2D972F
list.focusOutline#EEEEEE
list.highlightForeground#0A0E14
list.hoverBackground#FFFFFF
list.hoverForeground#0A0E14
list.inactiveFocusBackground#FFFFFF
list.inactiveFocusOutline#FFFFFF
list.inactiveSelectionBackground#FFFFFF
list.inactiveSelectionForeground#6F42C1
list.inactiveSelectionIconForeground#525053
list.invalidItemForeground#FC618D
list.warningForeground#FA8D3E
listFilterWidget.background#FFFFFF
listFilterWidget.noMatchesOutline#FC618D
listFilterWidget.outline#FFFFFF
merge.border#EEEEEE
merge.commonContentBackground#F7F1FFCC
merge.commonHeaderBackground#F7F1FFDD
merge.currentContentBackground#FC618D19
merge.currentHeaderBackground#FC618D26
merge.incomingContentBackground#2D972F20
merge.incomingHeaderBackground#2D972F30
mergeEditor.change.background#F7F1FFBB
mergeEditor.change.word.background#2D972F30
mergeEditor.conflict.handled.minimapOverViewRuler#EEAE11
mergeEditor.conflict.handledFocused.border#FFAA33
mergeEditor.conflict.handledUnfocused.border#EEAE1180
mergeEditor.conflict.unHandled.minimapOverViewRuler#FC618D
mergeEditor.conflict.unhandledFocused.border#FA8D3E
mergeEditor.conflict.unhandledUnfocused.border#FA8D3E80
minimapSlider.activeBackground#B29ADE70
minimapSlider.background#B29ADE30
minimapSlider.hoverBackground#B29ADE50
notebook.cellBorderColor#DFDFDF
notebook.cellHoverBackground#BAB6C026
notebook.editorBackground#FFFFFF
notebook.focusedCellBorder#A86EFD
notebook.focusedEditorBorder#A76EFD80
notebook.outputContainerBackgroundColor#BAB6C026
notificationCenter.border#EEEEEE
notificationCenterHeader.background#FFFFFF
notificationCenterHeader.foreground#525053
notificationLink.foreground#A86EFD
notifications.background#FFFFFF
notifications.border#FFFFFF
notifications.foreground#494C59
notificationsErrorIcon.foreground#FC618D
notificationsInfoIcon.foreground#5688C7
notificationsWarningIcon.foreground#FA8D3E
notificationToast.border#FFFFFF
panel.background#FFFFFF
panel.border#FFFFFF
panel.dropBorder#A86EFD
panelInput.border#FFFFFF
panelSection.border#FFFFFF
panelSection.dropBackground#F7F1FFAA
panelSectionHeader.background#FFFFFF
panelSectionHeader.foreground#525053
panelTitle.activeBorder#A86EFD
panelTitle.activeForeground#A86EFD
panelTitle.inactiveForeground#999999
peekView.border#EEEEEE
peekViewEditor.background#FFFFFF
peekViewEditor.matchHighlightBackground#2D972F20
peekViewEditorGutter.background#FFFFFF
peekViewResult.background#FFFFFF
peekViewResult.fileForeground#525053
peekViewResult.lineForeground#525053
peekViewResult.matchHighlightBackground#2D972F20
peekViewResult.selectionBackground#FFFFFF
peekViewResult.selectionForeground#6F42C1
peekViewTitle.background#FFFFFF
peekViewTitleDescription.foreground#525053
peekViewTitleLabel.foreground#0A0E14
pickerGroup.border#FFFFFF
pickerGroup.foreground#88898F
progressBar.background#A76EFD80
quickInputList.focusBackground#EEEEEE64
quickInputList.focusForeground#6F42C1
sash.hoverBorder#EEEEEE
scrollbar.shadow#FFFFFF
scrollbarSlider.activeBackground#B29ADE70
scrollbarSlider.background#B29ADE30
scrollbarSlider.hoverBackground#B29ADE50
selection.background#F7F1FFDD
settings.checkboxBackground#FFFFFF
settings.checkboxBorder#FFFFFF
settings.checkboxForeground#0A0E14
settings.dropdownBackground#FFFFFF
settings.dropdownBorder#FFFFFF
settings.dropdownForeground#0A0E14
settings.dropdownListBorder#525053
settings.focusedRowBackground#FFFFFF
settings.focusedRowBorder#EEEEEE
settings.headerBorder#EEEEEE
settings.headerForeground#A86EFD
settings.modifiedItemIndicator#A86EFD
settings.numberInputBackground#FFFFFF
settings.numberInputBorder#FFFFFF
settings.numberInputForeground#0A0E14
settings.sashBorder#A86EFD
settings.textInputBackground#FFFFFF
settings.textInputBorder#FFFFFF
settings.textInputForeground#0A0E14
sideBar.background#FFFFFF
sideBar.border#FFFFFF
sideBar.foreground#525053
sideBarSectionHeader.background#FFFFFF
sideBarSectionHeader.border#FFFFFF
sideBarSectionHeader.foreground#999999
sideBarTitle.foreground#88898F
statusBar.background#FFFFFF
statusBar.border#FFFFFF
statusBar.debuggingBackground#FC618D26
statusBar.debuggingForeground#0A0E14
statusBar.focusBorder#EEEEEE
statusBar.foreground#999999
statusBar.noFolderBackground#EEEEEE
statusBarItem.activeBackground#EEEEEE
statusBarItem.focusBorder#A76EFD80
statusBarItem.hoverBackground#EEEEEE
statusBarItem.prominentBackground#EEEEEE
statusBarItem.remoteBackground#FFFFFF
statusBarItem.remoteForeground#999999
symbolIcon.arrayForeground#FA8D3E
symbolIcon.booleanForeground#5688C7
symbolIcon.classForeground#FA8D3E
symbolIcon.colorForeground#5688C7
symbolIcon.constantForeground#2D972F
symbolIcon.constructorForeground#6F42C1
symbolIcon.enumeratorForeground#FA8D3E
symbolIcon.enumeratorMemberForeground#5688C7
symbolIcon.eventForeground#525053
symbolIcon.fieldForeground#FA8D3E
symbolIcon.fileForeground#EEAE11
symbolIcon.folderForeground#EEAE11
symbolIcon.functionForeground#6F42C1
symbolIcon.interfaceForeground#FA8D3E
symbolIcon.keyForeground#5688C7
symbolIcon.keywordForeground#FC618D
symbolIcon.methodForeground#6F42C1
symbolIcon.moduleForeground#FC618D
symbolIcon.namespaceForeground#FC618D
symbolIcon.nullForeground#5688C7
symbolIcon.numberForeground#2D972F
symbolIcon.objectForeground#FA8D3E
symbolIcon.operatorForeground#5688C7
symbolIcon.packageForeground#FA8D3E
symbolIcon.propertyForeground#EEAE11
symbolIcon.referenceForeground#5688C7
symbolIcon.snippetForeground#5688C7
symbolIcon.stringForeground#5688C7
symbolIcon.structForeground#FA8D3E
symbolIcon.textForeground#5688C7
symbolIcon.typeParameterForeground#5688C7
symbolIcon.unitForeground#5688C7
symbolIcon.variableForeground#5688C7
tab.activeBackground#FFFFFF
tab.activeBorder#A86EFD
tab.activeForeground#A86EFD
tab.activeModifiedBorder#88898F
tab.border#FFFFFF
tab.hoverBackground#FFFFFF
tab.hoverBorder#88898F
tab.inactiveBackground#FFFFFF
tab.inactiveForeground#525053
tab.inactiveModifiedBorder#88898F
tab.unfocusedActiveBorder#525053
tab.unfocusedActiveBorderTop#FFFFFF
tab.unfocusedActiveForeground#494C59
tab.unfocusedActiveModifiedBorder#FFFFFF
tab.unfocusedHoverBackground#FFFFFF
tab.unfocusedHoverBorder#FFFFFF
tab.unfocusedInactiveForeground#525053
tab.unfocusedInactiveModifiedBorder#FFFFFF
terminal.ansiBlack#FFFFFF
terminal.ansiBlue#6F42C1
terminal.ansiBrightBlack#999999
terminal.ansiBrightBlue#6F42C1
terminal.ansiBrightCyan#5688C7
terminal.ansiBrightGreen#2D972F
terminal.ansiBrightMagenta#FA8D3E
terminal.ansiBrightRed#FC618D
terminal.ansiBrightWhite#0A0E14
terminal.ansiBrightYellow#EEAE11
terminal.ansiCyan#5688C7
terminal.ansiGreen#2D972F
terminal.ansiMagenta#FA8D3E
terminal.ansiRed#FC618D
terminal.ansiWhite#0A0E14
terminal.ansiYellow#EEAE11
terminal.background#FFFFFF
terminal.border#EEEEEE
terminal.foreground#0A0E14
terminal.selectionBackground#BAB6C026
terminalCommandDecoration.defaultBackground#88898F
terminalCommandDecoration.errorBackground#FC618D
terminalCommandDecoration.successBackground#2D972F
terminalOverviewRuler.cursorForeground#6F42C1
terminalOverviewRuler.findMatchForeground#B29ADE
textBlockQuote.background#FFFFFF
textBlockQuote.border#EEEEEE
textCodeBlock.background#EEEEEE
textLink.activeForeground#0A0E14
textLink.foreground#A86EFD
textPreformat.foreground#0A0E14
textSeparator.foreground#999999
titleBar.activeBackground#FFFFFF
titleBar.activeForeground#525053
titleBar.border#FFFFFF
titleBar.inactiveBackground#FFFFFF
titleBar.inactiveForeground#88898F
tree.indentGuidesStroke#EEEEEE
walkThrough.embeddedEditorBackground#FFFFFF
widget.shadow#FFFFFF

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	#999999	italic
comment storage.type	#999999	—
comment entity.name.type	#B29ADE	—
comment variable, comment variable.other	#B29ADE	—
comment keyword.codetag.notation	#6F42C1	—
comment.git-status.header.remote	#FC618D	—
comment.git-status.header.local	#5688C7	—
comment.other.git-status.head	#444444	—
constant	#6F42C1	—
constant.other	#444444	—
constant.other.property	#6F42C1	—
constant.other.color	#6F42C1	—
constant.other.character-class.escape	#6F42C1	—
constant.other.key	#6F42C1	—
constant.other.symbol	#FA8D3E	—
constant.numeric	#6F42C1	—
constant.language	#6F42C1	—
constant.character.escape	#6F42C1	—
constant.numeric.line-number.find-in-files	#BAB6C0	—
constant.numeric.line-number.match.find-in-files	#FFAA33	—
entity.name.section	#FFAA33	—
entity.name	#2D972F	—
entity.name.class	#5688C7	—
entity.name.constant	#6F42C1	—
entity.name.namespace	#444444	—
entity.other.inherited-class	#5688C7	italic
entity.name.function	#2D972F	—
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx	#FC618D	—
entity.other.attribute-name	#5688C7	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	#2D972F	—
entity.other.attribute-name.id.css	#FA8D3E	—
entity.other.attribute-name.pseudo-class.cssentity.other.pseudo-class.css	#5688C7	italic
entity.name.function, support.function	#2D972F	—
entity.other.git-status.hex	#6F42C1	—
invalid	—	italic
keyword	#FC618D	—
keyword.control	#FC618D	—
keyword.operator	#FC618D	—
keyword.other.substitution	#525053	—
keyword.other.template.beginkeyword.other.template.end	#FC618D	—
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext, keyword.operator.table.data.restructuredtext	#525053	—
markup.italic	—	italic
markup.bold	—	bold
markup.heading	#FFAA33	—
markup.raw	#FA8D3E	—
markup.underline	—	underline
markup.underline.link	#2D972F	—
markup.inserted, markup.inserted punctuation.definition.inserted	#2D972F	—
markup.deleted, markup.deleted punctuation.definition.deleted	#FC618D	—
markup.changed, markup.changed punctuation.definition.changed	#FC618D	—
markup.ignored, markup.ignored punctuation.definition.ignored	#525053	—
markup.untracked	#525053	—
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	#525053	—
meta.function-call, meta.function-call.arguments meta.function-call	#2D972F	—
meta.function-call meta.function-call.arguments, meta.function-call meta.arguments, meta.function-call meta.group	#444444	—
meta.instance.constructor	#2D972F	—
meta.attribute-with-value.class string	#2D972F	—
meta.attribute-with-value.id string	#FA8D3E	—
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	#444444	—
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	#FC618D	—
meta.object.member	#444444	—
meta.property-list.css variable.other	#FA8D3E	—
entity.name.constant.preprocessor, meta.preprocessor	#6F42C1	—
meta.diff.git-diff.header	#FC618D	—
punctuation	#525053	—
punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby	#525053	—
punctuation.definition.group	#444444	—
punctuation.definition.comment	#999999	—
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css	#B29ADE	—
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source	#FA8D3E	—
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	#FC618D	—
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown	—	—
region.redish	#FC618D	—
region.orangish	#FA8D3E	—
region.yellowish	#FFAA33	—
region.greenish	#2D972F	—
region.bluish	#5688C7	—
region.purplish	#6F42C1	—
region.pinkish	#FC618D	—
region.whitish	#333333	—
source	#444444	—
source.scss, source.sass	#525053	—
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	#FA8D3E	italic
source.git-show.commit.sha	#6F42C1	—
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	#525053	—
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha	#6F42C1	—
source.git-show meta.diff.range.unified	#FA8D3E	—
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file	#525053	—
storage	#FC618D	—
storage.type	#5688C7	italic
storage.type.extends	#FC618D	—
storage.type.function.arrow	#FC618D	—
storage.modifier	#FC618D	italic
storage.class.restructuredtext.ref	#6F42C1	—
storage.modifier.package, storage.modifier.import	#444444	—
string	#FFAA33	—
string.unquoted.label	#444444	—
string source	#444444	—
string source punctuation.section.embedded	#525053	—
string.other.link.title, string.other.link.description	#FC618D	—
string.other.link.description.title	#5688C7	—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#FC618D	—
string.other.ref, string.other.restructuredtext.ref	#2D972F	—
string.other.git-status.help.key	#B29ADE	—
string.other.git-status.remote	#FC618D	—
support.constant	#5688C7	—
support.constant.handlebars	#525053	—
support.function	#2D972F	—
support.type, entity.name.type.object.console	#5688C7	italic
support.variable	#5688C7	—
support.type.property-name	#444444	—
support.class	#5688C7	—
text	#444444	—
text.find-in-files	#444444	—
variable, variable.other	—	—
variable.parameter, parameters variable.function	#FA8D3E	italic
variable.language, variable.parameter.function.language.special.self.python	#B29ADE	italic
variable.language.arguments	#6F42C1	—
variable.other.class	#5688C7	—
variable.other.constant	#6F42C1	—
variable.other.member	#444444	—
variable.function	#2D972F	—
variable.other.substitution	#FA8D3E	—
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby	#6F42C1	—

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