Karma Clear

Name: Karma Clear
Author: Jaci Brunning

Publisher: Jaci BrunningThemes in package: 1

A variant of the Karma colour theme with clear borders and other small changes

GitHub

VS Code preview

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

Karma Clear — Karma Clear

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#0a0e14
activityBar.border#333333
activityBar.foreground#bab6c0
activityBar.inactiveForeground#525053
activityBarBadge.background#fce566
activityBarBadge.foreground#0a0e14
badge.background#fce566
badge.foreground#0a0e14
breadcrumb.activeSelectionForeground#f7f1ff
breadcrumb.focusForeground#bab6c0
breadcrumb.foreground#626064
button.background#222222
button.foreground#f7f1ff
button.hoverBackground#412a63
debugExceptionWidget.background#0a0e14
debugExceptionWidget.border#0a0e14
debugToolBar.background#2f1f47
descriptionForeground#8b888f
diffEditor.insertedTextBackground#7bd88f19
diffEditor.insertedTextBorder#00000000
diffEditor.removedTextBackground#fc618d19
diffEditor.removedTextBorder#00000000
dropdown.background#0a0e14
dropdown.border#333333
dropdown.foreground#8b888f
dropdown.listBackground#0a0e14
editor.background#0a0e14
editor.findMatchBackground#f7f1ff26
editor.findMatchBorder#fce566
editor.findMatchHighlightBackground#f7f1ff26
editor.findMatchHighlightBorder#00000000
editor.findRangeHighlightBackground#f7f1ff0c
editor.findRangeHighlightBorder#00000000
editor.foreground#f7f1ff
editor.hoverHighlightBackground#f7f1ff0c
editor.inactiveSelectionBackground#f7f1ff0c
editor.lineHighlightBackground#f7f1ff0c
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#0a0e14
editor.rangeHighlightBorder#0a0e14
editor.selectionBackground#bab6c026
editor.selectionHighlightBackground#f7f1ff26
editor.selectionHighlightBorder#00000000
editor.wordHighlightBackground#f7f1ff26
editor.wordHighlightBorder#00000000
editor.wordHighlightStrongBackground#f7f1ff26
editor.wordHighlightStrongBorder#00000000
editorBracketHighlight.foreground1#E3CF65
editorBracketHighlight.foreground2#FC618D
editorBracketHighlight.foreground3#51C7DA
editorBracketMatch.background#0a0e14
editorBracketMatch.border#00000000
editorCodeLens.foreground#69676c
editorCursor.background#0a0e14
editorCursor.foreground#f7f1ff
editorError.border#00000000
editorError.foreground#fc618d
editorGroup.border#333333
editorGroup.dropBackground#0a0e14bf
editorGroup.emptyBackground#0a0e14
editorGroup.focusedEmptyBorder#0a0e14
editorGroupHeader.noTabsBackground#0a0e14
editorGroupHeader.tabsBackground#0a0e14
editorGroupHeader.tabsBorder#333333
editorGutter.addedBackground#7bd88f
editorGutter.background#0a0e14
editorGutter.deletedBackground#fc618d
editorGutter.modifiedBackground#fd9353
editorHint.border#0a0e14
editorHint.foreground#AF98E6
editorHoverWidget.background#0a0e14
editorHoverWidget.border#00000000
editorIndentGuide.background#1c2025
editorInfo.border#0a0e14
editorInfo.foreground#5ad4e6
editorInlayHint.background#0a0e14
editorInlayHint.foreground#69676c
editorLineNumber.activeForeground#a86efd
editorLineNumber.foreground#444444
editorLink.activeForeground#5ad4e6
editorMarkerNavigation.background#0a0e14
editorMarkerNavigationError.background#fc618d
editorMarkerNavigationInfo.background#5ad4e6
editorMarkerNavigationWarning.background#fd9353
editorOverviewRuler.addedForeground#7bd88f
editorOverviewRuler.border#00000000
editorOverviewRuler.currentContentForeground#0a0e14
editorOverviewRuler.deletedForeground#fc618d
editorOverviewRuler.errorForeground#fc618d
editorOverviewRuler.findMatchForeground#f7f1ff26
editorOverviewRuler.incomingContentForeground#0a0e14
editorOverviewRuler.infoForeground#5ad4e6
editorOverviewRuler.modifiedForeground#fd9353
editorOverviewRuler.rangeHighlightForeground#f7f1ff26
editorOverviewRuler.selectionHighlightForeground#f7f1ff26
editorOverviewRuler.warningForeground#fd9353
editorOverviewRuler.wordHighlightForeground#f7f1ff26
editorOverviewRuler.wordHighlightStrongForeground#f7f1ff26
editorPane.background#0a0e14
editorRuler.foreground#525053
editorSuggestWidget.background#0a0e14
editorSuggestWidget.border#0a0e14
editorSuggestWidget.foreground#bab6c0
editorSuggestWidget.highlightForeground#f7f1ff
editorSuggestWidget.selectedBackground#69676c
editorWarning.border#00000000
editorWarning.foreground#fd9353
editorWhitespace.foreground#525053
editorWidget.background#0a0e14
editorWidget.border#a86efd
errorForeground#fc618d
extensionButton.prominentBackground#0a0e14
extensionButton.prominentForeground#f7f1ff
extensionButton.prominentHoverBackground#525053
focusBorder#a86efd
foreground#f7f1ff
gitDecoration.conflictingResourceForeground#fd9353
gitDecoration.deletedResourceForeground#fc618d
gitDecoration.ignoredResourceForeground#525053
gitDecoration.modifiedResourceForeground#7bd88f
gitDecoration.untrackedResourceForeground#fd9353
input.background#0a0e14
input.border#0a0e14
input.foreground#f7f1ff
input.placeholderForeground#69676c
inputOption.activeBackground#525053
inputOption.activeBorder#525053
inputValidation.errorBackground#0a0e14
inputValidation.errorBorder#fc618d
inputValidation.errorForeground#fc618d
inputValidation.infoBackground#0a0e14
inputValidation.infoBorder#5ad4e6
inputValidation.infoForeground#5ad4e6
inputValidation.warningBackground#0a0e14
inputValidation.warningBorder#fd9353
inputValidation.warningForeground#fd9353
list.activeSelectionBackground#0a0e14
list.activeSelectionForeground#fce566
list.dropBackground#0a0e14bf
list.errorForeground#fc618d
list.focusBackground#50505034
list.focusForeground#f7f1ff
list.highlightForeground#f7f1ff
list.hoverBackground#0a0e14
list.hoverForeground#f7f1ff
list.inactiveFocusBackground#0a0e14
list.inactiveSelectionBackground#0a0e14
list.inactiveSelectionForeground#fce566
list.invalidItemForeground#fc618d
list.warningForeground#fd9353
listFilterWidget.background#0a0e14
listFilterWidget.noMatchesOutline#fc618d
listFilterWidget.outline#0a0e14
merge.border#333333
merge.commonContentBackground#f7f1ff19
merge.commonHeaderBackground#f7f1ff26
merge.currentContentBackground#fc618d19
merge.currentHeaderBackground#fc618d26
merge.incomingContentBackground#7bd88f19
merge.incomingHeaderBackground#7bd88f26
notebook.cellBorderColor#333333
notebook.cellHoverBackground#bab6c026
notebook.focusedCellBorder#a86efd
notebook.focusedEditorBorder#a76efd80
notebook.outputContainerBackgroundColor#bab6c026
notificationCenter.border#333333
notificationCenterHeader.background#0a0e14
notificationCenterHeader.foreground#8b888f
notificationLink.foreground#fce566
notifications.background#0a0e14
notifications.border#a86efd50
notifications.foreground#bab6c0
notificationToast.border#0a0e14
panel.background#0a0e14
panel.border#333333
panelTitle.activeBorder#fce566
panelTitle.activeForeground#fce566
panelTitle.inactiveForeground#696969
peekView.border#a86efd60
peekViewEditor.background#0a0e14
peekViewEditor.matchHighlightBackground#525053
peekViewEditorGutter.background#0a0e14
peekViewResult.background#0a0e14
peekViewResult.fileForeground#8b888f
peekViewResult.lineForeground#8b888f
peekViewResult.matchHighlightBackground#525053
peekViewResult.selectionBackground#0a0e14
peekViewResult.selectionForeground#f7f1ff
peekViewTitle.background#0a0e14
peekViewTitleDescription.foreground#8b888f
peekViewTitleLabel.foreground#f7f1ff
pickerGroup.border#0a0e14
pickerGroup.foreground#525053
progressBar.background#0a0e14
scrollbar.shadow#0a0e14
scrollbarSlider.activeBackground#f7f1ff12
scrollbarSlider.background#f7f1ff12
scrollbarSlider.hoverBackground#f7f1ff12
selection.background#bab6c026
settings.checkboxBackground#0a0e14
settings.checkboxBorder#0a0e14
settings.checkboxForeground#f7f1ff
settings.dropdownBackground#0a0e14
settings.dropdownBorder#0a0e14
settings.dropdownForeground#f7f1ff
settings.dropdownListBorder#8b888f
settings.headerForeground#fce566
settings.modifiedItemIndicator#fce566
settings.numberInputBackground#0a0e14
settings.numberInputBorder#0a0e14
settings.numberInputForeground#f7f1ff
settings.textInputBackground#0a0e14
settings.textInputBorder#0a0e14
settings.textInputForeground#f7f1ff
sideBar.background#0a0e14
sideBar.border#333333
sideBar.dropBackground#0a0e14bf
sideBar.foreground#8b888f
sideBarSectionHeader.background#0a0e14
sideBarSectionHeader.foreground#69676c
sideBarTitle.foreground#525053
statusBar.background#0a0e14
statusBar.border#333333
statusBar.debuggingBackground#2f1f47
statusBar.debuggingBorder#0a0e14
statusBar.debuggingForeground#f7f1ff
statusBar.foreground#f7f1ff
statusBar.noFolderBackground#0a0e14
statusBar.noFolderBorder#0a0e14
statusBar.noFolderForeground#69676c
statusBarItem.activeBackground#0a0e14
statusBarItem.hoverBackground#2f1f47
statusBarItem.prominentBackground#0a0e14
statusBarItem.prominentHoverBackground#0a0e14
tab.activeBackground#0a0e14
tab.activeBorder#fce566
tab.activeForeground#fce566
tab.activeModifiedBorder#525053
tab.border#333333
tab.hoverBackground#0a0e14
tab.hoverBorder#525053
tab.inactiveBackground#0a0e14
tab.inactiveForeground#8b888f
tab.inactiveModifiedBorder#525053
tab.unfocusedActiveBorder#8b888f
tab.unfocusedActiveForeground#bab6c0
tab.unfocusedActiveModifiedBorder#0a0e14
tab.unfocusedHoverBackground#0a0e14
tab.unfocusedHoverBorder#0a0e14
tab.unfocusedInactiveForeground#8b888f
tab.unfocusedInactiveModifiedBorder#0a0e14
terminal.ansiBlack#0a0e14
terminal.ansiBlue#fd9353
terminal.ansiBrightBlack#69676c
terminal.ansiBrightBlue#fd9353
terminal.ansiBrightCyan#5ad4e6
terminal.ansiBrightGreen#7bd88f
terminal.ansiBrightMagenta#AF98E6
terminal.ansiBrightRed#fc618d
terminal.ansiBrightWhite#f7f1ff
terminal.ansiBrightYellow#fce566
terminal.ansiCyan#5ad4e6
terminal.ansiGreen#7bd88f
terminal.ansiMagenta#AF98E6
terminal.ansiRed#fc618d
terminal.ansiWhite#f7f1ff
terminal.ansiYellow#fce566
terminal.background#0a0e14
terminal.border#333333
terminal.foreground#f7f1ff
terminal.selectionBackground#f7f1ff26
terminalCursor.background#00000000
terminalCursor.foreground#f7f1ff
textBlockQuote.background#0a0e14
textBlockQuote.border#0a0e14
textCodeBlock.background#0a0e14
textLink.activeForeground#f7f1ff
textLink.foreground#fce566
textPreformat.foreground#f7f1ff
textSeparator.foreground#69676c
titleBar.activeBackground#0a0e14
titleBar.activeForeground#8b888f
titleBar.border#333333
titleBar.inactiveBackground#0a0e14
titleBar.inactiveForeground#525053
walkThrough.embeddedEditorBackground#0a0e14
widget.shadow#0a0e14

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	#696969	italic
comment storage.type	#696969	—
comment entity.name.type	#c3b5d3	—
comment variable, comment variable.other	#c3b5d3	—
comment keyword.codetag.notation	#af98e6	—
comment.git-status.header.remote	#fc618d	—
comment.git-status.header.local	#51c7da	—
comment.other.git-status.head	#d7d7d7	—
constant	#af98e6	—
constant.other	#d7d7d7	—
constant.other.property	#af98e6	—
constant.other.color	#af98e6	—
constant.other.character-class.escape	#af98e6	—
constant.other.key	#af98e6	—
constant.other.symbol	#fd9353	—
constant.numeric	#af98e6	—
constant.language	#af98e6	—
constant.character.escape	#af98e6	—
constant.numeric.line-number.find-in-files	#494c59	—
constant.numeric.line-number.match.find-in-files	#e3cf65	—
entity.name.section	#e3cf65	—
entity.name	#7bd88f	—
entity.name.class	#51c7da	—
entity.name.constant	#af98e6	—
entity.name.namespace	#d7d7d7	—
entity.other.inherited-class	#51c7da	italic
entity.name.function	#7bd88f	—
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx	#fc618d	—
entity.other.attribute-name	#51c7da	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	#7bd88f	—
entity.other.attribute-name.id.css	#fd9353	—
entity.other.attribute-name.pseudo-class.cssentity.other.pseudo-class.css	#51c7da	italic
entity.name.function, support.function	#7bd88f	—
entity.other.git-status.hex	#af98e6	—
invalid	—	italic
keyword	#fc618d	—
keyword.control	#fc618d	—
keyword.operator	#fc618d	—
keyword.other.substitution	#88898f	—
keyword.other.template.beginkeyword.other.template.end	#fc618d	—
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext, keyword.operator.table.data.restructuredtext	#88898f	—
markup.italic	—	italic
markup.bold	—	bold
markup.heading	#e3cf65	—
markup.raw	#fd9353	—
markup.underline	—	underline
markup.underline.link	#7bd88f	—
markup.inserted, markup.inserted punctuation.definition.inserted	#7bd88f	—
markup.deleted, markup.deleted punctuation.definition.deleted	#fc618d	—
markup.changed, markup.changed punctuation.definition.changed	#fc618d	—
markup.ignored, markup.ignored punctuation.definition.ignored	#88898f	—
markup.untracked	#88898f	—
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	#88898f	—
meta.function-call, meta.function-call.arguments meta.function-call	#7bd88f	—
meta.function-call meta.function-call.arguments, meta.function-call meta.arguments, meta.function-call meta.group	#d7d7d7	—
meta.instance.constructor	#7bd88f	—
meta.attribute-with-value.class string	#7bd88f	—
meta.attribute-with-value.id string	#fd9353	—
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	#d7d7d7	—
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	#d7d7d7	—
meta.property-list.css variable.other	#fd9353	—
entity.name.constant.preprocessor, meta.preprocessor	#af98e6	—
meta.diff.git-diff.header	#fc618d	—
punctuation	#88898f	—
punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby	#88898f	—
punctuation.definition.group	#d7d7d7	—
punctuation.definition.comment	#696969	—
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css	#c3b5d3	—
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source	#fd9353	—
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	#fd9353	—
region.yellowish	#e3cf65	—
region.greenish	#7bd88f	—
region.bluish	#51c7da	—
region.purplish	#af98e6	—
region.pinkish	#fc618d	—
region.whitish	#dfdfdf	—
source	#d7d7d7	—
source.scss, source.sass	#88898f	—
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	#fd9353	italic
source.git-show.commit.sha	#af98e6	—
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	#88898f	—
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha	#af98e6	—
source.git-show meta.diff.range.unified	#fd9353	—
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file	#88898f	—
storage	#fc618d	—
storage.type	#51c7da	italic
storage.type.extends	#fc618d	—
storage.type.function.arrow	#fc618d	—
storage.modifier	#fc618d	italic
storage.class.restructuredtext.ref	#af98e6	—
storage.modifier.package, storage.modifier.import	#d7d7d7	—
string	#e3cf65	—
string.unquoted.label	#d7d7d7	—
string source	#d7d7d7	—
string source punctuation.section.embedded	#88898f	—
string.other.link.title, string.other.link.description	#fc618d	—
string.other.link.description.title	#51c7da	—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#fc618d	—
string.other.ref, string.other.restructuredtext.ref	#7bd88f	—
string.other.git-status.help.key	#c3b5d3	—
string.other.git-status.remote	#fc618d	—
support.constant	#51c7da	—
support.constant.handlebars	#88898f	—
support.function	#7bd88f	—
support.type, entity.name.type.object.console	#51c7da	italic
support.variable	#51c7da	—
support.type.property-name	#d7d7d7	—
support.class	#51c7da	—
text	#d7d7d7	—
text.find-in-files	#d7d7d7	—
variable, variable.other	—	—
variable.parameter, parameters variable.function	#fd9353	italic
variable.language, variable.parameter.function.language.special.self.python	#c3b5d3	italic
variable.language.arguments	#af98e6	—
variable.other.class	#51c7da	—
variable.other.constant	#af98e6	—
variable.other.member	#d7d7d7	—
variable.function	#7bd88f	—
variable.other.substitution	#fd9353	—
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby	#af98e6	—

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