Fitz Dark Italic

Name: Fitz Dark Italic
Author: Shea Fitzek

Publisher: Shea FitzekThemes in package: 1

A VS Code dark ui/syntax color theme with italics

Open in VS Code GitHub

VS Code preview

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

Fitz Dark Italic — Fitz Dark Italic

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.background#3c3c3c
activityBar.border#877fff99
activityBar.dropBackground#3c3c3c
activityBar.foreground#00ffffcc
activityBarBadge.background#ffb3ff
activityBarBadge.foreground#000000
badge.background#ffb3ff
badge.foreground#000000
breadcrumb.activeSelectionForeground#ffb3ff
breadcrumb.focusForeground#ffb3ff
breadcrumb.foreground#c3c3c3
breadcrumbPicker.background#1e1e1e
button.background#80beff
button.foreground#000000
button.hoverBackground#ffb3ff
contrastActiveBorder#e1e1e100
contrastBorder#e1e1e100
debugExceptionWidget.background#3c3c3ccc
debugExceptionWidget.border#ff000099
debugToolBar.background#3c3c3c
debugToolBar.border#ffb3ffcc
descriptionForeground#c3c3c3
diffEditor.insertedTextBackground#00ff0022
diffEditor.insertedTextBorder#00ff0000
diffEditor.removedTextBackground#ff000022
diffEditor.removedTextBorder#ff000000
dropdown.background#3c3c3c
dropdown.border#ffb3ffcc
dropdown.foreground#00ffff
dropdown.listBackground#1e1e1e
editor.background#1e1e1e
editor.findMatchBackground#9cff4c00
editor.findMatchBorder#9cff4ccc
editor.findMatchHighlightBackground#9cff4c00
editor.findMatchHighlightBorder#9cff4c99
editor.findRangeHighlightBackground#e1e1e133
editor.findRangeHighlightBorder#e1e1e100
editor.foreground#e1e1e1
editor.hoverHighlightBackground#e1e1e133
editor.inactiveSelectionBackground#1e1e1e33
editor.lineHighlightBackground#9cff4c33
editor.lineHighlightBorder#877fff99
editor.rangeHighlightBackground#00ffff33
editor.rangeHighlightBorder#00ffff99
editor.selectionBackground#e1e1e133
editor.selectionForeground#ffb3ff
editor.selectionHighlightBackground#ffb3ff00
editor.selectionHighlightBorder#ffb3ff99
editor.wordHighlightBackground#80beff00
editor.wordHighlightBorder#80beff99
editor.wordHighlightStrongBackground#fcf27000
editor.wordHighlightStrongBorder#fcf270cc
editorBracketMatch.background#3c3c3c
editorBracketMatch.border#fcf27099
editorCodeLens.foreground#c3c3c3cc
editorCursor.background#9cff4c
editorCursor.foreground#9cff4c
editorError.border#ff000000
editorError.foreground#ff0000cc
editorGroup.border#877fff99
editorGroup.dropBackground#55555599
editorGroup.emptyBackground#55555599
editorGroup.focusedEmptyBorder#877fff88
editorGroupHeader.noTabsBackground#1e1e1e
editorGroupHeader.tabsBackground#1e1e1e
editorGroupHeader.tabsBorder#80beff99
editorGutter.addedBackground#00ff00cc
editorGutter.background#3c3c3c99
editorGutter.deletedBackground#ff0000cc
editorGutter.modifiedBackground#ffa500cc
editorHint.border#fcf27000
editorHint.foreground#fcf270
editorHoverWidget.background#3c3c3ccc
editorHoverWidget.border#ffb3ffcc
editorIndentGuide.activeBackground#ffb3ff99
editorIndentGuide.background#3c3c3c99
editorInfo.border#00ff0000
editorInfo.foreground#00ff00cc
editorLineNumber.activeForeground#ffb3ff
editorLineNumber.foreground#00ffff
editorLink.activeForeground#c3c3c3
editorMarkerNavigation.background#3c3c3ccc
editorMarkerNavigationError.background#ff000099
editorMarkerNavigationInfo.background#00ff0099
editorMarkerNavigationWarning.background#ffa50099
editorOverviewRuler.addedForeground#00ff0099
editorOverviewRuler.border#877fff99
editorOverviewRuler.bracketMatchForeground#877fff99
editorOverviewRuler.commonContentForeground#f9690ecc
editorOverviewRuler.currentContentForeground#28a228cc
editorOverviewRuler.deletedForeground#ff000099
editorOverviewRuler.errorForeground#ff0000cc
editorOverviewRuler.findMatchForeground#9cff4c99
editorOverviewRuler.incomingContentForeground#0047ffcc
editorOverviewRuler.infoForeground#00ff00cc
editorOverviewRuler.modifiedForeground#ffa50099
editorOverviewRuler.rangeHighlightForeground#00ffff99
editorOverviewRuler.selectionHighlightForeground#ffb3ff99
editorOverviewRuler.warningForeground#ffa500cc
editorOverviewRuler.wordHighlightForeground#80beff99
editorOverviewRuler.wordHighlightStrongForeground#fcf27099
editorPane.background#3c3c3c
editorRuler.foreground#877fff99
editorSuggestWidget.background#3c3c3ccc
editorSuggestWidget.border#ffb3ffcc
editorSuggestWidget.foreground#c3c3c3
editorSuggestWidget.highlightForeground#877fff
editorSuggestWidget.selectedBackground#1e1e1ecc
editorWarning.border#ffa50000
editorWarning.foreground#ffa500cc
editorWhitespace.foreground#e1e1e166
editorWidget.background#3c3c3ccc
editorWidget.border#ffb3ffcc
errorForeground#ff0000cc
extensionButton.prominentBackground#877fff
extensionButton.prominentForeground#1e1e1e
extensionButton.prominentHoverBackground#ffb3ff
focusBorder#00ffff99
foreground#c3c3c3
gitDecoration.conflictingResourceForeground#804bff
gitDecoration.deletedResourceForeground#ff7fff
gitDecoration.ignoredResourceForeground#777777
gitDecoration.modifiedResourceForeground#f9690e
gitDecoration.submoduleResourceForeground#23d6f1
gitDecoration.untrackedResourceForeground#f0f040
input.background#3c3c3c
input.border#877fff99
input.foreground#fcf270
input.placeholderForeground#fcf27099
inputOption.activeBorder#80beffcc
inputValidation.errorBackground#1e1e1e
inputValidation.errorBorder#ff0000cc
inputValidation.infoBackground#1e1e1e
inputValidation.infoBorder#00ff00cc
inputValidation.warningBackground#1e1e1e
inputValidation.warningBorder#ffa500cc
list.activeSelectionBackground#3c3c3c
list.activeSelectionForeground#ffb3ff
list.dropBackground#3c3c3c
list.errorForeground#ff0000cc
list.focusBackground#3c3c3c
list.focusForeground#ffb3ff
list.highlightForeground#80beff
list.hoverBackground#3c3c3c99
list.hoverForeground#877fff
list.inactiveFocusBackground#ffb3ff
list.inactiveSelectionBackground#3c3c3c
list.inactiveSelectionForeground#ffb3ff
list.invalidItemForeground#ff0000
list.warningForeground#ffa500cc
menu.background#1e1e1e
menu.foreground#c3c3c3
menu.selectionBackground#3c3c3c99
menu.selectionBorder#3c3c3c
menu.selectionForeground#877fff
menubar.selectionBackground#555555
menubar.selectionBorder#ffb3ffcc
menubar.selectionForeground#00ffff
merge.border#e1e1e100
merge.commonContentBackground#f9690e33
merge.commonHeaderBackground#f9690e66
merge.currentContentBackground#28a22833
merge.currentHeaderBackground#28a22866
merge.incomingContentBackground#0047ff33
merge.incomingHeaderBackground#0047ff66
notificationCenter.border#ffb3ff99
notificationCenterHeader.background#3c3c3c
notificationCenterHeader.foreground#e1e1e1
notificationLink.foreground#877fff
notifications.background#1e1e1e
notifications.border#80beff99
notifications.foreground#e1e1e1
notificationToast.border#ffb3ff99
panel.background#3c3c3c
panel.border#80beff99
panel.dropBackground#555555
panelTitle.activeBorder#80beff
panelTitle.activeForeground#80beff
panelTitle.inactiveForeground#c3c3c3
peekView.border#80beff99
peekViewEditor.background#3c3c3c99
peekViewEditor.matchHighlightBackground#ffb3ff00
peekViewEditor.matchHighlightBorder#ffb3ff99
peekViewEditorGutter.background#1e1e1e
peekViewResult.background#3c3c3c
peekViewResult.fileForeground#c3c3c3
peekViewResult.lineForeground#c3c3c3
peekViewResult.matchHighlightBackground#ffb3ff66
peekViewResult.selectionBackground#1e1e1e66
peekViewResult.selectionForeground#80beff
peekViewTitle.background#3c3c3c
peekViewTitleDescription.foreground#c3c3c3
peekViewTitleLabel.foreground#fcf270
pickerGroup.border#fcf270
pickerGroup.foreground#c3c3c3
progressBar.background#80beff
scrollbar.shadow#80beffcc
scrollbarSlider.activeBackground#9cff4ccc
scrollbarSlider.background#9cff4c66
scrollbarSlider.hoverBackground#9cff4c99
selection.background#c3c3c399
settings.checkboxBackground#3c3c3c
settings.checkboxBorder#e26a9bcc
settings.checkboxForeground#9cff4c
settings.dropdownBackground#3c3c3c
settings.dropdownBorder#ffb3ffcc
settings.dropdownForeground#00ffff
settings.headerForeground#e1e1e1
settings.inactiveSelectedItemBorder#555555
settings.modifiedItemForeground#e13b74
settings.numberInputBackground#3c3c3c
settings.numberInputBorder#0080ff99
settings.numberInputForeground#f39c12
settings.textInputBackground#3c3c3c
settings.textInputBorder#877fff99
settings.textInputForeground#fcf270
sideBar.background#1e1e1e
sideBar.border#877fff99
sideBar.dropBackground#555555
sideBar.foreground#c3c3c3
sideBarSectionHeader.background#1e1e1e
sideBarSectionHeader.foreground#ffb3ff
sideBarTitle.foreground#877fff
statusBar.background#3c3c3c
statusBar.border#80beff99
statusBar.debuggingBackground#3c3c3c
statusBar.debuggingBorder#80beff99
statusBar.debuggingForeground#ffb3ff
statusBar.foreground#80beff
statusBar.noFolderBackground#3c3c3c
statusBar.noFolderBorder#80beff99
statusBar.noFolderForeground#c3c3c3
statusBarItem.activeBackground#877fff
statusBarItem.hoverBackground#555555
statusBarItem.prominentBackground#555555
statusBarItem.prominentHoverBackground#1e1e1e
tab.activeBackground#1e1e1e
tab.activeBorder#9cff4c
tab.activeForeground#ffb3ff
tab.border#877fff99
tab.hoverBackground#555555
tab.hoverBorder#ffb3ff
tab.inactiveBackground#3c3c3c
tab.inactiveForeground#c3c3c3
tab.unfocusedActiveBorder#9cff4c99
tab.unfocusedActiveForeground#877fff
tab.unfocusedHoverBackground#555555
tab.unfocusedHoverBorder#877fff
tab.unfocusedInactiveForeground#c3c3c3
terminal.ansiBlack#1e1e1e
terminal.ansiBlue#0080ff
terminal.ansiBrightBlack#3c3c3c
terminal.ansiBrightBlue#80beff
terminal.ansiBrightCyan#00ffff
terminal.ansiBrightGreen#9cff4c
terminal.ansiBrightMagenta#877fff
terminal.ansiBrightRed#ffb3ff
terminal.ansiBrightWhite#e1e1e1
terminal.ansiBrightYellow#fcf270
terminal.ansiCyan#23d6f1
terminal.ansiGreen#20df20
terminal.ansiMagenta#804bff
terminal.ansiRed#ff7fff
terminal.ansiWhite#c3c3c3
terminal.ansiYellow#f0f040
terminal.background#1e1e1e
terminal.border#877fff99
terminal.foreground#e1e1e1
terminal.selectionBackground#ffb3ff66
terminalCursor.background#ffb3ff
terminalCursor.foreground#ffb3ff
textBlockQuote.background#3c3c3c99
textBlockQuote.border#ffb3ff
textCodeBlock.background#1e1e1e
textLink.activeForeground#ffb3ff
textLink.foreground#877fff
textPreformat.foreground#80beff
textSeparator.foreground#3c3c3c
titleBar.activeBackground#3c3c3c
titleBar.activeForeground#e1e1e1
titleBar.border#80beff99
titleBar.inactiveBackground#e1e1e1
titleBar.inactiveForeground#3c3c3c
walkThrough.embeddedEditorBackground#3c3c3c
welcomePage.buttonBackground#1e1e1e
welcomePage.buttonHoverBackground#3c3c3c
widget.shadow#80beff99

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#777777	italic
comment.line, comment.block, punctuation.definition.comment	#777777	italic
constant	#ff1111	—
constant.character	#80beff	—
constant.language	#ffb3ff	—
constant.numeric	#e26a9b	—
constant.other, constant.other.color.rgb-value	#22a7ff	—
entity, entity.name, entity.name.selector, entity.other	#ff1111	—
entity.name.class	#28a228	bold underline
entity.name.function, entity.name.method	#9cff4ccc	—
entity.name.section	#f0f040	—
entity.name.tag	#0080ff	—
entity.name.type	#76ff76	—
entity.other.attribute-name	#fcf270	—
entity.other.inherited-class	#28a228	bold
invalid, invalid.deprecated, invalid.illegal	#ff0000	—
keyword	#ff1111	—
keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.logical	#f0f040	—
keyword.control, keyword.operator	#23d6f1	—
keyword.operator.new	#0047ff	—
keyword.operator.logical	#ff7fff	—
keyword.other	#00ffff	—
markup, markup.changed, markup.deleted, markup.heading, markup.inserted, markup.list, markup.list.numbered, markup.list.unnumbered, markup.other, markup.quote	#ff1111	—
markup.bold	#e1e1e1	bold
markup.bold markup.italic, markup.italic markup.bold	#e1e1e1	italic bold
markup.fenced_code.block	#877fff	—
markup.fenced_code.block fenced_code.block.language	#22a7ff	—
markup.inline.raw, markup.raw	#22a7ff	—
markup.italic	#e1e1e1	italic
markup.underline	#e1e1e1	underline
markup.underline.link	#23d6f1	—
meta	#ff1111	—
meta.brace	#20df20	—
storage	#ff1111	—
storage.modifier	#0080ff	italic
storage.type	#0080ff	—
storage.type.function.arrow	#f0f040	—
string, punctuation.definition.string	#c3c3c3cc	—
string.template, punctuation.definition.string.template	#c3c3c3cc	—
support, support.other	#ff1111	—
support.class	#28a228	bold
support.constant, support.constant.color, support.constant.font-name, support.constant.property-value, support.variable.property.dom	#22a7ff	—
support.function	#9cff4c	italic
support.type, support.type.exception, support.variable	#f39c12	bold
support.type.property-name	#f9690e	—
variable, variable.name	#ff1111	—
variable.language	#e13b74	italic bold
variable.other	#f39c12	—
variable.other.class	#28a228	bold
variable.other.readwrite	#e13b74	—
variable.parameter	#804bff	bold
punctuation, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.template-expression, punctuation.definition.tag, punctuation.section.embedded.begin, punctuation.section.embedded.end	#20df20	—
punctuation.definition.template-expression	#00ffff	—
punctuation.definition.variable	#00ffff	—
token.debug-token	#ffff00cc	underline
token.error-token	#ff0000cc	underline
token.info-token	#00ff00cc	underline
token.warn-token	#ffa500cc	underline
entity.name.tag.css	#0080ff	—
entity.other.attribute-name.class.css	#76ff76	italic
entity.other.attribute-name.id.css	#f0f040	italic
meta.property-value.css	#22a7ff	—
source.css	#ff1111	—
variable.css	#e13b74	—
variable.argument.css	#e13b74	italic
meta.embedded.block.html entity.other.attribute-name	#0080ff	—
meta.scope.between-tag-pair.html, meta.tag.block.any.html	#20df20	—
meta.tag.inline.any.html, meta.tag.other.html	#f0f040	—
string.quoted.double.html meta	#c3c3c3	—
text.html.basic meta	#f0f040	—
source.ini	#e1e1e1	—
punctuation.separator.key-value.ini	#f0f040	—
constant.other.object.key.js string.unquoted.label.js	#22a7ff	—
keyword.other.template.begin.js, keyword.other.template.end.js	#20df20	—
meta.class.js	#20df20	—
meta.class.js meta.function-call.with-arguments.js variable.function.js, meta.class.js meta.function-call.without-arguments.js variable.function.js	#9cff4c	—
meta.class.js meta.group.braces.curly meta.group.braces.round.js variable.other.readwrite.js	#e13b74	—
meta.class.js meta.group.braces.curly.js meta.function-call.with-arguments.js variable.function.js, meta.class.js meta.group.braces.curly.js meta.function-call.without-arguments.js variable.function.js	#9cff4c	italic
meta.class.js meta.group.braces.round.js variable.other.readwrite.js	#804bff	—
meta.delimiter.comma.js	#20df20	—
meta.function-call.method.with-arguments.js variable.function.js, meta.function-call.method.without-arguments.js variable.function.js, meta.function-call.static.with-arguments.js variable.function.js	#9cff4ccc	italic
meta.function-call.with-arguments.js variable.function.js, meta.function-call.without-arguments.js variable.function.js	#9cff4c	italic
meta.group.braces.round.function.arguments.js	#20df20	—
meta.group.braces.round.js	#20df20	—
meta.group.braces.square.js	#20df20	—
meta.jsx.children.js	#e1e1e1	—
meta.jsx.js	#e1e1e1	—
meta.object-literal.key.js	#22a7ff	—
meta.property.object.js	#fcf270	—
variable.function.constructor.js	#28a228	bold
source.json meta.structure.dictionary.json support.type.property-name.json	#0080ff	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f9690e	—
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	#23d6f1	—
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	#f0f040	—
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	#804bff	—
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	#28a228	—
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	#e13b74	—
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	#ff7fff	—
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	#0047ff	—
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 meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#80beff	—
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 meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f39c12	—
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 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	#00ffff	—
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 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	#fcf270	—
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 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	#877fff	—
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 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	#9cff4c	—
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 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	#22a7ff	—
beginning.punctuation.definition.quote.markdown, beginning.punctuation.definition.list.markdown	#20df20	—
heading.1.markdown entity.name.section.markdown, heading.1.markdown punctuation.definition.heading.markdown	#ff7fff	—
heading.2.markdown entity.name.section.markdown, heading.2.markdown punctuation.definition.heading.markdown	#00ffff	—
heading.3.markdown entity.name.section.markdown, heading.3.markdown punctuation.definition.heading.markdown	#f0f040	—
heading.4.markdown entity.name.section.markdown, heading.4.markdown punctuation.definition.heading.markdown	#ffb3ff	—
heading.5.markdown entity.name.section.markdown, heading.5.markdown punctuation.definition.heading.markdown	#80beff	—
heading.6.markdown entity.name.section.markdown, heading.6.markdown punctuation.definition.heading.markdown	#fcf270	—
markup.fenced_code.block.markdown meta.embedded.block	#22a7ff	—
markup.quote.markdown meta.paragraph.markdown	#c3c3c3cc	—
meta.link.reference.markdown constant.other.reference.link.markdown, meta.image.reference.markdown constant.other.reference.link.markdown	#23d6f1	—
meta.other.valid-ampersand.markdown, meta.other.valid-bracket.markdown	#e1e1e1	—
meta.paragraph.markdown	#e1e1e1	—
meta.separator.markdown	#20df20	—
string.other.link.title.markdown, string.other.link.description.markdown	#22a7ff	—
constant.other.class.php	#28a228	bold
entity.name.type.class.php	#28a228	bold underline
keyword.other.new.php	#0047ff	—
keyword.other.phpdoc.php, meta.other.type.phpdoc.php support.class.builtin.php	#777777	italic
meta.method-call.php entity.name.function.php	#9cff4ccc	italic
variable.other.php	#e13b74	—
keyword.other.statement-separator.powershell	#20df20	—
meta.scriptblock.powershell	#f9690e	—
source.powershell comment.block.powershell comment.documentation.embedded.powershell constant.string.documentation.powershell	#777777	—
source.powershell comment.block.powershell comment.documentation.embedded.powershell keyword.operator.documentation.powershell	#777777	—
comment.unbuffered.block.pug	#777777	—
constant.name.attribute.tag.pug	#20df20	—
text.pug meta.tag.other	#f0f040	—
meta.function-call.arguments.python	#804bff	—
meta.function-call.generic.python	#9cff4c	italic
meta.item-access.arguments.python	#e13b74	—
meta.item-access.python	#f39c12	—
keyword.operator.glob.shell	#f0f040	—
keyword.operator.logical.shell	#ff7fff	—
meta.scope.case-pattern.shell	#ff7fff	—
meta.scope.group.shell, meta.scope.group.shell meta.scope.while-loop.shell	#e13b74	—
meta.scope.if-block.shell, meta.scope.for-in-loop.shell, meta.scope.case-clause-body.shell	#e13b74	—
meta.scope.logical-expression.shell	#e1e1e1	—
entity.name.type.class.ts, entity.name.type.class.tsx	#28a228	bold underline
meta.class.ts meta.function-call.ts entity.name.function.ts, meta.class.tsx meta.function-call.tsx entity.name.function.tsx, meta.function-call.ts entity.name.function.ts, meta.function-call.tsx entity.name.function.tsx	#9cff4c	italic
meta.class.ts support.class.console.ts, meta.class.tsx support.class.console.tsx	#f39c12	bold
meta.object-literal.key.ts, meta.object-literal.key.tsx, variable.object.property.ts, variable.object.property.tsx	#22a7ff	—
meta.tag.xml	#f0f040	—
text.xml meta.tag.preprocessor.xml	#f0f040	—

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