The A-Themes: Midnight.Ultra

Name: The A-Themes: Midnight.Ultra
Author: The-A-Themes

Publisher: The-A-ThemesThemes in package: 1

A full VS Code dark theme based on the JavaScript Garden and CodeMirror Midnight palette.

GitHub

VS Code preview

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

The A-Themes: Midnight.Ultra — Midnight Ultra by The A-Themes

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#0F192A
activityBar.activeBorder#FFAA3E
activityBar.background#0A1220
activityBar.border#1A2A3D
activityBar.foreground#FFAA3E
activityBar.inactiveForeground#6F8497
activityBarBadge.background#9E1B1B
activityBarBadge.foreground#F8F8F0
badge.background#314D67
badge.foreground#D1EDFF
breadcrumb.activeSelectionForeground#FFFFFF
breadcrumb.background#0F192A
breadcrumb.focusForeground#44DDDD
breadcrumb.foreground#D0D0D0
breadcrumbPicker.background#0A1220
button.background#253540
button.foreground#D1EDFF
button.hoverBackground#314D67
button.secondaryBackground#132238
button.secondaryForeground#D1EDFF
button.secondaryHoverBackground#1A2A3D
charts.blue#428BDD
charts.foreground#D1EDFF
charts.green#1DC116
charts.lines#253540
charts.orange#FFAA3E
charts.purple#AE81FF
charts.red#E83737
charts.yellow#FFAA3E
checkbox.background#0A1220
checkbox.border#314D67
checkbox.foreground#D1EDFF
commandCenter.activeBackground#253540
commandCenter.activeBorder#428BDD
commandCenter.activeForeground#FFFFFF
commandCenter.background#0A1220
commandCenter.border#1A2A3D
commandCenter.foreground#D1EDFF
debugConsole.errorForeground#F92672
debugConsole.infoForeground#428BDD
debugConsole.sourceForeground#AE81FF
debugConsole.warningForeground#FFAA3E
debugConsoleInputIcon.foreground#44DDDD
debugExceptionWidget.background#3A1628
debugExceptionWidget.border#F92672
debugIcon.breakpointDisabledForeground#6F8497
debugIcon.breakpointForeground#F92672
debugIcon.breakpointUnverifiedForeground#FFAA3E
debugIcon.continueForeground#1DC116
debugIcon.disconnectForeground#E83737
debugIcon.pauseForeground#428BDD
debugIcon.restartForeground#1DC116
debugIcon.startForeground#1DC116
debugIcon.stepBackForeground#44DDDD
debugIcon.stepIntoForeground#44DDDD
debugIcon.stepOutForeground#44DDDD
debugIcon.stepOverForeground#44DDDD
debugIcon.stopForeground#E83737
debugToolBar.background#0A1220
debugToolBar.border#253540
descriptionForeground#D0D0D0
diffEditor.border#253540
diffEditor.diagonalFill#253540
diffEditor.insertedLineBackground#1DC11618
diffEditor.insertedTextBackground#1DC11622
diffEditor.removedLineBackground#F9267218
diffEditor.removedTextBackground#F9267222
dropdown.background#0A1220
dropdown.border#253540
dropdown.foreground#D1EDFF
dropdown.listBackground#0F192A
editor.background#0F192A
editor.findMatchBackground#314D67FC
editor.findMatchBorder#314D67
editor.findMatchHighlightBackground#314D6799
editor.findRangeHighlightBackground#25354099
editor.foreground#D1EDFF
editor.hoverHighlightBackground#25354088
editor.inactiveSelectionBackground#253540AA
editor.lineHighlightBackground#253540
editor.lineHighlightBorder#00000000
editor.linkedEditingBackground#44DDDD22
editor.rangeHighlightBackground#25354066
editor.selectionBackground#314D67
editor.selectionForeground#FFFFFF
editor.selectionHighlightBackground#314D6755
editor.snippetFinalTabstopHighlightBorder#44DDDD
editor.snippetTabstopHighlightBackground#314D6744
editor.symbolHighlightBackground#25354099
editor.wordHighlightBackground#314D6744
editor.wordHighlightStrongBackground#314D6766
editorBracketHighlight.foreground1#D1EDFF
editorBracketHighlight.foreground2#44DDDD
editorBracketHighlight.foreground3#A6E22E
editorBracketHighlight.foreground4#FFAA3E
editorBracketHighlight.foreground5#AE81FF
editorBracketHighlight.foreground6#428BDD
editorBracketMatch.background#314D6733
editorBracketMatch.border#FFFFFF
editorBracketMatch.foreground#FFFFFF
editorBracketPairGuide.activeBackground1#FFFFFF99
editorBracketPairGuide.activeBackground2#44DDDD99
editorBracketPairGuide.activeBackground3#A6E22E99
editorBracketPairGuide.background1#D1EDFF33
editorBracketPairGuide.background2#44DDDD33
editorBracketPairGuide.background3#A6E22E33
editorCodeLens.foreground#6F8497
editorCursor.foreground#F8F8F0
editorError.foreground#F92672
editorGroup.border#1A2A3D
editorGroup.dropBackground#314D6744
editorGroup.emptyBackground#0F192A
editorGroupHeader.border#1A2A3D
editorGroupHeader.noTabsBackground#0A1220
editorGroupHeader.tabsBackground#0A1220
editorGroupHeader.tabsBorder#1A2A3D
editorGutter.addedBackground#1DC116
editorGutter.background#0F192A
editorGutter.commentRangeForeground#428BDD
editorGutter.deletedBackground#F92672
editorGutter.foldingControlForeground#8FA7B8
editorGutter.modifiedBackground#428BDD
editorHint.foreground#44DDDD
editorHoverWidget.background#0A1220
editorHoverWidget.border#253540
editorIndentGuide.activeBackground1#314D67
editorIndentGuide.background1#253540
editorInfo.foreground#428BDD
editorInlayHint.background#25354099
editorInlayHint.foreground#8FA7B8
editorLightBulb.foreground#FFAA3E
editorLightBulbAutoFix.foreground#1DC116
editorLineNumber.activeForeground#FFFFFF
editorLineNumber.foreground#D0D0D0
editorLink.activeForeground#44DDDD
editorMarkerNavigation.background#0A1220
editorMarkerNavigationError.background#F92672
editorMarkerNavigationInfo.background#428BDD
editorMarkerNavigationWarning.background#FFAA3E
editorOverviewRuler.addedForeground#1DC11699
editorOverviewRuler.border#0A1220
editorOverviewRuler.bracketMatchForeground#FFFFFF
editorOverviewRuler.deletedForeground#F9267299
editorOverviewRuler.errorForeground#F92672
editorOverviewRuler.findMatchForeground#314D67FC
editorOverviewRuler.infoForeground#428BDD
editorOverviewRuler.modifiedForeground#428BDD99
editorOverviewRuler.rangeHighlightForeground#25354099
editorOverviewRuler.selectionHighlightForeground#314D67CC
editorOverviewRuler.warningForeground#FFAA3E
editorRuler.foreground#253540
editorStickyScroll.background#132238
editorStickyScroll.border#1A2A3D
editorStickyScroll.shadow#00000066
editorSuggestWidget.background#0A1220
editorSuggestWidget.border#253540
editorSuggestWidget.highlightForeground#44DDDD
editorSuggestWidget.selectedBackground#253540
editorUnnecessaryCode.opacity#000000A5
editorWarning.foreground#FFAA3E
editorWhitespace.foreground#253540
editorWidget.background#0A1220
editorWidget.border#253540
editorWidget.foreground#D1EDFF
errorForeground#F92672
extensionButton.prominentBackground#253540
extensionButton.prominentForeground#D1EDFF
extensionButton.prominentHoverBackground#314D67
focusBorder#428BDD99
foreground#D1EDFF
gitDecoration.addedResourceForeground#1DC116
gitDecoration.conflictingResourceForeground#FFAA3E
gitDecoration.deletedResourceForeground#F92672
gitDecoration.ignoredResourceForeground#6F8497
gitDecoration.modifiedResourceForeground#FFAA3E
gitDecoration.renamedResourceForeground#44DDDD
gitDecoration.stageDeletedResourceForeground#F92672
gitDecoration.stageModifiedResourceForeground#44DDDD
gitDecoration.submoduleResourceForeground#AE81FF
icon.foreground#D1EDFF
inlineChat.background#0A1220
inlineChat.border#253540
inlineChat.shadow#00000066
inlineChatDiff.inserted#1DC11622
inlineChatDiff.removed#F9267222
inlineChatInput.border#253540
inlineChatInput.focusBorder#428BDD
inlineChatInput.placeholderForeground#6F8497
input.background#0A1220
input.border#253540
input.foreground#D1EDFF
input.placeholderForeground#6F8497
inputOption.activeBackground#253540
inputOption.activeBorder#428BDD
inputOption.activeForeground#D1EDFF
inputValidation.errorBackground#3A1628
inputValidation.errorBorder#F92672
inputValidation.infoBackground#132238
inputValidation.infoBorder#428BDD
inputValidation.warningBackground#382A13
inputValidation.warningBorder#FFAA3E
list.activeSelectionBackground#314D67
list.activeSelectionForeground#FFFFFF
list.dropBackground#253540
list.errorForeground#F92672
list.filterMatchBackground#314D6799
list.focusBackground#253540
list.focusForeground#FFFFFF
list.highlightForeground#44DDDD
list.hoverBackground#1A2A3D
list.hoverForeground#D1EDFF
list.inactiveSelectionBackground#253540
list.inactiveSelectionForeground#D1EDFF
list.invalidItemForeground#F92672
list.warningForeground#FFAA3E
menu.background#0A1220
menu.border#253540
menu.foreground#D1EDFF
menu.selectionBackground#253540
menu.selectionForeground#FFFFFF
menu.separatorBackground#253540
menubar.selectionBackground#253540
menubar.selectionForeground#FFFFFF
merge.border#253540
merge.currentContentBackground#428BDD18
merge.currentHeaderBackground#428BDD33
merge.incomingContentBackground#1DC11618
merge.incomingHeaderBackground#1DC11633
minimap.background#0F192A
minimap.errorHighlight#F92672CC
minimap.findMatchHighlight#314D67FC
minimap.selectionHighlight#314D67CC
minimap.warningHighlight#FFAA3ECC
minimapGutter.addedBackground#1DC116
minimapGutter.deletedBackground#F92672
minimapGutter.modifiedBackground#428BDD
notebook.cellBorderColor#1A2A3D
notebook.cellHoverBackground#132238
notebook.cellInsertionIndicator#428BDD
notebook.cellStatusBarItemHoverBackground#253540
notebook.cellToolbarSeparator#1A2A3D
notebook.focusedCellBackground#132238
notebook.focusedCellBorder#428BDD
notebook.focusedEditorBorder#428BDD
notebook.inactiveFocusedCellBorder#253540
notebook.outputContainerBackgroundColor#0A1220
notebook.selectedCellBackground#253540
notebook.symbolHighlightBackground#314D6755
notebookScrollbarSlider.activeBackground#314D67CC
notebookScrollbarSlider.background#25354099
notebookScrollbarSlider.hoverBackground#314D6799
notificationCenter.border#253540
notificationCenterHeader.background#132238
notificationCenterHeader.foreground#D1EDFF
notificationLink.foreground#AE81FF
notifications.background#0A1220
notifications.border#253540
notifications.foreground#D1EDFF
notificationsErrorIcon.foreground#F92672
notificationsInfoIcon.foreground#428BDD
notificationsWarningIcon.foreground#FFAA3E
notificationToast.border#253540
panel.background#0A1220
panel.border#1A2A3D
panel.dropBorder#428BDD
panelInput.border#253540
panelTitle.activeBorder#428BDD
panelTitle.activeForeground#D1EDFF
panelTitle.inactiveForeground#8FA7B8
peekView.border#428BDD
peekViewEditor.background#0F192A
peekViewEditor.matchHighlightBackground#314D67FC
peekViewResult.background#0A1220
peekViewResult.fileForeground#D1EDFF
peekViewResult.lineForeground#8FA7B8
peekViewResult.matchHighlightBackground#314D6799
peekViewResult.selectionBackground#253540
peekViewResult.selectionForeground#FFFFFF
peekViewTitle.background#0A1220
peekViewTitleDescription.foreground#8FA7B8
peekViewTitleLabel.foreground#D1EDFF
pickerGroup.border#253540
pickerGroup.foreground#44DDDD
ports.iconRunningProcessForeground#1DC116
problemsErrorIcon.foreground#F92672
problemsInfoIcon.foreground#428BDD
problemsWarningIcon.foreground#FFAA3E
progressBar.background#428BDD
quickInput.background#0A1220
quickInput.foreground#D1EDFF
quickInputList.focusBackground#253540
quickInputList.focusForeground#FFFFFF
quickInputTitle.background#132238
sash.hoverBorder#428BDD
scrollbar.shadow#00000066
scrollbarSlider.activeBackground#314D67CC
scrollbarSlider.background#25354099
scrollbarSlider.hoverBackground#314D6799
selection.background#314D67
settings.checkboxBackground#0A1220
settings.checkboxBorder#314D67
settings.checkboxForeground#D1EDFF
settings.dropdownBackground#0A1220
settings.dropdownBorder#253540
settings.dropdownForeground#D1EDFF
settings.focusedRowBackground#132238
settings.headerForeground#D1EDFF
settings.modifiedItemIndicator#428BDD
settings.numberInputBackground#0A1220
settings.numberInputBorder#253540
settings.numberInputForeground#D1EDFF
settings.textInputBackground#0A1220
settings.textInputBorder#253540
settings.textInputForeground#D1EDFF
sideBar.background#0C1524
sideBar.border#1A2A3D
sideBar.foreground#D1EDFF
sideBarSectionHeader.background#0F192A
sideBarSectionHeader.border#1A2A3D
sideBarSectionHeader.foreground#D1EDFF
sideBarTitle.foreground#D0D0D0
statusBar.background#0A1220
statusBar.border#1A2A3D
statusBar.debuggingBackground#3A1628
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#D1EDFF
statusBar.noFolderBackground#0A1220
statusBar.noFolderForeground#D1EDFF
statusBarItem.activeBackground#314D67
statusBarItem.errorBackground#E83737
statusBarItem.errorForeground#F8F8F0
statusBarItem.hoverBackground#253540
statusBarItem.prominentBackground#253540
statusBarItem.prominentForeground#D1EDFF
statusBarItem.prominentHoverBackground#314D67
statusBarItem.warningBackground#FFAA3E
statusBarItem.warningForeground#0F192A
symbolIcon.arrayForeground#FFAA3E
symbolIcon.booleanForeground#E83737
symbolIcon.classForeground#44DDDD
symbolIcon.colorForeground#AE81FF
symbolIcon.constantForeground#AE81FF
symbolIcon.constructorForeground#44DDDD
symbolIcon.enumeratorForeground#44DDDD
symbolIcon.enumeratorMemberForeground#AE81FF
symbolIcon.eventForeground#44DDDD
symbolIcon.fieldForeground#A6E22E
symbolIcon.fileForeground#D1EDFF
symbolIcon.folderForeground#8FA7B8
symbolIcon.functionForeground#44DDDD
symbolIcon.interfaceForeground#44DDDD
symbolIcon.keyForeground#A6E22E
symbolIcon.keywordForeground#E83737
symbolIcon.methodForeground#44DDDD
symbolIcon.moduleForeground#44DDDD
symbolIcon.namespaceForeground#44DDDD
symbolIcon.nullForeground#E83737
symbolIcon.numberForeground#AE81FF
symbolIcon.objectForeground#44DDDD
symbolIcon.operatorForeground#FFD37A
symbolIcon.packageForeground#44DDDD
symbolIcon.propertyForeground#A6E22E
symbolIcon.referenceForeground#AE81FF
symbolIcon.snippetForeground#1DC116
symbolIcon.stringForeground#1DC116
symbolIcon.structForeground#44DDDD
symbolIcon.textForeground#D1EDFF
symbolIcon.typeParameterForeground#44DDDD
symbolIcon.unitForeground#AE81FF
symbolIcon.variableForeground#FFAA3E
tab.activeBackground#0F192A
tab.activeBorder#FFAA3E
tab.activeBorderTop#FFAA3E
tab.activeForeground#D1EDFF
tab.border#1A2A3D
tab.hoverBackground#132238
tab.hoverForeground#FFAA3E
tab.inactiveBackground#0A1220
tab.inactiveForeground#8FA7B8
tab.lastPinnedBorder#253540
tab.unfocusedActiveBackground#0F192A
tab.unfocusedActiveForeground#D1EDFFCC
tab.unfocusedInactiveBackground#0A1220
tab.unfocusedInactiveForeground#6F8497
terminal.ansiBlack#0A1220
terminal.ansiBlue#428BDD
terminal.ansiBrightBlack#6F8497
terminal.ansiBrightBlue#6FA6FF
terminal.ansiBrightCyan#78FFFF
terminal.ansiBrightGreen#A6E22E
terminal.ansiBrightMagenta#C7A0FF
terminal.ansiBrightRed#F92672
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#FFD37A
terminal.ansiCyan#44DDDD
terminal.ansiGreen#1DC116
terminal.ansiMagenta#AE81FF
terminal.ansiRed#E83737
terminal.ansiWhite#D1EDFF
terminal.ansiYellow#FFAA3E
terminal.background#0F192A
terminal.border#1A2A3D
terminal.foreground#D1EDFF
terminal.selectionBackground#314D67
terminalCursor.background#0F192A
terminalCursor.foreground#F8F8F0
testing.iconFailed#F92672
testing.iconPassed#1DC116
testing.iconQueued#FFAA3E
testing.iconSkipped#8FA7B8
testing.iconUnset#6F8497
testing.message.info.decorationForeground#428BDD
testing.peekBorder#428BDD
textBlockQuote.background#132238
textBlockQuote.border#253540
textCodeBlock.background#0A1220
textLink.activeForeground#44DDDD
textLink.foreground#AE81FF
textPreformat.foreground#D1EDFF
textSeparator.foreground#253540
titleBar.activeBackground#0A1220
titleBar.activeForeground#D1EDFF
titleBar.border#1A2A3D
titleBar.inactiveBackground#0A1220
titleBar.inactiveForeground#6F8497
tree.indentGuidesStroke#253540
walkThrough.embeddedEditorBackground#0A1220
welcomePage.progress.background#253540
welcomePage.progress.foreground#428BDD
window.activeBorder#253540
window.inactiveBorder#0A1220

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#547194	italic
variable, string constant.other.placeholder	#FFAA3E	—
constant.other.color	#D1EDFF	—
invalid, invalid.illegal	#F92672	underline
keyword, storage.type, storage.modifier	#E83737	—
keyword.control, keyword.operator.expression	#E83737	—
punctuation, punctuation.separator, punctuation.terminator, punctuation.section, meta.brace, meta.delimiter	#8FA7B8	—
keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.relational, keyword.operator.comparison, keyword.operator.logical, keyword.operator.ternary, keyword.operator.expression, storage.type.function.arrow	#FFD37A	—
punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end	#8FA7B8	—
entity.name.tag, meta.tag.sgml, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html	#E83737	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#44DDDD	—
meta.block variable.other	#FFAA3E	—
support.other.variable, string.other.link	#FFAA3E	—
constant.numeric, keyword.other.unit	#AE81FF	—
constant.language, support.constant, constant.character, constant.escape, constant.other.symbol, constant.other.key	#AE81FF	—
variable.parameter	#FFAA3E	—
string, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#1DC116	—
entity.name, entity.other.inherited-class, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, support.type.sys-types	#44DDDD	—
support.type	#44DDDD	—
support.type.property-name, variable.other.property, meta.property-name, 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	#A6E22E	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#44DDDD	—
variable.language	#E83737	—
entity.name.method.js	#44DDDD	—
meta.class-method.js entity.name.function.js, variable.function.constructor	#44DDDD	—
entity.other.attribute-name	#A6E22E	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#A6E22E	—
entity.other.attribute-name.class	#FFAA3E	—
entity.other.attribute-name.id, source.sass keyword.control	#AE81FF	—
markup.inserted, markup.inserted.git_gutter	#1DC116	—
markup.deleted, markup.deleted.git_gutter	#F92672	—
markup.changed, markup.changed.git_gutter	#428BDD	—
string.regexp	#AE81FF	—
constant.character.escape	#AE81FF	—
url, link, uri	#AE81FF	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, meta.decorator, entity.name.function.decorator	#AE81FF	—
source.js constant.other.object.key.js string.unquoted.label.js	#A6E22E	—
source.json meta.structure.dictionary.json support.type.property-name.json	#A6E22E	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FFAA3E	—
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	#44DDDD	—
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	#E83737	—
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	#AE81FF	—
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	#428BDD	—
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	#A6E22E	—
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	#FFAA3E	—
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	#44DDDD	—
entity.name.type, entity.name.type.alias, entity.name.type.parameter, entity.name.enum, entity.name.namespace, entity.name.module	#44DDDD	—
keyword.control.import, keyword.control.export, keyword.control.from	#E83737	—
meta.import, meta.export	#AE81FF	—
meta.method-call, meta.function-call.method	#44DDDD	—
variable.other.constant, variable.other.readwrite, support.variable.magic, constant.language.boolean	#AE81FF	—
storage.type.annotation, storage.type.function, meta.definition.property	#AE81FF	—
meta.environment.react, meta.tag.jsx	#44DDDD	—
meta.macro.rust, entity.name.function.macro.rust	#AE81FF	—
support.type.python, entity.name.type.class.python, support.variable.magic.python	#44DDDD	—
text.html.markdown, punctuation.definition.list_item.markdown	#D1EDFF	—
text.html.markdown markup.inline.raw.markdown	#1DC116	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#6F8497	—
markdown.heading, markup.heading, markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#44DDDD	—
markup.italic	#FFAA3E	italic
markup.bold, markup.bold string	#FFAA3E	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	#FFAA3E	bold italic
markup.underline	#AE81FF	underline
markup.quote punctuation.definition.blockquote.markdown	#428BDD	—
markup.quote	#8FA7B8	italic
string.other.link.title.markdown	#AE81FF	—
string.other.link.description.title.markdown	#1DC116	—
constant.other.reference.link.markdown	#FFAA3E	—
markup.raw.block	#1DC116	—
markup.raw.block.fenced.markdown	#D1EDFF	—
punctuation.definition.fenced.markdown	#6F8497	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#D1EDFF	—
variable.language.fenced.markdown	#44DDDD	—
meta.separator	#428BDD	bold
markup.table	#D1EDFF	—

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