Cybervision

Name: Cybervision
Author: altcoda

Publisher: altcodaThemes in package: 1

A colorful cyberpunk theme.

GitHub

VS Code preview

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

Cybervision — Cybervision

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#ff00c8
activityBar.activeBorder#ff00c8
activityBar.activeFocusBorder#ffffff
activityBar.background#0f0d29
activityBar.border#00f7ff
activityBar.dropBorder#06003b
activityBar.foreground#ffffff
activityBar.inactiveForeground#b8c6ff
activityBarBadge.background#ffffff
activityBarBadge.foreground#0f0d29
badge.background#ffffff
badge.foreground#0f0d29
breadcrumb.activeSelectionForeground#ff00c8
breadcrumb.background#0f0d29
breadcrumb.focusForeground#e5ff00
breadcrumb.foreground#b8c6ff
breadcrumbPicker.background#0f0d29
button.background#00f7ff
button.foreground#0f0d29
button.hoverBackground#e5ff00
button.secondaryBackground#22253f
button.secondaryForeground#ffffff
button.secondaryHoverBackground#0f0d29
charts.blue#0077ff
charts.foreground#ffffff
charts.green#88ff00
charts.lines#b8c6ff
charts.orange#ff7b00
charts.purple#8400ff
charts.red#ff00c8
charts.yellow#e5ff00
checkbox.background#0f0d29
checkbox.border#ffffff
checkbox.foreground#ffffff
debugConsole.errorForeground#e5ff00
debugConsole.infoForeground#0077ff
debugConsole.sourceForeground#b8c6ff
debugConsole.warningForeground#ff00c8
debugConsoleInputIcon.foreground#b8c6ff
debugExceptionWidget.background#0f0d29
debugExceptionWidget.border#e5ff00
debugIcon.breakpointCurrentStackframeForeground#00f7ff
debugIcon.breakpointDisabledForeground#fc9797
debugIcon.breakpointForeground#b8c6ff
debugIcon.breakpointStackframeForeground#b3ff00
debugIcon.breakpointUnverifiedForeground#e5ff00
debugIcon.continueForeground#b3ff00
debugIcon.disconnectForeground#848aac
debugIcon.pauseForeground#b8c6ff
debugIcon.restartForeground#8400ff
debugIcon.startForeground#b3ff00
debugIcon.stepBackForeground#00ff95
debugIcon.stepIntoForeground#ad58d4
debugIcon.stepOutForeground#0077ff
debugIcon.stepOverForeground#00f7ff
debugIcon.stopForeground#ff00c8
debugTokenExpression.boolean#c8b7e7
debugTokenExpression.error#e5ff00
debugTokenExpression.name#becdff
debugTokenExpression.number#ffffff
debugTokenExpression.string#a9b1da
debugTokenExpression.value#00f7ff
debugToolBar.background#0f0d29
debugToolBar.border#00f7ff
debugView.exceptionLabelBackground#0f0d29
debugView.exceptionLabelForeground#ffffff
debugView.stateLabelBackground#0a0007
debugView.stateLabelForeground#ffffff
debugView.valueChangedHighlight#0000ff
descriptionForeground#ffffff
diffEditor.border#00f7ff
diffEditor.diagonalFill#22253f
diffEditor.insertedTextBackground#06003588
diffEditor.insertedTextBorder#1000a3
diffEditor.removedTextBackground#81000088
diffEditor.removedTextBorder#ff0000
dropdown.background#0f0d29
dropdown.border#00f7ff
dropdown.foreground#ffffff
dropdown.listBackground#0f0d29
editor.background#0f0d29
editor.findMatchBackground#666bb18a
editor.findMatchBorder#ffffff70
editor.findMatchHighlightBackground#0000ff69
editor.findMatchHighlightBorder#0000ff
editor.findRangeHighlightBackground#0004428a
editor.findRangeHighlightBorder#00f7ffb7
editor.focusedStackFrameHighlightBackground#000442
editor.foldBackground#0000008a
editor.foreground#b6bbfc
editor.hoverHighlightBackground#3c3b6e8a
editor.inactiveSelectionBackground#11008f8a
editor.lineHighlightBackground#1f165f
editor.lineHighlightBorder#1f165f
editor.rangeHighlightBackground#1f165f8a
editor.rangeHighlightBorder#1f165f
editor.selectionBackground#351170
editor.selectionForeground#00f7ff
editor.selectionHighlightBackground#4101968a
editor.selectionHighlightBorder#ad58d4
editor.snippetFinalTabstopHighlightBackground#0b148b
editor.snippetFinalTabstopHighlightBorder#b6bbfc
editor.snippetTabstopHighlightBackground#0b148b
editor.snippetTabstopHighlightBorder#b6bbfc
editor.stackFrameHighlightBackground#0f0d29
editor.symbolHighlightBackground#0f0d298a
editor.symbolHighlightBorderc
editor.wordHighlightBackground#1100968a
editor.wordHighlightBorder#00f7ff
editor.wordHighlightStrongBackground#2d00968a
editor.wordHighlightStrongBorder#ad58d4
editorBracketMatch.background#010357
editorBracketMatch.border#10019b
editorCodeLens.foreground#ffffff
editorCursor.background#00f7ff
editorCursor.foreground#ffffff
editorError.background#5504d869
editorError.border#0f0d2900
editorError.foreground#e5ff00
editorGroup.border#00f7ff
editorGroup.dropBackground#0077ff7c
editorGroup.emptyBackground#0f0d29
editorGroup.focusedEmptyBorder#00f7ff
editorGroupHeader.border#3c368f
editorGroupHeader.noTabsBackground#0f0d29
editorGroupHeader.tabsBackground#0f0d29
editorGroupHeader.tabsBorder#00f7ff
editorGutter.addedBackground#00f7ff
editorGutter.background#0f0d29
editorGutter.commentRangeForeground#00f7ff
editorGutter.deletedBackground#ff00c8
editorGutter.foldingControlForeground#00f7ff
editorGutter.modifiedBackground#ffffff
editorHint.border#b8c6ff
editorHint.foreground#8c94b4
editorHoverWidget.background#0f0d29
editorHoverWidget.border#ddf1fc
editorHoverWidget.foreground#ffffff
editorHoverWidget.statusBarBackground#0f0d290a
editorIndentGuide.activeBackground#ff00c8
editorIndentGuide.background#1f1861
editorInfo.background#000442
editorInfo.border#b8c6ff
editorInfo.foreground#00f7ff
editorLightBulb.foreground#ffffff
editorLightBulbAutoFix.foreground#e5ff00
editorLineNumber.activeForeground#00f7ff
editorLineNumber.foreground#7684d1
editorLink.activeForeground#ffffff8a
editorMarkerNavigation.background#0f0d29
editorMarkerNavigationError.background#ff00c8
editorMarkerNavigationInfo.background#0077ff
editorMarkerNavigationWarning.background#e5ff00
editorOverviewRuler.addedForeground#00f7ff
editorOverviewRuler.background#0f0d29
editorOverviewRuler.border#22253f
editorOverviewRuler.bracketMatchForeground#b3ff00
editorOverviewRuler.commonContentForeground#ff00c8
editorOverviewRuler.currentContentForeground#676f9b
editorOverviewRuler.deletedForeground#ff00c8
editorOverviewRuler.errorForeground#ff00c870
editorOverviewRuler.findMatchForeground#cfd9ff70
editorOverviewRuler.incomingContentForeground#e5ff00
editorOverviewRuler.infoForeground#0077ff70
editorOverviewRuler.modifiedForeground#ffffff
editorOverviewRuler.rangeHighlightForeground#ff00f270
editorOverviewRuler.selectionHighlightForeground#2600ff70
editorOverviewRuler.warningForeground#d4a4a470
editorOverviewRuler.wordHighlightForeground#676f9b70
editorOverviewRuler.wordHighlightStrongForeground#9900ff70
editorPane.background#0f0d29
editorRuler.foreground#e5ff00
editorSuggestWidget.background#0f0d29
editorSuggestWidget.border#ffffff
editorSuggestWidget.foreground#676f9b
editorSuggestWidget.highlightForeground#ffffff
editorSuggestWidget.selectedBackground#0f0d29
editorUnnecessaryCode.border#e5ff00
editorWarning.background#000442
editorWarning.border#0f0d2900
editorWarning.foreground#e5ff00
editorWhitespace.foreground#171592
editorWidget.background#120b42
editorWidget.border#1b1925
editorWidget.foreground#ffffff
editorWidget.resizeBorder#ffffff
errorForeground#e5ff00
extensionBadge.remoteBackground#0f0d29
extensionBadge.remoteForeground#494872
extensionButton.prominentBackground#0f0d29
extensionButton.prominentForeground#00f7ff
extensionButton.prominentHoverBackground#0f0d29
focusBorder#00f7ff
foreground#d5dbfc
gitDecoration.addedResourceForeground#00f7ff
gitDecoration.conflictingResourceForeground#0b148b
gitDecoration.deletedResourceForeground#ff00c8
gitDecoration.ignoredResourceForeground#b9befc
gitDecoration.modifiedResourceForeground#e5ff00
gitDecoration.stageDeletedResourceForeground#867dbe
gitDecoration.stageModifiedResourceForeground#ffffff
gitDecoration.submoduleResourceForeground#b9ffdf
gitDecoration.untrackedResourceForeground#d997ff
icon.foreground#ffffff
imagePreview.border#3c368f
input.background#0f0d29
input.border#3c368f
input.foreground#00f7ff
input.placeholderForeground#b8c6ff
inputOption.activeBackground#0f0d29
inputOption.activeBorder#0f0d29
inputOption.activeForeground#ffffff
inputValidation.errorBackground#0f0d29
inputValidation.errorBorder#00f7ff
inputValidation.errorForeground#0f0d29
inputValidation.infoBackground#0f0d29
inputValidation.infoBorder#00f7ff
inputValidation.infoForeground#00f7ff
inputValidation.warningBackground#0f0d29
inputValidation.warningBorder#e5ff00
inputValidation.warningForeground#e5ff00
list.activeSelectionBackground#1f165f
list.activeSelectionForeground#00f7ff
list.deemphasizedForeground#9ca3ca
list.dropBackground#06003b
list.errorForeground#ff00c8
list.filterMatchBackground#010963
list.filterMatchBorder#010963
list.focusBackground#36006b
list.focusForeground#ffffff
list.highlightForeground#ffffff
list.hoverBackground#161041
list.hoverForeground#ffffff
list.inactiveFocusBackground#12002b
list.inactiveSelectionBackground#1f165f
list.inactiveSelectionForeground#b8c6ff
list.invalidItemForeground#ff00c8
list.warningForeground#e5ff00
listFilterWidget.background#1f165f
listFilterWidget.noMatchesOutline#453abd
listFilterWidget.outline#ff00c8
menu.background#0f0d29
menu.border#00f7ff
menu.foreground#00f7ff
menu.selectionBackground#00f7ff
menu.selectionBorder#00f7ff
menu.selectionForeground#0f0d29
menu.separatorBackground#00f7ff
menubar.selectionBackground#0f0d29
menubar.selectionBorder#00f7ff
menubar.selectionForeground#00f7ff
merge.border#b8c6ff
merge.commonContentBackground#d800a988
merge.commonHeaderBackground#ff00c888
merge.currentContentBackground#39026688
merge.currentHeaderBackground#5e119188
merge.incomingContentBackground#02035288
merge.incomingHeaderBackground#04068388
minimap.background#0f0e1b
minimap.errorHighlight#e5ff00
minimap.findMatchHighlight#ffffff
minimap.selectionHighlight#00f7ff
minimap.warningHighlight
minimapGutter.addedBackground#00f7ffb9
minimapGutter.deletedBackground#d80090d3
minimapGutter.modifiedBackground#e5ff00c0
minimapSlider.activeBackground#00f7ff88
minimapSlider.background#24242480
minimapSlider.hoverBackground#ffffff88
notebook.cellBorderColor#22253f
notebook.cellHoverBackground#0b148b
notebook.cellInsertionIndicator#ffffff
notebook.cellStatusBarItemHoverBackground#22253f
notebook.cellToolbarSeparator#a9b1da
notebook.focusedCellBackground#0b148b
notebook.focusedCellBorder#a9b1da
notebook.focusedEditorBorder#676f9b
notebook.focusedRowBorder#0b148b
notebook.outputContainerBackgroundColor#0b148b
notebook.rowHoverBackground#22253f
notebook.selectedCellBorder#676f9b
notebook.symbolHighlightBackground#22253f
notebookScrollbarSlider.activeBackground#00f7ff88
notebookScrollbarSlider.background#2b2941
notebookScrollbarSlider.hoverBackground#00f7ff88
notebookStatusErrorIcon.foreground#e5ff00
notebookStatusRunningIcon.foreground#00f7ff
notebookStatusSuccessIcon.foreground#b3ff00
notificationCenter.border#ffffff
notificationCenterHeader.background#0f0d29
notificationCenterHeader.foreground#ffffff
notificationLink.foreground#ffffff
notifications.background#0f0d29
notifications.border#ffffff
notifications.foreground#b8c6ff
notificationsErrorIcon.foreground#e5ff00
notificationsInfoIcon.foreground#0077ff
notificationsWarningIcon.foreground#ff00c8
notificationToast.border#ffffff
panel.background#0f0d29
panel.border#b8c6ff
panel.dropBorder#00f7ff
panelInput.border#ad58d4
panelSection.border#292c57
panelSection.dropBackground#00f7ff3a
panelSectionHeader.background#0f0d29
panelSectionHeader.border#ffffff
panelSectionHeader.foreground#ffffff
panelTitle.activeBorder#00f7ff
panelTitle.activeForeground#00f7ff
panelTitle.inactiveForeground#ffffff
peekView.border#ffffff
peekViewEditor.background#14132b
peekViewEditor.matchHighlightBackground#22253f
peekViewEditor.matchHighlightBorder#ffffff
peekViewEditorGutter.background#0f0e25
peekViewResult.background#22253f
peekViewResult.fileForeground#b8c6ff
peekViewResult.lineForeground#b8c6ff
peekViewResult.matchHighlightBackground#22253f
peekViewResult.selectionBackground#22253f
peekViewResult.selectionForeground#ffffff
peekViewTitle.background#14132b
peekViewTitleDescription.foreground#b8c6ff
peekViewTitleLabel.foreground#ffffff
pickerGroup.border#ffffff00
pickerGroup.foreground#b8c6ff
problemsErrorIcon.foreground#e5ff00
problemsInfoIcon.foreground#0077ff
problemsWarningIcon.foreground#ff00c8
progressBar.background#0f0d29
quickInput.background#0f0d29
quickInput.foreground#ffffff
quickInputTitle.background#0f0d29
scm.providerBorder#ffffff
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#00f7ff88
scrollbarSlider.background#0f0063
scrollbarSlider.hoverBackground#00f7ff88
searchEditor.findMatchBackground#0f0d29
searchEditor.findMatchBorder#e5ff00
searchEditor.textInputBorder#00c3ff
selection.background#0f0d29
settings.checkboxBackground#1c1944
settings.checkboxBorder#00f7ff
settings.checkboxForeground#ffffff
settings.dropdownBackground#0f0d29
settings.dropdownBorder#ffffff
settings.dropdownForeground#ffffff
settings.dropdownListBorder#ffffff
settings.focusedRowBackground#05000f41
settings.headerForeground#ffffff
settings.modifiedItemIndicator#e5ff00
settings.numberInputBackground#0f0d29
settings.numberInputBorder#ffffff
settings.numberInputForeground#ffffff
settings.textInputBackground#0f0d29
settings.textInputBorder#00f7ff
settings.textInputForeground#00f7ff
sideBar.background#0f0d29
sideBar.border#ad58d4
sideBar.dropBackground#0077ff7c
sideBar.foreground#b8c6ff
sideBarSectionHeader.background#00f7ff
sideBarSectionHeader.border#00f7ff
sideBarSectionHeader.foreground#0f0d29
sideBarTitle.foreground#00f7ff
statusBar.background#0f0d29
statusBar.border#00f7ff
statusBar.debuggingBackground#0c0077
statusBar.debuggingBorder#ad58d4
statusBar.debuggingForeground#ffffff
statusBar.foreground#ffffff
statusBar.noFolderBackground#0f0d29
statusBar.noFolderBorder#ffffff
statusBar.noFolderForeground#ffffff
statusBarItem.activeBackground#010252
statusBarItem.errorBackground#000442
statusBarItem.errorForeground#ffffff
statusBarItem.hoverBackground#0b005e
statusBarItem.prominentBackground#0f0d29
statusBarItem.prominentForeground#00f7ff
statusBarItem.prominentHoverBackground#171592
statusBarItem.remoteBackground#0f0d29
statusBarItem.remoteForeground#00f7ff
symbolIcon.arrayForeground#f5f3f3
symbolIcon.booleanForeground#c8b7e7
symbolIcon.classForeground#00ffff
symbolIcon.colorForeground#ae00ff
symbolIcon.constantForeground#ff00c8
symbolIcon.constructorForeground#0077ff
symbolIcon.enumeratorForeground#b8c6ff
symbolIcon.enumeratorMemberForeground#b8c6ff
symbolIcon.eventForeground#0077ff
symbolIcon.fieldForeground#b8c6ff
symbolIcon.fileForeground#ffffff
symbolIcon.folderForeground#ffffff
symbolIcon.functionForeground#00ffff
symbolIcon.interfaceForeground#0077ff
symbolIcon.keyForeground#b8c6ff
symbolIcon.keywordForeground#b8c6ff
symbolIcon.methodForeground#00ffff
symbolIcon.moduleForeground#0077ff
symbolIcon.namespaceForeground#ad58d4
symbolIcon.nullForeground#b8c6ff
symbolIcon.numberForeground#b8c6ff
symbolIcon.objectForeground#ff00c8
symbolIcon.operatorForeground#d4cfc7
symbolIcon.packageForeground#ffffff
symbolIcon.propertyForeground#00ffff
symbolIcon.referenceForeground#ffffff
symbolIcon.snippetForeground#ad58d4
symbolIcon.stringForeground#b8c6ff
symbolIcon.structForeground#b8c6ff
symbolIcon.textForeground#b8c6ff
symbolIcon.typeParameterForeground#b8c6ff
symbolIcon.unitForeground#b8c6ff
symbolIcon.variableForeground#ff00c8
tab.activeBackground#0f0d29
tab.activeBorder#e5ff00
tab.activeBorderTop#0f0d29
tab.activeForeground#e5ff00
tab.activeModifiedBorder#00f7ff
tab.border#00f7ff
tab.hoverBackground#1a1258
tab.hoverBorder#ffffff
tab.hoverForeground#ffffff
tab.inactiveBackground#0f0d29
tab.inactiveForeground#00f7ff
tab.inactiveModifiedBorder#ffffff
tab.lastPinnedBorder#ff00c8
tab.unfocusedActiveBackground#0f0d29
tab.unfocusedActiveBorder#ffffff
tab.unfocusedActiveBorderTop#0f0d29
tab.unfocusedActiveForeground#00f7ff
tab.unfocusedActiveModifiedBorder#00f7ff
tab.unfocusedHoverBackground#0f0d29
tab.unfocusedHoverBorder#ffffff
tab.unfocusedHoverForeground#e5ff00
tab.unfocusedInactiveBackground#0f0d29
tab.unfocusedInactiveForeground#a9b1da
tab.unfocusedInactiveModifiedBorder#a9b1da
terminal.ansiBlack#0000ff
terminal.ansiBlue#6fb2ff
terminal.ansiBrightBlack#00f7ff
terminal.ansiBrightBlue#0000ff
terminal.ansiBrightCyan#00f7ff
terminal.ansiBrightGreen#91ff00
terminal.ansiBrightMagenta#cc00ff
terminal.ansiBrightRed#ff00c8
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#e5ff00
terminal.ansiCyan#7bfbff
terminal.ansiGreen#91ff00
terminal.ansiMagenta#ad58d4
terminal.ansiRed#ff6db1
terminal.ansiWhite#b8c6ff
terminal.ansiYellow#c6d353
terminal.background#0f0d29
terminal.border#ffffff
terminal.foreground#b8c6ff
terminal.selectionBackground#000442
terminalCursor.background#00f7ff00
terminalCursor.foreground#00f7ff
textBlockQuote.background#0f0d29
textBlockQuote.border#ff00c8
textCodeBlock.background#0f0d29
textLink.activeForeground#e5ff00
textLink.foreground#00f7ff
textPreformat.foreground#00f7ff
textSeparator.foreground#a9b1da
titleBar.activeBackground#0f0d29
titleBar.activeForeground#00f7ff
titleBar.border#00f7ff
titleBar.inactiveBackground#0f0d29
titleBar.inactiveForeground#b8c6ff
tree.indentGuidesStroke#00f7ff
walkThrough.embeddedEditorBackground#161342
welcomePage.background#0f0d29
welcomePage.buttonBackground#161149
welcomePage.buttonHoverBackground#221b6b
widget.shadow#00000000
window.activeBorder#00f7ff
window.inactiveBorder#635bc9

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.embedded, source.groovy.embedded	#A9B1DA	—
emphasis	—	italic
strong	—	bold
header	#000080	—
comment	#8b98e2	—
constant.language	#a0beda	—
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent	#E5FF00	—
constant.regexp	#646695	—
entity.name.tag	#5871ff	—
entity.name.tag.css	#A9B1DA	—
entity.other.attribute-name	#9CDCFE	—
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss, keyword.control.flow.js	#A9B1DA	—
invalid	#646695	—
markup.underline	—	underline
markup.bold, markup.heading	#00f7ff	bold
markup.italic	—	italic
markup.inserted	#A9B1DA	—
markup.deleted	#676f9b	—
markup.changed	#E5FF00	—
punctuation.definition.quote.begin.markdown	#00f7ff	—
markup.inline.raw	#7F88B9	—
punctuation.definition.tag	#7F88B9	—
meta.preprocessor, entity.name.function.preprocessor	#E5FF00	—
meta.preprocessor.string	#7F88B9	—
meta.preprocessor.numeric	#E5FF00	—
meta.structure.dictionary.key.python	#A9B1DA	—
meta.diff.header	#5877ff	—
storage, storage.type	#5877ff	—
storage.modifier, keyword.operator.noexcept	#5877ff	—
string, meta.embedded.assembly	#E5FF00	—
string.tag	#E5FF00	—
string.value	#E5FF00	—
string.regexp	#E5FF00	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#5877ff	—
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded	#9CDCFE	—
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike	#5877ff	—
keyword.other.unit, keyword.operator	#A9B1DA	—
support.function.git-rebase	#E5FF00	—
constant.sha.git-rebase	#FF00C8	—
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java	#0077FF	—
variable.language	#5877ff	—
support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal	#A9B1DA	—
meta.return-type, support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy	#A9B1DA	—
keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator	#FF00C8	—
variable, meta.definition.variable.name, support.variable, entity.name.variable	#FF00C8	—
variable.other.constant, variable.other.enummember	#4FC1FF	—
meta.object-literal.key	#FFFFFF	—
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color	#E5FF00	—
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp	#E5FF00	—
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp	#E5FF00	—
keyword.operator.or.regexp, keyword.control.anchor.regexp	#E5FF00	—
keyword.operator.quantifier.regexp	#A9B1DA	—
constant.character	#5877ff	—
constant.character.escape	#A9B1DA	—
entity.name.label	#A9B1DA	—
comment, punctuation.definition.comment	#8b98e2	—
string	#A9B1DA	—
meta.embedded.assembly	#A9B1DA	—
keyword.operator	#C5CBEE	—
keyword.control	#C5CBEE	—
storage	#C5CBEE	—
storage.type	#C5CBEE	—
constant.numeric	#E5FF00	—
entity.name.type	#FFFFFF	—
entity.name.class	#FFFFFF	—
support.type	#FFFFFF	—
support.class	#FFFFFF	—
entity.name.function.js, meta.definition.function.js, keyword.control, keyword.control.loop.js, function.js	#E5FF00	—
support.function	#E5FF00	—
constant.language, support.constant.color, support.constant.font-name.css, punctuation.section.embedded, storage.modifier, entity.name.tag, entity.name.tag.css, text.xml, storage.type, variable.language, variable.parameter, source, types, string.template.js, support.type.property-name, keyword.control.default.js, meta.template.expression, string.quoted.double, string.quoted.single	#FFFFFF	—
variable.other, support.constant.automatic.powershell, support.constant.property-value, support.constant, meta.function-call.arguments.python	#FF00C8	—
constant.other.color.rgb-value, variable.language.super.js, variable.other.constant, meta.definition.variable.js	#FF00C8	—
entity.name.comment	#7F88B9	—
entity.name.keyword, keyword.operator -source.cs, keyword.operator.expression, keyword.operator.new	#A9B1DA	—
entity.other.attribute-name.id.css, entity.name.class, entity.name.type.class, variable.language.this.js, variable.other.readwrite.alias.js, variable.other.readwrite.js, support.class.component.js, meta.objectliteral.js	#00FFFF	—
entity.name.tag.localname.xml, meta.tag.xml, support.type	#5877ff	—
entity.name.type.interface, entity.name.type.module.js, storage.type.js, meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class	#0077FF	—
entity.name.number, keyword.other.unit, storage.type.class.js, storage.modifier, entity.other.attribute-name, entity.other.attribute-name.class.css, entity.other.attribute-name.pseudo-class.css, entity.name.function.member, meta.function-call.js	#E5FF00	—
keyword.control.import, keyword.control.export, keyword.control.from	#E5FF00	italic
entity.name.string, meta.property-value, meta.structure.dictionary.value.json, string.quoted.double.json.comments, meta.structure.array.json.comments	#C5CBEE	—
source	#C5CBEE	—
source.python	#00f7ff	—
entity.name.string	#7F88B9	—
token.info-token	#5877ff	—
token.warn-token	#FF00C8	—
token.error-token	#E5FF00	—
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}!`;
}