0xDEADBEEF

Name: 0xDEADBEEF
Author: Prelly95

Publisher: Prelly95Themes in package: 1

dark colour theme designed to work well with C/++ Rust and Python

GitHub

VS Code preview

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

0xDEADBEEF — deadbeef

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project $

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#242837
activityBar.background#292d3e
activityBar.border#00000000
activityBar.foreground#e0ded7
activityBar.inactiveForeground#97907f
activityBarBadge.background#4d78cc
activityBarBadge.foreground#fce8c3
badge.foreground#fdf1d4
breadcrumb.background#292d3e
breadcrumb.focusForeground#fdf1d4
breadcrumb.foreground#b1a894
breadcrumbPicker.background#3e4251
button.background#2c78bf
button.foreground#e3d8be
button.hoverBackground#696c77
debugExceptionWidget.background#3e4251
debugExceptionWidget.border#ff4340
debugToolBar.background#242837
descriptionForeground#fdf1d4
diffEditor.insertedTextBackground#aecc0030
diffEditor.removedTextBackground#a3151530
dropdown.background#3e4251
dropdown.border#535664
dropdown.foreground#fdf1d4
editor.background#292d3e
editor.findMatchBackground#10c200a8
editor.findMatchHighlightBackground#11570ba1
editor.findRangeHighlightBackground#3a3d4166
editor.focusedStackFrameHighlightBackground#0062ff4d
editor.foldBackground#3e425177
editor.foreground#fce8c3
editor.hoverHighlightBackground#474e6c90
editor.inactiveSelectionBackground#cac0a930
editor.lineHighlightBackground#242837
editor.lineHighlightBorder#33384d
editor.rangeHighlightBackground#3d435db0
editor.selectionBackground#6a2dccbe
editor.selectionHighlightBackground#264f788c
editor.snippetFinalTabstopHighlightBorder#696c77
editor.snippetTabstopHighlightBackground#3e4251
editor.stackFrameHighlightBackground#00ff0025
editor.wordHighlightBackground#00000000
editor.wordHighlightBorder#00000000
editor.wordHighlightStrongBackground#00000000
editor.wordHighlightStrongBorder#00000000
editorBracketMatch.background#83b4d670
editorBracketMatch.border#83b4d600
editorCodeLens.foreground#fdf1d4
editorCursor.foreground#98bc37
editorError.foreground#ff4340
editorGroup.border#3e4251
editorGroup.dropBackground#cac0a980
editorGroupHeader.noTabsBackground#242837
editorGroupHeader.tabsBackground#1c1f2b
editorGutter.addedBackground#85990050
editorGutter.background#292d3e
editorGutter.deletedBackground#ff434050
editorGutter.modifiedBackground#535664
editorHint.foreground#268bd2
editorHoverWidget.background#242837
editorHoverWidget.border#696c77
editorIndentGuide.activeBackground1#cac0a9
editorIndentGuide.background1#696c77
editorInfo.foreground#2aa198
editorLineNumber.activeForeground#cac0a9
editorLineNumber.foreground#535664
editorLink.activeForeground#2c78bf
editorMarkerNavigation.background#3e4251
editorMarkerNavigationError.background#cac0a9
editorMarkerNavigationInfo.background#cac0a9
editorMarkerNavigationWarning.background#faebc7
editorOverviewRuler.addedForeground#85990050
editorOverviewRuler.border#3e4251
editorOverviewRuler.bracketMatchForeground#83b4d6
editorOverviewRuler.commonContentForeground#474e6c
editorOverviewRuler.currentContentForeground#535664
editorOverviewRuler.deletedForeground#ff434050
editorOverviewRuler.errorForeground#ff4340a0
editorOverviewRuler.infoForeground#2aa19890
editorOverviewRuler.modifiedForeground#535664
editorOverviewRuler.rangeHighlightForeground#cac0a9
editorOverviewRuler.selectionHighlightForeground#83b4d6
editorOverviewRuler.warningForeground#df943f90
editorOverviewRuler.wordHighlightForeground#cac0a9
editorOverviewRuler.wordHighlightStrongForeground#268bd2
editorPane.background#242837
editorRuler.foreground#535664
editorSuggestWidget.background#242837
editorSuggestWidget.border#696c77
editorSuggestWidget.foreground#fce8c3
editorSuggestWidget.selectedBackground#226194d2
editorUnnecessaryCode.opacity#000000b3
editorWarning.foreground#df943f
editorWhitespace.foreground#97907f90
editorWidget.background#3e4251
editorWidget.border#696c77
errorForeground#ff4340
extensionButton.prominentBackground#3e4251
extensionButton.prominentForeground#fdf1d4
focusBorder#696c77
foreground#e3d8be
gitDecoration.addedResourceForeground#99c2eb
gitDecoration.conflictingResourceForeground#ee37aa
gitDecoration.deletedResourceForeground#f14360
gitDecoration.ignoredResourceForeground#97907f
gitDecoration.modifiedResourceForeground#cc9c00
gitDecoration.submoduleResourceForeground#c651e5
gitDecoration.untrackedResourceForeground#73c991
icon.foreground#fdf1d4
input.background#242837
input.foreground#fdf1d4
input.placeholderForeground#97907f
inputOption.activeBorder#4ce7ff
inputValidation.errorBackground#242837
inputValidation.errorBorder#ff4340
inputValidation.infoBackground#242837
inputValidation.infoBorder#2aa198
inputValidation.warningBackground#242837
inputValidation.warningBorder#d33682
list.activeSelectionBackground#1c1f2b
list.activeSelectionForeground#fce8c3
list.dropBackground#cac0a980
list.errorForeground#f14360
list.focusBackground#3e4251
list.focusForeground#fdf1d4
list.hoverBackground#3e4251
list.hoverForeground#fdf1d4
list.inactiveSelectionBackground#53566480
list.inactiveSelectionForeground#cac0a9
list.invalidItemForeground#c62d2a
list.warningForeground#df943f
listFilterWidget.background#3e4251
listFilterWidget.noMatchesOutline#f14360
listFilterWidget.outline#3e4251
menu.background#242837
menu.foreground#e3d8be
menu.selectionBackground#3e4251
menu.selectionForeground#fdf1d4
menu.separatorBackground#cac0a9
menubar.selectionBackground#3e4251
menubar.selectionForeground#fdf1d4
notificationCenter.border#696c77
notificationCenterHeader.background#535664
notificationLink.foreground#268bd2
notifications.background#242837
notifications.border#696c77
notificationToast.border#696c77
panel.background#292d3e
panel.border#3e4251
panelInput.border#696c77
panelTitle.activeForeground#fdf1d4
panelTitle.inactiveForeground#97907f
peekView.border#696c77
peekViewEditor.background#3e4251
peekViewEditor.matchHighlightBackground#83b4d650
peekViewEditorGutter.background#3e4251
peekViewResult.background#292d3e
peekViewResult.fileForeground#e3d8be
peekViewResult.lineForeground#cac0a9
peekViewResult.matchHighlightBackground#83b4d650
peekViewResult.selectionBackground#242837
peekViewResult.selectionForeground#fce8c3
peekViewTitle.background#535664
peekViewTitleDescription.foreground#e3d8be
pickerGroup.border#696c77
pickerGroup.foreground#e3d8be
progressBar.background#3e4251
quickInput.background#242837
scrollbar.shadow#535664
scrollbarSlider.background#53566480
selection.background#83b4d670
settings.checkboxBackground#242837
settings.checkboxBorder#696c77
settings.checkboxForeground#fdf1d4
settings.dropdownBackground#3e4251
settings.dropdownBorder#696c77
settings.dropdownForeground#e3d8be
settings.dropdownListBorder#696c77
settings.headerForeground#aecc00
settings.modifiedItemIndicator#ee37aa
settings.numberInputBackground#242837
settings.numberInputForeground#fdf1d4
settings.textInputBackground#242837
settings.textInputForeground#fdf1d4
sideBar.background#242837
sideBar.dropBackground#cac0a980
sideBar.foreground#cac0a9
sideBarSectionHeader.background#3e4251
sideBarSectionHeader.foreground#e3d8be
statusBar.background#242837
statusBar.debuggingBackground#535664
statusBar.foreground#e3d8be
statusBar.noFolderBackground#942222d2
statusBar.noFolderForeground#e3d8be
statusBarItem.activeBackground#1c1f2b
statusBarItem.hoverBackground#3e4251
statusBarItem.prominentBackground#242837
statusBarItem.prominentHoverBackground#3e4251
tab.activeBackground#292d3e
tab.activeForeground#fdf1d4
tab.activeModifiedBorder#e3d8be
tab.border#3e4251
tab.inactiveBackground#202431
tab.inactiveForeground#b1a894
tab.inactiveModifiedBorder#cac0a9
tab.unfocusedActiveBackground#242837
tab.unfocusedActiveForeground#7e818b
tab.unfocusedActiveModifiedBorder#e3d8bea0
tab.unfocusedInactiveForeground#696c77
tab.unfocusedInactiveModifiedBorder#cac0a9a0
terminal.ansiBlack#1c1b19
terminal.ansiBlue#2c78bf
terminal.ansiBrightBlack#2d2c29
terminal.ansiBrightBlue#68a8e4
terminal.ansiBrightCyan#53fde9
terminal.ansiBrightGreen#98bc37
terminal.ansiBrightMagenta#ff5c8f
terminal.ansiBrightRed#f75341
terminal.ansiBrightWhite#fce8c3
terminal.ansiBrightYellow#fed06e
terminal.ansiCyan#0aaeb3
terminal.ansiGreen#519f50
terminal.ansiMagenta#e02c6d
terminal.ansiRed#ef2f27
terminal.ansiWhite#918175
terminal.ansiYellow#fbb829
terminal.background#292d3e
terminal.border#3e4251
terminal.foreground#fce8c3
terminal.selectionBackground#83b4d650
terminalCursor.foreground#6a7c2a
textBlockQuote.background#292d3e
textBlockQuote.border#3e4251
textCodeBlock.background#242837
textLink.foreground#268bd2
textPreformat.foreground#cac0a9
textSeparator.foreground#535664
titleBar.activeBackground#242837
titleBar.activeForeground#e3d8be
titleBar.inactiveBackground#202431
titleBar.inactiveForeground#b1a894
walkThrough.embeddedEditorBackground#292d3e
widget.shadow#1c1f2b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
	#FFFF00	—
