Remedy

Name: Remedy
Author: Robert Rossmann

Publisher: Robert RossmannThemes in package: 4

A dark & bright theme with orange accents with roots in Base16 - Eighties colour theme

GitHub

Color themes

VS Code preview

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

Remedy — Remedy - Bright (Tilted)

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

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...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#EB684B
activityBar.background#FCEED1
activityBar.border#E4C88D
activityBar.dropBorder#EB684B
activityBar.foreground#563D0E
activityBar.inactiveForeground#AF9054
activityBarBadge.background#EB684B
activityBarBadge.foreground#FCEED1
activityBarTop.activeBackground#FCEED1
activityBarTop.activeBorder#EB684B
activityBarTop.background#FCEED1
activityBarTop.dropBorder#EB684B
activityBarTop.foreground#563D0E
activityBarTop.inactiveForeground#AF9054
activityErrorBadge.background#A54242
activityErrorBadge.foreground#FCEED1
activityWarningBadge.background#DE935F
activityWarningBadge.foreground#FCEED1
badge.background#EB684B
badge.foreground#FCEED1
bookmarks.lineBackground#5F819D11
bookmarks.lineBorder#5F819D66
bookmarks.overviewRuler#5F819D
breadcrumb.activeSelectionForeground#563D0E
breadcrumb.focusForeground#563D0E
breadcrumb.foreground#6B552A
breadcrumbPicker.background#FCEED1
button.background#EB684B
button.foreground#FCEED1
button.hoverBackground#F19783
button.secondaryBackground#DE935F
button.secondaryForeground#FCEED1
button.secondaryHoverBackground#E9B694
charts.blue#5F819D
charts.green#8C9440
charts.orange#DE935F
charts.purple#85678F
charts.red#A54242
charts.yellow#D79A22
chat.avatarBackground#563D0E
chat.avatarForeground#FCEED1
chat.requestBackground#FEF8EB
chat.requestBorder#E4C88D
chat.slashCommandBackground#EB684B
chat.slashCommandForeground#FCEED1
checkbox.background#FCEED1
checkbox.border#E4C88D
checkbox.foreground#DE935F
commandCenter.activeBackground#FEF8EB
commandCenter.activeBorder#EB684B
commandCenter.activeForeground#6B552A
commandCenter.background#FEF8EB
commandCenter.border#E4C88D
commandCenter.foreground#6B552A
commandCenter.inactiveBorder#E4C88D
debugConsole.errorForeground#A54242
debugConsole.infoForeground#5F819D
debugConsole.sourceForeground#AF9054
debugConsole.warningForeground#DE935F
debugConsoleInputIcon.foreground#AF9054
debugExceptionWidget.background#FCEED1
debugExceptionWidget.border#EB684B
debugIcon.breakpointCurrentStackframeForeground#81A2BE
debugIcon.breakpointDisabledForeground#AF905466
debugIcon.breakpointForeground#CC6666
debugIcon.breakpointStackframeForeground#5F819D99
debugIcon.breakpointUnverifiedForeground#707880
debugIcon.continueForeground#EB684B
debugIcon.disconnectForeground#A54242
debugIcon.pauseForeground#EB684B
debugIcon.restartForeground#B5BD68
debugIcon.startForeground#EB684B
debugIcon.stepBackForeground#81A2BE
debugIcon.stepIntoForeground#81A2BE
debugIcon.stepOutForeground#81A2BE
debugIcon.stepOverForeground#81A2BE
debugIcon.stopForeground#A54242
debugTokenExpression.boolean#DE935F
debugTokenExpression.error#A54242
debugTokenExpression.name#563D0E
debugTokenExpression.number#DE935F
debugTokenExpression.string#8C9440
debugTokenExpression.type#CC6666
debugTokenExpression.value#AF9054
debugToolBar.background#FCEED1
debugToolBar.border#E4C88D
debugView.exceptionLabelBackground#A54242
debugView.exceptionLabelForeground#FCEED1
debugView.stateLabelBackground#5F819D
debugView.stateLabelForeground#FCEED1
debugView.valueChangedHighlight#5F819D99
descriptionForeground#563D0E
diffEditor.border#E4C88D
diffEditor.diagonalFill#6B552A44
diffEditor.insertedLineBackground#B5BD6809
diffEditor.insertedTextBackground#B5BD6822
diffEditor.removedLineBackground#CC666609
diffEditor.removedTextBackground#CC666622
diffEditor.unchangedCodeBackground#70788022
diffEditor.unchangedRegionForeground#6B552A
disabledForeground#AF9054
dropdown.background#FCEED1
dropdown.border#E4C88D
dropdown.foreground#563D0E
editor.background#FEF8EB
editor.findMatchBackground#5E8D8744
editor.findMatchBorder#5E8D87AA
editor.findMatchHighlightBackground#5E8D8733
editor.findRangeHighlightBackground#B5BD6811
editor.focusedStackFrameHighlightBackground#81A2BE22
editor.foldBackground#5F819D11
editor.foldPlaceholderForeground#6B552A
editor.foreground#563D0E
editor.hoverHighlightBackground#563D0E11
editor.inlineValuesBackground#FCEED1
editor.inlineValuesForeground#6B552A
editor.lineHighlightBackground#563D0E09
editor.rangeHighlightBackground#563D0E11
editor.selectionBackground#563D0E22
editor.selectionHighlightBackground#563D0E11
editor.snippetFinalTabstopHighlightBackground#5E8D8733
editor.snippetFinalTabstopHighlightBorder#5E8D8799
editor.snippetTabstopHighlightBackground#5E8D8700
editor.snippetTabstopHighlightBorder#5E8D8799
editor.stackFrameHighlightBackground#5F819D33
editor.wordHighlightBackground#563D0E11
editor.wordHighlightStrongBackground#EB684B33
editor.wordHighlightStrongBorder#EB684BAA
editorBracketHighlight.foreground1#B294BB88
editorBracketHighlight.foreground2#CC666688
editorBracketHighlight.foreground3#D79A2288
editorBracketHighlight.foreground4#8ABEB788
editorBracketHighlight.foreground5#B5BD6888
editorBracketHighlight.foreground6#81A2BE88
editorBracketHighlight.unexpectedBracket.foreground#DE935F
editorBracketMatch.background#6B552A33
editorBracketMatch.border#6B552A66
editorCodeLens.foreground#6B552A
editorCursor.background#FCEED1
editorCursor.foreground#563D0E
editorError.foreground#A54242
editorGhostText.background#6B552A22
editorGhostText.foreground#6B552A
editorGroup.border#E4C88D
editorGroup.dropBackground#563D0E22
editorGroupHeader.noTabsBackground#FCEED1
editorGroupHeader.tabsBackground#FCEED1
editorGutter.addedBackground#B5BD68
editorGutter.commentRangeForeground#6B552A99
editorGutter.deletedBackground#CC6666
editorGutter.foldingControlForeground#6B552A
editorGutter.modifiedBackground#81A2BE
editorHint.foreground#707880
editorHoverWidget.background#FCEED1
editorHoverWidget.border#E4C88D
editorIndentGuide.activeBackground#6B552A99
editorIndentGuide.background#6B552A33
editorInfo.foreground#5F819D
editorInlayHint.background#FCEED1
editorInlayHint.foreground#6B552A
editorLightBulb.foreground#DE935F
editorLightBulbAutoFix.foreground#5F819D
editorLineNumber.activeForeground#563D0E
editorLineNumber.foreground#6B552A
editorLink.activeForeground#EB684B
editorMarkerNavigation.background#FCEED1
editorMarkerNavigationError.background#A5424244
editorMarkerNavigationInfo.background#5F819D44
editorMarkerNavigationWarning.background#DE935F44
editorOverviewRuler.addedForeground#B5BD68
editorOverviewRuler.background#FCEED1
editorOverviewRuler.border#FCEED1
editorOverviewRuler.bracketMatchForeground#6B552A
editorOverviewRuler.deletedForeground#CC6666
editorOverviewRuler.errorForeground#A54242
editorOverviewRuler.findMatchForeground#5E8D87AA
editorOverviewRuler.infoForeground#5F819D
editorOverviewRuler.modifiedForeground#81A2BE
editorOverviewRuler.rangeHighlightForeground#EB684BAA
editorOverviewRuler.warningForeground#DE935F
editorOverviewRuler.wordHighlightForeground#5E8D8799
editorOverviewRuler.wordHighlightStrongForeground#5E8D87
editorPane.background#FCEED1
editorRuler.foreground#6B552A99
editorStickyScrollHover.background#563D0E09
editorSuggestWidget.background#FCEED1
editorSuggestWidget.border#E4C88D
editorSuggestWidget.foreground#563D0E
editorSuggestWidget.highlightForeground#EB684B
editorSuggestWidget.selectedBackground#EB684B66
editorUnnecessaryCode.opacity#00000055
editorWarning.foreground#DE935F
editorWhitespace.foreground#6B552A99
editorWidget.background#FCEED1
editorWidget.border#E4C88D
editorWidget.resizeBorder#EB684B
errorLens.errorBackground#0000
errorLens.errorBackgroundLight#0000
errorLens.errorForeground#A54242
errorLens.errorForegroundLight#A54242
errorLens.hintBackground#0000
errorLens.hintBackgroundLight#0000
errorLens.hintForeground#707880
errorLens.hintForegroundLight#707880
errorLens.infoBackground#0000
errorLens.infoBackgroundLight#0000
errorLens.infoForeground#5F819D
errorLens.infoForegroundLight#5F819D
errorLens.warningBackground#0000
errorLens.warningBackgroundLight#0000
errorLens.warningForeground#DE935F
errorLens.warningForegroundLight#DE935F
extensionButton.prominentBackground#EB684B
extensionButton.prominentForeground#FCEED1
extensionButton.prominentHoverBackground#F3A391
extensionIcon.preReleaseForeground#A54242
extensionIcon.starForeground#EB684B
extensionIcon.verifiedForeground#8C9440
filewatcher.error#A54242
focusBorder#EB684B66
foreground#563D0E
gitDecoration.addedResourceForeground#B5BD68
gitDecoration.conflictingResourceForeground#D79A22
gitDecoration.deletedResourceForeground#CC6666
gitDecoration.ignoredResourceForeground#AF9054
gitDecoration.modifiedResourceForeground#81A2BE
gitDecoration.submoduleResourceForeground#707880
gitDecoration.untrackedResourceForeground#707880
gitlens.closedPullRequestIconColor#563D0E
gitlens.decorations.addedForegroundColor#B5BD68
gitlens.decorations.branchAheadForegroundColor#81A2BE
gitlens.decorations.branchBehindForegroundColor#B5BD68
gitlens.decorations.branchDivergedForegroundColor#D79A22
gitlens.decorations.branchUnpublishedForegroundColor#707880
gitlens.decorations.branchUpToDateForegroundColor#563D0E
gitlens.decorations.copiedForegroundColor#81A2BE
gitlens.decorations.deletedForegroundColor#CC6666
gitlens.decorations.ignoredForegroundColor#AF9054
gitlens.decorations.modifiedForegroundColor#81A2BE
gitlens.decorations.renamedForegroundColor#81A2BE
gitlens.decorations.untrackedForegroundColor#707880
gitlens.gutterBackgroundColor#FEF8EB
gitlens.gutterForegroundColor#6B552A
gitlens.gutterUncommittedForegroundColor#707880
gitlens.lineHighlightBackgroundColor#B5BD6811
gitlens.lineHighlightOverviewRulerColor#B5BD6811
gitlens.mergedPullRequestIconColor#563D0E
gitlens.openPullRequestIconColor#563D0E
gitlens.unpublishedCommitIconColor#563D0E
gitlens.unpulledChangesIconColor#563D0E
gitlens.unpushlishedChangesIconColor#563D0E
icon.foreground#563D0E
input.background#FEF8EB
input.border#E4C88D
input.placeholderForeground#6B552A
inputOption.activeBorder#EB684B66
inputValidation.errorBackground#A54242
inputValidation.errorBorder#A54242
inputValidation.errorForeground#FCEED1
inputValidation.infoBackground#5F819D
inputValidation.infoBorder#5F819D
inputValidation.infoForeground#FCEED1
inputValidation.warningBackground#DE935F
inputValidation.warningBorder#DE935F
inputValidation.warningForeground#FCEED1
issues.closed#A54242
issues.newIssueDecoration#6B552A
issues.open#8C9440
keybindingLabel.background#CAB99666
keybindingLabel.border#E4C88D
keybindingLabel.bottomBorder#E4C88D
keybindingLabel.foreground#563D0E
keybindingTable.headerBackground#FCEED1
keybindingTable.rowsBackground#FCEED166
lintlens.annotationColor#70788099
list.activeSelectionBackground#EB684BAA
list.activeSelectionForeground#563D0E
list.deemphasizedForeground#AF9054
list.dropBackground#563D0E22
list.errorForeground#A54242
list.filterMatchBackground#5E8D8744
list.highlightForeground#EB684B
list.hoverBackground#563D0E11
list.inactiveFocusBackground#563D0E09
list.inactiveSelectionBackground#563D0E09
list.invalidItemForeground#A54242
list.warningForeground#DE935F
listFilterWidget.background#FCEED1
listFilterWidget.noMatchesOutline#A54242
menu.background#FCEED1
menu.border#EB684B66
menu.foreground#563D0E
menu.selectionBackground#EB684B44
menu.selectionForeground#563D0E
menu.separatorBackground#E4C88D
menubar.selectionBackground#EB684B
menubar.selectionForeground#563D0E
merge.border#E4C88D99
merge.commonContentBackground#C5C8C611
merge.commonHeaderBackground#C5C8C633
merge.currentContentBackground#B5BD6811
merge.currentHeaderBackground#B5BD6833
merge.incomingContentBackground#81A2BE11
merge.incomingHeaderBackground#81A2BE33
mergeEditor.change.background#D79A2211
mergeEditor.change.word.background#D79A2222
mergeEditor.conflict.handled.minimapOverViewRuler#81A2BE
mergeEditor.conflict.handledFocused.border#81A2BE66
mergeEditor.conflict.handledUnfocused.border#81A2BE22
mergeEditor.conflict.unhandled.minimapOverViewRuler#D79A22
mergeEditor.conflict.unhandledFocused.border#D79A2266
mergeEditor.conflict.unhandledUnfocused.border#D79A2222
mergeEditor.conflictingLines.background#D79A2266
minimap.background#FCEED1
minimap.errorHighlight#A54242
minimap.findMatchHighlight#5E8D8744
minimap.selectionHighlight#563D0EAA
minimap.warningHighlight#DE935F
minimapGutter.addedBackground#B5BD68
minimapGutter.deletedBackground#CC6666
minimapGutter.modifiedBackground#81A2BE
minimapSlider.activeBackground#EB684B66
minimapSlider.background#EB684B22
minimapSlider.hoverBackground#EB684B44
multiDiffEditor.headerBackground#FCEED1
notebook.cellBorderColor#E4C88D
notebook.cellHoverBackground#563D0E09
notebook.cellInsertionIndicator#EB684B
notebook.cellStatusBarItemHoverBackground#CAB99666
notebook.cellToolbarSeparator#E4C88D
notebook.focusedCellBackground#563D0E09
notebook.focusedCellBorder#EB684B66
notebook.inactiveFocusedCellBorder#EB684B44
notebook.outputContainerBackgroundColor#FCEED1
notebook.selectedCellBackground#563D0E22
notebook.symbolHighlightBackground#563D0E11
notebookStatusErrorIcon.foreground#A54242
notebookStatusRunningIcon.foreground#563D0E
notebookStatusSuccessIcon.foreground#8C9440
notificationCenter.border#E4C88D
notificationCenterHeader.background#E4C88D
notificationCenterHeader.foreground#563D0E
notificationLink.foreground#EB684B
notifications.background#FCEED1
notifications.border#E4C88D
notificationsErrorIcon.foreground#A54242
notificationsInfoIcon.foreground#5F819D
notificationsWarningIcon.foreground#DE935F
notificationToast.border#E4C88D
panel.background#FCEED1
panel.border#E4C88D
panel.dropBorder#EB684B
panelSection.border#E4C88D
panelSection.dropBackground#563D0E22
panelSectionHeader.background#FCEED1
panelSectionHeader.border#E4C88D
panelSectionHeader.foreground#6B552A
panelTitle.activeBorder#EB684B
panelTitle.activeForeground#563D0E
panelTitle.inactiveForeground#6B552A
peekView.border#EB684B99
peekViewEditor.background#FEF8EB
peekViewEditor.matchHighlightBackground#5E8D8722
peekViewEditorGutter.background#FCEED1
peekViewResult.background#FCEED1
peekViewResult.fileForeground#563D0E
peekViewResult.lineForeground#563D0E
peekViewResult.matchHighlightBackground#5E8D8799
peekViewResult.selectionBackground#EB684B99
peekViewResult.selectionForeground#563D0E
peekViewTitle.background#FCEED1
peekViewTitleDescription.foreground#6B552A
peekViewTitleLabel.foreground#563D0E
pickerGroup.border#E4C88D
pickerGroup.foreground#563D0E
ports.iconRunningProcessForeground#8C9440
problemsErrorIcon.foreground#A54242
problemsInfoIcon.foreground#5F819D
problemsWarningIcon.foreground#DE935F
progressBar.background#EB684B
pullRequests.closed#CC6666
pullRequests.draft#707880
pullRequests.merged#85678F
pullRequests.notification#5F819D
pullRequests.open#B5BD68
quickInputList.focusBackground#EB684B99
radio.activeBackground#EB684B
radio.activeBorder#E4C88D
radio.activeForeground#FCEED1
radio.inactiveBackground#FCEED1
radio.inactiveBorder#E4C88D
radio.inactiveHoverBackground#563D0E11
sash.hoverBorder#E4C88D
scmGraph.foreground1#5E8D87
scmGraph.foreground2#5F819D
scmGraph.foreground3#85678F
scmGraph.foreground4#CC6666
scmGraph.foreground5#81A2BE
scmGraph.historyItemBaseRefColor#B5BD68
scmGraph.historyItemHoverAdditionsForeground#B5BD68
scmGraph.historyItemHoverDefaultLabelBackground#81A2BE
scmGraph.historyItemHoverDefaultLabelForeground#FCEED1
scmGraph.historyItemHoverDeletionsForeground#CC6666
scmGraph.historyItemHoverLabelForeground#FCEED1
scmGraph.historyItemRefColor#8C9440
scmGraph.historyItemRemoteRefColor#DE935F
scrollbar.shadow#AF9054
scrollbarSlider.activeBackground#EB684B66
scrollbarSlider.background#EB684B22
scrollbarSlider.hoverBackground#EB684B44
searchEditor.findMatchBorder#5E8D8744
selection.background#563D0E44
settings.checkboxBackground#FCEED1
settings.checkboxBorder#E4C88D
settings.checkboxForeground#DE935F
settings.dropdownBackground#FCEED1
settings.dropdownBorder#E4C88D
settings.dropdownForeground#DE935F
settings.dropdownListBorder#E4C88D
settings.focusedRowBackground#563D0E09
settings.focusedRowBorder#EB684B66
settings.headerForeground#563D0E
settings.modifiedItemIndicator#EB684B
settings.numberInputBackground#FCEED1
settings.numberInputBorder#E4C88D
settings.numberInputForeground#DE935F
settings.sashBorder#E4C88D
settings.textInputBackground#FCEED1
settings.textInputBorder#E4C88D
settings.textInputForeground#8C9440
sideBar.background#FCEED1
sideBar.border#E4C88D
sideBar.dropBackground#563D0E22
sideBar.foreground#563D0E
sideBarSectionHeader.background#FCEED1
sideBarSectionHeader.border#E4C88D
sideBarSectionHeader.foreground#6B552A
sideBarTitle.foreground#6B552A
sqltools.currentQueryBg#5E8D8722
sqltools.currentQueryOutline#0000
statusBar.background#FCEED1
statusBar.border#E4C88D
statusBar.debuggingBackground#81A2BE
statusBar.debuggingBorder#E4C88D
statusBar.debuggingForeground#130E06
statusBar.focusBorder#EB684B66
statusBar.foreground#564422
statusBar.noFolderBackground#FCEED1
statusBarItem.activeBackground#FCEED1
statusBarItem.compactHoverBackground#0000
statusBarItem.errorBackground#A54242
statusBarItem.errorForeground#130E06
statusBarItem.errorHoverBackground#0000
statusBarItem.errorHoverForeground#563D0E
statusBarItem.focusBorder#EB684B66
statusBarItem.hoverBackground#0000
statusBarItem.hoverForeground#563D0E
statusBarItem.prominentBackground#CAB996
statusBarItem.prominentForeground#563D0E
statusBarItem.prominentHoverBackground#0000
statusBarItem.prominentHoverForeground#563D0E
statusBarItem.remoteBackground#DE935F
statusBarItem.remoteForeground#130E06
statusBarItem.remoteHoverBackground#0000
statusBarItem.warningBackground#DE935F
statusBarItem.warningForeground#130E06
statusBarItem.warningHoverBackground#0000
statusBarItem.warningHoverForeground#563D0E
symbolIcon.arrayForeground#AF9054
symbolIcon.booleanForeground#DE935F
symbolIcon.classForeground#D79A22
symbolIcon.constantForeground#DE935F
symbolIcon.constructorForeground#D79A22
symbolIcon.fieldForeground#DE935F
symbolIcon.functionForeground#5F819D
symbolIcon.interfaceForeground#CC6666
symbolIcon.keywordForeground#85678F
symbolIcon.methodForeground#5F819D
symbolIcon.moduleForeground#D79A22
symbolIcon.namespaceForeground#D79A22
symbolIcon.nullForeground#DE935F
symbolIcon.numberForeground#DE935F
symbolIcon.objectForeground#AF9054
symbolIcon.operatorForeground#85678F
symbolIcon.packageForeground#D79A22
symbolIcon.propertyForeground#CC6666
symbolIcon.snippetForeground#DE935F
symbolIcon.stringForeground#8C9440
symbolIcon.structForeground#CC6666
symbolIcon.textForeground#AF9054
symbolIcon.typeParameterForeground#CC6666
symbolIcon.unitForeground#DE935F
symbolIcon.variableForeground#707880
tab.activeBackground#FEF8EB
tab.activeBorderTop#EB684B
tab.activeForeground#563D0E
tab.activeModifiedBorder#EB684B
tab.border#FCEED1
tab.dragAndDropBorder#EB684B
tab.hoverForeground#563D0E
tab.inactiveBackground#FCEED1
tab.inactiveForeground#6B552A
tab.inactiveModifiedBorder#EB684B66
tab.lastPinnedBorder#E4C88D
tab.selectedBackground#FCEED1
tab.selectedBorderTop#EB684B
tab.unfocusedActiveForeground#6B552A
tab.unfocusedHoverForeground#563D0E
tab.unfocusedInactiveForeground#6B552A
terminal.ansiBlack#282A2E
terminal.ansiBlue#5F819D
terminal.ansiBrightBlack#9CA19E
terminal.ansiBrightBlue#81A2BE
terminal.ansiBrightCyan#8ABEB7
terminal.ansiBrightGreen#B5BD68
terminal.ansiBrightMagenta#B294BB
terminal.ansiBrightRed#CC6666
terminal.ansiBrightWhite#535961
terminal.ansiBrightYellow#D79A22
terminal.ansiCyan#5E8D87
terminal.ansiGreen#8C9440
terminal.ansiMagenta#85678F
terminal.ansiRed#A54242
terminal.ansiWhite#707880
terminal.ansiYellow#DE935F
terminal.background#FCEED1
terminal.border#E4C88D
terminal.findMatchBackground#5E8D8744
terminal.findMatchBorder#5E8D87AA
terminal.findMatchHighlightBackground#5E8D8733
terminal.foreground#563D0E
terminal.initialHintForeground#AF9054
terminal.selectionBackground#563D0E22
terminal.tab.activeBorder#EB684B
terminalCommandDecoration.defaultBackground#AF9054
terminalCommandDecoration.errorBackground#A54242
terminalCommandDecoration.successBackground#8C9440
terminalCommandGuide.foreground#CAB996
terminalCursor.foreground#563D0E
terminalOverviewRuler.border#E4C88D
terminalStickyScrollHover.background#CAB996FF
testExplorer.errorDecorationBackground#A5424266
testing.iconErrored#A54242
testing.iconFailed#A54242
testing.iconPassed#8C9440
testing.iconQueued#5F819D
testing.iconSkipped#AF9054
testing.iconUnset#5F819D
testing.message.error.decorationForeground#130E06
testing.message.error.lineBackground#A5424266
testing.message.info.decorationForeground#130E06
testing.message.info.lineBackground#5F819D66
testing.peekBorder#E4C88D
testing.runAction#6B552A
textBlockQuote.background#FCEED1
textBlockQuote.border#EB684B
textCodeBlock.background#FEF8EB
textLink.activeForeground#EB684B
textLink.foreground#EB684B
textPreformat.background#FCEED1
textPreformat.foreground#DE935F
titleBar.activeBackground#FCEED1
titleBar.activeForeground#563D0E
titleBar.border#E4C88D
titleBar.inactiveBackground#FEF8EB
titleBar.inactiveForeground#6B552A
toolbar.activeBackground#CAB996BB
toolbar.hoverBackground#CAB99666
toolbar.hoverOutline#0000
tree.indentGuidesStroke#6B552A99
tree.tableColumnsBorder#E4C88D
walkThrough.embeddedEditorBackground#FCEED1
widget.shadow#AF9054

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
entity.name.tag, constant.numeric, constant.language, support.type.builtin, support.type.primitive, support.constant	#DE935F	—
comment, punctuation.definition.comment	#AF9054	—
keyword, storage, storage.type.class, storage.type.enum, storage.type.function, storage.type.interface, storage.type.internaldeclaration, storage.type.modifier, storage.type.namespace, storage.type.property, storage.type.trait, storage.type.type	#85678F	—
punctuation.definition.directive, keyword.control.directive, entity.name.function.preprocessor, entity.name.function.directive, entity.name.label	#5E8D87	—
punctuation, meta.brace.angle, meta.brace.round, meta.brace.square, meta.brace.curly, meta.brackets	#AF9054	—
entity.name.type.class, entity.name.type.namespace, entity.other.inherited-class, storage.type.namespace, support.class, support.other.namespace	#D79A22	—
storage.type, entity.name.type, keyword.other.type, support.type	#CC6666	—
entity.name.function, support.function	#5F819D	—
variable	#563D0E	—
constant, variable.language	#CC6666	—
string	#8C9440	—
constant.character.escape	#707880	—
string.regexp, string.regexp punctuation.definition	#8ABEB7	—
string.regexp constant.other.character-class	#CC6666	—
string.regexp constant.other.character-class.set	#A54242	—
entity.name.section, punctuation.definition.heading	#CC6666	bold
variable.other.jsdoc, meta.other.type.phpdoc, comment.block.javadoc variable.parameter	#707880	—
variable.other.link	#5E8D87	—
source.c storage.modifier.array.bracket.square, meta.embedded.block.c storage.modifier.array.bracket.square	#AF9054	—
source.c keyword.other.unit, meta.embedded.block.c keyword.other.unit	#DE935F	—
source.cpp entity.name.type.namespace, meta.embedded.block.cpp entity.name.type.namespace	#D79A22	—
source.cpp storage.type.namespace.definition, meta.embedded.block.cpp storage.type.namespace.definition	#85678F	—
source.cs entity.name.type.namespace, meta.embedded.block.csharp entity.name.type.namespace	#D79A22	—
source.cs keyword.type, meta.embedded.block.csharp keyword.type	#CC6666	—
source.css entity.name.tag, meta.embedded.block.css entity.name.tag, meta.embedded.block.less entity.name.tag	#DE935F	—
source.css entity.other.attribute-name.class, meta.embedded.block.css entity.other.attribute-name.class, meta.embedded.block.less entity.other.attribute-name.class	#D79A22	—
source.css entity.other.attribute-name.id, meta.embedded.block.css entity.other.attribute-name.id, meta.embedded.block.less entity.other.attribute-name.id	#8C9440	—
source.css entity.other.attribute-name.pseudo-element, meta.embedded.block.css entity.other.attribute-name.pseudo-element, meta.embedded.block.less entity.other.attribute-name.pseudo-element	#5E8D87	—
source.css variable, meta.embedded.block.css variable, meta.embedded.block.less variable	#707880	—
source.css support.type.property-name, meta.embedded.block.css support.type.property-name, meta.embedded.block.less support.type.property-name	#563D0E	—
source.css constant.numeric, source.css constant.other.color, source.css keyword.other.unit, source.css support.constant.property-value, meta.embedded.block.css constant.numeric, meta.embedded.block.css constant.other.color, meta.embedded.block.css keyword.other.unit, meta.embedded.block.css support.constant.property-value, meta.embedded.block.less constant.numeric, meta.embedded.block.less constant.other.color, meta.embedded.block.less keyword.other.unit, meta.embedded.block.less support.constant.property-value	#DE935F	—
source.css support.function, meta.embedded.block.css support.function, meta.embedded.block.less support.function	#5F819D	—
text.html entity.other.attribute-name, meta.embedded.block.html entity.other.attribute-name	#CC6666	—
text.html meta.attribute.id string.quoted, meta.embedded.block.html meta.attribute.id string.quoted	#8C9440	—
text.pug entity.other.attribute-name.tag, text.pug entity.name.label	#CC6666	—
text.pug entity.other.attribute-name.id	#8C9440	—
text.pug entity.other.attribute-name.class	#D79A22	—
text.pug storage.type.import.include, text.pug attribute_value	#85678F	—
text.pug meta.tag.other constant.name.attribute.tag.pug	#AF9054	—
text.pug string.comment	#AF9054	—
text.pug constant.language.name.generic.filter	#5F819D	—
source.java storage.modifier.import, source.java storage.modifier.package, meta.embedded.block.java storage.modifier.import, meta.embedded.block.java storage.modifier.package	#563D0E	—
source.js support.variable.object, source.js support.type.object.module, source.ts support.variable.object, source.ts support.type.object.module, source.tsx support.variable.object, source.tsx support.type.object.module, source.svelte support.variable.object, source.svelte support.type.object.module, meta.embedded.block.javascript support.variable.object, meta.embedded.block.javascript support.type.object.module, meta.embedded.block.typescript support.variable.object, meta.embedded.block.typescript support.type.object.module, meta.embedded.block.typescriptreact support.variable.object, meta.embedded.block.typescriptreact support.type.object.module, meta.embedded.block.svelte support.variable.object, meta.embedded.block.svelte support.type.object.module	#DE935F	—
source.js storage.type.js, source.ts storage.type.ts, source.tsx storage.type.tsx, meta.embedded.block.javascript storage.type.js, meta.embedded.block.typescript storage.type.ts, meta.embedded.block.svelte storage.type.js, meta.embedded.block.svelte storage.type.ts, source.js storage.type.class, source.js storage.type.function, source.ts storage.type.class, source.ts storage.type.function, source.tsx storage.type.class, source.tsx storage.type.function, source.svelte storage.type.class, source.svelte storage.type.function, meta.embedded.block.javascript storage.type.class, meta.embedded.block.javascript storage.type.function, meta.embedded.block.typescript storage.type.class, meta.embedded.block.typescript storage.type.function, meta.embedded.block.typescriptreact storage.type.class, meta.embedded.block.typescriptreact storage.type.function, meta.embedded.block.svelte storage.type.class, meta.embedded.block.svelte storage.type.function	#85678F	—
source.js new.expr entity.name.type, source.ts new.expr entity.name.type, source.tsx new.expr entity.name.type, source.svelte new.expr entity.name.type, meta.embedded.block.javascript new.expr entity.name.type, meta.embedded.block.typescript new.expr entity.name.type, meta.embedded.block.typescriptreact new.expr entity.name.type, meta.embedded.block.svelte new.expr entity.name.type	#D79A22	—
source.js meta.tag.attributes entity.other.attribute-name, source.js meta.attribute entity.other.attribute-name, source.js variable.other.constant.property, source.ts meta.tag.attributes entity.other.attribute-name, source.ts meta.attribute entity.other.attribute-name, source.ts variable.other.constant.property, source.tsx meta.tag.attributes entity.other.attribute-name, source.tsx meta.attribute entity.other.attribute-name, source.tsx variable.other.constant.property, source.svelte meta.tag.attributes entity.other.attribute-name, source.svelte meta.attribute entity.other.attribute-name, source.svelte variable.other.constant.property, meta.embedded.block.javascript meta.tag.attributes entity.other.attribute-name, meta.embedded.block.javascript meta.attribute entity.other.attribute-name, meta.embedded.block.javascript variable.other.constant.property, meta.embedded.block.typescript meta.tag.attributes entity.other.attribute-name, meta.embedded.block.typescript meta.attribute entity.other.attribute-name, meta.embedded.block.typescript variable.other.constant.property, meta.embedded.block.typescriptreact meta.tag.attributes entity.other.attribute-name, meta.embedded.block.typescriptreact meta.attribute entity.other.attribute-name, meta.embedded.block.typescriptreact variable.other.constant.property, meta.embedded.block.svelte meta.tag.attributes entity.other.attribute-name, meta.embedded.block.svelte meta.attribute entity.other.attribute-name, meta.embedded.block.svelte variable.other.constant.property	#CC6666	—
source.ts meta.type.annotation entity.name.type, source.tsx meta.type.annotation entity.name.type, meta.embedded.block.typescript meta.type.annotation entity.name.type, meta.embedded.block.typescriptreact meta.type.annotation entity.name.type	#CC6666	—
source.env variable, source.json support.type.property-name, meta.embedded.block.json support.type.property-name, source.terraform source.terraform.embedded.source variable.other.terraform, meta.embedded.block.terraform source.terraform.embedded.source variable.other.terraform, source.yaml entity.name.tag, meta.embedded.block.yaml entity.name.tag, meta.embedded.block.frontmatter entity.name.tag	#CC6666	—
source.yaml entity.other.document.begin, meta.embedded.block.yaml entity.other.document.begin, meta.embedded.block.frontmatter entity.other.document.begin, source.terraform entity.tag.embedded, meta.embedded.block.terraform entity.tag.embedded	#AF9054	—
source.makefile variable.other, meta.embedded.block.makefile variable.other	#CC6666	—
source.makefile meta.scope.prerequisites, meta.embedded.block.makefile meta.scope.prerequisites	#DE935F	—
source.makefile entity.name.function.target, meta.embedded.block.makefile entity.name.function.target	#D79A22	bold
source.makefile support.function.target, meta.embedded.block.makefile support.function.target	#D79A22	—
source.makefile meta.scope.function-call, meta.embedded.block.makefile meta.scope.function-call	#5E8D87	—
text.html.markdown markup.quote, meta.embedded.block.markdown markup.quote	#AF9054	italic
text.html.markdown markup.inline.raw, meta.embedded.block.markdown markup.inline.raw	#DE935F	—
text.html.markdown constant.other.reference.link, text.html.markdown markup.underline.link, text.html.markdown meta.link.reference, meta.embedded.block.markdown constant.other.reference.link, meta.embedded.block.markdown markup.underline.link, meta.embedded.block.markdown meta.link.reference	#5E8D87	—
text.html.markdown string.other.link.title, meta.embedded.block.markdown string.other.link.title	#CC6666	—
text.html.markdown fenced_code.block.language, meta.embedded.block.markdown fenced_code.block.language	#AF9054	—
text.html.markdown markup.bold, meta.embedded.block.markdown markup.bold	#C5C8C6	bold
text.html.markdown markup.italic, meta.embedded.block.markdown markup.italic	#C5C8C6	italic
source.shell variable.other.bracket, source.shell variable.other.special, source.shell variable.other.normal, meta.embedded.block.shellscript variable.other.bracket, meta.embedded.block.shellscript variable.other.special, meta.embedded.block.shellscript variable.other.normal	#CC6666	—
source.shell variable.other.positional, meta.embedded.block.shellscript variable.other.positional	#DE935F	—
comment, punctuation.definition.comment	—	italic
punctuation.definition.directive, entity.name.function.preprocessor, entity.name.function.directive	—	italic
string	—	italic
keyword, keyword.operator.expression, keyword.operator.new, storage.modifier, storage.type.class, storage.type.enum, storage.type.function, storage.type.interface, storage.type.internaldeclaration, storage.type.modifier, storage.type.namespace, storage.type.property, storage.type.trait, storage.type.type	—	italic
entity.other.attribute-name	—	italic
source.css entity.name.tag, meta.embedded.block.css entity.name.tag, meta.embedded.block.less entity.name.tag, source.js storage.type.js, source.js storage.type.ts, source.js storage.type.tsx, source.ts storage.type.js, source.ts storage.type.ts, source.ts storage.type.tsx, source.tsx storage.type.js, source.tsx storage.type.ts, source.tsx storage.type.tsx, source.svelte storage.type.js, source.svelte storage.type.ts, source.svelte storage.type.tsx, meta.embedded.block.javascript storage.type.js, meta.embedded.block.javascript storage.type.ts, meta.embedded.block.javascript storage.type.tsx, meta.embedded.block.typescript storage.type.js, meta.embedded.block.typescript storage.type.ts, meta.embedded.block.typescript storage.type.tsx, meta.embedded.block.typescriptreact storage.type.js, meta.embedded.block.typescriptreact storage.type.ts, meta.embedded.block.typescriptreact storage.type.tsx, meta.embedded.block.svelte storage.type.js, meta.embedded.block.svelte storage.type.ts, meta.embedded.block.svelte storage.type.tsx, source.makefile meta.scope.prerequisites, meta.embedded.block.makefile meta.scope.prerequisites, text.pug storage.type.import.include	—	italic
source.json support.type.property-name, meta.embedded.block.json support.type.property-name, source.yaml entity.name.tag, meta.embedded.block.yaml entity.name.tag, meta.embedded.block.frontmatter entity.name.tag	—
keyword.operator	—
source.js storage.type.function.arrow, source.ts storage.type.function.arrow, source.tsx storage.type.function.arrow, source.svelte storage.type.function.arrow, meta.embedded.block.javascript storage.type.function.arrow, meta.embedded.block.typescript storage.type.function.arrow, meta.embedded.block.typescriptreact storage.type.function.arrow, meta.embedded.block.svelte storage.type.function.arrow, source.makefile support.function, meta.embedded.block.makefile support.function	—
text.pug entity.other.attribute-name.class, text.pug entity.other.attribute-name.id	—
source.css keyword.other.unit, meta.embedded.block.css keyword.other.unit, meta.embedded.block.less keyword.other.unit	—
source.cs keyword.type, meta.embedded.block.csharp keyword.type	—
source.c storage.modifier.array.bracket.square, meta.embedded.block.c storage.modifier.array.bracket.square	—

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