Re-Visual-Assit

Name: Re-Visual-Assit
Author: PainE

Publisher: PainEThemes in package: 1

This is a color theme for C++.

GitHub

VS Code preview

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

Re-Visual-Assit — ReVisualAssist

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#ffffff
activityBar.background#333333
activityBar.dropBorder#ffffff
activityBar.foreground#ffffff
activityBar.inactiveForeground#ffffff66
activityBarBadge.background#007acc
activityBarBadge.foreground#ffffff
badge.background#4d4d4d
badge.foreground#ffffff
banner.background#094771
banner.foreground#ffffff
banner.iconForeground#3794ff
bookmarks.lineBackground#00000000
bookmarks.lineBorder#00000000
bookmarks.overviewRuler#157efb88
breadcrumb.activeSelectionForeground#e0e0e0
breadcrumb.background#272727
breadcrumb.focusForeground#e0e0e0
breadcrumb.foreground#cccccccc
breadcrumbPicker.background#252525
button.background#0e639c
button.foreground#ffffff
button.hoverBackground#1177bb
button.secondaryBackground#3a3d41
button.secondaryForeground#ffffff
button.secondaryHoverBackground#45494e
charts.blue#3794ff
charts.foreground#cccccc
charts.green#89d185
charts.lines#cccccc80
charts.orange#d18616
charts.purple#b180d7
charts.red#f14c4c
charts.yellow#cca700
checkbox.background#3c3c3c
checkbox.border#3c3c3c
checkbox.foreground#f0f0f0
commandCenter.activeBackground#5a5d5e50
commandCenter.activeForeground#cccccc
commandCenter.border#5a5d5e50
commandCenter.foreground#cccccc
debugConsole.errorForeground#f48771
debugConsole.infoForeground#3794ff
debugConsole.sourceForeground#cccccc
debugConsole.warningForeground#cca700
debugConsoleInputIcon.foreground#cccccc
debugExceptionWidget.background#420b0d
debugExceptionWidget.border#a31515
debugIcon.breakpointCurrentStackframeForeground#ffcc00
debugIcon.breakpointDisabledForeground#848484
debugIcon.breakpointForeground#e51400
debugIcon.breakpointStackframeForeground#89d185
debugIcon.breakpointUnverifiedForeground#848484
debugIcon.continueForeground#75beff
debugIcon.disconnectForeground#f48771
debugIcon.pauseForeground#75beff
debugIcon.restartForeground#89d185
debugIcon.startForeground#89d185
debugIcon.stepBackForeground#75beff
debugIcon.stepIntoForeground#75beff
debugIcon.stepOutForeground#75beff
debugIcon.stepOverForeground#75beff
debugIcon.stopForeground#f48771
debugTokenExpression.boolean#4e94ce
debugTokenExpression.error#f48771
debugTokenExpression.name#c586c0
debugTokenExpression.number#b5cea8
debugTokenExpression.string#ce9178
debugTokenExpression.value#cccccc99
debugToolBar.background#333333
debugView.exceptionLabelBackground#6c2022
debugView.exceptionLabelForeground#cccccc
debugView.stateLabelBackground#88888844
debugView.stateLabelForeground#cccccc
debugView.valueChangedHighlight#569cd6
descriptionForeground#ccccccb3
diffEditor.diagonalFill#cccccc33
diffEditor.insertedTextBackground#9bb95533
diffEditor.removedTextBackground#ff000033
disabledForeground#cccccc80
dropdown.background#3c3c3c
dropdown.border#3c3c3c
dropdown.foreground#f0f0f0
editor.background#272727
editor.findMatchBackground#515c6a
editor.findMatchHighlightBackground#ea5c0055
editor.findRangeHighlightBackground#3a3d4166
editor.focusedStackFrameHighlightBackground#7abd7a4d
editor.foldBackground#264f784d
editor.foreground#d4d4d4
editor.hoverHighlightBackground#264f7840
editor.inactiveSelectionBackground#3a3d41a1
editor.inlineValuesBackground#ffc80033
editor.inlineValuesForeground#ffffff80
editor.lineHighlightBorder#282828
editor.linkedEditingBackground#ff00004d
editor.rangeHighlightBackground#ffffff0b
editor.selectionBackground#264f78
editor.selectionHighlightBackground#add6ff26
editor.snippetFinalTabstopHighlightBorder#525252
editor.snippetTabstopHighlightBackground#7c7c7c4d
editor.stackFrameHighlightBackground#ffff0033
editor.symbolHighlightBackground#ea5c0055
editor.wordHighlightBackground#575757b8
editor.wordHighlightStrongBackground#004972b8
editorBracketHighlight.foreground1#ffd700
editorBracketHighlight.foreground2#da70d6
editorBracketHighlight.foreground3#179fff
editorBracketHighlight.foreground4#00000000
editorBracketHighlight.foreground5#00000000
editorBracketHighlight.foreground6#00000000
editorBracketHighlight.unexpectedBracket.foreground#ff1212cc
editorBracketMatch.background#0064001a
editorBracketMatch.border#888888
editorBracketPairGuide.activeBackground1#00000000
editorBracketPairGuide.activeBackground2#00000000
editorBracketPairGuide.activeBackground3#00000000
editorBracketPairGuide.activeBackground4#00000000
editorBracketPairGuide.activeBackground5#00000000
editorBracketPairGuide.activeBackground6#00000000
editorBracketPairGuide.background1#00000000
editorBracketPairGuide.background2#00000000
editorBracketPairGuide.background3#00000000
editorBracketPairGuide.background4#00000000
editorBracketPairGuide.background5#00000000
editorBracketPairGuide.background6#00000000
editorCodeLens.foreground#999999
editorCommentsWidget.rangeActiveBackground#3794ff1a
editorCommentsWidget.rangeBackground#3794ff1a
editorCommentsWidget.resolvedBorder#cccccc80
editorCommentsWidget.unresolvedBorder#3794ff
editorCursor.foreground#aeafad
editorError.foreground#f14c4c
editorGhostText.foreground#ffffff56
editorGroup.border#444444
editorGroup.dropBackground#53595d80
editorGroup.dropIntoPromptBackground#252526
editorGroup.dropIntoPromptForeground#cccccc
editorGroupHeader.noTabsBackground#1e1e1e
editorGroupHeader.tabsBackground#252526
editorGutter.addedBackground#487e02
editorGutter.background#272727
editorGutter.commentRangeForeground#c5c5c5
editorGutter.deletedBackground#f14c4c
editorGutter.foldingControlForeground#c5c5c5
editorGutter.modifiedBackground#1b81a8
editorHint.foreground#eeeeeeb3
editorHoverWidget.background#252526
editorHoverWidget.border#454545
editorHoverWidget.foreground#cccccc
editorHoverWidget.highlightForeground#18a3ff
editorHoverWidget.statusBarBackground#2c2c2d
editorIndentGuide.activeBackground1#707070
editorIndentGuide.background1#404040
editorInfo.foreground#3794ff
editorInlayHint.background#4d4d4d99
editorInlayHint.foreground#777777
editorInlayHint.parameterBackground#4d4d4d99
editorInlayHint.parameterForeground#777777
editorInlayHint.typeBackground#4d4d4d99
editorInlayHint.typeForeground#777777
editorLightBulb.foreground#ffcc00
editorLightBulbAutoFix.foreground#75beff
editorLineNumber.activeForeground#c6c6c6
editorLineNumber.foreground#858585
editorLink.activeForeground#4e94ce
editorMarkerNavigation.background#1e1e1e
editorMarkerNavigationError.background#f14c4c
editorMarkerNavigationError.headerBackground#f14c4c1a
editorMarkerNavigationInfo.background#3794ff
editorMarkerNavigationInfo.headerBackground#3794ff1a
editorMarkerNavigationWarning.background#cca700
editorMarkerNavigationWarning.headerBackground#cca7001a
editorOverviewRuler.addedForeground#487e0299
editorOverviewRuler.border#7f7f7f4d
editorOverviewRuler.bracketMatchForeground#a0a0a0
editorOverviewRuler.commonContentForeground#60606066
editorOverviewRuler.currentContentForeground#40c8ae80
editorOverviewRuler.deletedForeground#f14c4c99
editorOverviewRuler.errorForeground#ff1212b3
editorOverviewRuler.findMatchForeground#d186167e
editorOverviewRuler.incomingContentForeground#40a6ff80
editorOverviewRuler.infoForeground#3794ff
editorOverviewRuler.modifiedForeground#1b81a899
editorOverviewRuler.rangeHighlightForeground#007acc99
editorOverviewRuler.selectionHighlightForeground#a0a0a0cc
editorOverviewRuler.warningForeground#cca700
editorOverviewRuler.wordHighlightForeground#a0a0a0cc
editorOverviewRuler.wordHighlightStrongForeground#c0a0c0cc
editorPane.background#1e1e1e
editorRuler.foreground#5a5a5a
editorSuggestWidget.background#252526
editorSuggestWidget.border#454545
editorSuggestWidget.focusHighlightForeground#18a3ff
editorSuggestWidget.foreground#d4d4d4
editorSuggestWidget.highlightForeground#18a3ff
editorSuggestWidget.selectedBackground#094771
editorSuggestWidget.selectedForeground#ffffff
editorSuggestWidget.selectedIconForeground#ffffff
editorSuggestWidgetStatus.foreground#d4d4d480
editorUnicodeHighlight.background#bd9b0326
editorUnicodeHighlight.border#bd9b03
editorUnnecessaryCode.opacity#000000aa
editorWarning.foreground#cca700
editorWhitespace.foreground#e3e4e229
editorWidget.background#252526
editorWidget.border#454545
editorWidget.foreground#cccccc
errorForeground#f48771
extensionBadge.remoteBackground#007acc
extensionBadge.remoteForeground#ffffff
extensionButton.prominentBackground#0e639c
extensionButton.prominentForeground#ffffff
extensionButton.prominentHoverBackground#1177bb
extensionIcon.preReleaseForeground#1d9271
extensionIcon.starForeground#ff8e00
extensionIcon.verifiedForeground#3794ff
focusBorder#007fd4
foreground#cccccc
gitDecoration.addedResourceForeground#81b88b
gitDecoration.conflictingResourceForeground#e4676b
gitDecoration.deletedResourceForeground#c74e39
gitDecoration.ignoredResourceForeground#8c8c8c
gitDecoration.modifiedResourceForeground#e2c08d
gitDecoration.renamedResourceForeground#73c991
gitDecoration.stageDeletedResourceForeground#c74e39
gitDecoration.stageModifiedResourceForeground#e2c08d
gitDecoration.submoduleResourceForeground#8db9e2
gitDecoration.untrackedResourceForeground#73c991
icon.foreground#c5c5c5
input.background#3c3c3c
input.foreground#cccccc
input.placeholderForeground#a6a6a6
inputOption.activeBackground#007fd466
inputOption.activeBorder#007acc00
inputOption.activeForeground#ffffff
inputOption.hoverBackground#5a5d5e80
inputValidation.errorBackground#5a1d1d
inputValidation.errorBorder#be1100
inputValidation.infoBackground#063b49
inputValidation.infoBorder#007acc
inputValidation.warningBackground#352a05
inputValidation.warningBorder#b89500
interactive.activeCodeBorder#3794ff
interactive.inactiveCodeBorder#37373d
keybindingLabel.background#8080802b
keybindingLabel.border#33333399
keybindingLabel.bottomBorder#44444499
keybindingLabel.foreground#cccccc
keybindingTable.headerBackground#cccccc0a
keybindingTable.rowsBackground#cccccc0a
list.activeSelectionBackground#094771
list.activeSelectionForeground#ffffff
list.activeSelectionIconForeground#ffffff
list.deemphasizedForeground#8c8c8c
list.dropBackground#383b3d
list.errorForeground#f88070
list.filterMatchBackground#ea5c0055
list.focusHighlightForeground#18a3ff
list.focusOutline#007fd4
list.highlightForeground#18a3ff
list.hoverBackground#2a2d2e
list.inactiveSelectionBackground#37373d
list.invalidItemForeground#b89500
list.warningForeground#cca700
listFilterWidget.background#653723
listFilterWidget.noMatchesOutline#be1100
listFilterWidget.outline#00000000
menu.background#303031
menu.foreground#cccccc
menu.selectionBackground#094771
menu.selectionForeground#ffffff
menu.separatorBackground#606060
menubar.selectionBackground#5a5d5e50
menubar.selectionForeground#cccccc
merge.commonContentBackground#60606029
merge.commonHeaderBackground#60606066
merge.currentContentBackground#40c8ae33
merge.currentHeaderBackground#40c8ae80
merge.incomingContentBackground#40a6ff33
merge.incomingHeaderBackground#40a6ff80
minimap.errorHighlight#ff1212b3
minimap.findMatchHighlight#d18616d5
minimap.foregroundOpacity#000000
minimap.selectionHighlight#264f78d5
minimap.selectionOccurrenceHighlight#676767d5
minimap.warningHighlight#cca700
minimapGutter.addedBackground#487e02
minimapGutter.deletedBackground#f14c4c
minimapGutter.modifiedBackground#1b81a8
minimapSlider.activeBackground#bfbfbf33
minimapSlider.background#79797933
minimapSlider.hoverBackground#64646459
notebook.cellBorderColor#37373d
notebook.cellEditorBackground#252526
notebook.cellInsertionIndicator#007fd4
notebook.cellStatusBarItemHoverBackground#ffffff26
notebook.cellToolbarSeparator#80808059
notebook.focusedCellBorder#007fd4
notebook.focusedEditorBorder#007fd4
notebook.inactiveFocusedCellBorder#37373d
notebook.selectedCellBackground#37373d
notebook.selectedCellBorder#37373d
notebook.symbolHighlightBackground#ffffff0b
notebookScrollbarSlider.activeBackground#bfbfbf66
notebookScrollbarSlider.background#79797966
notebookScrollbarSlider.hoverBackground#646464b3
notebookStatusErrorIcon.foreground#f48771
notebookStatusRunningIcon.foreground#cccccc
notebookStatusSuccessIcon.foreground#89d185
notificationCenterHeader.background#303031
notificationLink.foreground#3794ff
notifications.background#252526
notifications.border#303031
notifications.foreground#cccccc
notificationsErrorIcon.foreground#f14c4c
notificationsInfoIcon.foreground#3794ff
notificationsWarningIcon.foreground#cca700
panel.background#1e1e1e
panel.border#80808059
panel.dropBorder#e7e7e7
panelSection.border#80808059
panelSection.dropBackground#53595d80
panelSectionHeader.background#80808033
panelTitle.activeBorder#e7e7e7
panelTitle.activeForeground#e7e7e7
panelTitle.inactiveForeground#e7e7e799
peekView.border#3794ff
peekViewEditor.background#001f33
peekViewEditor.matchHighlightBackground#ff8f0099
peekViewEditorGutter.background#001f33
peekViewResult.background#252526
peekViewResult.fileForeground#ffffff
peekViewResult.lineForeground#bbbbbb
peekViewResult.matchHighlightBackground#ea5c004d
peekViewResult.selectionBackground#3399ff33
peekViewResult.selectionForeground#ffffff
peekViewTitle.background#3794ff1a
peekViewTitleDescription.foreground#ccccccb3
peekViewTitleLabel.foreground#ffffff
pickerGroup.border#3f3f46
pickerGroup.foreground#3794ff
ports.iconRunningProcessForeground#369432
problemsErrorIcon.foreground#f14c4c
problemsInfoIcon.foreground#3794ff
problemsWarningIcon.foreground#cca700
progressBar.background#0e70c0
quickInput.background#252526
quickInput.foreground#cccccc
quickInputList.focusBackground#094771
quickInputList.focusForeground#ffffff
quickInputList.focusIconForeground#ffffff
quickInputTitle.background#ffffff1b
sash.hoverBorder#007fd4
scrollbar.shadow#000000
scrollbarSlider.activeBackground#bfbfbf66
scrollbarSlider.background#79797966
scrollbarSlider.hoverBackground#646464b3
searchEditor.findMatchBackground#ea5c0038
settings.checkboxBackground#3c3c3c
settings.checkboxBorder#3c3c3c
settings.checkboxForeground#f0f0f0
settings.dropdownBackground#3c3c3c
settings.dropdownBorder#3c3c3c
settings.dropdownForeground#f0f0f0
settings.dropdownListBorder#454545
settings.focusedRowBackground#2a2d2e99
settings.focusedRowBorder#ffffff1f
settings.headerBorder#80808059
settings.headerForeground#e7e7e7
settings.modifiedItemIndicator#0c7d9d
settings.numberInputBackground#3c3c3c
settings.numberInputForeground#cccccc
settings.rowHoverBackground#2a2d2e4d
settings.sashBorder#80808059
settings.textInputBackground#3c3c3c
settings.textInputForeground#cccccc
sideBar.background#252525
sideBar.dropBackground#53595d80
sideBarSectionHeader.background#00000000
sideBarSectionHeader.border#cccccc33
sideBarTitle.foreground#bbbbbb
sideBySideEditor.horizontalBorder#444444
sideBySideEditor.verticalBorder#444444
statusBar.background#007acc
statusBar.debuggingBackground#cc6633
statusBar.debuggingForeground#ffffff
statusBar.focusBorder#ffffff
statusBar.foreground#ffffff
statusBar.noFolderBackground#68217a
statusBar.noFolderForeground#ffffff
statusBarItem.activeBackground#ffffff2e
statusBarItem.compactHoverBackground#ffffff33
statusBarItem.errorBackground#c72e0f
statusBarItem.errorForeground#ffffff
statusBarItem.focusBorder#ffffff
statusBarItem.hoverBackground#ffffff1f
statusBarItem.prominentBackground#00000080
statusBarItem.prominentForeground#ffffff
statusBarItem.prominentHoverBackground#0000004d
statusBarItem.remoteBackground#16825d
statusBarItem.remoteForeground#ffffff
statusBarItem.warningBackground#7a6400
statusBarItem.warningForeground#ffffff
symbolIcon.arrayForeground#cccccc
symbolIcon.booleanForeground#cccccc
symbolIcon.classForeground#ee9d28
symbolIcon.colorForeground#cccccc
symbolIcon.constantForeground#cccccc
symbolIcon.constructorForeground#b180d7
symbolIcon.enumeratorForeground#ee9d28
symbolIcon.enumeratorMemberForeground#75beff
symbolIcon.eventForeground#ee9d28
symbolIcon.fieldForeground#75beff
symbolIcon.fileForeground#cccccc
symbolIcon.folderForeground#cccccc
symbolIcon.functionForeground#b180d7
symbolIcon.interfaceForeground#75beff
symbolIcon.keyForeground#cccccc
symbolIcon.keywordForeground#cccccc
symbolIcon.methodForeground#b180d7
symbolIcon.moduleForeground#cccccc
symbolIcon.namespaceForeground#cccccc
symbolIcon.nullForeground#cccccc
symbolIcon.numberForeground#cccccc
symbolIcon.objectForeground#cccccc
symbolIcon.operatorForeground#cccccc
symbolIcon.packageForeground#cccccc
symbolIcon.propertyForeground#cccccc
symbolIcon.referenceForeground#cccccc
symbolIcon.snippetForeground#cccccc
symbolIcon.stringForeground#cccccc
symbolIcon.structForeground#cccccc
symbolIcon.textForeground#cccccc
symbolIcon.typeParameterForeground#cccccc
symbolIcon.unitForeground#cccccc
symbolIcon.variableForeground#75beff
tab.activeBackground#1e1e1e
tab.activeForeground#ffffff
tab.activeModifiedBorder#3399cc
tab.border#252526
tab.inactiveBackground#2d2d2d
tab.inactiveForeground#ffffff80
tab.inactiveModifiedBorder#3399cc80
tab.lastPinnedBorder#cccccc33
tab.unfocusedActiveBackground#1e1e1e
tab.unfocusedActiveForeground#ffffff80
tab.unfocusedActiveModifiedBorder#3399cc80
tab.unfocusedInactiveBackground#2d2d2d
tab.unfocusedInactiveForeground#ffffff40
tab.unfocusedInactiveModifiedBorder#3399cc40
terminal.ansiBlack#000000
terminal.ansiBlue#2472c8
terminal.ansiBrightBlack#666666
terminal.ansiBrightBlue#3b8eea
terminal.ansiBrightCyan#29b8db
terminal.ansiBrightGreen#23d18b
terminal.ansiBrightMagenta#d670d6
terminal.ansiBrightRed#f14c4c
terminal.ansiBrightWhite#e5e5e5
terminal.ansiBrightYellow#f5f543
terminal.ansiCyan#11a8cd
terminal.ansiGreen#0dbc79
terminal.ansiMagenta#bc3fbc
terminal.ansiRed#cd3131
terminal.ansiWhite#e5e5e5
terminal.ansiYellow#e5e510
terminal.border#80808059
terminal.dropBackground#53595d80
terminal.findMatchBackground#515c6ad5
terminal.findMatchHighlightBackground#ea5c0055
terminal.foreground#cccccc
terminal.selectionBackground#264f78
terminalCommandDecoration.defaultBackground#ffffff40
terminalCommandDecoration.errorBackground#f14c4c
terminalCommandDecoration.successBackground#1b81a8
terminalOverviewRuler.cursorForeground#a0a0a0cc
terminalOverviewRuler.findMatchForeground#d186167e
testing.iconErrored#f14c4c
testing.iconFailed#f14c4c
testing.iconPassed#73c991
testing.iconQueued#cca700
testing.iconSkipped#848484
testing.iconUnset#848484
testing.message.error.lineBackground#ff000033
testing.message.info.decorationForeground#d4d4d480
testing.peekBorder#f14c4c
testing.peekHeaderBackground#f14c4c1a
testing.runAction#73c991
textBlockQuote.background#7f7f7f1a
textBlockQuote.border#007acc80
textCodeBlock.background#0a0a0a66
textLink.activeForeground#3794ff
textLink.foreground#3794ff
textPreformat.foreground#d7ba7d
textSeparator.foreground#ffffff2e
titleBar.activeBackground#3c3c3c
titleBar.activeForeground#cccccc
titleBar.inactiveBackground#3c3c3c99
titleBar.inactiveForeground#cccccc99
toolbar.activeBackground#63666750
toolbar.hoverBackground#5a5d5e50
tree.indentGuidesStroke#585858
tree.tableColumnsBorder#cccccc20
tree.tableOddRowsBackground#cccccc0a
welcomePage.progress.background#3c3c3c
welcomePage.progress.foreground#3794ff
welcomePage.tileBackground#252526
welcomePage.tileHoverBackground#2c2c2d
widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.embedded, source.groovy.embedded	#D4D4D4	—
emphasis	—	italic
strong	—	bold
header	#000080	—
comment	#6A9955	—
constant.language	#569CD6	—
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent	#B5CEA8	—
constant.regexp	#646695	—
entity.name.tag	#569CD6	—
entity.name.tag.css	#D7BA7D	—
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	#D7BA7D	—
invalid	#F44747	—
markup.underline	—	underline
markup.bold	#569CD6	bold
markup.heading	#569CD6	bold
markup.italic	—	italic
markup.strikethrough	—	strikethrough
markup.inserted	#B5CEA8	—
markup.deleted	#CE9178	—
markup.changed	#569CD6	—
punctuation.definition.quote.begin.markdown	#6A9955	—
punctuation.definition.list.begin.markdown	#6796E6	—
markup.inline.raw	#CE9178	—
punctuation.definition.tag	#808080	—
meta.preprocessor, entity.name.function.preprocessor	#569CD6	—
meta.preprocessor.string	#CE9178	—
meta.preprocessor.numeric	#B5CEA8	—
meta.structure.dictionary.key.python	#9CDCFE	—
meta.diff.header	#569CD6	—
storage	#569CD6	—
storage.type	#569CD6	—
storage.modifier, keyword.operator.noexcept	#569CD6	—
string, meta.embedded.assembly	#CE9178	—
string.tag	#CE9178	—
string.value	#CE9178	—
string.regexp	#D16969	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded	#569CD6	—
meta.template.expression	#D4D4D4	—
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded	#9CDCFE	—
keyword	#569CD6	—
keyword.control	#569CD6	—
keyword.operator	#D4D4D4	—
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	#569CD6	—
keyword.other.unit	#B5CEA8	—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#569CD6	—
support.function.git-rebase	#9CDCFE	—
constant.sha.git-rebase	#B5CEA8	—
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java	#D4D4D4	—
variable.language	#569CD6	—
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal	#DCDCAA	—
support.class, entity.name.class, entity.name.type.class.cpp, entity.name.type	#FFD700	—
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class	#4EC9B0	—
keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator	#C586C0	—
variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder	#9CDCFE	—
variable.other.constant, variable.other.enummember	#4FC1FF	—
meta.object-literal.key	#9CDCFE	—
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	#CE9178	—
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	#CE9178	—
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp	#D16969	—
keyword.operator.or.regexp, keyword.control.anchor.regexp	#DCDCAA	—
keyword.operator.quantifier.regexp	#D7BA7D	—
constant.character	#569CD6	—
constant.character.escape	#D7BA7D	—
entity.name.label	#C8C8C8	—
variable.other.enummember.cpp, variable.other.constant, variable.other.enummember	#B9771E	—
keyword.control.switch.cpp, keyword.control.switch.c, keyword.control.case.cpp, keyword.control.case.c, keyword.control.break.cpp, keyword.control.break.c, keyword.control.default.cpp, keyword.control.default.c, keyword.control.return.cpp, keyword.control.return.c, keyword.control.while.cpp, keyword.control.while.c, keyword.control.do.cpp, keyword.control.do.c, keyword.control.if.cpp, keyword.control.if.c, keyword.control.else.cpp, keyword.control.else.c, keyword.control.for.cpp, keyword.control.for.c, keyword.control.directive.pragma.cpp, keyword.control.directive.pragma.c, keyword.operator.override.cpp, entity.other.attribute-name.pragma.preprocessor.cpp, entity.other.attribute-name.pragma.preprocessor.c, keyword.control.directive.conditional.ifdef.cpp, keyword.control.directive.conditional.ifdef.c, keyword.control.directive.include.cpp, keyword.control.directive.include.c, keyword.control.directive.define.cpp, keyword.control.directive.define.c, keyword.control.directive.elif.cpp, keyword.control.directive.elif.c, keyword.control.directive.else.cpp, keyword.control.directive.else.c, keyword.control.directive.endif.cpp, keyword.control.directive.endif.c, keyword.other.using.directive.cpp, keyword.other.using.directive.c, keyword.control.cs	#569CD6	—
token.info-token	#6796E6	—
token.warn-token	#CD9731	—
token.error-token	#F44747	—
token.debug-token	#B267E6	—

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id  
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}