Eigen

Name: Eigen
Author: Igor Sotsugov

Publisher: Igor SotsugovThemes in package: 1

Theme - Eigen: a dark theme based around eigengrau so called uniform dark gray background that many people report seeing in the absence of light.

Open in VS Code GitHub

VS Code preview

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

Eigen — eigen

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#16161d10
activityBar.activeBorder#c792ea80
activityBar.background#16161d
activityBar.dropBorder#d6deeb
activityBar.foreground#d6deeb
activityBar.inactiveForeground#6272a4
activityBarBadge.background#c792ea
activityBarBadge.foreground#d6deeb
badge.background#1e242e
badge.foreground#d6deeb
banner.background#16161d
banner.foreground#d6deeb
banner.iconForeground#3794ff
breadcrumb.activeSelectionForeground#d6deeb
breadcrumb.background#16161d
breadcrumb.focusForeground#d6deeb
breadcrumb.foreground#6272a4
breadcrumbPicker.background#16161d
button.background#1e242e
button.foreground#d6deeb
button.hoverBackground#52556c
button.secondaryBackground#16161d
button.secondaryForeground#d6deeb
button.secondaryHoverBackground#16161d
charts.blue#3794ff
charts.foreground#d6deeb
charts.green#89d185
charts.lines#d6deeb80
charts.orange#d18616
charts.purple#b180d7
charts.red#ff5555
charts.yellow#8be9fd
checkbox.background#16161d
checkbox.border#16161d
checkbox.foreground#d6deeb
debugConsole.errorForeground#ff5555
debugConsole.infoForeground#3794ff
debugConsole.sourceForeground#d6deeb
debugConsole.warningForeground#8be9fd
debugConsoleInputIcon.foreground#d6deeb
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#16161d
debugView.exceptionLabelBackground#6c2022
debugView.exceptionLabelForeground#d6deeb
debugView.stateLabelBackground#88888844
debugView.stateLabelForeground#d6deeb
debugView.valueChangedHighlight#569cd6
descriptionForeground#d6deebb3
diffEditor.diagonalFill#cccccc33
diffEditor.insertedTextBackground#7fdbca20
diffEditor.removedTextBackground#ff555550
dropdown.background#16161d
dropdown.border#16161d
dropdown.foreground#d6deeb
editor.background#16161d
editor.findMatchBackground#ecc48d80
editor.findMatchHighlightBackground#ffffff40
editor.findRangeHighlightBackground#1e242e75
editor.focusedStackFrameHighlightBackground#7abd7a4d
editor.foldBackground#16161d
editor.foreground#d6deeb
editor.hoverHighlightBackground#8be9fd50
editor.inactiveSelectionBackground#1e242e80
editor.inlineValuesBackground#ffc80033
editor.inlineValuesForeground#ffffff80
editor.lineHighlightBorder#1e242e
editor.linkedEditingBackground#ff00004d
editor.rangeHighlightBackground#16161d15
editor.selectionBackground#1e242e
editor.selectionHighlightBackground#424450
editor.snippetFinalTabstopHighlightBackground#16161d
editor.snippetFinalTabstopHighlightBorder#7fdbca
editor.snippetTabstopHighlightBackground#16161d
editor.snippetTabstopHighlightBorder#6272a4
editor.stackFrameHighlightBackground#ffff0033
editor.symbolHighlightBackground#ffffff40
editor.wordHighlightBackground#8be9fd50
editor.wordHighlightStrongBackground#7fdbca50
editorBracketHighlight.foreground1#d6deeb
editorBracketHighlight.foreground2#c792ea
editorBracketHighlight.foreground3#8be9fd
editorBracketHighlight.foreground4#7fdbca
editorBracketHighlight.foreground5#16161d
editorBracketHighlight.foreground6#ecc48d
editorBracketHighlight.unexpectedBracket.foreground#ff5555
editorBracketMatch.background#0064001a
editorBracketMatch.border#888888
editorBracketPairGuide.activeBackground1#00000000
editorBracketPairGuide.activeBackground2#00000000
editorBracketPairGuide.activeBackground3#00000000
editorBracketPairGuide.activeBackground4#00000000
editorBracketPairGuide.activeBackground5#00000000
editorBracketPairGuide.activeBackground6#00000000
editorBracketPairGuide.background1#00000000
editorBracketPairGuide.background2#00000000
editorBracketPairGuide.background3#00000000
editorBracketPairGuide.background4#00000000
editorBracketPairGuide.background5#00000000
editorBracketPairGuide.background6#00000000
editorCodeLens.foreground#6272a4
editorCursor.foreground#aeafad
editorError.foreground#ff5555
editorGhostText.foreground#ffffff56
editorGroup.border#16161d
editorGroup.dropBackground#1e242e70
editorGroupHeader.noTabsBackground#16161d
editorGroupHeader.tabsBackground#16161d
editorGutter.addedBackground#7fdbca80
editorGutter.background#16161d
editorGutter.commentRangeForeground#c5c5c5
editorGutter.deletedBackground#ff555580
editorGutter.foldingControlForeground#c5c5c5
editorGutter.modifiedBackground#8be9fd80
editorHint.foreground#eeeeeeb3
editorHoverWidget.background#16161d
editorHoverWidget.border#6272a4
editorHoverWidget.foreground#d6deeb
editorHoverWidget.highlightForeground#8be9fd
editorHoverWidget.statusBarBackground#303241
editorIndentGuide.activeBackground#ffffff45
editorIndentGuide.background#ffffff1a
editorInfo.foreground#3794ff
editorInlayHint.background#1e242e99
editorInlayHint.foreground#d6deebcc
editorInlayHint.parameterBackground#1e242e99
editorInlayHint.parameterForeground#d6deebcc
editorInlayHint.typeBackground#1e242e99
editorInlayHint.typeForeground#d6deebcc
editorLightBulb.foreground#ffcc00
editorLightBulbAutoFix.foreground#75beff
editorLineNumber.activeForeground#c6c6c6
editorLineNumber.foreground#3c4657
editorLink.activeForeground#8be9fd
editorMarkerNavigation.background#16161d
editorMarkerNavigationError.background#ff5555
editorMarkerNavigationError.headerBackground#ff55551a
editorMarkerNavigationInfo.background#3794ff
editorMarkerNavigationInfo.headerBackground#3794ff1a
editorMarkerNavigationWarning.background#8be9fd
editorMarkerNavigationWarning.headerBackground#8be9fd1a
editorOverviewRuler.addedForeground#7fdbca80
editorOverviewRuler.border#16161d
editorOverviewRuler.bracketMatchForeground#a0a0a0
editorOverviewRuler.commonContentForeground#60606066
editorOverviewRuler.currentContentForeground#7fdbca
editorOverviewRuler.deletedForeground#ff555580
editorOverviewRuler.errorForeground#ff555580
editorOverviewRuler.findMatchForeground#d186167e
editorOverviewRuler.incomingContentForeground#16161d
editorOverviewRuler.infoForeground#8be9fd80
editorOverviewRuler.modifiedForeground#8be9fd80
editorOverviewRuler.rangeHighlightForeground#007acc99
editorOverviewRuler.selectionHighlightForeground#ecc48d
editorOverviewRuler.unicodeForeground#d186167e
editorOverviewRuler.warningForeground#ecc48d80
editorOverviewRuler.wordHighlightForeground#8be9fd
editorOverviewRuler.wordHighlightStrongForeground#7fdbca
editorPane.background#16161d
editorRuler.foreground#ffffff1a
editorSuggestWidget.background#16161d
editorSuggestWidget.border#454545
editorSuggestWidget.focusHighlightForeground#8be9fd
editorSuggestWidget.foreground#d6deeb
editorSuggestWidget.highlightForeground#8be9fd
editorSuggestWidget.selectedBackground#1e242e
editorSuggestWidget.selectedForeground#d6deeb
editorSuggestWidgetStatus.foreground#d6deeb80
editorUnicodeHighlight.border#bd9b03
editorUnnecessaryCode.opacity#000000aa
editorWarning.foreground#8be9fd
editorWhitespace.foreground#ffffff1a
editorWidget.background#16161d
editorWidget.border#454545
editorWidget.foreground#d6deeb
errorForeground#ff5555
extensionBadge.remoteBackground#c792ea
extensionBadge.remoteForeground#d6deeb
extensionButton.prominentBackground#7fdbca90
extensionButton.prominentForeground#d6deeb
extensionButton.prominentHoverBackground#7fdbca60
extensionIcon.preReleaseForeground#1d9271
extensionIcon.starForeground#ff8e00
extensionIcon.verifiedForeground#3794ff
focusBorder#6272a4
foreground#d6deeb
gitDecoration.addedResourceForeground#81b88b
gitDecoration.conflictingResourceForeground#ecc48d
gitDecoration.deletedResourceForeground#ff5555
gitDecoration.ignoredResourceForeground#6272a4
gitDecoration.modifiedResourceForeground#8be9fd
gitDecoration.renamedResourceForeground#73c991
gitDecoration.stageDeletedResourceForeground#c74e39
gitDecoration.stageModifiedResourceForeground#e2c08d
gitDecoration.submoduleResourceForeground#8db9e2
gitDecoration.untrackedResourceForeground#7fdbca
gitlens.closedPullRequestIconColor#f85149
gitlens.decorations.addedForegroundColor#81b88b
gitlens.decorations.branchAheadForegroundColor#35b15e
gitlens.decorations.branchBehindForegroundColor#b15e35
gitlens.decorations.branchDivergedForegroundColor#d8af1b
gitlens.decorations.branchMissingUpstreamForegroundColor#c74e39
gitlens.decorations.branchUnpublishedForegroundColor#35b15e
gitlens.decorations.copiedForegroundColor#73c991
gitlens.decorations.deletedForegroundColor#ff5555
gitlens.decorations.ignoredForegroundColor#6272a4
gitlens.decorations.modifiedForegroundColor#8be9fd
gitlens.decorations.renamedForegroundColor#73c991
gitlens.decorations.untrackedForegroundColor#7fdbca
gitlens.gutterBackgroundColor#ffffff13
gitlens.gutterForegroundColor#bebebe
gitlens.gutterUncommittedForegroundColor#00bcf299
gitlens.lineHighlightBackgroundColor#00bcf233
gitlens.lineHighlightOverviewRulerColor#00bcf299
gitlens.mergedPullRequestIconColor#995dff
gitlens.openPullRequestIconColor#56d364
gitlens.trailingLineBackgroundColor#00000000
gitlens.trailingLineForegroundColor#99999959
gitlens.unpublishedCommitIconColor#35b15e
gitlens.unpulledChangesIconColor#b15e35
gitlens.unpushlishedChangesIconColor#35b15e
icon.foreground#c5c5c5
input.background#16161d
input.border#16161d
input.foreground#d6deeb
input.placeholderForeground#6272a4
inputOption.activeBackground#6272a466
inputOption.activeBorder#16161d
inputOption.activeForeground#ffffff
inputOption.hoverBackground#5a5d5e80
inputValidation.errorBackground#5a1d1d
inputValidation.errorBorder#ff5555
inputValidation.infoBackground#063b49
inputValidation.infoBorder#c792ea
inputValidation.warningBackground#352a05
inputValidation.warningBorder#ecc48d
interactive.activeCodeBorder#1e242e
interactive.inactiveCodeBorder#1e242e75
keybindingLabel.background#8080802b
keybindingLabel.border#33333399
keybindingLabel.bottomBorder#44444499
keybindingLabel.foreground#cccccc
keybindingTable.headerBackground#d6deeb0a
keybindingTable.rowsBackground#d6deeb0a
list.activeSelectionBackground#1e242e
list.activeSelectionForeground#d6deeb
list.deemphasizedForeground#8c8c8c
list.dropBackground#1e242e
list.errorForeground#ff5555
list.filterMatchBackground#ffffff40
list.focusBackground#1e242e75
list.focusHighlightForeground#8be9fd
list.focusOutline#6272a4
list.highlightForeground#8be9fd
list.hoverBackground#1e242e75
list.inactiveSelectionBackground#1e242e75
list.invalidItemForeground#b89500
list.warningForeground#ecc48d
listFilterWidget.background#16161d
listFilterWidget.noMatchesOutline#ff5555
listFilterWidget.outline#424450
menu.background#16161d
menu.foreground#d6deeb
menu.selectionBackground#1e242e
menu.selectionForeground#d6deeb
menu.separatorBackground#bbbbbb
menubar.selectionBackground#ffffff1a
menubar.selectionForeground#d6deeb
merge.commonContentBackground#60606029
merge.commonHeaderBackground#60606066
merge.currentContentBackground#7fdbca3a
merge.currentHeaderBackground#7fdbca90
merge.incomingContentBackground#16161d3a
merge.incomingHeaderBackground#16161d90
minimap.errorHighlight#ff1212b3
minimap.findMatchHighlight#d18616
minimap.foregroundOpacity#000000
minimap.selectionHighlight#264f78
minimap.selectionOccurrenceHighlight#676767
minimap.unicodeHighlight#d18616
minimap.warningHighlight#8be9fd
minimapGutter.addedBackground#587c0c
minimapGutter.deletedBackground#94151b
minimapGutter.modifiedBackground#0c7d9d
minimapSlider.activeBackground#bfbfbf33
minimapSlider.background#79797933
minimapSlider.hoverBackground#64646459
notebook.cellBorderColor#1e242e75
notebook.cellEditorBackground#16161d
notebook.cellInsertionIndicator#6272a4
notebook.cellStatusBarItemHoverBackground#ffffff26
notebook.cellToolbarSeparator#80808059
notebook.focusedCellBorder#6272a4
notebook.focusedEditorBorder#6272a4
notebook.inactiveFocusedCellBorder#1e242e75
notebook.selectedCellBackground#1e242e75
notebook.selectedCellBorder#1e242e75
notebook.symbolHighlightBackground#ffffff0b
notebookScrollbarSlider.activeBackground#bfbfbf66
notebookScrollbarSlider.background#79797966
notebookScrollbarSlider.hoverBackground#646464b3
notebookStatusErrorIcon.foreground#ff5555
notebookStatusRunningIcon.foreground#d6deeb
notebookStatusSuccessIcon.foreground#89d185
notificationCenterHeader.background#2b2c39
notificationLink.foreground#3794ff
notifications.background#16161d
notifications.border#2b2c39
notifications.foreground#d6deeb
notificationsErrorIcon.foreground#ff5555
notificationsInfoIcon.foreground#3794ff
notificationsWarningIcon.foreground#8be9fd
panel.background#16161d
panel.border#16161d
panel.dropBorder#d6deeb
panelSection.border#16161d
panelSection.dropBackground#1e242e70
panelSectionHeader.background#80808033
panelTitle.activeBorder#c792ea
panelTitle.activeForeground#d6deeb
panelTitle.inactiveForeground#6272a4
peekView.border#1e242e
peekViewEditor.background#16161d
peekViewEditor.matchHighlightBackground#f1fa8c80
peekViewEditorGutter.background#16161d
peekViewResult.background#16161d
peekViewResult.fileForeground#d6deeb
peekViewResult.lineForeground#d6deeb
peekViewResult.matchHighlightBackground#f1fa8c80
peekViewResult.selectionBackground#1e242e
peekViewResult.selectionForeground#d6deeb
peekViewTitle.background#16161d
peekViewTitleDescription.foreground#6272a4
peekViewTitleLabel.foreground#d6deeb
pickerGroup.border#16161d
pickerGroup.foreground#8be9fd
ports.iconRunningProcessForeground#16161d
problemsErrorIcon.foreground#ff5555
problemsInfoIcon.foreground#3794ff
problemsWarningIcon.foreground#8be9fd
progressBar.background#c792ea
quickInput.background#16161d
quickInput.foreground#d6deeb
quickInputList.focusBackground#1e242e
quickInputList.focusForeground#d6deeb
quickInputTitle.background#ffffff1b
sash.hoverBorder#6272a4
scm.providerBorder#454545
scrollbar.shadow#000000
scrollbarSlider.activeBackground#bfbfbf66
scrollbarSlider.background#79797966
scrollbarSlider.hoverBackground#646464b3
searchEditor.findMatchBackground#ffffff2a
searchEditor.textInputBorder#16161d
selection.background#16161d
settings.checkboxBackground#16161d
settings.checkboxBorder#16161d
settings.checkboxForeground#d6deeb
settings.dropdownBackground#16161d
settings.dropdownBorder#16161d
settings.dropdownForeground#d6deeb
settings.dropdownListBorder#454545
settings.focusedRowBackground#80808024
settings.focusedRowBorder#ffffff1f
settings.headerForeground#d6deeb
settings.modifiedItemIndicator#ecc48d
settings.numberInputBackground#16161d
settings.numberInputBorder#16161d
settings.numberInputForeground#d6deeb
settings.rowHoverBackground#80808012
settings.textInputBackground#16161d
settings.textInputBorder#16161d
settings.textInputForeground#d6deeb
sideBar.background#16161d
sideBar.dropBackground#1e242e70
sideBarSectionHeader.background#16161d
sideBarSectionHeader.border#16161d
sideBarTitle.foreground#d6deeb
sideBySideEditor.horizontalBorder#16161d
sideBySideEditor.verticalBorder#16161d
statusBar.background#16161d
statusBar.debuggingBackground#ff5555
statusBar.debuggingForeground#16161d
statusBar.foreground#3c4657
statusBar.noFolderBackground#16161d
statusBar.noFolderForeground#d6deeb
statusBarItem.activeBackground#ffffff2e
statusBarItem.errorBackground#cc0000
statusBarItem.errorForeground#ffffff
statusBarItem.hoverBackground#ffffff1f
statusBarItem.prominentBackground#ff5555
statusBarItem.prominentForeground#d6deeb
statusBarItem.prominentHoverBackground#ecc48d
statusBarItem.remoteBackground#16161d
statusBarItem.remoteForeground#16161d
statusBarItem.warningBackground#04bde7
statusBarItem.warningForeground#ffffff
symbolIcon.arrayForeground#d6deeb
symbolIcon.booleanForeground#d6deeb
symbolIcon.classForeground#ee9d28
symbolIcon.colorForeground#d6deeb
symbolIcon.constantForeground#d6deeb
symbolIcon.constructorForeground#b180d7
symbolIcon.enumeratorForeground#ee9d28
symbolIcon.enumeratorMemberForeground#75beff
symbolIcon.eventForeground#ee9d28
symbolIcon.fieldForeground#75beff
symbolIcon.fileForeground#d6deeb
symbolIcon.folderForeground#d6deeb
symbolIcon.functionForeground#b180d7
symbolIcon.interfaceForeground#75beff
symbolIcon.keyForeground#d6deeb
symbolIcon.keywordForeground#d6deeb
symbolIcon.methodForeground#b180d7
symbolIcon.moduleForeground#d6deeb
symbolIcon.namespaceForeground#d6deeb
symbolIcon.nullForeground#d6deeb
symbolIcon.numberForeground#d6deeb
symbolIcon.objectForeground#d6deeb
symbolIcon.operatorForeground#d6deeb
symbolIcon.packageForeground#d6deeb
symbolIcon.propertyForeground#d6deeb
symbolIcon.referenceForeground#d6deeb
symbolIcon.snippetForeground#d6deeb
symbolIcon.stringForeground#d6deeb
symbolIcon.structForeground#d6deeb
symbolIcon.textForeground#d6deeb
symbolIcon.typeParameterForeground#d6deeb
symbolIcon.unitForeground#d6deeb
symbolIcon.variableForeground#75beff
tab.activeBackground#16161d
tab.activeBorderTop#c792ea80
tab.activeForeground#3c4657
tab.activeModifiedBorder#3399cc
tab.border#16161d
tab.inactiveBackground#16161d
tab.inactiveForeground#6272a4
tab.inactiveModifiedBorder#3399cc80
tab.lastPinnedBorder#585858
tab.unfocusedActiveBackground#16161d
tab.unfocusedActiveBorderTop#c792ea40
tab.unfocusedActiveForeground#d6deeb80
tab.unfocusedActiveModifiedBorder#3399cc80
tab.unfocusedInactiveBackground#16161d
tab.unfocusedInactiveForeground#6272a480
tab.unfocusedInactiveModifiedBorder#3399cc40
terminal.ansiBlack#16161d
terminal.ansiBlue#16161d
terminal.ansiBrightBlack#6272a4
terminal.ansiBrightBlue#d6acff
terminal.ansiBrightCyan#a4ffff
terminal.ansiBrightGreen#69ff94
terminal.ansiBrightMagenta#ff92df
terminal.ansiBrightRed#ff6e6e
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#ffffa5
terminal.ansiCyan#8be9fd
terminal.ansiGreen#7fdbca
terminal.ansiMagenta#c792ea
terminal.ansiRed#ff5555
terminal.ansiWhite#d6deeb
terminal.ansiYellow#f1fa8c
terminal.background#16161d
terminal.border#16161d
terminal.dropBackground#1e242e70
terminal.foreground#d6deeb
terminal.selectionBackground#ffffff40
testing.iconErrored#f14c4c
testing.iconFailed#f14c4c
testing.iconPassed#73c991
testing.iconQueued#cca700
testing.iconSkipped#848484
testing.iconUnset#848484
testing.message.error.decorationForeground#ff5555
testing.message.error.lineBackground#ff000033
testing.message.info.decorationForeground#d6deeb80
testing.peekBorder#ff5555
testing.peekHeaderBackground#ff55551a
testing.runAction#73c991
textBlockQuote.background#7f7f7f1a
textBlockQuote.border#007acc80
textCodeBlock.background#0a0a0a66
textLink.activeForeground#3794ff
textLink.foreground#3794ff
textPreformat.foreground#d7ba7d
textSeparator.foreground#ffffff2e
titleBar.activeBackground#16161d
titleBar.activeForeground#d6deeb
titleBar.inactiveBackground#16161d
titleBar.inactiveForeground#6272a4
toolbar.activeBackground#63666750
toolbar.hoverBackground#5a5d5e50
tree.indentGuidesStroke#585858
tree.tableColumnsBorder#cccccc20
tree.tableOddRowsBackground#d6deeb0a
walkThrough.embeddedEditorBackground#16161d
welcomePage.progress.background#16161d
welcomePage.progress.foreground#3794ff
welcomePage.tileBackground#16161d
welcomePage.tileHoverBackground#282935
welcomePage.tileShadow#0000005c
widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis	—	italic
strong	—	bold
header	#16161d	—
meta.diff, meta.diff.header	#6272A4	—
markup.inserted	#7fdbca	—
markup.deleted	#FF5555	—
markup.changed	#ecc48d	—
invalid	#FF5555	underline italic
invalid.deprecated	#d6deeb	underline italic
entity.name.filename	#F1FA8C	—
markup.error	#FF5555	—
markup.underline	—	underline
markup.bold	#ecc48d	bold
markup.heading	#d6deeb	bold
markup.italic	#F1FA8C	italic
beginning.punctuation.definition.list.markdown, beginning.punctuation.definition.quote.markdown, punctuation.definition.link.restructuredtext	#8BE9FD	—
markup.inline.raw, markup.raw.restructuredtext	#7fdbca	—
markup.underline.link, markup.underline.link.image	#8BE9FD	—
meta.link.reference.def.restructuredtext, punctuation.definition.directive.restructuredtext, string.other.link.description, string.other.link.title	#c792ea	—
entity.name.directive.restructuredtext, markup.quote	#F1FA8C	italic
meta.separator.markdown	#6272A4	—
fenced_code.block.language, markup.raw.inner.restructuredtext, markup.fenced_code.block.markdown punctuation.definition.markdown	#7fdbca	—
punctuation.definition.constant.restructuredtext	#16161d	—
markup.heading.markdown punctuation.definition.string.begin, markup.heading.markdown punctuation.definition.string.end	#d6deeb	—
meta.paragraph.markdown punctuation.definition.string.begin, meta.paragraph.markdown punctuation.definition.string.end	#d6deeb	—
markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.begin, markup.quote.markdown meta.paragraph.markdown punctuation.definition.string.end	#d6deeb	—
entity.name.type.class, entity.name.class	#8BE9FD	normal
keyword.expressions-and-types.swift, keyword.other.this, variable.language, variable.language punctuation.definition.variable.php, variable.other.readwrite.instance.ruby, variable.parameter.function.language.special	#16161d	italic
entity.other.inherited-class	#8BE9FD	italic
comment, punctuation.definition.comment, unused.comment, wildcard.comment	#6272A4	—
comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class	#c792ea	—
comment.block.documentation entity.name.type	#8BE9FD	italic
comment.block.documentation entity.name.type punctuation.definition.bracket	#8BE9FD	—
comment.block.documentation variable	#ecc48d	italic
constant.character.escape, constant.character.string.escape, constant.regexp	#c792ea	—
entity.name.tag	#c792ea	—
entity.other.attribute-name.parent-selector	#c792ea	—
entity.other.attribute-name	#7fdbca	italic
entity.name.function, meta.function-call.object, meta.function-call.php, meta.function-call.static, meta.method-call.java meta.method, meta.method.groovy, support.function.any-method.lua, keyword.operator.function.infix	#7fdbca	—
entity.name.variable.parameter, meta.at-rule.function variable, meta.at-rule.mixin variable, meta.function.arguments variable.other.php, meta.selectionset.graphql meta.arguments.graphql variable.arguments.graphql, variable.parameter	#ecc48d	italic
meta.decorator variable.other.readwrite, meta.decorator variable.other.property	#7fdbca	italic
meta.decorator variable.other.object	#7fdbca	—
keyword, punctuation.definition.keyword	#c792ea	—
keyword.control.new, keyword.operator.new	—	bold
meta.selector	#c792ea	—
support	#8BE9FD	italic
support.function.magic, support.variable, variable.other.predefined	—	regular
support.function, support.type.property-name	—	regular
constant.other.symbol.hashkey punctuation.definition.constant.ruby, entity.other.attribute-name.placeholder punctuation, entity.other.attribute-name.pseudo-class punctuation, entity.other.attribute-name.pseudo-element punctuation, meta.group.double.toml, meta.group.toml, meta.object-binding-pattern-variable punctuation.destructuring, punctuation.colon.graphql, punctuation.definition.block.scalar.folded.yaml, punctuation.definition.block.scalar.literal.yaml, punctuation.definition.block.sequence.item.yaml, punctuation.definition.entity.other.inherited-class, punctuation.function.swift, punctuation.separator.dictionary.key-value, punctuation.separator.hash, punctuation.separator.inheritance, punctuation.separator.key-value, punctuation.separator.key-value.mapping.yaml, punctuation.separator.namespace, punctuation.separator.pointer-access, punctuation.separator.slice, string.unquoted.heredoc punctuation.definition.string, support.other.chomping-indicator.yaml, punctuation.separator.annotation	#c792ea	—
keyword.operator.other.powershell, keyword.other.statement-separator.powershell, meta.brace.round, meta.function-call punctuation, punctuation.definition.arguments.begin, punctuation.definition.arguments.end, punctuation.definition.entity.begin, punctuation.definition.entity.end, punctuation.definition.tag.cs, punctuation.definition.type.begin, punctuation.definition.type.end, punctuation.section.scope.begin, punctuation.section.scope.end, storage.type.generic.java, string.template meta.brace, string.template punctuation.accessor	#d6deeb	—
meta.string-contents.quoted.double punctuation.definition.variable, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded.begin, punctuation.section.embedded.coffee, punctuation.section.embedded.end, punctuation.section.embedded.end source.php, punctuation.section.embedded.end source.ruby, punctuation.definition.variable.makefile	#c792ea	—
entity.name.function.target.makefile, entity.name.section.toml, entity.name.tag.yaml, variable.other.key.toml	#8BE9FD	—
constant.other.date, constant.other.timestamp	#ecc48d	—
variable.other.alias.yaml	#7fdbca	italic underline
storage, meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc, source.groovy storage.type.def	#c792ea	regular
entity.name.type, keyword.primitive-datatypes.swift, keyword.type.cs, meta.protocol-list.objc, meta.return-type.objc, source.go storage.type, source.groovy storage.type, source.java storage.type, source.powershell entity.other.attribute-name, storage.class.std.rust, storage.type.attribute.swift, storage.type.c, storage.type.core.rust, storage.type.cs, storage.type.groovy, storage.type.objc, storage.type.php, storage.type.haskell, storage.type.ocaml	#8BE9FD	italic
entity.name.type.type-parameter, meta.indexer.mappedtype.declaration entity.name.type, meta.type.parameters entity.name.type	#ecc48d	—
storage.modifier	#c792ea	—
string.regexp, constant.other.character-class.set.regexp, constant.character.escape.backslash.regexp	#F1FA8C	—
punctuation.definition.group.capture.regexp	#c792ea	—
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end	#FF5555	—
punctuation.definition.character-class.regexp	#8BE9FD	—
punctuation.definition.group.regexp	#ecc48d	—
punctuation.definition.group.assertion.regexp, keyword.operator.negation.regexp	#FF5555	—
meta.assertion.look-ahead.regexp	#7fdbca	—
string	#F1FA8C	—
punctuation.definition.string.begin, punctuation.definition.string.end	#E9F284	—
punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end	#8BE9FE	—
string.quoted.docstring.multi, string.quoted.docstring.multi.python punctuation.definition.string.begin, string.quoted.docstring.multi.python punctuation.definition.string.end, string.quoted.docstring.multi.python constant.character.escape	#6272A4	—
variable, constant.other.key.perl, support.variable.property, variable.other.constant.js, variable.other.constant.ts, variable.other.constant.tsx	#d6deeb	—
meta.import variable.other.readwrite, meta.object-binding-pattern-variable variable.object.property, meta.variable.assignment.destructured.object.coffee variable	#ecc48d	italic
meta.import variable.other.readwrite.alias, meta.export variable.other.readwrite.alias, meta.variable.assignment.destructured.object.coffee variable variable	#d6deeb	normal
meta.selectionset.graphql variable	#F1FA8C	—
meta.selectionset.graphql meta.arguments variable	#d6deeb	—
entity.name.fragment.graphql, variable.fragment.graphql	#8BE9FD	—
constant.other.symbol.hashkey.ruby, keyword.operator.dereference.java, keyword.operator.navigation.groovy, meta.scope.for-loop.shell punctuation.definition.string.begin, meta.scope.for-loop.shell punctuation.definition.string.end, meta.scope.for-loop.shell string, storage.modifier.import, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.separator.list.comma.css, constant.language.empty-list.haskell	#d6deeb	—
support.constant	#e6e6e1	normal
meta.scope.prerequisites.makefile	#F1FA8C	—
meta.attribute-selector.scss	#F1FA8C	—
punctuation.definition.attribute-selector.end.bracket.square.scss, punctuation.definition.attribute-selector.begin.bracket.square.scss	#d6deeb	—
meta.preprocessor.haskell	#6272A4	—
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}!`;
}