Monokai Ocean

Name: Monokai Ocean
Author: rofrol

Publisher: rofrolThemes in package: 1

Monokai with ocean background

GitHub

VS Code preview

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

Monokai Ocean — Monokai Ocean

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#19181a
activityBar.border#19181a
activityBar.dropBackground#221f22bf
activityBar.foreground#939293
activityBarBadge.background#e6c866
activityBarBadge.foreground#2d2a2e
badge.background#e6c866
badge.foreground#2d2a2e
button.background#403e41
button.foreground#939293
button.hoverBackground#2d2a2e
debugExceptionWidget.background#403e41
debugExceptionWidget.border#2d2a2e
debugToolBar.background#403e41
diffEditor.insertedTextBackground#a9dc760c
diffEditor.insertedTextBorder#00000000
diffEditor.removedTextBackground#ff61880c
diffEditor.removedTextBorder#00000000
dropdown.background#2d2a2e
dropdown.border#2d2a2e
dropdown.foreground#939293
editor.background#191E29
editor.findMatchBackground#5b595c
editor.findMatchHighlightBackground#403e41
editor.findRangeHighlightBackground#bec4cb0c
editor.foreground#c0c0c0
editor.hoverHighlightBackground#403e41
editor.inactiveSelectionBackground#bec4cb0c
editor.lineHighlightBackground#8b8b8b00
editor.lineHighlightBorder#8b8b8b00
editor.rangeHighlightBackground#403e41
editor.selectionBackground#323441
editor.selectionHighlightBackground#2b3450
editor.wordHighlightBackground#403e41
editor.wordHighlightStrongBackground#5b595c
editorBracketMatch.background#2d2a2e
editorBracketMatch.border#727072
editorCodeLens.foreground#727072
editorCursor.foreground#bec4cb
editorError.border#00000000
editorError.foreground#ff6188
editorGroup.background#19181a
editorGroup.border#221f22
editorGroup.dropBackground#221f22bf
editorGroupHeader.noTabsBackground#2d2a2e
editorGroupHeader.tabsBackground#191E29
editorGroupHeader.tabsBorder#191E2900
editorGutter.addedBackground#a9dc76
editorGutter.background#191E29
editorGutter.deletedBackground#ff6188
editorGutter.modifiedBackground#fc9867
editorHoverWidget.background#403e41
editorHoverWidget.border#2d2a2e
editorIndentGuide.activeBackground#bec4cb
editorIndentGuide.background#403e41
editorLineNumber.foreground#5b595c
editorLink.activeForeground#78dce8
editorMarkerNavigation.background#403e41
editorMarkerNavigationError.background#ff6188
editorMarkerNavigationWarning.background#fc9867
editorOverviewRuler.addedForeground#a9dc76
editorOverviewRuler.border#2d2a2e
editorOverviewRuler.currentContentForeground#403e41
editorOverviewRuler.deletedForeground#ff6188
editorOverviewRuler.errorForeground#ff6188
editorOverviewRuler.findMatchForeground#5b595c
editorOverviewRuler.incomingContentForeground#403e41
editorOverviewRuler.infoForeground#78dce8
editorOverviewRuler.modifiedForeground#fc9867
editorOverviewRuler.rangeHighlightForeground#403e41
editorOverviewRuler.selectionHighlightForeground#5b595c
editorOverviewRuler.warningForeground#fc9867
editorOverviewRuler.wordHighlightForeground#403e41
editorOverviewRuler.wordHighlightStrongForeground#5b595c
editorRuler.foreground#403e41
editorSuggestWidget.background#403e41
editorSuggestWidget.border#403e41
editorSuggestWidget.foreground#c1c0c0
editorSuggestWidget.highlightForeground#bec4cb
editorSuggestWidget.selectedBackground#727072
editorWarning.border#00000000
editorWarning.foreground#fc9867
editorWhitespace.foreground#403e41
editorWidget.background#403e41
editorWidget.border#403e41
errorForeground#ff6188
extensionButton.prominentBackground#403e41
extensionButton.prominentForeground#bec4cb
extensionButton.prominentHoverBackground#5b595c
focusBorder#727072
foreground#bec4cb
input.background#403e41
input.border#403e41
input.foreground#bec4cb
input.placeholderForeground#5b595c
inputOption.activeBorder#5b595c
inputValidation.errorBackground#403e41
inputValidation.errorBorder#ff6188
inputValidation.infoBackground#403e41
inputValidation.infoBorder#78dce8
inputValidation.warningBackground#403e41
inputValidation.warningBorder#fc9867
list.activeSelectionBackground#221f22
list.activeSelectionForeground#e6c866
list.dropBackground#221f22bf
list.focusBackground#221f22
list.focusForeground#bec4cb
list.highlightForeground#bec4cb
list.hoverBackground#221f22
list.hoverForeground#bec4cb
list.inactiveSelectionBackground#221f22
list.inactiveSelectionForeground#e6c866
merge.border#2d2a2e
merge.currentContentBackground#403e41
merge.currentHeaderBackground#5b595c
merge.incomingContentBackground#5b595c
merge.incomingHeaderBackground#727072
notification.background#221f22
notification.buttonBackground#403e41
notification.buttonForeground#e6c866
notification.buttonHoverBackground#403e41
notification.errorBackground#221f22
notification.errorForeground#ff6188
notification.foreground#c1c0c0
notification.infoBackground#221f22
notification.infoForeground#78dce8
notification.warningBackground#221f22
notification.warningForeground#fc9867
panel.background#191E29
panel.border#2d2a2e
panelTitle.activeBorder#e6c866
panelTitle.activeForeground#e6c866
panelTitle.inactiveForeground#939293
peekView.border#2d2a2e
peekViewEditor.background#403e41
peekViewEditor.matchHighlightBackground#5b595c
peekViewEditorGutter.background#403e41
peekViewResult.background#403e41
peekViewResult.fileForeground#939293
peekViewResult.lineForeground#939293
peekViewResult.matchHighlightBackground#5b595c
peekViewResult.selectionBackground#403e41
peekViewResult.selectionForeground#bec4cb
peekViewTitle.background#403e41
peekViewTitleDescription.foreground#939293
peekViewTitleLabel.foreground#bec4cb
pickerGroup.border#2d2a2e
pickerGroup.foreground#5b595c
progressBar.background#403e41
scrollbar.shadow#2d2a2e
scrollbarSlider.activeBackground#bec4cb12
scrollbarSlider.background#bec4cb12
scrollbarSlider.hoverBackground#bec4cb12
selection.background#403e41
sideBar.background#191E29
sideBar.border#191E2900
sideBar.foreground#939293
sideBarSectionHeader.background#20252e
sideBarSectionHeader.foreground#727072
sideBarTitle.foreground#5b595c
statusBar.background#191E29
statusBar.border#191E2900
statusBar.debuggingBackground#727072
statusBar.debuggingForeground#bec4cb
statusBar.foreground#727072
statusBar.noFolderBackground#221f22
statusBar.noFolderForeground#727072
statusBarItem.activeBackground#2d2a2e
statusBarItem.hoverBackground#2d2a2e
statusBarItem.prominentBackground#403e41
statusBarItem.prominentHoverBackground#403e41
tab.activeBackground#191E29
tab.activeBorder#e6c866
tab.activeForeground#e6c866
tab.border#191E2900
tab.inactiveBackground#1f242c
tab.inactiveForeground#939293
tab.unfocusedActiveBorder#939293
tab.unfocusedActiveForeground#c1c0c0
tab.unfocusedInactiveForeground#939293
terminal.ansiBlack#403e41
terminal.ansiBlue#fc9867
terminal.ansiBrightBlack#727072
terminal.ansiBrightBlue#fc9867
terminal.ansiBrightCyan#78dce8
terminal.ansiBrightGreen#a9dc76
terminal.ansiBrightMagenta#ab9df2
terminal.ansiBrightRed#ff6188
terminal.ansiBrightWhite#bec4cb
terminal.ansiBrightYellow#e6c866
terminal.ansiCyan#78dce8
terminal.ansiGreen#a9dc76
terminal.ansiMagenta#ab9df2
terminal.ansiRed#ff6188
terminal.ansiWhite#bec4cb
terminal.ansiYellow#e6c866
terminal.background#191E29
terminal.foreground#bec4cb
titleBar.activeBackground#19181a
titleBar.activeForeground#939293
titleBar.inactiveBackground#221f22
titleBar.inactiveForeground#5b595c
walkThrough.embeddedEditorBackground#221f22
welcomePage.buttonBackground#403e41
welcomePage.buttonHoverBackground#5b595c
widget.shadow#19181a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#c0c0c0ff	—
comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text	#727072	—
comment storage.type	#727072	—
comment entity.name.type	#c1c0c0	—
comment variable, comment variable.other	#c1c0c0	—
comment keyword.codetag.notation	#ab9df2	—
constant	#ab9df2	—
constant.other	#BEC4CB	—
constant.other.property	#ab9df2	—
constant.other.character-class.escape	#ab9df2	—
constant.other.key	#ab9df2	—
constant.other.symbol	#fc9867	—
constant.numeric	#ab9df2	—
constant.language	#ab9df2	—
constant.character.escape	#ab9df2	—
constant.numeric.line-number.find-in-files	#5b595c	—
constant.numeric.line-number.match.find-in-files	#E6C866	—
entity.name.section	#E6C866	—
entity.name	#a9dc76	—
entity.name.class	#BEC4CB	—
entity.name.constant	#ab9df2	—
entity.name.namespace	#BEC4CB	—
entity.other.inherited-class	#78dce8	—
entity.name.function	#a9dc76	—
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx	#ff6188	—
entity.other.attribute-name	#78dce8	—
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	#a9dc76	—
entity.other.attribute-name.id.css	#fc9867	—
entity.other.attribute-name.pseudo-class.css entity.other.pseudo-class.css	#78dce8	—
entity.name.function, support.function	#a9dc76	—
invalid	—	normal
keyword	#ff6188	—
keyword.control	#ff6188	—
keyword.operator	#ff6188	—
keyword.other.substitution	#939293	—
keyword.other.template.begin keyword.other.template.end	#ff6188	—
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext, keyword.operator.table.data.restructuredtext	#939293	—
markup.normal	—	normal
markup.bold	—	bold
markup.heading	#E6C866	—
markup.raw	#fc9867	—
markup.underline	—	underline
markup.underline.link	#a9dc76	—
markup.inserted	#a9dc76	—
markup.deleted	#ff6188	—
markup.changed	#E6C866	—
markup.ignored	#939293	—
markup.untracked	#939293	—
markup.quote	—	normal
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	#939293	—
meta.function-call, meta.function-call.arguments meta.function-call	#a9dc76	—
meta.function-call meta.function-call.arguments, meta.function-call meta.arguments, meta.function-call meta.group	#BEC4CB	—
meta.instance.constructor	#a9dc76	—
meta.attribute-with-value.class string	#a9dc76	—
meta.attribute-with-value.id string	#fc9867	—
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	#BEC4CB	—
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	#E6C866	—
meta.object.member	#BEC4CB	—
meta.property-list.css variable.other	#fc9867	—
entity.name.constant.preprocessor, meta.preprocessor	#ab9df2	—
punctuation	#939293	—
punctuation.definition.group	#BEC4CB	—
punctuation.definition.comment	#727072	—
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css	#c1c0c0	—
punctuation.section.embedded	#fc9867	—
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	#ff6188	—
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown	—	—
source	#BEC4CB	—
source.scss, source.sass	#939293	—
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	#fc9867	—
storage	#ff6188	—
storage.type	#78dce8	—
storage.type.function.arrow	#ff6188	—
storage.modifier	#ff6188	—
storage.class.restructuredtext.ref	#ab9df2	—
string	#E6C866	—
string.unquoted.label	#BEC4CB	—
string source	#BEC4CB	—
string source punctuation.section.embedded	#939293	—
string.other.link.title, string.other.link.description	#ff6188	—
string.other.link.description.title	#78dce8	—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#ff6188	—
string.other.ref, string.other.restructuredtext.ref	#a9dc76	—
support.constant	#78dce8	—
support.constant.handlebars	#939293	—
support.function	#a9dc76	—
support.type, entity.name.type.object.console	#78dce8	—
support.variable	#78dce8	—
support.type.property-name	#BEC4CB	—
support.class	#78dce8	—
text	#BEC4CB	—
text.find-in-files	#BEC4CB	—
variable, variable.other	#BEC4CB	—
variable.parameter, parameters variable.function	#fc9867	—
variable.language, variable.parameter.function.language.special.self.python	#c1c0c0	—
variable.language.arguments	#ab9df2	—
variable.other.class	#78dce8	—
variable.other.constant	#ab9df2	—
variable.other.member	#BEC4CB	—
variable.function	#a9dc76	—
variable.other.substitution	#fc9867	—
token.info-token	#6796e6	—
token.warn-token	#cd9731	—
token.error-token	#f44747	—
token.debug-token	#b267e6	—

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