Hackerman Omarchy

Name: Hackerman Omarchy
Author: Bjarne

Publisher: BjarneThemes in package: 1

Hackerman vscode theme

GitHub

VS Code preview

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

Hackerman Omarchy — Hackerman

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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6a6e95	italic
variable, string constant.other.placeholder, entity.name.variable.parameter, entity.name.variable.local, variable.parameter	#31f759	—
variable.other.object.property	#829dd4	—
constant.other.color	#4fe88f	—
invalid, invalid.illegal	#31f759	—
invalid.deprecated	#ddf7ff	—
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	#86a7df	—
keyword.control, keyword.control.flow, keyword.control.from, keyword.control.import, keyword.control.as	#86a7df	—
keyword.type, storage.type.primitive	#7cf8f7	—
storage.type.function	#829dd4	—
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	#ddf7ff	—
punctuation.section.embedded, variable.interpolation	#ddf7ff	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#31f759	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#829dd4	—
meta.block variable.other	#31f759	—
support.other.variable, string.other.link	#31f759	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit	#85ff9d	—
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	#4fe88f
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	#50f7d4	—
storage.type, storage.modifier.package, storage.modifier.import	#50f7d4	—
entity.name.variable.field	#829dd4	—
support.type	#7cf8f7	—
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	#7cf8f7	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#31f759	—
variable.language	#31f759	italic
entity.name.method.js	#829dd4	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#829dd4	—
entity.other.attribute-name	#829dd4	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#50f7d4	italic
entity.other.attribute-name.class	#50f7d4	—
source.sass keyword.control	#829dd4	—
markup.inserted	#4fe88f	—
markup.deleted	#31f759	—
markup.changed	#86a7df	—
string.regexp	#7cf8f7	—
constant.character.escape	#7cf8f7	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#829dd4	italic
source.js constant.other.object.key.js string.unquoted.label.js	#86a7df	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#829dd4	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#829dd4	—
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	#829dd4	—
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	#829dd4	—
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	#829dd4	—
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	#829dd4	—
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	#829dd4	—
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	#829dd4	—
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	#829dd4	—
text.html.markdown, punctuation.definition.list_item.markdown	#ddf7ff	—
text.html.markdown markup.inline.raw.markdown	#86a7df	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#7cf8f7	—
text.html.markdown meta.dummy.line-break	#5a5e85	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#829dd4	—
markup.italic	#31f759	italic
markup.bold, markup.bold string	#31f759	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	#31f759	bold
markup.underline	#85ff9d	underline
markup.quote punctuation.definition.blockquote.markdown	#7cf8f7	—
markup.quote	—	italic
string.other.link.title.markdown	#829dd4	—
string.other.link.description.title.markdown	#86a7df	—
constant.other.reference.link.markdown	#50f7d4	—
markup.raw.block	#86a7df	—
markup.raw.block.fenced.markdown	#5a5e85	—
punctuation.definition.fenced.markdown	#5a5e85	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown	#86a7df	—
variable.language.fenced.markdown	#31f759	—
meta.separator	#7cf8f7	bold
markup.table	#86a7df	—
token.info-token	#829dd4	—
token.warn-token	#50f7d4	—
token.error-token	#31f759	—
token.debug-token	#86a7df	—

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