keyword.other.rust	#76f33d	—
meta.function-call.c, meta.function.call.rust entity.name.function.rust	#569CD6	—
comment, constant.language.underscore.idris, punctuation.definition.comment, punctuation.whitespace.comment.leading.haskell, source.fsharp markup.inline.raw.string.markdown, source.fsharp meta.paragraph.markdown, source.fsharp punctuation.definition.raw.markdown, source.ocaml meta.separator.markdown, source.python string.quoted.docstring.multi punctuation.definition.string.begin, source.python string.quoted.docstring.multi punctuation.definition.string.end, string.quoted.docstring	#7E818B	italic
constant.other.table-name.sql, constant.type-constructor.elm, entity.name.constant.racket, entity.name.function.asciidoc, entity.name.function.gleam, entity.name.function.lua, entity.name.function.preprocessor.c, entity.name.function.target.makefile, entity.name.tag.yaml, entity.name.type.class.kotlin, entity.name.type.declaration.rust, entity.name.type.enum.rust, entity.name.type.instance, entity.name.type.macro.rust, entity.name.type.trait.rust, entity.other.inherited-class.kotlin, keyword.control.at-rule, keyword.key.toml, markup.admonition.asciidoc, markup.heading.blocktitle.asciidoc, markup.table.cell.delimiter.asciidoc, meta.declaration.data.algebraic.haskell storage.type.haskell, meta.declaration.newtype.algebraic.haskell storage.type.haskell, meta.definition.property.js entity.name.function.js, meta.definition.property.js variable.object.property.js, meta.definition.property.js.jsx entity.name.function.js.jsx, meta.definition.property.js.jsx variable.object.property.js.jsx, meta.definition.property.ts entity.name.function.ts, meta.definition.property.ts variable.object.property.ts, meta.definition.property.tsx entity.name.function.tsx, meta.definition.property.tsx variable.object.property.tsx, meta.expression.parenthesized variable.other.erlang, meta.function-call.arguments.python, meta.function-call.cpp, meta.function-call.erlang variable.other.erlang, meta.function-call.php variable.other.php, meta.generic-where-clause.swift, meta.object.flowtype storage.type.function.js, meta.object.flowtype variable.other.readwrite.js, parameter.variable.function.elixir, source.cpp entity.name.scope-resolution, source.css.scss meta.property-list entity.name.tag, source.haskell meta.declaration storage.type, source.ocaml entity.name.class constant.numeric, source.reason entity.name.class, source.ts support.class, storage.modifier.scope.viml, storage.type.powershell, string.other.link.title.restructuredtext, support.class.console.js, support.class.console.jsx, support.class.console.ts, support.class.console.tsx, support.class.crystal, support.class.dart, support.class.ruby, support.constant.attribute.viml, support.function.attribute.fsharp, support.function.builtin.go, support.function.lua, support.function.r, support.other.module.idris, support.type.object, support.type.property-name.css, support.type.property-name.media.css, support.type.swift, support.type.vendored.property-name.css, support.variable.option.viml, text.html.derivative variable.language, variable.function.r, variable.graphql, variable.other.anonymous.elixir, variable.other.constant.object, variable.other.object, variable.other.positional.shell, variable.other.readwrite, variable.other.special.shell	#99C2EB	—
constant.language, constant.numeric, constant.other.caps.rust, constant.other.fsharp, entity.name.function.macro.erlang, markup.changed.git_gutter, markup.deleted.git_gutter, markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, markup.raw.block.fenced.markdown, markup.raw.block, markup.raw.inner.restructuredtext, markup.raw.restructuredtext, meta.function.embedded.latex, support.variable.magic.python, text.asciidoc markup.raw, text.html.markdown markup.inline.raw.markdown, variable.language.elixir, variable.language.ruby	#F14360	—
constant.other.citation.link.restructuredtext, constant.other.database-name.sql, entity.name.class, entity.name.function.c, entity.name.function.clojure, entity.name.function.cs, entity.name.function.ctor.idris, entity.name.function.dart, entity.name.function.guard.erlang, entity.name.function.viml, entity.name.section, entity.name.type.fsharp, entity.other.attribute-name.html, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name, entity.other.inherited-class.haskell, entity.other.inherited-class.placeholder-selector.css.sass, keyword.control.preamble.latex, keyword.other.preprocessor.haskell, markup.list meta.paragraph.markdown, markup.list.numbered meta.paragraph.markdown, meta.attribute.rust, meta.declaration.data.algebraic.haskell meta.deriving.haskell storage.type.haskell, meta.declaration.exports.haskell entity.name.function.haskell, meta.declaration.newtype.algebraic.haskell meta.deriving.haskell storage.type.haskell, meta.function-call entity.name.function, meta.function-call.crystal entity.name.function.crystal, meta.function-call.erlang entity.name.function.erlang, meta.function-call.generic.python, meta.function-call.python, meta.function-call, meta.import.haskell entity.name.namespace.haskell, meta.method-call entity.name.function, meta.object-literal.key.js entity.name.function.js, meta.object-literal.key.js, meta.object-literal.key.jsx entity.name.function.jsx, meta.object-literal.key.jsx, meta.object-literal.key.ts entity.name.function.ts, meta.object-literal.key.ts, meta.object-literal.key.tsx entity.name.function.tsx, meta.object-literal.key.tsx, source.elm meta.module.name support.module, source.haskell constant, source.java storage.type, source.js constant.other.object.key.js string.unquoted.js, source.js meta.function-call.without-arguments entity.name.function, source.reason constant.language, source.scheme support.function, source.viml support.function, storage.type.annotation.kotlin, string.other.link.description.title.markdown, support.class.kotlin, support.constant.misc.r, support.function.any-method.swift, support.function.console.js, support.function.go, support.function.mutator.js, support.function.powershell, support.function.racket, support.function.swift, support.function.target.PHONY.makefile, support.type.builtin.graphql, support.variable.swift, text.restructuredtext constant.other.footnote.link, variable.language, variable.other.constant.elixir, variable.other.object.access.cpp, variable.other.swift	#ABB8C0	—
constant.other.general.math.tex, entity.name.class.js, entity.name.class.kotlin, entity.name.function.macro.rust, entity.name.function.preprocessor.cpp, entity.name.module.rust, entity.name.package.go, entity.name.role.restructuredtext, entity.name.section.fsharp, entity.name.type.class, entity.name.type.interface.ts, entity.name.type.interface.tsx, entity.name.type.lifetime.rust, entity.name.type.module, entity.other.inherited-class, meta.declaration.module.idris, meta.object-literal.key, meta.property-name, source.css.scss keyword.control.at-rule, source.elm meta.declaration.module support.module, source.elm meta.import support.module, source.graphql meta.type.interface support.type, source.haskell entity.name.namespace, source.ocaml entity.name.filename, source.python meta.function-call, source.sass keyword.control.at-rule, source.swift meta.definition.type.extension.swift entity.name.type.swift support.type.swift, storage.modifier.attribute.swift, storage.type.annotation.java, support.class.builtin.js, support.class, support.constant.variable.powershell, support.function.construct.php, support.type.property-name, support.variable.viml, variable.other.class.js, variable.other.readwrite.class.crystal, variable.other.readwrite.decorator.js, variable.other.readwrite.instance.crystal, variable.other.readwrite.instance.ruby, variable.other.readwrite.module.elixir	#FF89B5	—
constant, entity.name.function.call.cpp, entity.name.function.java, entity.name.function.member.cpp, entity.name.record.field.accessor.elm, entity.name.type.class.module.erlang, entity.other.attribute-name.pseudo-element.css, JSXNested, keyword.control.unit.css.sass, keyword.other.platform.os.swift, keyword.other.unit, meta.declaration.exports.haskell entity.name.function.haskell, meta.function-call.erlang variable.other.erlang, meta.function-call.swift, meta.function.js support, meta.method-call.with-arguments.js support.type, meta.type.object.graphql support.type.graphql, meta, source.elixir.embedded, source.idris meta.parameter variable.parameter, source.powershell interpolated.simple.source meta.scriptblock meta.hashtable meta.hashtable.assignment variable.other.readwrite.powershell, source.reason constant.language constant.numeric, source.reason support.type string.regexp, source.yaml string.unquoted, storage.modifier.import.java, storage.modifier.swift, storage.type.cs, string.interpolated.dollar.shell, support.class.stdplugin.viml, support.constant.ext.php, variable.language.prototype.js, variable.other.block.crystal, variable.other.block.ruby, variable.other.bracket.shell, variable.other.constant, variable.other.crystal, variable.other.erlang, variable.other.lua, variable.other.member.definition.haskell, variable.other.member.powershell, variable.other.metavariable.name.rust, variable.other.object.property.cs, variable.other.object.property.ts, variable.other.php, variable.other.property.cpp, variable.other.property.java, variable.other.property.js, variable.other.property.jsx, variable.other.property.ts, variable.other.property.tsx, variable.other.readwrite.alias.js.jsx, variable.other.readwrite.alias.js, variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.cs, variable.other.readwrite.js, variable.other.readwrite.ts, variable.other.readwrite.tsx, variable.other.ruby, variable.other.rust, variable	#a9acca	—
invalid.deprecated, invalid.illegal, invalid	#FF4340	—
entity.name.function.macro.rules.rust, entity.name.section.markdown, keyword.control.anchor.regexp, keyword.control.newline.tex, keyword.operator.negation.regexp, keyword.operator.or.regexp, keyword.operator.quantifier.regexp, keyword.other.back-reference.regexp, keyword, markdown.heading, markup.heading \| markup.heading entity.name, markup.quote punctuation.definition.blockquote.markdown, markup.substitution.attribute-reference.asciidoc, meta.directive.erlang, meta.function.js, meta.method-call.with-arguments.js, meta.other.unknown.elm, meta.property-list.css.sass.prop, meta.separator, meta.structure.tuple.erlang, meta.vector.clojure, punctuation.access.module.scss, punctuation.accessor.cs, punctuation.accessor.dot.kotlin, punctuation.colon.graphql, punctuation.definition.block.sequence.item.yaml, punctuation.definition.constant.elixir, punctuation.definition.constant.ruby, punctuation.definition.entity.css, punctuation.definition.group.capture.regexp, punctuation.definition.keyValuePair.toml, punctuation.definition.scope.key-value.viml, punctuation.definition.variable.php, punctuation.definition.variable.powershell, punctuation.definition.variable.viml, punctuation.delimiter.property.dot.viml, punctuation.dot.dart, punctuation.other.period.go, punctuation.parens.ellipses.elm, punctuation.separator.argument-label.swift, punctuation.separator.clause-head-body.erlang, punctuation.separator.colon.viml, punctuation.separator.dictionary.key-value.json, punctuation.separator.generic-parameter-constraint.swift, punctuation.separator.inheritance-clause.swift, punctuation.separator.key-value, punctuation.separator.method.crystal, punctuation.separator.method.elixir, punctuation.separator.method.ruby, punctuation.separator.module-function.erlang, punctuation.separator.namespace.access.cpp, punctuation.separator.namespace.ruby, punctuation.separator.other.crystal, punctuation.separator.period.java, punctuation.separator.period.python, punctuation.separator.pointer-access.c, punctuation.separator.pointer-access, punctuation.type.flowtype, sass.script.maps, source.cpp punctuation.separator, source.fsharp keyword.symbol.new, source.js punctuation.accessor, source.jsx punctuation.accessor, source.ocaml keyword markup.underline, source.ocaml keyword.control markup.underline, source.ocaml storage.type markup.underline, source.ocaml support.type strong, source.ocaml variable.other.class.js message.error variable.interpolation string.regexp markup.underline, source.ocaml variable.other.class.js message.error variable.interpolation string.regexp strong, source.ocaml variable.other.class.js message.error variable.interpolation string.regexp, source.sass constant.numeric.module.dot, source.sass support.function.name keyword.control.at-rule, source.ts punctuation.accessor, source.tsx punctuation.accessor, storage.modifier.import.java punctuation.separator.java, storage, support.directive.restructuredtext, support.function.be.latex, support.function.section.latex, support.function.textbf.latex, support.function.textit.latex, support.function.url.latex, text.asciidoc markup.code, text.asciidoc markup.heading, text.restructuredtext punctuation.definition.field, variable.language.makefile, variable.other.anonymous.elixir punctuation.definition.variable.elixir, variable.other.member.wildcard.haskell, variable.other.normal.shell punctuation.definition.variable.shell, variable.other.positional.shell punctuation.definition.variable.shell, variable.other.special.shell punctuation.definition.variable.shell	#569CD6	—
comment.punctuation.comma.sass, constant.asciidoc, constant.character.asciidoc, constant.language.unit.fsharp, constant.language.unit.haskell, keyword.operator.decorator.js, keyword.operator.exponent.rust, keyword.operator.exponent.sign, keyword.operator.list.shell, markup.heading.block-attribute.asciidoc, markup.heading.marker.asciidoc, markup.heading.setext, markup.macro.inline.passthrough.asciidoc, markup.other.url.asciidoc, markup.table.delimiter.asciidoc, meta.brace, meta.declaration.exports.haskell, meta.declaration.procedure.scheme, meta.function.definition.elixir, meta.function.method.with-arguments.ruby, meta.function.type-declaration.elm, meta.function.type-declaration.haskell, meta.function.type-record.elm, meta.metadata.simple.clojure, meta.preprocessor.haskell, meta.separator.markdown, meta.tag, meta.type.object.graphql, meta.variables.graphql, punctuation.definition.fenced.markdown, punctuation.definition.string.begin.elixir string.quoted.double.heredoc.elixir, punctuation.definition.string.end.elixir string.quoted.double.heredoc.elixir, punctuation.definition, punctuation.section.regexp.begin.elixir, punctuation.section.regexp.end.elixir, punctuation.separator.key-value.restructuredtext, punctuation, source.fsharp keyword.symbol, source.js meta.delimiter, source.ocaml string.regexp strong, source.sass entity.name.function, source.shell string.interpolated string.quoted punctuation.definition, storage.modifier.mut.rust, support.asciidoc, text.asciidoc constant.other.symbol, text.asciidoc markup.code markup.heading, variable.line-break.asciidoc	#4CE7FF	—
constant.character.format.placeholder.other.python, constant.language.import-export-all.tsx, constant.language.lua, constant.language.unit.idris, constant.numeric.math.tex, constant.other.footnote.link.restructuredtext, constant.other.placeholder.c, constant.other.placeholder.go, entity.name.package.kotlin, entity.name.tag, entity.name.type.option.rust, entity.name.type.result.rust, entity.other.attribute-name.table.toml, invalid.illegal.parenthesis.scheme, keyword.operator.module.all.js, keyword.other.crate.rust, markup.list.bullet.asciidoc, markup.underline.substitution.restructuredtext, meta.interpolation.cs variable.other.readwrite.cs, namespace.open.fsharp entity.name.section.fsharp, punctuation.definition.interpolation.rust, punctuation.definition.list.begin.markdown, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.definition.variable.shell, punctuation.quasi.element.begin.js, punctuation.quasi.element.end.js, punctuation.section.embedded, source.dart string.interpolated variable.parameter, source.elixir.embedded.source.empty, source.haskell keyword.other.preprocessor, source.js support.class.component, source.shell string.interpolated punctuation.definition, storage.type.format.python, string.interpolated.makefile variable.other.makefile, string.other.link.description.markdown, string.other.link.title.markdown, string.regexp constant.character, string.regexp constant, string.regexp keyword, string.regexp meta keyword, string.regexp meta punctuation meta.assertion, string.regexp meta punctuation, string.regexp meta.group, string.regexp punctuation, string.regexp, support.class.component, support.class.latex, support.class.math.latex, support.type.viml, text.restructuredtext meta.link.reference.def string.other.link.title.restructuredtext, variable.interpolation, variable.language.closure-parameter.swift, variable.language.kotlin, variable.language.super.rust, variable.language.swift, variable.other.readwrite.global.pre-defined.ruby, variable.other.readwrite.global.ruby	#EE37AA	—
entity.global.clojure, entity.name.function, entity.name.section.latex, keyword.control.layout.tex, keyword.control.ref.latex, markup.italic.quotes.asciidoc, markup.other.command.restructuredtext, meta.function.definition.parameters.c entity.name.function.c, meta.function.lua entity.name.function.lua, meta.macro.rules.rust entity.name.function.macro.rust, meta.method.identifier entity.name.function.java, source.css keyword.control.at-rule, source.sass support.function.name entity.name.function, support.function.magic.python	#8AF899	—
constant.keyword.clojure, constant.language.symbol, constant.other.gleam, constant.other.reference.label.latex, constant.other.reference.link.markdown, constant.other.symbol, entity.name.tag.restructuredtext, entity.name.type.namespace.scope-resolution.cpp, entity.name.variable.parameter.cs, markup.heading.asciidoc, markup.heading.block-attribute.asciidoc, markup.meta.attribute-list.asciidoc, meta.declaration.data.algebraic.haskell meta.record.definition.haskell storage.type.haskell, meta.declaration.data.idris, meta.function-call.java, meta.function.parameters variable.other.readwrite, meta.function.parameters.js variable.other.readwrite.js, meta.function.parameters.php variable.other.php, meta.function.type-signature.idris entity.name.function.ctor.idris, meta.function.type-signature.idris, meta.method-call.java, meta.parameter.named.idris, source.crystal variable.other.readwrite, source.idris meta.function.type-signature entity.name.function.ctor, source.idris meta.function.type-signature meta.parameter, source.reason string.other.link, source.rust entity.name.type, entity.name.type.struct.rust, source.sass constant.character.module.name, storage.type.elm, storage.type.haskell, support.constant.attribute-name.asciidoc, support.variable.environment.viml, text.asciidoc markup.macro.block.general string.unquoted, text.asciidoc markup.other.url string.unquoted, variable.language.dart, variable.other.readwrite.powershell, variable.other, variable.parameter.function.swift entity.name.function.swift, variable.parameter, variable.scss, variable.type.elm	#C651E5	—
constant.character.css.sass, constant.pathname.viml, markup.heading, markup.inserted.git_gutter, markup.mark.asciidoc, meta.attribute-selector.scss, source.reason string.regexp, string, support.function.general.tex, text.asciidoc markup.link, variable.parameter.url.css	#AECC00	—
constant.character.escape, constant.character.numeric.regexp, constant.character, constant.other.character-class.regexp, keyword.type.cs, markup.heading.list.asciidoc, markup.highlight.asciidoc, string constant.other.placeholder	#7CDF89	—
markup.admonition entity.name.function.asciidoc, variable.language.self.crystal, variable.language.special.self.python, variable.language.super.js.jsx, variable.language.super.js, variable.language.super.ts, variable.language.super.tsx	#EE37AA	italic
variable.language.this	#99C2EB	italic
variable.language.super.rust, variable.language.self.rust	—	italic
source.ocaml keyword markup.underline, source.ocaml keyword.control markup.underline, source.ocaml storage.type markup.underline, source.ocaml variable.other.class.js message.error variable.interpolation string.regexp markup.underline	—
url, link, uri	—	underline
punctuation.definition.italic.markdown	#4CE7FF	italic
markup.italic	#AECC00	italic
markup.bold markup.italic string, markup.bold markup.italic, markup.bold string, markup.bold, markup.italic markup.bold string, markup.italic markup.bold, markup.quote markup.bold string, markup.quote markup.bold	#AECC00	bold
punctuation.definition.bold.markdown, markup.bold.asciidoc punctuation.definition.asciidoc	#4CE7FF	bold
markup.underline	#AECC00	underline
markup.quote meta.paragraph.markdown	#8AF899	italic
markup.inserted	#AECC00	—
markup.deleted	#FF434080	—
markup.changed	#C651E5	—
token.info-token	#268BD2	—
token.warn-token	#D33682	—
token.error-token	#FF4340	—
token.debug-token	#2AA198	—
source.json meta.structure.dictionary.json support.type.property-name.json	#FF9D35	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C651E5	—
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	#FF89B5	—
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	#99C2EB	—
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	#FF9D35	—
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	#C651E5	—
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	#FF89B5	—
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	#99C2EB	—
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	#FF9D35	—

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