Vantablack Omarchy

Name: Vantablack Omarchy
Author: Bjarne

Publisher: BjarneThemes in package: 1

Vantablack vscode theme

Open in VS Code GitHub

VS Code preview

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

Vantablack Omarchy — Vantablack

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#1a1a1a
activityBar.background#0d0d0d
activityBar.dropBackground#1a1a1a
activityBar.foreground#ffffff
activityBar.inactiveForeground#555555
activityBarBadge.background#ffffff
activityBarBadge.foreground#0d0d0d
badge.background#ffffff
badge.foreground#0d0d0d
banner.background#1a1a1a
banner.foreground#ececec
banner.iconForeground#ffffff
breadcrumb.activeSelectionForeground#ffffff
breadcrumb.background#0d0d0d
breadcrumb.focusForeground#ececec
breadcrumb.foreground#888888
breadcrumbPicker.background#111111
button.background#ffffff
button.foreground#0d0d0d
button.hoverBackground#ececec
button.secondaryBackground#333333
button.secondaryForeground#ffffff
button.secondaryHoverBackground#444444
charts.blue#8d8d8d
charts.foreground#ffffff
charts.green#b6b6b6
charts.lines#ececec
charts.orange#a4a4a4
charts.purple#9b9b9b
charts.red#a4a4a4
charts.yellow#cecece
checkbox.background#111111
checkbox.foreground#ffffff
commandCenter.activeBackground#111111
commandCenter.activeForeground#ffffff
commandCenter.background#0d0d0d
commandCenter.foreground#ececec
debugConsole.errorForeground#a4a4a4
debugConsole.infoForeground#ececec
debugConsole.sourceForeground#ececec
debugConsole.warningForeground#cecece
debugConsoleInputIcon.foreground#ffffff
debugExceptionWidget.background#111111
debugIcon.breakpointCurrentStackframeForeground#cecece
debugIcon.breakpointDisabledForeground#444444
debugIcon.breakpointForeground#a4a4a4
debugIcon.breakpointStackframeForeground#ececec
debugIcon.breakpointUnverifiedForeground#555555
debugIcon.continueForeground#b6b6b6
debugIcon.disconnectForeground#a4a4a4
debugIcon.pauseForeground#8d8d8d
debugIcon.restartForeground#b6b6b6
debugIcon.startForeground#b6b6b6
debugIcon.stepBackForeground#ececec
debugIcon.stepIntoForeground#b0b0b0
debugIcon.stepOutForeground#9b9b9b
debugIcon.stepOverForeground#8d8d8d
debugIcon.stopForeground#a4a4a4
debugTokenExpression.boolean#a4a4a4
debugTokenExpression.error#a4a4a4
debugTokenExpression.name#9b9b9b
debugTokenExpression.number#a4a4a4
debugTokenExpression.string#b6b6b6
debugTokenExpression.value#ffffff
debugToolBar.background#111111
debugView.stateLabelBackground#8d8d8d
debugView.stateLabelForeground#0d0d0d
debugView.valueChangedHighlight#ffffff25
descriptionForeground#666666
diffEditor.diagonalFill#1a1a1a
diffEditor.insertedTextBackground#b6b6b615
diffEditor.removedTextBackground#a4a4a415
disabledForeground#444444
dropdown.background#111111
dropdown.foreground#ffffff
dropdown.listBackground#111111
editor.background#0d0d0d
editor.findMatchBackground#ffffff25
editor.findMatchHighlightBackground#ffffff15
editor.findRangeHighlightBackground#ffffff08
editor.foreground#ffffff
editor.hoverHighlightBackground#ffffff08
editor.inactiveSelectionBackground#1a1a1a
editor.lineHighlightBackground#111111
editor.rangeHighlightBackground#ffffff08
editor.selectionBackground#222222
editor.selectionHighlightBackground#ffffff10
editor.snippetFinalTabstopHighlightBackground#1a1a1a
editor.snippetTabstopHighlightBackground#222222
editor.wordHighlightBackground#ffffff12
editor.wordHighlightStrongBackground#ffffff18
editorBracketHighlight.foreground1#8d8d8d
editorBracketHighlight.foreground2#9b9b9b
editorBracketHighlight.foreground3#a4a4a4
editorBracketHighlight.foreground4#b0b0b0
editorBracketHighlight.foreground5#b6b6b6
editorBracketHighlight.foreground6#cecece
editorBracketHighlight.unexpectedBracket.foreground#ffffff
editorBracketMatch.background#222222
editorCodeLens.foreground#555555
editorCursor.foreground#ffffff
editorError.foreground#a4a4a4
editorGroup.background#0d0d0d
editorGroup.dropBackground#1a1a1a80
editorGroup.dropIntoPromptBackground#111111
editorGroup.dropIntoPromptForeground#ffffff
editorGroup.emptyBackground#0d0d0d
editorGroupHeader.noTabsBackground#0d0d0d
editorGroupHeader.tabsBackground#0d0d0d
editorGutter.addedBackground#b6b6b6
editorGutter.background#0d0d0d
editorGutter.commentRangeForeground#555555
editorGutter.deletedBackground#a4a4a4
editorGutter.foldingControlForeground#ececec
editorGutter.modifiedBackground#9b9b9b
editorHint.foreground#b0b0b0
editorHoverWidget.background#111111
editorHoverWidget.foreground#ececec
editorIndentGuide.activeBackground#333333
editorIndentGuide.background#1a1a1a
editorInfo.foreground#8d8d8d
editorInlayHint.background#111111
editorInlayHint.foreground#888888
editorInlayHint.parameterBackground#111111
editorInlayHint.parameterForeground#888888
editorInlayHint.typeBackground#111111
editorInlayHint.typeForeground#888888
editorLightBulb.foreground#cecece
editorLightBulbAutoFix.foreground#b6b6b6
editorLineNumber.activeForeground#ffffff
editorLineNumber.foreground#444444
editorLink.activeForeground#b0b0b0
editorMarkerNavigation.background#111111
editorMarkerNavigationError.background#333333
editorMarkerNavigationError.headerBackground#a4a4a420
editorMarkerNavigationInfo.background#222222
editorMarkerNavigationInfo.headerBackground#8d8d8d20
editorMarkerNavigationWarning.background#444444
editorMarkerNavigationWarning.headerBackground#cecece20
editorOverviewRuler.addedForeground#b6b6b6
editorOverviewRuler.bracketMatchForeground#ffffff
editorOverviewRuler.commonContentForeground#ffffff
editorOverviewRuler.currentContentForeground#8d8d8d
editorOverviewRuler.deletedForeground#a4a4a4
editorOverviewRuler.errorForeground#a4a4a4
editorOverviewRuler.findMatchForeground#ffffff30
editorOverviewRuler.incomingContentForeground#b6b6b6
editorOverviewRuler.infoForeground#8d8d8d
editorOverviewRuler.modifiedForeground#9b9b9b
editorOverviewRuler.rangeHighlightForeground#ffffff15
editorOverviewRuler.selectionHighlightForeground#ffffff15
editorOverviewRuler.warningForeground#cecece
editorOverviewRuler.wordHighlightForeground#ffffff20
editorOverviewRuler.wordHighlightStrongForeground#ffffff30
editorPane.background#0d0d0d
editorRuler.foreground#1a1a1a
editorSuggestWidget.background#111111
editorSuggestWidget.focusHighlightForeground#ffffff
editorSuggestWidget.foreground#ececec
editorSuggestWidget.highlightForeground#ffffff
editorSuggestWidget.selectedBackground#222222
editorSuggestWidget.selectedForeground#ffffff
editorWarning.foreground#cecece
editorWhitespace.foreground#222222
editorWidget.background#111111
editorWidget.foreground#ffffff
errorForeground#a4a4a4
extensionBadge.remoteBackground#a4a4a4
extensionBadge.remoteForeground#0d0d0d
extensionButton.prominentBackground#ffffff
extensionButton.prominentForeground#0d0d0d
extensionButton.prominentHoverBackground#ececec
extensionIcon.preReleaseForeground#a4a4a4
extensionIcon.starForeground#cecece
extensionIcon.verifiedForeground#b6b6b6
foreground#ffffff
gitDecoration.addedResourceForeground#b6b6b6
gitDecoration.conflictingResourceForeground#cecece
gitDecoration.deletedResourceForeground#a4a4a4
gitDecoration.ignoredResourceForeground#444444
gitDecoration.modifiedResourceForeground#9b9b9b
gitDecoration.renamedResourceForeground#b0b0b0
gitDecoration.stageDeletedResourceForeground#a4a4a4
gitDecoration.stageModifiedResourceForeground#9b9b9b
gitDecoration.submoduleResourceForeground#ececec
gitDecoration.untrackedResourceForeground#8d8d8d
icon.foreground#ececec
input.background#111111
input.foreground#ffffff
input.placeholderForeground#555555
inputOption.activeBackground#222222
inputOption.activeBorder#8d8d8d
inputOption.activeForeground#ffffff
inputValidation.errorBackground#1a1a1a
inputValidation.errorBorder#a4a4a4
inputValidation.errorForeground#ffffff
inputValidation.infoBackground#1a1a1a
inputValidation.infoBorder#8d8d8d
inputValidation.infoForeground#ffffff
inputValidation.warningBackground#1a1a1a
inputValidation.warningBorder#cecece
inputValidation.warningForeground#ffffff
keybindingLabel.background#222222
keybindingLabel.foreground#ffffff
keybindingTable.headerBackground#1a1a1a
keybindingTable.rowsBackground#0d0d0d
list.activeSelectionBackground#222222
list.activeSelectionForeground#ffffff
list.dropBackground#1a1a1a
list.errorForeground#a4a4a4
list.filterMatchBackground#222222
list.focusBackground#1a1a1a
list.focusForeground#ffffff
list.highlightForeground#ffffff
list.hoverBackground#161616
list.hoverForeground#ffffff
list.inactiveFocusBackground#161616
list.inactiveSelectionBackground#1a1a1a
list.inactiveSelectionForeground#ececec
list.invalidItemForeground#a4a4a4
list.warningForeground#cecece
listFilterWidget.background#111111
listFilterWidget.noMatchesOutline#a4a4a4
menu.background#111111
menu.foreground#ececec
menu.selectionBackground#222222
menu.selectionForeground#ffffff
menu.separatorBackground#222222
menubar.selectionBackground#1a1a1a
menubar.selectionForeground#ffffff
merge.currentContentBackground#8d8d8d25
merge.currentHeaderBackground#8d8d8d40
merge.incomingContentBackground#b6b6b625
merge.incomingHeaderBackground#b6b6b640
minimap.background#0d0d0d
minimap.errorHighlight#a4a4a4
minimap.findMatchHighlight#ffffff30
minimap.selectionHighlight#ffffff15
minimap.selectionOccurrenceHighlight#ffffff10
minimap.warningHighlight#cecece
minimapGutter.addedBackground#b6b6b6
minimapGutter.deletedBackground#a4a4a4
minimapGutter.modifiedBackground#9b9b9b
notebook.cellBorderColor#1a1a1a
notebook.cellEditorBackground#0d0d0d
notebook.cellHoverBackground#111111
notebook.cellToolbarSeparator#222222
notebook.editorBackground#0d0d0d
notebook.focusedCellBackground#111111
notebook.focusedCellBorder#444444
notebook.focusedEditorBorder#444444
notebook.inactiveFocusedCellBorder#222222
notebook.selectedCellBackground#161616
notebookStatusErrorIcon.foreground#a4a4a4
notebookStatusRunningIcon.foreground#b0b0b0
notebookStatusSuccessIcon.foreground#b6b6b6
notification.background#1a1a1a
notification.buttonBackground#ffffff
notification.buttonForeground#0d0d0d
notification.buttonHoverBackground#ececec
notification.errorBackground#1a1a1a
notification.errorForeground#ececec
notification.foreground#ececec
notification.infoBackground#1a1a1a
notification.infoForeground#ececec
notification.warningBackground#1a1a1a
notification.warningForeground#ececec
notificationCenterHeader.background#111111
notificationCenterHeader.foreground#ffffff
notificationLink.foreground#b0b0b0
notifications.background#1a1a1a
notifications.foreground#ececec
notificationsErrorIcon.foreground#a4a4a4
notificationsInfoIcon.foreground#8d8d8d
notificationsWarningIcon.foreground#cecece
panel.background#0d0d0d
panel.dropBackground#0d0d0d80
panel.dropBorder#333333
panelTitle.activeForeground#ffffff
panelTitle.inactiveForeground#555555
peekViewEditor.background#111111
peekViewEditor.matchHighlightBackground#ffffff25
peekViewEditorGutter.background#111111
peekViewResult.background#0d0d0d
peekViewResult.fileForeground#ffffff
peekViewResult.lineForeground#555555
peekViewResult.matchHighlightBackground#ffffff25
peekViewResult.selectionBackground#222222
peekViewResult.selectionForeground#ffffff
peekViewTitle.background#1a1a1a
peekViewTitleDescription.foreground#666666
peekViewTitleLabel.foreground#ffffff
pickerGroup.foreground#666666
ports.iconRunningProcessForeground#b6b6b6
problemsErrorIcon.foreground#a4a4a4
problemsInfoIcon.foreground#8d8d8d
problemsWarningIcon.foreground#cecece
progressBar.background#8d8d8d
quickInput.background#111111
quickInput.foreground#ffffff
quickInputList.focusBackground#222222
quickInputList.focusForeground#ffffff
quickInputList.focusIconForeground#ffffff
scrollbar.shadow#000000
scrollbarSlider.activeBackground#55555580
scrollbarSlider.background#33333380
scrollbarSlider.hoverBackground#44444480
searchEditor.findMatchBackground#ffffff25
selection.background#8d8d8d
settings.checkboxBackground#111111
settings.checkboxForeground#ffffff
settings.dropdownBackground#111111
settings.dropdownForeground#ffffff
settings.focusedRowBackground#1a1a1a
settings.headerBorder#222222
settings.headerForeground#ffffff
settings.modifiedItemForeground#b6b6b6
settings.modifiedItemIndicator#8d8d8d
settings.numberInputBackground#111111
settings.numberInputForeground#ffffff
settings.rowHoverBackground#161616
settings.sashBorder#222222
settings.textInputBackground#111111
settings.textInputForeground#ffffff
sideBar.background#0d0d0d
sideBar.dropBackground#1a1a1a80
sideBar.foreground#ececec
sideBarSectionHeader.background#111111
sideBarSectionHeader.foreground#ececec
sideBarTitle.foreground#ffffff
statusBar.background#111111
statusBar.debuggingBackground#222222
statusBar.debuggingForeground#ffffff
statusBar.foreground#ececec
statusBar.noFolderBackground#161616
statusBar.noFolderForeground#ececec
statusBarItem.activeBackground#222222
statusBarItem.errorBackground#a4a4a4
statusBarItem.errorForeground#0d0d0d
statusBarItem.hoverBackground#1a1a1a
statusBarItem.prominentBackground#333333
statusBarItem.prominentForeground#ffffff
statusBarItem.prominentHoverBackground#444444
statusBarItem.remoteBackground#b6b6b6
statusBarItem.remoteForeground#0d0d0d
statusBarItem.warningBackground#cecece
statusBarItem.warningForeground#0d0d0d
symbolIcon.arrayForeground#ececec
symbolIcon.booleanForeground#a4a4a4
symbolIcon.classForeground#cecece
symbolIcon.colorForeground#9b9b9b
symbolIcon.constantForeground#a4a4a4
symbolIcon.constructorForeground#8d8d8d
symbolIcon.enumeratorForeground#a4a4a4
symbolIcon.enumeratorMemberForeground#8d8d8d
symbolIcon.eventForeground#cecece
symbolIcon.fieldForeground#a4a4a4
symbolIcon.fileForeground#ececec
symbolIcon.folderForeground#ececec
symbolIcon.functionForeground#8d8d8d
symbolIcon.interfaceForeground#8d8d8d
symbolIcon.keyForeground#9b9b9b
symbolIcon.keywordForeground#9b9b9b
symbolIcon.methodForeground#8d8d8d
symbolIcon.moduleForeground#ececec
symbolIcon.namespaceForeground#ececec
symbolIcon.nullForeground#666666
symbolIcon.numberForeground#a4a4a4
symbolIcon.objectForeground#9b9b9b
symbolIcon.operatorForeground#9b9b9b
symbolIcon.packageForeground#9b9b9b
symbolIcon.propertyForeground#b0b0b0
symbolIcon.referenceForeground#9b9b9b
symbolIcon.snippetForeground#ececec
symbolIcon.stringForeground#b6b6b6
symbolIcon.structForeground#cecece
symbolIcon.textForeground#ececec
symbolIcon.typeParameterForeground#9b9b9b
symbolIcon.unitForeground#9b9b9b
symbolIcon.variableForeground#a4a4a4
tab.activeBackground#0d0d0d
tab.activeForeground#ffffff
tab.activeModifiedBorder#8d8d8d
tab.hoverBackground#161616
tab.inactiveBackground#0d0d0d
tab.inactiveForeground#555555
tab.inactiveModifiedBorder#555555
tab.unfocusedActiveBackground#0d0d0d
tab.unfocusedActiveForeground#888888
tab.unfocusedActiveModifiedBorder#666666
tab.unfocusedHoverBackground#161616
tab.unfocusedInactiveForeground#444444
tab.unfocusedInactiveModifiedBorder#444444
terminal.ansiBlack#0d0d0d
terminal.ansiBlue#8d8d8d
terminal.ansiBrightBlack#555555
terminal.ansiBrightBlue#8d8d8d
terminal.ansiBrightCyan#b0b0b0
terminal.ansiBrightGreen#b6b6b6
terminal.ansiBrightMagenta#9b9b9b
terminal.ansiBrightRed#a4a4a4
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#cecece
terminal.ansiCyan#b0b0b0
terminal.ansiGreen#b6b6b6
terminal.ansiMagenta#9b9b9b
terminal.ansiRed#a4a4a4
terminal.ansiWhite#ececec
terminal.ansiYellow#cecece
terminal.background#0d0d0d
terminal.foreground#ffffff
terminalCursor.foreground#ffffff
terminalOverviewRuler.cursorForeground#ffffff
terminalOverviewRuler.findMatchForeground#ffffff30
testing.iconErrored#ffffff
testing.iconFailed#a4a4a4
testing.iconPassed#b6b6b6
testing.iconQueued#cecece
testing.iconSkipped#9b9b9b
testing.iconUnset#555555
testing.message.error.decorationForeground#ffffff
testing.message.error.lineBackground#a4a4a415
testing.message.info.decorationForeground#ffffff
testing.message.info.lineBackground#8d8d8d15
testing.peekHeaderBackground#111111
testing.runAction#ececec
textBlockQuote.background#111111
textBlockQuote.border#333333
textCodeBlock.background#111111
textLink.activeForeground#ffffff
textLink.foreground#b0b0b0
textPreformat.foreground#b0b0b0
textSeparator.foreground#333333
titleBar.activeBackground#0d0d0d
titleBar.activeForeground#ffffff
titleBar.inactiveBackground#0d0d0d
titleBar.inactiveForeground#555555
toolbar.activeBackground#222222
toolbar.hoverBackground#1a1a1a
tree.indentGuidesStroke#222222
walkThrough.embeddedEditorBackground#111111
welcomePage.background#0d0d0d
welcomePage.buttonBackground#111111
welcomePage.buttonHoverBackground#1a1a1a
welcomePage.progress.background#1a1a1a
welcomePage.progress.foreground#8d8d8d
welcomePage.tileBackground#111111
welcomePage.tileHoverBackground#1a1a1a
widget.shadow#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#555555	italic
variable, string constant.other.placeholder, entity.name.variable.parameter, entity.name.variable.local, variable.parameter	#909090	—
variable.other.object.property	#808080	—
constant.other.color	#c0c0c0	—
invalid, invalid.illegal	#606060	—
invalid.deprecated	#ffffff	—
keyword, keyword.other, keyword.other.using, keyword.other.namespace, keyword.other.class, keyword.other.new, keyword.other.event, keyword.other.this, keyword.other.await, keyword.other.var, keyword.other.package, keyword.other.import, variable.language.this, storage.type.ts, storage.modifier	#d0d0d0	—
keyword.control, keyword.control.flow, keyword.control.from, keyword.control.import, keyword.control.as	#d0d0d0	—
keyword.type, storage.type.primitive	#b8b8b8	—
storage.type.function	#d0d0d0	—
constant.other.color, punctuation, punctuation.section.class.end, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, keyword.other.template, keyword.other.substitution	#707070	—
punctuation.section.embedded, variable.interpolation	#c0c0c0	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#d0d0d0	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#e8e8e8	—
meta.block variable.other	#909090	—
support.other.variable, string.other.link	#909090	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit	#c0c0c0	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#a8a8a8
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#b8b8b8	—
storage.type, storage.modifier.package, storage.modifier.import	#d0d0d0	—
entity.name.variable.field	#808080	—
support.type	#b8b8b8	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#b8b8b8	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#909090	—
variable.language	#d0d0d0	italic
entity.name.method.js	#e8e8e8	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#e8e8e8	—
entity.other.attribute-name	#b8b8b8	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#b8b8b8	italic
entity.other.attribute-name.class	#b8b8b8	—
source.sass keyword.control	#d0d0d0	—
markup.inserted	#c0c0c0	—
markup.deleted	#707070	—
markup.changed	#a8a8a8	—
string.regexp	#c0c0c0	—
constant.character.escape	#c0c0c0	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#b8b8b8	italic
source.js constant.other.object.key.js string.unquoted.label.js	#d0d0d0	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#e8e8e8	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#d0d0d0	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#b8b8b8	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#a8a8a8	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#909090	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#909090	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#808080	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#808080	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#808080	—
text.html.markdown, punctuation.definition.list_item.markdown	#ffffff	—
text.html.markdown markup.inline.raw.markdown	#a8a8a8	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#707070	—
text.html.markdown meta.dummy.line-break	#444444	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#e8e8e8	—
markup.italic	#c0c0c0	italic
markup.bold, markup.bold string	#e8e8e8	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#e8e8e8	bold
markup.underline	#c0c0c0	underline
markup.quote punctuation.definition.blockquote.markdown	#707070	—
markup.quote	—	italic
string.other.link.title.markdown	#c0c0c0	—
string.other.link.description.title.markdown	#a8a8a8	—
constant.other.reference.link.markdown	#d0d0d0	—
markup.raw.block	#a8a8a8	—
markup.raw.block.fenced.markdown	#444444	—
punctuation.definition.fenced.markdown	#444444	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown	#a8a8a8	—
variable.language.fenced.markdown	#b8b8b8	—
meta.separator	#707070	bold
markup.table	#909090	—
token.info-token	#b8b8b8	—
token.warn-token	#d0d0d0	—
token.error-token	#e8e8e8	—
token.debug-token	#808080	—

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