Retro '82 Theme

Name: Retro '82 Theme
Author: oldjobobo

Publisher: oldjoboboThemes in package: 1

Retro-82 color theme for VS Code

Open in VS Code GitHub

VS Code preview

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

Retro '82 Theme — Retro '82

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#00000000
activityBar.background#00172E
activityBar.border#134E5A
activityBar.dropBackground#F6DCAC
activityBar.foreground#A7C9C6
activityBar.inactiveForeground#134E5A
activityBarBadge.background#FAA968
activityBarBadge.foreground#00172E
badge.background#00172E
badge.foreground#A7C9C6
banner.background#0A3A45
banner.foreground#A7C9C6
banner.iconForeground#FAA968
breadcrumb.activeSelectionForeground#F6DCAC
breadcrumb.background#01204E
breadcrumb.focusForeground#FFF1DA
breadcrumb.foreground#A7C9C6
breadcrumbPicker.background#01204E
button.background#FAA968
button.foreground#00172E
button.hoverBackground#5F8F96
button.secondaryBackground#3F8F8A
button.secondaryForeground#F6DCAC
button.secondaryHoverBackground#5F8F96
charts.blue#FAA968
charts.foreground#A7C9C6
charts.green#028391
charts.lines#A7C9C6
charts.orange#F6DCAC
charts.purple#3F8F8A
charts.red#F85525
charts.yellow#E97B3C
checkbox.background#00172E
checkbox.foreground#A7C9C6
commandCenter.activeBackground#01204E
commandCenter.activeForeground#F6DCAC
commandCenter.background#00172E
commandCenter.foreground#A7C9C6
contrastBorder#134E5A
debugConsole.errorForeground#F85525
debugConsole.infoForeground#A7C9C6
debugConsole.sourceForeground#A7C9C6
debugConsole.warningForeground#E97B3C
debugConsoleInputIcon.foreground#A7C9C6
debugExceptionWidget.background#01204E
debugIcon.breakpointCurrentStackframeForeground#E97B3C
debugIcon.breakpointDisabledForeground#5F8F96
debugIcon.breakpointForeground#F85525
debugIcon.breakpointStackframeForeground#176B73
debugIcon.breakpointUnverifiedForeground#0A3A45
debugIcon.continueForeground#028391
debugIcon.disconnectForeground#F85525
debugIcon.pauseForeground#FAA968
debugIcon.restartForeground#028391
debugIcon.startForeground#028391
debugIcon.stepBackForeground#176B73
debugIcon.stepIntoForeground#8CBFB8
debugIcon.stepOutForeground#3F8F8A
debugIcon.stepOverForeground#FAA968
debugIcon.stopForeground#F85525
debugTokenExpression.boolean#F6DCAC
debugTokenExpression.error#F85525
debugTokenExpression.name#3F8F8A
debugTokenExpression.number#F6DCAC
debugTokenExpression.string#028391
debugTokenExpression.value#A7C9C6
debugToolBar.background#01204E
debugView.stateLabelBackground#FAA968
debugView.stateLabelForeground#00172E
debugView.valueChangedHighlight#FAA968
descriptionForeground#134E5A
diffEditor.diagonalFill#0A3A45
diffEditor.insertedTextBackground#02839120
diffEditor.removedTextBackground#F8552520
disabledForeground#5F8F96
dropdown.background#00172E
dropdown.foreground#A7C9C6
dropdown.listBackground#00172E
editor.background#00172E
editor.findMatchBackground#E97B3C6f
editor.findMatchHighlightBackground#F6DCAC6f
editor.findRangeHighlightBackground#01204E6f
editor.foreground#A7C9C6
editor.hoverHighlightBackground#0A3A456f
editor.inactiveSelectionBackground#0A3A45
editor.lineHighlightBackground#01204E
editor.rangeHighlightBackground#01204E6f
editor.selectionBackground#0A3A45
editor.selectionHighlightBackground#01204E
editor.snippetFinalTabstopHighlightBackground#134E5A
editor.snippetTabstopHighlightBackground#0A3A45
editor.wordHighlightBackground#0A3A456f
editor.wordHighlightStrongBackground#134E5A6f
editorBracketHighlight.foreground1#F85525
editorBracketHighlight.foreground2#F6DCAC
editorBracketHighlight.foreground3#E97B3C
editorBracketHighlight.foreground4#028391
editorBracketHighlight.foreground5#FAA968
editorBracketHighlight.foreground6#3F8F8A
editorBracketHighlight.unexpectedBracket.foreground#176B73
editorBracketMatch.background#0A3A45
editorCodeLens.foreground#0A3A45
editorCursor.foreground#A7C9C6
editorError.foreground#F85525
editorGroup.background#00172E
editorGroup.border#134E5A
editorGroup.dropBackground#0A3A456f
editorGroup.dropIntoPromptBackground#00172E
editorGroup.dropIntoPromptForeground#FFF1DA
editorGroup.emptyBackground#00172E
editorGroupHeader.noTabsBackground#00172E
editorGroupHeader.tabsBackground#00172E
editorGutter.addedBackground#028391
editorGutter.background#00172E
editorGutter.commentRangeForeground#5F8F96
editorGutter.deletedBackground#F85525
editorGutter.foldingControlForeground#A7C9C6
editorGutter.modifiedBackground#3F8F8A
editorHint.foreground#FAA968
editorHoverWidget.background#00172E
editorHoverWidget.foreground#A7C9C6
editorIndentGuide.activeBackground#5F8F96
editorIndentGuide.background#134E5A
editorInfo.foreground#8CBFB8
editorInlayHint.background#01204E
editorInlayHint.foreground#A7C9C6
editorInlayHint.parameterBackground#01204E
editorInlayHint.parameterForeground#A7C9C6
editorInlayHint.typeBackground#01204E
editorInlayHint.typeForeground#A7C9C6
editorLightBulb.foreground#E97B3C
editorLightBulbAutoFix.foreground#FAA968
editorLineNumber.activeForeground#5F8F96
editorLineNumber.foreground#134E5A
editorLink.activeForeground#FAA968
editorMarkerNavigation.background#01204E
editorMarkerNavigationError.background#F85525
editorMarkerNavigationError.headerBackground#F8552520
editorMarkerNavigationInfo.background#FAA968
editorMarkerNavigationInfo.headerBackground#8CBFB820
editorMarkerNavigationWarning.background#E97B3C
editorMarkerNavigationWarning.headerBackground#E97B3C20
editorOverviewRuler.addedForeground#028391
editorOverviewRuler.bracketMatchForeground#FFF1DA
editorOverviewRuler.commonContentForeground#176B73
editorOverviewRuler.currentContentForeground#FAA968
editorOverviewRuler.deletedForeground#F85525
editorOverviewRuler.errorForeground#F85525
editorOverviewRuler.findMatchForeground#E97B3C6f
editorOverviewRuler.incomingContentForeground#028391
editorOverviewRuler.infoForeground#8CBFB8
editorOverviewRuler.modifiedForeground#3F8F8A
editorOverviewRuler.rangeHighlightForeground#134E5A6f
editorOverviewRuler.selectionHighlightForeground#0A3A456f
editorOverviewRuler.warningForeground#E97B3C
editorOverviewRuler.wordHighlightForeground#F6DCAC6f
editorOverviewRuler.wordHighlightStrongForeground#FAA9686f
editorPane.background#00172E
editorRuler.foreground#134E5A
editorSuggestWidget.background#01204E
editorSuggestWidget.focusHighlightForeground#F6DCAC
editorSuggestWidget.foreground#A7C9C6
editorSuggestWidget.highlightForeground#FAA968
editorSuggestWidget.selectedBackground#0A3A45
editorSuggestWidget.selectedForeground#FFF1DA
editorWarning.foreground#E97B3C
editorWhitespace.foreground#134E5A
editorWidget.background#00172E
editorWidget.foreground#A7C9C6
errorForeground#F85525
extensionBadge.remoteBackground#F6DCAC
extensionBadge.remoteForeground#F6DCAC
extensionButton.prominentBackground#028391
extensionButton.prominentForeground#F6DCAC
extensionButton.prominentHoverBackground#0A3A45
extensionIcon.preReleaseForeground#F6DCAC
extensionIcon.starForeground#E97B3C
extensionIcon.verifiedForeground#FAA968
foreground#A7C9C6
gitDecoration.addedResourceForeground#028391
gitDecoration.conflictingResourceForeground#E97B3C
gitDecoration.deletedResourceForeground#F85525
gitDecoration.ignoredResourceForeground#134E5A
gitDecoration.modifiedResourceForeground#3F8F8A
gitDecoration.renamedResourceForeground#8CBFB8
gitDecoration.stageDeletedResourceForeground#F85525
gitDecoration.stageModifiedResourceForeground#3F8F8A
gitDecoration.submoduleResourceForeground#176B73
gitDecoration.untrackedResourceForeground#F6DCAC
icon.foreground#5F8F96
input.background#00172E
input.foreground#A7C9C6
input.placeholderForeground#134E5A
inputOption.activeBackground#0A3A45
inputOption.activeBorder#F6DCAC
inputOption.activeForeground#A7C9C6
inputValidation.errorBackground#F85525
inputValidation.errorBorder#F85525
inputValidation.errorForeground#A7C9C6
inputValidation.infoBackground#FAA968
inputValidation.infoBorder#FAA968
inputValidation.infoForeground#00172E
inputValidation.warningBackground#E97B3C
inputValidation.warningBorder#E97B3C
inputValidation.warningForeground#A7C9C6
keybindingLabel.background#0A3A45
keybindingLabel.foreground#A7C9C6
keybindingTable.headerBackground#0A3A45
keybindingTable.rowsBackground#01204E
list.activeSelectionBackground#0A3A45
list.activeSelectionForeground#A7C9C6
list.dropBackground#F6DCAC
list.errorForeground#F85525
list.filterMatchBackground#0A3A45
list.focusBackground#0A3A45
list.focusForeground#A7C9C6
list.highlightForeground#F6DCAC
list.hoverBackground#134E5A
list.hoverForeground#A7C9C6
list.inactiveFocusBackground#0A3A45
list.inactiveSelectionBackground#0A3A45
list.inactiveSelectionForeground#A7C9C6
list.invalidItemForeground#F85525
list.warningForeground#E97B3C
listFilterWidget.background#00172E
listFilterWidget.noMatchesOutline#F85525
menu.background#01204E
menu.foreground#A7C9C6
menu.selectionBackground#0A3A45
menu.selectionForeground#A7C9C6
menu.separatorBackground#F6DCAC
menubar.selectionBackground#01204E
menubar.selectionForeground#A7C9C6
merge.currentContentBackground#FAA96840
merge.currentHeaderBackground#FAA96840
merge.incomingContentBackground#02839160
merge.incomingHeaderBackground#02839160
minimap.background#00172E
minimap.errorHighlight#F85525
minimap.findMatchHighlight#E97B3C6f
minimap.selectionHighlight#0A3A456f
minimap.selectionOccurrenceHighlight#134E5A
minimap.warningHighlight#E97B3C
minimapGutter.addedBackground#028391
minimapGutter.deletedBackground#F85525
minimapGutter.modifiedBackground#3F8F8A
notebook.cellBorderColor#134E5A
notebook.cellEditorBackground#00172E
notebook.cellHoverBackground#01204E
notebook.cellToolbarSeparator#0A3A45
notebook.editorBackground#00172E
notebook.focusedCellBackground#0A3A45
notebook.focusedCellBorder#FAA968
notebook.focusedEditorBorder#FAA968
notebook.inactiveFocusedCellBorder#134E5A
notebook.selectedCellBackground#0A3A45
notebookStatusErrorIcon.foreground#F85525
notebookStatusRunningIcon.foreground#8CBFB8
notebookStatusSuccessIcon.foreground#028391
notification.background#0A3A45
notification.buttonBackground#FAA968
notification.buttonForeground#00172E
notification.buttonHoverBackground#0A3A45
notification.errorBackground#F85525
notification.errorForeground#F6DCAC
notification.foreground#A7C9C6
notification.infoBackground#8CBFB8
notification.infoForeground#F6DCAC
notification.warningBackground#E97B3C
notification.warningForeground#F6DCAC
notificationCenterHeader.background#01204E
notificationCenterHeader.foreground#A7C9C6
notificationLink.foreground#FAA968
notifications.background#0A3A45
notifications.foreground#A7C9C6
notificationsErrorIcon.foreground#F85525
notificationsInfoIcon.foreground#FAA968
notificationsWarningIcon.foreground#E97B3C
panel.background#00172E
panel.border#134E5A
panel.dropBackground#01204E6f
panel.dropBorder#01204E6f
panelTitle.activeForeground#A7C9C6
panelTitle.inactiveForeground#134E5A
peekViewEditor.background#01204E
peekViewEditor.matchHighlightBackground#F6DCAC6f
peekViewEditorGutter.background#01204E
peekViewResult.background#00172E
peekViewResult.fileForeground#A7C9C6
peekViewResult.lineForeground#134E5A
peekViewResult.matchHighlightBackground#F6DCAC6f
peekViewResult.selectionBackground#0A3A45
peekViewResult.selectionForeground#A7C9C6
peekViewTitle.background#0A3A45
peekViewTitleDescription.foreground#134E5A
peekViewTitleLabel.foreground#A7C9C6
pickerGroup.foreground#134E5A
ports.iconRunningProcessForeground#F6DCAC
problemsErrorIcon.foreground#F85525
problemsInfoIcon.foreground#8CBFB8
problemsWarningIcon.foreground#E97B3C
progressBar.background#134E5A
quickInput.background#01204E
quickInput.foreground#A7C9C6
quickInputList.focusBackground#134E5A
quickInputList.focusForeground#F6DCAC
quickInputList.focusIconForeground#F6DCAC
scrollbar.shadow#01204E
scrollbarSlider.activeBackground#5F8F966f
scrollbarSlider.background#0A3A456f
scrollbarSlider.hoverBackground#134E5A6f
searchEditor.findMatchBackground#E97B3C6f
selection.background#FAA968
settings.checkboxBackground#01204E
settings.checkboxForeground#A7C9C6
settings.dropdownBackground#01204E
settings.dropdownForeground#A7C9C6
settings.focusedRowBackground#0A3A45
settings.headerBorder#A7C9C6
settings.headerForeground#A7C9C6
settings.modifiedItemForeground#028391
settings.modifiedItemIndicator#FAA968
settings.numberInputBackground#01204E
settings.numberInputForeground#A7C9C6
settings.rowHoverBackground#0A3A45
settings.sashBorder#A7C9C6
settings.textInputBackground#01204E
settings.textInputForeground#A7C9C6
sideBar.background#00172E
sideBar.border#134E5A
sideBar.dropBackground#0A3A456f
sideBar.foreground#A7C9C6
sideBarSectionHeader.background#00172E
sideBarSectionHeader.border#134E5A
sideBarSectionHeader.foreground#A7C9C6
sideBarTitle.foreground#A7C9C6
statusBar.background#00172E
statusBar.border#134E5A
statusBar.debuggingBackground#F6DCAC
statusBar.debuggingForeground#F6DCAC
statusBar.foreground#F6DCAC
statusBar.noFolderBackground#3F8F8A
statusBar.noFolderForeground#F6DCAC
statusBarItem.activeBackground#134E5A
statusBarItem.errorBackground#F85525
statusBarItem.errorForeground#F6DCAC
statusBarItem.hoverBackground#0A3A45
statusBarItem.prominentBackground#3F8F8A
statusBarItem.prominentForeground#F6DCAC
statusBarItem.prominentHoverBackground#F85525
statusBarItem.remoteBackground#028391
statusBarItem.remoteForeground#F6DCAC
statusBarItem.warningBackground#E97B3C
statusBarItem.warningForeground#F6DCAC
symbolIcon.arrayForeground#A7C9C6
symbolIcon.booleanForeground#F6DCAC
symbolIcon.classForeground#E97B3C
symbolIcon.colorForeground#3F8F8A
symbolIcon.constantForeground#F6DCAC
symbolIcon.constructorForeground#FAA968
symbolIcon.enumeratorForeground#F6DCAC
symbolIcon.enumeratorMemberForeground#FAA968
symbolIcon.eventForeground#E97B3C
symbolIcon.fieldForeground#F85525
symbolIcon.fileForeground#A7C9C6
symbolIcon.folderForeground#A7C9C6
symbolIcon.functionForeground#FAA968
symbolIcon.interfaceForeground#FAA968
symbolIcon.keyForeground#3F8F8A
symbolIcon.keywordForeground#3F8F8A
symbolIcon.methodForeground#FAA968
symbolIcon.moduleForeground#A7C9C6
symbolIcon.namespaceForeground#A7C9C6
symbolIcon.nullForeground#176B73
symbolIcon.numberForeground#F6DCAC
symbolIcon.objectForeground#3F8F8A
symbolIcon.operatorForeground#3F8F8A
symbolIcon.packageForeground#3F8F8A
symbolIcon.propertyForeground#A7C9C6
symbolIcon.referenceForeground#3F8F8A
symbolIcon.snippetForeground#A7C9C6
symbolIcon.stringForeground#028391
symbolIcon.structForeground#E97B3C
symbolIcon.textForeground#A7C9C6
symbolIcon.typeParameterForeground#3F8F8A
symbolIcon.unitForeground#3F8F8A
symbolIcon.variableForeground#F85525
tab.activeBackground#00172E
tab.activeBorder#FAA968
tab.activeForeground#A7C9C6
tab.activeModifiedBorder#FAA968
tab.border#134E5A
tab.hoverBackground#00000000
tab.inactiveBackground#00172E
tab.inactiveForeground#134E5A
tab.inactiveModifiedBorder#FAA968
tab.unfocusedActiveBackground#00172E
tab.unfocusedActiveBorder#5F8F96
tab.unfocusedActiveForeground#5F8F96
tab.unfocusedActiveModifiedBorder#FAA968
tab.unfocusedHoverBackground#00000000
tab.unfocusedInactiveForeground#134E5A
tab.unfocusedInactiveModifiedBorder#FAA968
terminal.ansiBlack#00172E
terminal.ansiBlue#FAA968
terminal.ansiBrightBlack#134E5A
terminal.ansiBrightBlue#FAA968
terminal.ansiBrightCyan#8CBFB8
terminal.ansiBrightGreen#028391
terminal.ansiBrightMagenta#3F8F8A
terminal.ansiBrightRed#F85525
terminal.ansiBrightWhite#F6DCAC
terminal.ansiBrightYellow#E97B3C
terminal.ansiCyan#8CBFB8
terminal.ansiGreen#028391
terminal.ansiMagenta#3F8F8A
terminal.ansiRed#F85525
terminal.ansiWhite#A7C9C6
terminal.ansiYellow#E97B3C
terminal.background#00172E
terminal.foreground#A7C9C6
terminalCursor.foreground#A7C9C6
terminalOverviewRuler.cursorForeground#ff0000
terminalOverviewRuler.findMatchForeground#ff0000
testing.iconErrored#176B73
testing.iconFailed#F85525
testing.iconPassed#028391
testing.iconQueued#E97B3C
testing.iconSkipped#3F8F8A
testing.iconUnset#5F8F96
testing.message.error.decorationForeground#A7C9C6
testing.message.error.lineBackground#F8552520
testing.message.info.decorationForeground#A7C9C6
testing.message.info.lineBackground#FAA96820
testing.peekHeaderBackground#01204E
testing.runAction#5F8F96
textBlockQuote.background#01204E
textBlockQuote.border#FAA968
textCodeBlock.background#00172E
textLink.activeForeground#8CBFB8
textLink.foreground#FAA968
textPreformat.foreground#FAA968
textSeparator.foreground#3F8F8A
titleBar.activeBackground#00172E
titleBar.activeForeground#A7C9C6
titleBar.border#134E5A
titleBar.inactiveBackground#00172E
titleBar.inactiveForeground#134E5A
toolbar.activeBackground#134E5A
toolbar.hoverBackground#0A3A45
tree.indentGuidesStroke#134E5A
walkThrough.embeddedEditorBackground#00172E
welcomePage.background#00172E
welcomePage.buttonBackground#01204E
welcomePage.buttonHoverBackground#0A3A45
welcomePage.progress.background#134E5A
welcomePage.progress.foreground#FAA968
welcomePage.tileBackground#01204E
welcomePage.tileHoverBackground#0A3A45
widget.shadow#00172E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#134E5A	italic
comment.block.documentation, comment.line.documentation, comment.documentation	#176B73	italic
variable, string constant.other.placeholder, entity.name.variable.parameter, entity.name.variable.local, variable.parameter	#F85525	—
variable.other.constant, variable.other.enummember, variable.language.constant, constant.other.enum	#F6DCAC	—
variable.other.object.property, variable.other.property, variable.object.property	#F85525	—
constant.other.color	#3F8F8A	—
invalid, invalid.illegal	#F85525	—
invalid.deprecated	#176B73	—
keyword, storage.modifier, keyword.operator	#3F8F8A	—
keyword.control, keyword.control.flow, keyword.control.from, keyword.control.import, keyword.control.as	#3F8F8A	—
keyword.other.using, keyword.other.namespace, keyword.other.class, keyword.other.new, keyword.other.event, keyword.other.this, keyword.other.await, keyword.other.var, keyword.other.package, keyword.other.import, variable.language.this, storage.type.ts	#3F8F8A	—
keyword.type, storage.type.primitive	#8CBFB8	—
storage.type.function	#F85525	—
constant.other.color, punctuation, punctuation.section.class.end, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, keyword.other.template, keyword.other.substitution	#A7C9C6	—
keyword.operator, punctuation.accessor, punctuation.separator.key-value	#A7C9C6	—
punctuation.section.embedded, variable.interpolation	#176B73	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#F85525	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#F85525	—
support.function.builtin, support.function.construct, support.function.magic, support.function.any-method, support.type.object.console.js	#F6DCAC	—
meta.block variable.other	#F85525	—
support.other.variable, string.other.link	#F85525	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other	#F6DCAC	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#3F8F8A
string.regexp constant.character.escape, string.regexp keyword.operator.quantifier, string.regexp constant.other.character-class.set.regexp	#F6DCAC	—
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	#E97B3C	—
entity.name.type, entity.name.type.class, entity.name.type.interface, entity.name.namespace, entity.name.scope-resolution, support.class.component, support.class.component.jsx, support.class.component.tsx, support.class.component.vue	#E97B3C	—
storage.type, storage.modifier.package, storage.modifier.import	#E97B3C	—
entity.name.variable.field	#F85525	—
support.type	#8CBFB8	—
support.type.builtin, support.class.builtin, support.constant.builtin	#F6DCAC	—
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	#8CBFB8	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#F85525	—
meta.decorator, entity.name.function.decorator, entity.name.type.decorator	#F85525	italic
variable.language	#F85525	italic
entity.name.method.js	#F85525	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#F85525	—
entity.name.function.rust, meta.function.call.rust entity.name.function.rust, meta.method-call.rust entity.name.function.rust	#8CBFB8	—
meta.annotation.rust, meta.annotation.rust punctuation, meta.attribute.rust, punctuation.definition.attribute.rust	#F85525	italic
meta.attribute.rust string.quoted.double.rust, meta.attribute.rust string.quoted.single.char.rust	#3F8F8A
entity.name.function.macro.rules.rust, storage.type.module.rust, storage.modifier.rust, storage.type.struct.rust, storage.type.enum.rust, storage.type.trait.rust, storage.type.union.rust, storage.type.impl.rust, storage.type.rust, storage.type.function.rust, storage.type.type.rust	#3F8F8A	—
entity.name.type.numeric.rust	#8CBFB8	—
meta.generic.rust, meta.function.return-type.rust meta.generic.rust storage.type.rust, punctuation.brackets.angle.rust	#F6DCAC	—
entity.name.impl.rust, entity.name.trait.rust, entity.name.union.rust, storage.type.source.rust, meta.enum.rust storage.type.source.rust	#E97B3C	—
variable.other.rust, meta.block.rust variable.other.rust	#5F8F96	—
meta.function.definition.rust variable.other.rust	#F85525	—
meta.function.call.rust variable.other.rust	#A7C9C6	—
entity.name.function.macro.rust, entity.name.function.macro.rules.rust, support.function.macro.rust, support.macro.rust, meta.macro.rust entity.name.function.rust	#F6DCAC	—
entity.name.type.rust, entity.name.type.trait.rust, support.type.rust, support.type.primitive.rust	#E97B3C	—
storage.modifier.lifetime.rust, entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust	#F6DCAC	—
constant.other.caps.rust	#F6DCAC	—
variable.language.self.rust, variable.other.metavariable.name.rust, meta.macro.metavariable.rust keyword.operator.macro.dollar.rust	#F85525	—
string.quoted.double.rust constant.other.placeholder.rust	#F6DCAC	—
entity.name.module.rust, entity.name.namespace.rust, meta.path.rust entity.name, meta.use.rust, meta.use.rust entity.name	#8CBFB8	—
entity.other.attribute-name, entity.other.attribute-name.documentation	#F85525	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name, keyword.other.doctype, meta.tag.sgml.doctype punctuation.definition.tag, meta.tag.metadata.doctype entity.name.tag, meta.tag.metadata.doctype punctuation.definition.tag	#E97B3C	italic
entity.other.attribute-name.class	#E97B3C	—
source.css entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector.css punctuation.definition.entity.css, source.css entity.other.attribute-name.pseudo-class, source.css meta.attribute-selector	#8CBFB8	—
source.css meta.property-list variable, meta.property-list variable.other.less, meta.property-list variable.other.less punctuation.definition.variable.less, source.css meta.property-value variable, source.css meta.property-value variable.other.less, source.css meta.property-value variable.other.less punctuation.definition.variable.less, meta.definition.variable.scss, keyword.other.unit.percentage.css, source.css variable.parameter.url, source.css constant.other.unicode-range, punctuation.separator.operator.css, support.type.vendored.property-name	#F6DCAC	—
source.sass keyword.control	#F85525	—
markup.inserted	#3F8F8A	—
markup.deleted	#F85525	—
markup.changed	#3F8F8A	—
string.regexp	#8CBFB8	—
constant.character.escape	#8CBFB8	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, punctuation.decorator.ts	#F85525	italic
source.js constant.other.object.key.js string.unquoted.label.js	#3F8F8A	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#F85525	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#F85525	—
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	#F85525	—
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	#F85525	—
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	#F85525	—
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	#F85525	—
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	#F85525	—
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	#F85525	—
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	#F85525	—
keyword.other.definition.ini, punctuation.support.type.property-name.json, support.type.property-name.json, punctuation.support.type.property-name.toml, support.type.property-name.toml, entity.name.tag.yaml, punctuation.support.type.property-name.yaml, support.type.property-name.yaml, support.type.property-name.table, entity.name.section.group-title.ini, support.type.property-name.css, support.type.property-name.less	#F85525
constant.language.json, constant.language.yaml, entity.name.type.anchor.yaml, variable.other.alias.yaml, punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml, entity.other.document.begin.yaml, constant.other.time.datetime.offset.toml	#F6DCAC	—
variable.parameter.function.language.special.self.python, variable.language.special.self.python, support.variable.magic.python, support.function.magic.python	#F85525	italic
support.token.decorator.python, meta.function.decorator.identifier.python, entity.name.function.decorator.python, punctuation.definition.decorator.python, support.type.exception.python, support.function.builtin.python	#8CBFB8	—
meta.function-call.python, support.type.python, storage.type.function.python, keyword.control.flow.python, keyword.operator.logical.python, constant.language.python, meta.indexed-name.python, meta.item-access.python, storage.type.string.python, constant.character.format.placeholder.other.python, class:python, class.builtin:python, variable.typeHint:python	#8CBFB8	—
meta.function.parameters.python	—
meta.export variable.other.readwrite.js, variable.other.constant.js, variable.other.constant.ts, variable.other.property.js, variable.other.property.ts, variable.other.jsdoc, comment.block.documentation variable.other, storage.type.class.jsdoc	#A7C9C6
support.constant.node, support.type.object.module.js, storage.modifier.implements, constant.language.null.js, constant.language.null.ts, constant.language.undefined.js, constant.language.undefined.ts, support.type.builtin.ts, keyword.operator.expression.in.js, keyword.operator.expression.in.ts, keyword.operator.expression.infer.ts, keyword.operator.expression.instanceof.js, keyword.operator.expression.instanceof.ts, keyword.operator.expression.is, keyword.operator.expression.keyof.ts, keyword.operator.expression.of.js, keyword.operator.expression.of.ts, keyword.operator.expression.typeof.ts, variable.parameter.generic	#8CBFB8	—
keyword.declaration.function.arrow.js, storage.type.function.arrow.ts	#3F8F8A	—
comment meta.annotation.go, comment meta.annotation.parameters.go, constant.language.go	#F6DCAC	—
comment.line.shebang, comment.line.shebang punctuation.definition.comment, punctuation.definition.comment.shebang.shell, meta.shebang.shell, comment.line.shebang constant.language, meta.function-call.arguments.shell punctuation.definition.variable.shell, meta.function-call.arguments.shell punctuation.section.interpolation, source.shell punctuation.section.interpolation, punctuation.definition.evaluation.backticks.shell	#F6DCAC	italic
entity.name.tag.heredoc.shell, string.quoted.double.shell variable.other.normal.shell, meta.string meta.interpolation.parameter.shell variable.other.readwrite	#8CBFB8	—
text.html.markdown, punctuation.definition.list_item.markdown	#A7C9C6	—
text.html.markdown markup.inline.raw.markdown	#3F8F8A	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#8CBFB8	—
text.html.markdown meta.dummy.line-break	#0A3A45	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#F85525	—
heading.1.markdown punctuation.definition.heading.markdown, heading.1.markdown, markup.heading.setext.1.markdown, heading.2.markdown punctuation.definition.heading.markdown, heading.2.markdown, markup.heading.setext.2.markdown, heading.3.markdown punctuation.definition.heading.markdown, heading.3.markdown, heading.4.markdown punctuation.definition.heading.markdown, heading.4.markdown, heading.5.markdown punctuation.definition.heading.markdown, heading.5.markdown, heading.6.markdown punctuation.definition.heading.markdown, heading.6.markdown	#F85525	—
markup.italic	#F85525	italic
markup.bold, markup.bold string	#F85525	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	#F85525	bold
markup.underline	#F6DCAC	underline
markup.quote punctuation.definition.blockquote.markdown	#8CBFB8	—
markup.quote	—	italic
string.other.link.title.markdown	#F85525	—
string.other.link.description.title.markdown	#3F8F8A	—
constant.other.reference.link.markdown	#E97B3C	—
markup.raw.block	#3F8F8A	—
punctuation.definition.link, markup.underline.link, text.html.markdown punctuation.definition.link.title, string.other.link.title.markdown, punctuation.definition.constant.markdown, constant.other.reference.link.markdown, punctuation.definition.raw.markdown, markup.inline.raw.string.markdown, markup.raw.block.markdown, fenced_code.block.language, markup.fenced_code.block punctuation.definition	#8CBFB8	—
text.html constant.character.entity, text.html constant.character.entity punctuation, constant.character.entity.xml, constant.character.entity.xml punctuation, constant.character.entity.js.jsx, constant.character.entity.js.jsx punctuation, constant.character.entity.tsx, constant.character.entity.tsx punctuation	#F6DCAC	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown	#3F8F8A	—
variable.language.fenced.markdown	#F85525	—
meta.separator	#8CBFB8	bold
markup.table	#3F8F8A	—
meta.diff.header.from-file, meta.diff.header.to-file, punctuation.definition.from-file.diff, punctuation.definition.to-file.diff	#8CBFB8	—
markup.changed.diff	#E97B3C	—
markup.inserted.diff, markup.deleted.diff	#F6DCAC	—
token.info-token	#F85525	—
token.warn-token	#E97B3C	—
token.error-token	#F85525	—
token.debug-token	#3F8F8A	—

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