Deus Ex Theme

Name: Deus Ex Theme
Author: Murhaf Shaker

Publisher: Murhaf ShakerThemes in package: 1

A black & gold theme extension inspired by the Deus Ex franchise.

Open in VS Code GitHub

VS Code preview

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

Deus Ex Theme — Deus Ex Theme

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.activeBorder#b18840
activityBar.activeFocusBorder#b18840
activityBar.background#181818
activityBar.dropBorder#b18840
activityBar.foreground#dedede
activityBar.inactiveForeground#b18840
activityBarBadge.background#b18840
activityBarBadge.foreground#dedede
badge.background#b18840
badge.foreground#dedede
breadcrumb.activeSelectionForeground#b18840
breadcrumb.background#181818
breadcrumb.focusForeground#b18840
breadcrumb.foreground#dedede
breadcrumbPicker.background#181818
button.background#b18840
button.foreground#dedede
button.hoverBackground#c59f5d
button.secondaryBackground#dedede
button.secondaryForeground#b18840
button.secondaryHoverBackground#ffffff
charts.blue#dededebd
charts.foreground#b3b3b3
charts.green#89d185
charts.lines#b3b3b380
charts.orange#d18616
charts.purple#b180d7
charts.red#ff5555
charts.yellow#8be9fd
checkbox.background#b18840
checkbox.border#1a1a1a
checkbox.foreground#b3b3b3
dart.closingLabels#dedede
debugConsole.errorForeground#ff5555
debugConsole.infoForeground#dededebd
debugConsole.sourceForeground#b3b3b3
debugConsole.warningForeground#8be9fd
debugConsoleInputIcon.foreground#b3b3b3
debugExceptionWidget.background#420b0d
debugExceptionWidget.border#a31515
debugIcon.breakpointCurrentStackframeForeground#ffcc00
debugIcon.breakpointDisabledForeground#848484
debugIcon.breakpointForeground#e51400
debugIcon.breakpointStackframeForeground#89d185
debugIcon.breakpointUnverifiedForeground#848484
debugIcon.continueForeground#75beff
debugIcon.disconnectForeground#f48771
debugIcon.pauseForeground#75beff
debugIcon.restartForeground#89d185
debugIcon.startForeground#89d185
debugIcon.stepBackForeground#75beff
debugIcon.stepIntoForeground#75beff
debugIcon.stepOutForeground#75beff
debugIcon.stepOverForeground#75beff
debugIcon.stopForeground#f48771
debugTokenExpression.boolean#4e94ce
debugTokenExpression.error#f48771
debugTokenExpression.name#c586c0
debugTokenExpression.number#b5cea8
debugTokenExpression.string#ce9178
debugTokenExpression.value#cccccc99
debugToolBar.background#1a1a1a
debugView.exceptionLabelBackground#6c2022
debugView.exceptionLabelForeground#b3b3b3
debugView.stateLabelBackground#88888844
debugView.stateLabelForeground#b3b3b3
debugView.valueChangedHighlight#569cd6
descriptionForeground#b3b3b3b3
diffEditor.border#b18840
diffEditor.diagonalFill#cccccc33
diffEditor.insertedTextBackground#cc922dde
diffEditor.removedTextBackground#ff555550
dropdown.background#181818
dropdown.border#1a1a1a
dropdown.foreground#ffffff
editor.background#181818
editor.findMatchBackground#515c6a
editor.findMatchHighlightBackground#ffffff40
editor.findRangeHighlightBackground#3a3d4166
editor.focusedStackFrameHighlightBackground#7abd7a4d
editor.foldBackground#1a1a1a
editor.foreground#dedede
editor.hoverHighlightBackground#1f1f1f
editor.inactiveSelectionBackground#1f1f1f80
editor.lineHighlightBackground#1f1f1f
editor.lineHighlightBorder#3c3c3c
editor.linkedEditingBackground#ff00004d
editor.rangeHighlightBackground#bd93f915
editor.selectionBackground#1f1f1f
editor.selectionHighlightBackground#11111199
editor.snippetFinalTabstopHighlightBorder#525252
editor.snippetTabstopHighlightBackground#7c7c7c4d
editor.stackFrameHighlightBackground#ffff0033
editor.symbolHighlightBackground#ffffff40
editor.wordHighlightBackground#8be9fd50
editor.wordHighlightStrongBackground#cc922d65
editorActiveLineNumber.foreground#c6c6c6
editorBracketMatch.background#1f1f1f
editorBracketMatch.border#b18840
editorCodeLens.foreground#5d6a7f
editorCursor.foreground#aeafad
editorError.foreground#ff5555
editorGroup.border#cc922d
editorGroup.dropBackground#53595d80
editorGroupHeader.noTabsBackground#181818
editorGroupHeader.tabsBackground#181818
editorGroupHeader.tabsBorder#b18840
editorGutter.addedBackground#cc922dbd
editorGutter.background#181818
editorGutter.commentRangeForeground#c5c5c5
editorGutter.deletedBackground#ff555580
editorGutter.foldingControlForeground#c5c5c5
editorGutter.modifiedBackground#8be9fd80
editorHint.foreground#dedede
editorHoverWidget.background#181818
editorHoverWidget.border#cc922d65
editorHoverWidget.foreground#dededebd
editorHoverWidget.statusBarBackground#0e0e0e
editorIndentGuide.activeBackground#ffffff45
editorIndentGuide.background#e3e4e229
editorInfo.background#181818
editorInfo.foreground#dededebd
editorLightBulb.foreground#ffcc00
editorLightBulbAutoFix.foreground#75beff
editorLineNumber.activeForeground#b18840
editorLineNumber.foreground#dededebd
editorLink.activeForeground#8be9fd
editorMarkerNavigation.background#1a1a1a
editorMarkerNavigationError.background#ff5555
editorMarkerNavigationInfo.background#dededebd
editorMarkerNavigationWarning.background#8be9fd
editorOverviewRuler.addedForeground#cc922dbd
editorOverviewRuler.border#1a1a1a
editorOverviewRuler.bracketMatchForeground#a0a0a0
editorOverviewRuler.commonContentForeground#60606066
editorOverviewRuler.currentContentForeground#40c8ae80
editorOverviewRuler.deletedForeground#ff555580
editorOverviewRuler.errorForeground#ff555580
editorOverviewRuler.findMatchForeground#d186167e
editorOverviewRuler.incomingContentForeground#40a6ff80
editorOverviewRuler.infoForeground#8be9fd80
editorOverviewRuler.modifiedForeground#8be9fd80
editorOverviewRuler.rangeHighlightForeground#007acc99
editorOverviewRuler.selectionHighlightForeground#ffb86c
editorOverviewRuler.warningForeground#cc922dbd
editorOverviewRuler.wordHighlightForeground#8be9fd
editorOverviewRuler.wordHighlightStrongForeground#cc922d
editorPane.background#181818
editorRuler.foreground#ffffff
editorSuggestWidget.background#181818
editorSuggestWidget.border#454545
editorSuggestWidget.foreground#dededebd
editorSuggestWidget.highlightForeground#ffffff
editorSuggestWidget.selectedBackground#44475a
editorUnnecessaryCode.opacity#000000aa
editorWarning.foreground#8be9fd
editorWhitespace.foreground#e3e4e229
editorWidget.background#1a1a1a
editorWidget.border#454545
editorWidget.foreground#b3b3b3
errorForeground#ff5555
extensionBadge.remoteBackground#b18840
extensionBadge.remoteForeground#dedede
extensionButton.prominentBackground#cc922d
extensionButton.prominentForeground#b3b3b3
extensionButton.prominentHoverBackground#cc922d65
focusBorder#121212
foreground#b3b3b3
gitDecoration.addedResourceForeground#81b88b
gitDecoration.conflictingResourceForeground#ffb86c
gitDecoration.deletedResourceForeground#ff5555
gitDecoration.ignoredResourceForeground#5d6a7f
gitDecoration.modifiedResourceForeground#8be9fd
gitDecoration.stageDeletedResourceForeground#c74e39
gitDecoration.stageModifiedResourceForeground#e2c08d
gitDecoration.submoduleResourceForeground#8db9e2
gitDecoration.untrackedResourceForeground#cc922d
gitlens.gutterBackgroundColor#ffffff13
gitlens.gutterForegroundColor#bebebe
gitlens.gutterUncommittedForegroundColor#00bcf299
gitlens.lineHighlightBackgroundColor#00bcf233
gitlens.lineHighlightOverviewRulerColor#00bcf299
gitlens.trailingLineBackgroundColor#00000000
gitlens.trailingLineForegroundColor#99999959
gitlens.viewChangesToPullIconColor#b15e35
gitlens.viewChangesToPushIconColor#35b15e
gitlens.viewCommitToPushIconColor#35b15e
icon.foreground#c5c5c5
imagePreview.border#80808059
input.background#1a1a1a
input.border#b18840
input.foreground#b3b3b3
input.placeholderForeground#535353
inputOption.activeBackground#b18840
inputOption.activeBorder#b18840
inputOption.activeForeground#ffffff
inputValidation.errorBackground#5a1d1d
inputValidation.errorBorder#ff5555
inputValidation.infoBackground#44475a
inputValidation.infoBorder#1db954
inputValidation.warningBackground#352a05
inputValidation.warningBorder#ffb86c
list.activeSelectionBackground#cc922d
list.activeSelectionForeground#ffffff
list.deemphasizedForeground#8c8c8c
list.dropBackground#1a1a1a
list.errorForeground#ff5555
list.filterMatchBackground#ffffff40
list.focusBackground#3c3c3c
list.focusForeground#ffffff
list.highlightForeground#ffffff
list.hoverBackground#cc922d65
list.hoverForeground#ffffff
list.inactiveFocusBackground#121212
list.inactiveSelectionBackground#1a1a1a
list.inactiveSelectionForeground#ffffff
list.invalidItemForeground#b89500
list.warningForeground#ffb86c
listFilterWidget.background#1a1a1a
listFilterWidget.noMatchesOutline#ff5555
listFilterWidget.outline#1a1a1a
menu.background#181818
menu.foreground#dedede
menu.selectionBackground#1a1a1a
menu.selectionForeground#ffffff
menu.separatorBackground#b18840
menubar.selectionBackground#ffffff1a
menubar.selectionForeground#b18840
merge.commonContentBackground#60606029
merge.commonHeaderBackground#60606066
merge.currentContentBackground#40c8ae33
merge.currentHeaderBackground#40c8ae80
merge.incomingContentBackground#40a6ff33
merge.incomingHeaderBackground#40a6ff80
minimap.errorHighlight#ff1212b3
minimap.findMatchHighlight#d18616
minimap.selectionHighlight#264f78
minimap.warningHighlight#8be9fd
minimapGutter.addedBackground#587c0c
minimapGutter.deletedBackground#94151b
minimapGutter.modifiedBackground#0c7d9d
minimapSlider.activeBackground#bfbfbf33
minimapSlider.background#79797933
minimapSlider.hoverBackground#64646459
notebook.cellBorderColor#1a1a1a
notebook.cellInsertionIndicator#121212
notebook.cellStatusBarItemHoverBackground#ffffff26
notebook.cellToolbarSeparator#80808059
notebook.focusedCellBorder#121212
notebook.focusedEditorBorder#121212
notebook.focusedRowBorder#ffffff1f
notebook.outputContainerBackgroundColor#1a1a1a
notebook.rowHoverBackground#80808012
notebook.selectedCellBorder#1a1a1a
notebook.symbolHighlightBackground#ffffff0b
notebookScrollbarSlider.activeBackground#bfbfbf66
notebookScrollbarSlider.background#79797966
notebookScrollbarSlider.hoverBackground#646464b3
notebookStatusErrorIcon.foreground#ff5555
notebookStatusRunningIcon.foreground#b3b3b3
notebookStatusSuccessIcon.foreground#89d185
notificationCenterHeader.background#101010
notificationLink.foreground#3794ff
notifications.background#181818
notifications.border#101010
notifications.foreground#b3b3b3
notificationsErrorIcon.foreground#ff5555
notificationsInfoIcon.foreground#dededebd
notificationsWarningIcon.foreground#8be9fd
panel.background#181818
panel.border#535353
panel.dropBorder#ffffff
panelSection.border#535353
panelSection.dropBackground#53595d80
panelSectionHeader.background#80808033
panelTitle.activeBorder#ffffff
panelTitle.activeForeground#ffffff
panelTitle.inactiveForeground#535353
peekView.border#b18840
peekViewEditor.background#181818
peekViewEditor.matchHighlightBackground#ff8f0099
peekViewEditorGutter.background#181818
peekViewResult.background#252526
peekViewResult.fileForeground#ffffff
peekViewResult.lineForeground#bbbbbb
peekViewResult.matchHighlightBackground#ea5c004d
peekViewResult.selectionBackground#3399ff33
peekViewResult.selectionForeground#ffffff
peekViewTitle.background#181818
peekViewTitleDescription.foreground#ccccccb3
peekViewTitleLabel.foreground#ffffff
pickerGroup.border#b18840
pickerGroup.foreground#ffffff
problemsErrorIcon.foreground#ff5555
problemsInfoIcon.foreground#dededebd
problemsWarningIcon.foreground#8be9fd
progressBar.background#b18840
quickInput.background#181818
quickInput.foreground#dedede
quickInputTitle.background#181818
scm.providerBorder#454545
scrollbar.shadow#000000
scrollbarSlider.activeBackground#bfbfbf66
scrollbarSlider.background#79797966
scrollbarSlider.hoverBackground#646464b3
searchEditor.findMatchBackground#ffffff2a
searchEditor.textInputBorder#b18840
settings.checkboxBackground#1a1a1a
settings.checkboxBorder#1a1a1a
settings.checkboxForeground#b3b3b3
settings.dropdownBackground#1a1a1a
settings.dropdownBorder#1a1a1a
settings.dropdownForeground#b3b3b3
settings.dropdownListBorder#454545
settings.focusedRowBackground#80808024
settings.headerForeground#b3b3b3
settings.modifiedItemIndicator#ffb86c
settings.numberInputBackground#1a1a1a
settings.numberInputBorder#1a1a1a
settings.numberInputForeground#b3b3b3
settings.textInputBackground#1a1a1a
settings.textInputBorder#1a1a1a
settings.textInputForeground#b3b3b3
sideBar.background#181818
sideBar.border#b18840
sideBar.dropBackground#53595d80
sideBar.foreground#dedede
sideBarSectionHeader.background#1a1a1a
sideBarSectionHeader.foreground#dedede
sideBarTitle.foreground#b18840
statusBar.background#181818
statusBar.border#b18840
statusBar.debuggingBackground#cc922d
statusBar.debuggingBorder#b18840
statusBar.debuggingForeground#ffffff
statusBar.foreground#dedede
statusBar.noFolderBackground#181818
statusBar.noFolderBorder#b18840
statusBar.noFolderForeground#b3b3b3
statusBarItem.activeBackground#b18840
statusBarItem.errorBackground#cc0000
statusBarItem.errorForeground#ffffff
statusBarItem.hoverBackground#181818
statusBarItem.prominentBackground#ff5555
statusBarItem.prominentForeground#dedede
statusBarItem.prominentHoverBackground#ffb86c
statusBarItem.remoteBackground#bd93f9
statusBarItem.remoteForeground#b3b3b3
symbolIcon.arrayForeground#b3b3b3
symbolIcon.booleanForeground#b3b3b3
symbolIcon.classForeground#ee9d28
symbolIcon.colorForeground#b3b3b3
symbolIcon.constantForeground#b3b3b3
symbolIcon.constructorForeground#b180d7
symbolIcon.enumeratorForeground#ee9d28
symbolIcon.enumeratorMemberForeground#75beff
symbolIcon.eventForeground#ee9d28
symbolIcon.fieldForeground#75beff
symbolIcon.fileForeground#b3b3b3
symbolIcon.folderForeground#b3b3b3
symbolIcon.functionForeground#b180d7
symbolIcon.interfaceForeground#75beff
symbolIcon.keyForeground#b3b3b3
symbolIcon.keywordForeground#b3b3b3
symbolIcon.methodForeground#b180d7
symbolIcon.moduleForeground#b3b3b3
symbolIcon.namespaceForeground#b3b3b3
symbolIcon.nullForeground#b3b3b3
symbolIcon.numberForeground#b3b3b3
symbolIcon.objectForeground#b3b3b3
symbolIcon.operatorForeground#b3b3b3
symbolIcon.packageForeground#b3b3b3
symbolIcon.propertyForeground#b3b3b3
symbolIcon.referenceForeground#b3b3b3
symbolIcon.snippetForeground#b3b3b3
symbolIcon.stringForeground#b3b3b3
symbolIcon.structForeground#b3b3b3
symbolIcon.textForeground#b3b3b3
symbolIcon.typeParameterForeground#b3b3b3
symbolIcon.unitForeground#b3b3b3
symbolIcon.variableForeground#75beff
tab.activeBackground#181818
tab.activeBorder#dedede
tab.activeForeground#b18840
tab.activeModifiedBorder#3399cc
tab.border#1a1a1a
tab.inactiveBackground#212121
tab.inactiveForeground#dedede
tab.inactiveModifiedBorder#3399cc80
tab.lastPinnedBorder#585858
tab.unfocusedActiveBackground#181818
tab.unfocusedActiveBorder#dedede80
tab.unfocusedActiveForeground#b1884080
tab.unfocusedActiveModifiedBorder#3399cc80
tab.unfocusedInactiveBackground#212121
tab.unfocusedInactiveForeground#dedede80
tab.unfocusedInactiveModifiedBorder#3399cc40
terminal.ansiBlack#000000
terminal.ansiBlue#2472c8
terminal.ansiBrightBlack#666666
terminal.ansiBrightBlue#3b8eea
terminal.ansiBrightCyan#29b8db
terminal.ansiBrightGreen#23d18b
terminal.ansiBrightMagenta#d670d6
terminal.ansiBrightRed#f14c4c
terminal.ansiBrightWhite#e5e5e5
terminal.ansiBrightYellow#f5f543
terminal.ansiCyan#11a8cd
terminal.ansiGreen#0dbc79
terminal.ansiMagenta#bc3fbc
terminal.ansiRed#cd3131
terminal.ansiWhite#e5e5e5
terminal.ansiYellow#e5e510
terminal.background#181818
terminal.border#535353
terminal.foreground#dedede
terminal.selectionBackground#ffffff40
terminalCursor.foreground#b18840
textBlockQuote.background#7f7f7f1a
textBlockQuote.border#007acc80
textCodeBlock.background#18181866
textLink.activeForeground#3794ff
textLink.foreground#3794ff
textPreformat.foreground#d7ba7d
textSeparator.foreground#ffffff2e
titleBar.activeBackground#181818
titleBar.activeForeground#b18840
titleBar.inactiveBackground#181818
titleBar.inactiveForeground#b18840
tree.indentGuidesStroke#585858
walkThrough.embeddedEditorBackground#1a1a1a
welcomePage.background#181818
widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
entity.name.tag	#FFD632E0	—
keyword.operator	#4084B191	—
variable.other.readwrite.alias	#909090	—
support.type.property-name.json	#909090	bold
support.type.property-name.json punctuation	#909090	—
meta.object-literal.key	#D56012	—
comment, punctuation.definition.comment	#B19A4091	italic
variable, string constant.other.placeholder	#EEFFFF	—
constant.other.color	#FFFFFF	—
invalid, invalid.illegal	#c43f3f	—
keyword, storage.type, storage.modifier	#F5AA28	—
keyword.control, constant.other.color, punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#F5AA28	—
meta.tag	#DEDEDE	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#F07178	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#909090	—
meta.block variable.other	#F07178	—
support.other.variable, string.other.link	#F07178	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#CC922D	—
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	#DEDEDE	—
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#FFCB6B	—
support.type	#B18840	—
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	#B2CCD6	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#c43f3f	—
variable.language	#c43f3f	italic
entity.name.method.js	#82AAFF	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#82AAFF	—
entity.other.attribute-name	#C792EA	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#FFCB6B	italic
entity.other.attribute-name.class	#FFCB6B	—
source.sass keyword.control	#82AAFF	—
markup.inserted	#C3E88D	—
markup.deleted	#c43f3f	—
markup.changed	#C792EA	—
string.regexp	#89DDFF	—
constant.character.escape	#89DDFF	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#82AAFF	italic
source.js constant.other.object.key.js string.unquoted.label.js	#c43f3f	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#C792EA	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FFCB6B	—
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	#F78C6C	—
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	#c43f3f	—
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	#C17E70	—
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	#82AAFF	—
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	#F07178	—
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	#C792EA	—
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	#C3E88D	—
text.html.markdown, punctuation.definition.list_item.markdown	#EEFFFF	—
text.html.markdown markup.inline.raw.markdown	#C792EA	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#65737E	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#C3E88D	—
markup.italic	#F07178	italic
markup.bold, markup.bold string	#F07178	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	#F07178	bold
markup.underline	#F78C6C	underline
markup.quote punctuation.definition.blockquote.markdown	#65737E	—
markup.quote	—	italic
string.other.link.title.markdown	#82AAFF	—
string.other.link.description.title.markdown	#C792EA	—
constant.other.reference.link.markdown	#FFCB6B	—
markup.raw.block	#C792EA	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#EEFFFF	—
variable.language.fenced.markdown	#65737E	—
meta.separator	#65737E	bold
markup.table	#EEFFFF	—
comment	#977231	—
punctuation.definition.comment	#977231	—
string	#909090	—
meta.embedded.assembly	#909090	—
keyword - keyword.operator	#CC922D	—
keyword.control	#CC922D	—
storage	#CC922D	—
storage.type	#CC922D	—
constant.numeric	#E3950E	—
entity.name.type	#BEC2BE	—
entity.name.class	#BEC2BE	—
support.type	#BEC2BE	—
support.class	#BEC2BE	—
entity.name.function	#942C2C	—
support.function	#942C2C	—
variable	#72729E	—
entity.name.variable	#72729E	—
entity.other.attribute-name	#DEDEDE	—
meta.block variable.other	#DAAA58	—
meta.object-literal.key	#D1B179	—
source.json meta.structure.dictionary.json support.type.property-name.json	#942C2C	—
constant.character.escape	#F5AA28	—
entity.name.tag	#E3950E	—
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	#E3950E	—
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	#72729E	—
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}!`;
}