Gleam Themes

Name: Gleam Themes
Author: nicklasxyz

Publisher: nicklasxyzThemes in package: 1

A collection of VSCode themes inspired by the main colors used by the Gleam programming language.

Open in VS Code GitHub

VS Code preview

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

Gleam Themes — gleam-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.activeBorder#9F9F9F
activityBar.background#0F0F0F
activityBar.dropBorder#ffaff3
activityBar.foreground#9F9F9F
activityBar.inactiveForeground#3F3F3F
activityBarBadge.background#ffaff3
activityBarBadge.foreground#0F0F0F
badge.background#ffaff3
badge.foreground#0F0F0F
banner.background#ffaff3
banner.foreground#0F0F0F
banner.iconForeground#6BCCCC
breadcrumb.activeSelectionForeground#DCDCDC
breadcrumb.background#0F0F0F
breadcrumb.focusForeground#DCDCDC
breadcrumbPicker.background#1F1F1F
button.background#ffaff3
button.foreground#0F0F0F
button.hoverBackground#dcdcdc
button.secondaryBackground#ffaff3
button.secondaryForeground#0F0F0F
button.secondaryHoverBackground#DCDCDC
charts.blue#6BCCCC
charts.foreground#9F9F9F
charts.green#b7d6a2
charts.lines#ffaff3
charts.orange#FFD08F
charts.purple#b180d7
charts.red#FF8F99
charts.yellow#FFFA9F
checkbox.background#2F2F2F
checkbox.border#3F3F3F
checkbox.foreground#DCDCDC
debugConsole.errorForeground#FF8F99
debugConsole.infoForeground#6BCCCC
debugConsole.sourceForeground#9F9F9F
debugConsole.warningForeground#FFD08F
debugConsoleInputIcon.foreground#9F9F9F
debugExceptionWidget.background#FF8F992a
debugExceptionWidget.border#FF8F99
debugIcon.breakpointCurrentStackframeForeground#FFFA9F
debugIcon.breakpointDisabledForeground#4f4f4f
debugIcon.breakpointForeground#DCDCDC
debugIcon.breakpointStackframeForeground#b7d6a2
debugIcon.breakpointUnverifiedForeground#FF8F99
debugIcon.continueForeground#6BCCCC
debugIcon.disconnectForeground#FF8F99
debugIcon.pauseForeground#6BCCCC
debugIcon.restartForeground#b7d6a2
debugIcon.startForeground#b7d6a2
debugIcon.stepBackForeground#6BCCCC
debugIcon.stepIntoForeground#6BCCCC
debugIcon.stepOutForeground#6BCCCC
debugIcon.stepOverForeground#6BCCCC
debugIcon.stopForeground#FF8F99
debugTokenExpression.error#FF8F99
descriptionForeground#9f9f9f
diffEditor.diagonalFill#2f2f2f
diffEditor.insertedTextBackground#6BCCCC2a
diffEditor.removedTextBackground#FF8F992a
dropdown.background#2F2F2F
dropdown.border#3F3F3F
dropdown.foreground#DCDCDC
editor.background#0F0F0F
editor.findMatchBackground#3F3F3F
editor.findMatchHighlightBackground#FFD08F4a
editor.findRangeHighlightBackground#00000000
editor.foreground#DCDCDC
editor.hoverHighlightBackground#0F0F0F
editor.inactiveSelectionBackground#2f2f2f
editor.lineHighlightBackground#1F1F1F
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#1F1f1f
editor.selectionBackground#5F5F5F
editor.selectionHighlightBackground#3f3f3f
editor.snippetFinalTabstopHighlightBorder#3f3f3f
editor.snippetTabstopHighlightBackground#3f3f3f
editor.stackFrameHighlightBackground#3f3f3f
editor.symbolHighlightBackground#3f3f3f
editor.wordHighlightBackground#4f4f4f
editor.wordHighlightStrongBackground#4f4f4f
editorBracketHighlight.foreground1#DCDCDC
editorBracketHighlight.foreground2#DCDCDC
editorBracketHighlight.foreground3#DCDCDC
editorBracketHighlight.foreground4#DCDCDC
editorBracketHighlight.foreground5#DCDCDC
editorBracketHighlight.foreground6#DCDCDC
editorBracketHighlight.unexpectedBracket.foreground#FF8F99
editorBracketMatch.background#1F1F1F
editorBracketMatch.border#DCDCDC
editorCodeLens.foreground#9f9f9f
editorCursor.foreground#DCDCDC
editorError.foreground#FF8F99
editorGroup.border#1f1f1f
editorGroup.dropBackground#4f4f4f6a
editorGroupHeader.noTabsBackground#0f0f0f
editorGroupHeader.tabsBackground#1f1f1f
editorGutter.addedBackground#6BCCCC2a
editorGutter.background#0F0F0F
editorGutter.commentRangeForeground#FF8F99
editorGutter.deletedBackground#FF8F992a
editorGutter.foldingControlForeground#FF8F99
editorGutter.modifiedBackground#FFD08F2a
editorHint.foreground#FF8F99
editorHoverWidget.background#1F1F1F
editorHoverWidget.border#3F3F3F
editorHoverWidget.foreground#DCDCDC
editorHoverWidget.statusBarBackground#2F2F2F
editorIndentGuide.activeBackground#3F3F3F
editorIndentGuide.background#2F2F2F
editorInfo.foreground#6BCCCC
editorInlayHint.background#4f4f4f
editorInlayHint.foreground#dcdcdc
editorInlayHint.parameterBackground#4f4f4f6a
editorInlayHint.parameterForeground#dcdcdc
editorInlayHint.typeBackground#4f4f4f6a
editorInlayHint.typeForeground#dcdcdc
editorLightBulb.foreground#6BCCCC
editorLightBulbAutoFix.foreground#6BCCCC
editorLineNumber.activeForeground#DCDCDC
editorLineNumber.foreground#3F3F3F
editorLink.activeForeground#ffaff3
editorMarkerNavigationInfo.background#6BCCCC
editorMarkerNavigationWarning.background#FFD08F
editorOverviewRuler.addedForeground#6BCCCC2a
editorOverviewRuler.border#00000000
editorOverviewRuler.bracketMatchForeground#9f9f9f
editorOverviewRuler.commonContentForeground#6BCCCC
editorOverviewRuler.currentContentForeground#6BCCCC
editorOverviewRuler.deletedForeground#FF8F992a
editorOverviewRuler.errorForeground#FF8F99
editorOverviewRuler.findMatchForeground#FFD08F
editorOverviewRuler.incomingContentForeground#6BCCCC
editorOverviewRuler.infoForeground#6BCCCC
editorOverviewRuler.modifiedForeground#FFD08F2a
editorOverviewRuler.rangeHighlightForeground#6BCCCC
editorOverviewRuler.selectionHighlightForeground#6BCCCC
editorOverviewRuler.warningForeground#FFD08F
editorOverviewRuler.wordHighlightForeground#6BCCCC
editorOverviewRuler.wordHighlightStrongForeground#6BCCCC
editorRuler.foreground#3F3f3f
editorSuggestWidget.background#1F1F1F
editorSuggestWidget.border#ffaff3
editorSuggestWidget.focusHighlightForeground#DCDCDC
editorSuggestWidget.foreground#9F9F9F
editorSuggestWidget.selectedForeground#DCDCDC
editorUnnecessaryCode.opacity#000000aa
editorWarning.foreground#FFD08F
editorWhitespace.foreground#3F3F3F
editorWidget.background#1f1f1f
editorWidget.border#2f2f2f
editorWidget.foreground#DCDCDC
errorForeground#0f0f0f
extensionBadge.remoteBackground#ffaff3
extensionBadge.remoteForeground#0f0f0f
extensionButton.prominentBackground#ffaff3
extensionButton.prominentForeground#0F0F0F
extensionButton.prominentHoverBackground#DCDCDC
extensionIcon.starForeground#ffaff3
focusBorder#3F3F3F
foreground#DCDCDC
gitDecoration.addedResourceForeground#6BCCCC
gitDecoration.conflictingResourceForeground#9F9F9F
gitDecoration.deletedResourceForeground#9F9F9F
gitDecoration.ignoredResourceForeground#9F9F9F
gitDecoration.modifiedResourceForeground#9F9F9F
gitDecoration.renamedResourceForeground#FFD08F
gitDecoration.stageDeletedResourceForeground#FF8F99
gitDecoration.stageModifiedResourceForeground#FFD08F
gitDecoration.submoduleResourceForeground#6BCCCC
gitDecoration.untrackedResourceForeground#9F9F9F
icon.foreground#DCDCDC
input.background#3F3F3F
input.border#3F3F3F
input.foreground#DCDCDC
input.placeholderForeground#8F8F8F
inputOption.activeBackground#9f9f9f6a
inputOption.activeBorder#3f3f3f
inputOption.activeForeground#DCDCDC
inputValidation.errorBackground#3f3f3f
inputValidation.errorBorder#3f3f3f
inputValidation.infoBackground#3f3f3f
inputValidation.infoBorder#3f3f3f
inputValidation.warningBackground#3f3f3f
inputValidation.warningBorder#3f3f3f
keybindingLabel.background#3f3f3f8a
keybindingLabel.border#dcdcdc4a
keybindingLabel.bottomBorder#9f9f9f4a
keybindingLabel.foreground#9f9f9f
list.activeSelectionBackground#3F3F3F
list.activeSelectionForeground#dcdcdc
list.dropBackground#3F3F3F
list.errorForeground#FF8F99
list.filterMatchBackground#FFD08F4a
list.focusBackground#3F3F3F00
list.focusHighlightForeground#dcdcdc
list.focusOutline#ffaff3
list.highlightForeground#DCDCDC
list.hoverBackground#3F3F3F
list.inactiveSelectionBackground#3F3F3F
list.invalidItemForeground#FF8F99
list.warningForeground#FFD08F
listFilterWidget.background#1f1f1f
listFilterWidget.noMatchesOutline#1f1f1f
listFilterWidget.outline#1f1f1f
menu.background#1f1f1f
menu.foreground#dcdcdc
menu.selectionBackground#3f3f3f
menu.selectionForeground#dcdcdc
menu.separatorBackground#ffaff3
menubar.selectionBackground#3f3f3f
menubar.selectionForeground#dcdcdc
merge.commonContentBackground#3f3f3f6a
merge.commonHeaderBackground#3f3f3f8a
merge.currentContentBackground#3f3f3f6a
merge.currentHeaderBackground#3f3f3f8a
merge.incomingContentBackground#3f3f3f6a
merge.incomingHeaderBackground#3f3f3f8a
minimap.errorHighlight#FF8F99
minimap.findMatchHighlight#FFD08F
minimap.foregroundOpacity#000000
minimap.selectionHighlight#4f4f4f
minimap.selectionOccurrenceHighlight#4F4F4F
minimap.warningHighlight#FFD08F
minimapGutter.addedBackground#6BCCCC
minimapGutter.deletedBackground#FF8F99
minimapGutter.modifiedBackground#FFD08F
minimapSlider.activeBackground#ffaff3c0
minimapSlider.background#ffaff3c0
minimapSlider.hoverBackground#ffaff3c0
notebook.cellBorderColor#2f2f2f
notebook.cellEditorBackground#1F1F1F
notebook.cellInsertionIndicator#ffaff3
notebook.cellStatusBarItemHoverBackground#1f1f1f
notebook.cellToolbarSeparator#3f3f3f
notebook.focusedCellBorder#3f3f3f
notebook.focusedEditorBorder#3f3f3f
notebook.inactiveFocusedCellBorder#3f3f3f
notebook.selectedCellBackground#3f3f3f
notebook.selectedCellBorder#3f3f3f
notebook.symbolHighlightBackground#
notebookScrollbarSlider.activeBackground#ffaff3c0
notebookScrollbarSlider.background#ffaff3c0
notebookScrollbarSlider.hoverBackground#ffaff3c0
notebookStatusErrorIcon.foreground#FF8F99
notebookStatusRunningIcon.foreground#9F9F9F
notebookStatusSuccessIcon.foreground#6BCCCC
notificationCenterHeader.background#1F1F1F
notificationLink.foreground#ffaff3
notifications.background#1f1f1f
notifications.border#2F2F2F
notifications.foreground#DCDCDC
notificationsErrorIcon.foreground#FF8F99
notificationsInfoIcon.foreground#6BCCCC
notificationsWarningIcon.foreground#FFD08F
panel.background#0F0F0F
panel.border#1f1f1f
panel.dropBorder#4f4f4f6a
panelSection.border#1f1f1f
panelSection.dropBackground#4f4f4f6a
panelSectionHeader.background#1f1f1f
panelTitle.activeBorder#ffaff3
panelTitle.activeForeground#DCDCDC
panelTitle.inactiveForeground#DCDCDC
peekView.border#ffaff3
peekViewEditor.background#0F0F0F
peekViewEditor.matchHighlightBackground#3F3F3F
peekViewEditorGutter.background#0F0F0F
peekViewResult.background#1F1F1F
peekViewResult.fileForeground#DCDCDC
peekViewResult.lineForeground#DCDCDC
peekViewResult.matchHighlightBackground#3F3F3F
peekViewResult.selectionBackground#3F3F3F
peekViewResult.selectionForeground#DCDCDC
peekViewTitle.background#0F0F0F
peekViewTitleDescription.foreground#9F9F9F
peekViewTitleLabel.foreground#DCDCDC
pickerGroup.border#3f3f3f
pickerGroup.foreground#6BCCCC
ports.iconRunningProcessForeground#ffaff3
problemsErrorIcon.foreground#FF8F99
problemsInfoIcon.foreground#6BCCCC
problemsWarningIcon.foreground#FFD08F
progressBar.background#ffaff3
quickInput.background#2f2f2f
quickInput.foreground#9F9F9F
quickInputList.focusBackground#3f3f3f
quickInputList.focusForeground#DCDCDC
quickInputTitle.background#3f3f3f
sash.hoverBorder#ffaff3
scrollbar.shadow#0F0F0F
scrollbarSlider.activeBackground#ffaff3c0
scrollbarSlider.background#ffaff3c0
scrollbarSlider.hoverBackground#ffaff3c0
searchEditor.findMatchBackground#ffffff
settings.checkboxBackground#2F2F2F
settings.checkboxBorder#3F3F3F
settings.checkboxForeground#DCDCDC
settings.dropdownBackground#2F2F2F
settings.dropdownBorder#2F2F2F
settings.dropdownForeground#DCDCDC
settings.dropdownListBorder#3F3F3F
settings.focusedRowBackground#1F1F1F
settings.focusedRowBorder#3F3F3F
settings.headerForeground#DCDCDC
settings.modifiedItemIndicator#6BCCCC
settings.numberInputBackground#3F3F3F
settings.numberInputBorder#3F3F3F
settings.numberInputForeground#DCDCDC
settings.rowHoverBackground#1F1F1F
settings.textInputBackground#3F3F3F
settings.textInputBorder#3F3F3F
settings.textInputForeground#DCDCDC
sideBar.background#0F0F0F
sideBar.dropBackground#4f4f4f6a
sideBar.foreground#8F8F8F
sideBarSectionHeader.background#0F0F0F
sideBarSectionHeader.foreground#8F8F8F
sideBarTitle.foreground#DCDCDC
sideBySideEditor.border#ffaff3
statusBar.background#ffaff3
statusBar.debuggingBackground#ffaff3
statusBar.debuggingForeground#0f0f0f
statusBar.foreground#0F0F0F
statusBar.noFolderBackground#ffaff3
statusBar.noFolderForeground#0f0f0f
statusBarItem.activeBackground#DCDCDC
statusBarItem.errorBackground#ffaff3
statusBarItem.errorForeground#0f0f0f
statusBarItem.hoverBackground#DCDCDC
statusBarItem.prominentBackground#DCDCDC
statusBarItem.prominentForeground#0F0F0F
statusBarItem.prominentHoverBackground#000000
statusBarItem.remoteBackground#ffaff3
statusBarItem.remoteForeground#0f0f0f
statusBarItem.warningBackground#ffaff3
statusBarItem.warningForeground#0f0f0f
symbolIcon.arrayForeground#9F9F9F
symbolIcon.booleanForeground#9F9F9F
symbolIcon.classForeground#D9ADFF
symbolIcon.colorForeground#9F9F9F
symbolIcon.constantForeground#9F9F9F
symbolIcon.constructorForeground#9F9F9F
symbolIcon.enumeratorForeground#9F9F9F
symbolIcon.enumeratorMemberForeground#9F9F9F
symbolIcon.eventForeground#9F9F9F
symbolIcon.fieldForeground#9F9F9F
symbolIcon.fileForeground#9F9F9F
symbolIcon.folderForeground#9F9F9F
symbolIcon.functionForeground#9F9F9F
symbolIcon.interfaceForeground#9F9F9F
symbolIcon.keyForeground#9F9F9F
symbolIcon.keywordForeground#9F9F9F
symbolIcon.methodForeground#ffaff3
symbolIcon.moduleForeground#9F9F9F
symbolIcon.namespaceForeground#9F9F9F
symbolIcon.nullForeground#9F9F9F
symbolIcon.numberForeground#9F9F9F
symbolIcon.objectForeground#9F9F9F
symbolIcon.operatorForeground#9F9F9F
symbolIcon.packageForeground#9F9F9F
symbolIcon.propertyForeground#9F9F9F
symbolIcon.referenceForeground#9F9F9F
symbolIcon.snippetForeground#9F9F9F
symbolIcon.stringForeground#9F9F9F
symbolIcon.structForeground#9F9F9F
symbolIcon.textForeground#9F9F9F
symbolIcon.typeParameterForeground#9F9F9F
symbolIcon.unitForeground#9F9F9F
symbolIcon.variableForeground#ffaff3
tab.activeBackground#0F0F0F
tab.activeBorder#ffaff3
tab.activeForeground#ffffff
tab.activeModifiedBorder#6BCCCC
tab.border#2F2F2F
tab.inactiveBackground#0F0F0F
tab.inactiveForeground#9F9F9F
tab.inactiveModifiedBorder#6BCCCC
tab.lastPinnedBorder#ffaff3
tab.unfocusedActiveBackground#0F0F0F
tab.unfocusedActiveBorder#ffaff3
tab.unfocusedActiveForeground#9F9F9F
tab.unfocusedActiveModifiedBorder#6BCCCC
tab.unfocusedInactiveBackground#1F1F1F
tab.unfocusedInactiveForeground#9f9f9f
tab.unfocusedInactiveModifiedBorder#FF8F99
terminal.ansiBlack#9F9F9F
terminal.ansiBlue#DCDCDC
terminal.ansiBrightBlack#9F9F9F
terminal.ansiBrightBlue#DCDCDC
terminal.ansiBrightCyan#6BCCCC
terminal.ansiBrightGreen#ffaff3
terminal.ansiBrightMagenta#9F9F9F
terminal.ansiBrightRed#FFD08F
terminal.ansiBrightWhite#DCDCDC
terminal.ansiBrightYellow#FFFA9F
terminal.ansiCyan#6BCCCC
terminal.ansiGreen#ffaff3
terminal.ansiMagenta#9F9F9F
terminal.ansiRed#FFD08F
terminal.ansiWhite#DCDCDC
terminal.ansiYellow#FFFA9F
terminal.background#0F0F0F
terminal.border#0f0f0f
terminal.dropBackground#4f4f4f6a
terminal.foreground#DCDCDC
terminal.selectionBackground#2F2F2F
terminal.tab.activeBorder#ffaff3
textBlockQuote.background#1F1F1F
textBlockQuote.border#6BCCCC
textCodeBlock.background#0a0a0a66
textLink.activeForeground#DCDCDC
textLink.foreground#ffaff3
textPreformat.foreground#FFD08F
textSeparator.foreground#3f3f3f
titleBar.activeBackground#0F0F0F
titleBar.activeForeground#9f9f9f
titleBar.inactiveBackground#0f0f0f
titleBar.inactiveForeground#9f9f9f
toolbar.activeBackground#3F3F3F
toolbar.hoverBackground#3F3F3F
tree.indentGuidesStroke#3f3f3f
tree.tableColumnsBorder#3f3f3f
welcomePage.progress.background#3f3f3f
welcomePage.progress.foreground#ffaff3
welcomePage.tileBackground#1F1F1F
welcomePage.tileHoverBackground#2F2F2F
welcomePage.tileShadow.#2F2F2F
widget.shadow#1F1F1F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#8F8F8F	italic
invalid, invalid.illegal	#FF8F99	—
keyword, storage.type, storage.modifier	#ffaff3	—
keyword.control, constant.other.color, meta.tag, 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	#ffaff3	—
entity.name.tag	#9F9F9F	—
meta.tag.sgml, markup.deleted.git_gutter	#F08080	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#DCDCDC	—
meta.block variable.other	#DCDCDC	—
support.other.variable, string.other.link	#9F9F9F	—
constant.numeric	#b7d6a2	—
constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#DCDCDC	—
string, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#CE9178	—
entity.other.inherited-class, entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#6BCCCC	—
support.type	#DCDCDC	—
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	#8F8F8F	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#ffaff3	—
variable.language	#DCDCDC
entity.name.method.js	#DCDCDC	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#DCDCDC	—
entity.other.attribute-name	#ffaff3	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#6BCCCC	italic
entity.other.attribute-name.class	#6BCCCC	—
source.sass keyword.control	#DCDCDC	—
markup.inserted	#CE9178	—
markup.deleted	#ffaff3	—
markup.changed	#ffaff3	—
string.regexp	#ffaff3	—
constant.character.escape	#CE9178	—
url, link, uri	—	underline
source.js constant.other.object.key.js string.unquoted.label.js	#FD6F6B	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#CE9178	—
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	#ffaff3	—
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	#CE9178	—
text.html.markdown, punctuation.definition.list_item.markdown	#DCDCDC	—
text.html.markdown markup.inline.raw.markdown	#ffaff3	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#ffaff3	—
markup.italic	#DCDCDC	italic
markup.bold, markup.bold string	#DCDCDC	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	#DCDCDC	bold
markup.underline	#DCDCDC	underline
markup.quote punctuation.definition.blockquote.markdown	#8F8F8F	—
markup.quote	—	italic
string.other.link.title.markdown	#9F9F9F	—
string.other.link.description.title.markdown	#ffaff3	—
constant.other.reference.link.markdown	#6BCCCC	—
markup.raw.block	#ffaff3	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#ffffff	—
variable.language.fenced.markdown	#8F8F8F	—
meta.separator	#8F8F8F	bold
markup.table	#FFFFFF	—
token.info-token	#6BCCCC	—
token.warn-token	#FFD08F	—
token.error-token	#FF8F99	—
token.debug-token	#6BCCCC	—

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