Melange Redux Iterum

Name: Melange Redux Iterum
Author: fostertheweb

Publisher: fosterthewebThemes in package: 2

Fork of a slightly tweaked VS Code port of the wonderful Melange nvim color scheme by savq.

GitHub

Color themes

VS Code preview

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

Melange Redux Iterum — Melange Redux Iterum: Light

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#f4f0ed
activityBar.activeBorder#bc5c00
activityBar.background#e9e1db
activityBar.border#a98a7866
activityBar.dropBorder#423324
activityBar.foreground#bc5c00
activityBar.inactiveForeground#7d665899
activityBarBadge.background#3a684a
activityBarBadge.foreground#ffffff
badge.background#bc5c00
badge.foreground#f1f1f1
banner.background#e9e1db
banner.foreground#7d6658
banner.iconForeground#3a684a
breadcrumb.activeSelectionForeground#35291d
breadcrumb.background#f1f1f1
breadcrumb.focusForeground#bc5c00
breadcrumb.foreground#7d6658cc
breadcrumbPicker.background#f1f1f1
button.background#3a684a
button.foreground#f1f1f1
button.hoverBackground#3a684add
button.secondaryBackground#7d6658
button.secondaryForeground#f1f1f1
button.secondaryHoverBackground#7d6658dd
button.separator#e9e1db66
charts.blue#465aa4
charts.foreground#7d6658
charts.green#3a684a
charts.lines#a98a7866
charts.orange#bc5c00
charts.purple#be79bb
charts.red#bf0021
charts.yellow#efab36
chat.requestBorder#bc5c00
checkbox.background#f1f1f1
checkbox.border#a98a78
checkbox.foreground#7d6658
checkbox.selectBackground#f1f1f1
checkbox.selectBorder#a98a78
commandCenter.activeBorder#bc5c004d
commandCenter.activeForeground#54433aed
commandCenter.background#f1f1f1
commandCenter.border#a98a78
commandCenter.foreground#54433a
commandCenter.inactiveBorder#bc5c0026
commandCenter.inactiveForeground#54433a99
commentsView.resolvedIcon#a98a78
commentsView.unresolvedIcon#bc5c00
debugConsole.errorForeground#f1897f
debugConsole.infoForeground#7892bd
debugConsole.sourceForeground#7d6658
debugConsole.warningForeground#efab36
debugConsoleInputIcon.foreground#7d6658
debugExceptionWidget.background#f1dedf
debugExceptionWidget.border#bf0021
debugIcon.breakpointCurrentStackframeForeground#a06d00
debugIcon.breakpointDisabledForeground#7d6658
debugIcon.breakpointForeground#bf0021
debugIcon.breakpointStackframeForeground#3a684a
debugIcon.breakpointUnverifiedForeground#7d6658
debugIcon.continueForeground#465aa4
debugIcon.disconnectForeground#bf0021
debugIcon.pauseForeground#465aa4
debugIcon.restartForeground#3a684a
debugIcon.startForeground#3a684a
debugIcon.stepBackForeground#465aa4
debugIcon.stepIntoForeground#465aa4
debugIcon.stepOutForeground#465aa4
debugIcon.stepOverForeground#465aa4
debugIcon.stopForeground#bf0021
debugTokenExpression.boolean#3a684a
debugTokenExpression.error#bf0021
debugTokenExpression.name#54433a
debugTokenExpression.number#904180
debugTokenExpression.string#bf0021
debugTokenExpression.value#bc5c00
debugToolBar.background#e9e1db
debugToolBar.border#a06d00
debugView.exceptionLabelBackground#bf0021
debugView.exceptionLabelForeground#f1f1f1
debugView.stateLabelBackground#a98a7866
debugView.stateLabelForeground#7d6658
debugView.valueChangedHighlight#465aa4
descriptionForeground#7d6658
diffEditor.diagonalFill#d9d3cecc
diffEditor.insertedLineBackground#6E9B7220
diffEditor.insertedTextBackground#6E9B7240
diffEditor.move.border#d9d3ce9c
diffEditor.removedLineBackground#bf002120
diffEditor.removedTextBackground#bf002140
diffEditor.unchangedCodeBackground#d9d3ce29
diffEditor.unchangedRegionBackground#e9e1db
diffEditor.unchangedRegionForeground#54433A
disabledForeground#AA8A76
dropdown.background#f1f1f1
dropdown.border#a98a78
dropdown.foreground#7d6658
dropdown.listBackground#f1f1f1
editor.background#f1f1f1
editor.findMatchBackground#d9d3ce
editor.findMatchHighlightBackground#a06d0030
editor.findRangeHighlightBackground#7d66584d
editor.focusedStackFrameHighlightBackground#6e9b7273
editor.foldBackground#a06d0020
editor.foreground#423324
editor.hoverHighlightBackground#cca47850
editor.inactiveSelectionBackground#d9d3ce99
editor.inlineValuesBackground#bc5c0033
editor.inlineValuesForeground#54433a80
editor.lineHighlightBackground#e9e1db
editor.lineHighlightBorder#e9e1db
editor.linkedEditingBackground#bf00214d
editor.rangeHighlightBackground#e8e0e8dd
editor.selectionBackground#d9d3ceee
editor.selectionHighlightBackground#a98a78cc
editor.snippetFinalTabstopHighlightBorder#465aa480
editor.snippetTabstopHighlightBackground#d9d3ce33
editor.stackFrameHighlightBackground#a06d0073
editor.symbolHighlightBackground#e0e2e8dd
editor.wordHighlightBackground#cca3784c
editor.wordHighlightStrongBackground#cde8e7cc
editor.wordHighlightTextBackground#d6cbc2ab
editorBracketHighlight.foreground1#a06d00
editorBracketHighlight.foreground2#a06d00
editorBracketHighlight.foreground3#a06d00
editorBracketHighlight.foreground4#a06d00
editorBracketHighlight.foreground5#a06d00
editorBracketHighlight.foreground6#a06d00
editorBracketHighlight.unexpectedBracket.foreground#bf0021
editorBracketMatch.background#e9e1db
editorBracketMatch.border#bc5c00
editorCodeLens.foreground#7d6658
editorCommentsWidget.rangeBackground#bc5c0025
editorCommentsWidget.resolvedBorder#a98a78
editorCommentsWidget.unresolvedBorder#bc5c00
editorCursor.background#f1f1f1
editorCursor.foreground#bc5c00
editorError.foreground#bf0021
editorGhostText.foreground#7d665866
editorGroup.border#a98a7866
editorGroup.dropBackground#e9e1db
editorGroup.dropIntoPromptBackground#7d6658
editorGroup.dropIntoPromptForeground#f1f1f1
editorGroupHeader.border#a98a7866
editorGroupHeader.noTabsBackground#e9e1db
editorGroupHeader.tabsBackground#e9e1db
editorGroupHeader.tabsBorder#a98a7866
editorGutter.addedBackground#739797
editorGutter.background#f1f1f1
editorGutter.commentGlyphForeground#465aa4
editorGutter.commentRangeForeground#7892bd
editorGutter.commentUnresolvedGlyphForeground#bc5c00
editorGutter.deletedBackground#bf0021
editorGutter.foldingControlForeground#a98a78
editorGutter.modifiedBackground#EFAB36
editorHint.foreground#a98a78
editorHoverWidget.background#e9e1db
editorHoverWidget.border#a98a78
editorHoverWidget.foreground#54433a
editorHoverWidget.highlightForeground#54433a
editorHoverWidget.statusBarBackground#f4f0ed
editorIndentGuide.activeBackground1#cca478dd
editorIndentGuide.background1#e9e1db
editorInfo.foreground#7892BD
editorInlayHint.background#e9e1db4d
editorInlayHint.foreground#7d6658
editorInlayHint.parameterBackground#00000000
editorInlayHint.parameterForeground#54433a88
editorInlayHint.typeBackground#00000000
editorInlayHint.typeForeground#54433a88
editorLightBulb.foreground#a06d00
editorLightBulbAutoFix.foreground#7892bd
editorLineNumber.activeForeground#bc5c00
editorLineNumber.dimmedForeground#a98a78
editorLineNumber.foreground#a98a78
editorLink.activeForeground#465aa4
editorMarkerNavigation.background#f1f1f1
editorMarkerNavigationError.background#bf0021
editorMarkerNavigationError.headerBackground#bf00211a
editorMarkerNavigationInfo.background#7892bd
editorMarkerNavigationInfo.headerBackground#7892bd1a
editorMarkerNavigationWarning.background#a06d00
editorMarkerNavigationWarning.headerBackground#a06d001a
editorOverviewRuler.addedForeground#3a684a99
editorOverviewRuler.border#a98a78cc
editorOverviewRuler.bracketMatchForeground#a06d00
editorOverviewRuler.commentForeground#a98a78
editorOverviewRuler.commentUnresolvedForeground#7d6658
editorOverviewRuler.commonContentForeground#7d6658cc
editorOverviewRuler.currentContentForeground#3d656880
editorOverviewRuler.deletedForeground#bf002199
editorOverviewRuler.errorForeground#bf0021cc
editorOverviewRuler.findMatchForeground#7d665866
editorOverviewRuler.incomingContentForeground#7892bdcc
editorOverviewRuler.infoForeground#465aa4
editorOverviewRuler.modifiedForeground#bc5c00cc
editorOverviewRuler.rangeHighlightForeground#739797cc
editorOverviewRuler.selectionHighlightForeground#54433acc
editorOverviewRuler.warningForeground#a06d00
editorOverviewRuler.wordHighlightForeground#7d6658cc
editorOverviewRuler.wordHighlightStrongForeground#bc5c00cc
editorOverviewRuler.wordHighlightTextForeground#7d665880
editorPane.background#e9e1db
editorRuler.foreground#d9d3ce99
editorStickyScroll.background#f1f1f1
editorStickyScrollHover.background#d9d3ce
editorSuggestWidget.background#f1f1f1
editorSuggestWidget.border#a98a78
editorSuggestWidget.focusHighlightForeground#f1f1f1
editorSuggestWidget.foreground#7d6658
editorSuggestWidget.highlightForeground#54433a
editorSuggestWidget.selectedBackground#bc5c00
editorSuggestWidget.selectedForeground#f1f1f1cc
editorSuggestWidget.selectedIconForeground#f1f1f1bb
editorSuggestWidgetStatus.foreground#7d6658
editorUnicodeHighlight.background#bf002120
editorUnicodeHighlight.border#887449
editorUnnecessaryCode.opacity#a98a78cc
editorWarning.foreground#a06d00
editorWhitespace.foreground#a98a7830
editorWidget.background#e9e1db
editorWidget.border#a98a78cc
editorWidget.foreground#7d6658
extensionBadge.remoteBackground#465aa4
extensionBadge.remoteForeground#f1f1f1
extensionButton.background#3a684a
extensionButton.foreground#f1f1f1
extensionButton.hoverBackground#3a684acc
extensionButton.prominentBackground#3d6568
extensionButton.prominentForeground#f1f1f1
extensionButton.prominentHoverBackground#739797
extensionButton.separator#e9e1db
extensionIcon.preReleaseForeground#904180cc
extensionIcon.sponsorForeground#cca478cc
extensionIcon.starForeground#bf0021cc
extensionIcon.verifiedForeground#3a684acc
focusBorder#bc5c0090
foreground#54433a
gitDecoration.addedResourceForeground#3a684a
gitDecoration.conflictingResourceForeground#bf0021
gitDecoration.deletedResourceForeground#bf0021
gitDecoration.ignoredResourceForeground#a0a0a0
gitDecoration.modifiedResourceForeground#bc5c00
gitDecoration.renamedResourceForeground#737797
gitDecoration.stageDeletedResourceForeground#bf0021
gitDecoration.stageModifiedResourceForeground#7d6658
gitDecoration.submoduleResourceForeground#465aa4
gitDecoration.untrackedResourceForeground#72a190
icon.foreground#AA8A76
inlineChat.background#e9e1db
inlineChat.border#a98a78
inlineChat.shadow#16141366
inlineChatDiff.inserted#3a684a25
inlineChatDiff.removed#bf002125
inlineChatInput.background#f1f1f1
inlineChatInput.border#a98a78
inlineChatInput.focusBorder#bc5c0090
inlineChatInput.placeholderForeground#a98a78
input.background#f1f1f1
input.border#a98a78
input.foreground#54433a
inputOption.activeBackground#f1f1f1
inputOption.activeBorder#bc5c00
inputOption.activeForeground#54433a
inputOption.hoverBackground#a98a781a
inputValidation.errorBackground#bf0021
inputValidation.errorBorder#bf0021
inputValidation.errorForeground#f1f1f1
inputValidation.infoBackground#e9e1db
inputValidation.infoBorder#cca478
inputValidation.infoForeground#465aa4
interactive.activeCodeBorder#a98a78
interactive.inactiveCodeBorder#d9d3ce
keybindingLabel.background#e9e1db
keybindingLabel.border#a98a7866
keybindingLabel.bottomBorder#a98a7899
keybindingLabel.foreground#7d6658
keybindingTable.headerBackground#7d665840
keybindingTable.rowsBackground#7d665820
list.activeSelectionBackground#f1f1f1
list.activeSelectionForeground#bc5c00
list.deemphasizedForeground#a98a78
list.dropBackground#e9e1db
list.errorForeground#bf0021
list.filterMatchBackground#a06d0030
list.focusHighlightForeground#423324
list.focusOutline#bc5c00
list.highlightForeground#54433a
list.hoverBackground#f4f0ed99
list.hoverForeground#bc5c00
list.inactiveSelectionBackground#f4f0ed
list.inactiveSelectionForeground#54433a
list.invalidItemForeground#cca478
list.warningForeground#a06d00
listFilterWidget.background#f1f1f1
listFilterWidget.noMatchesOutline#bf0021
listFilterWidget.outline#a98a7866
listFilterWidget.shadow#16141366
menu.background#f1f1f1
menu.foreground#54434a
menu.selectionBackground#d9d3ce
menu.selectionForeground#bc5c00
menu.separatorBackground#e9e1db
menubar.selectionBackground#d9d3cecc
menubar.selectionForeground#54433a
merge.commonContentBackground#d9d3ce30
merge.commonHeaderBackground#d9d3ce66
merge.currentContentBackground#6e9b7225
merge.currentHeaderBackground#6e9b7250
merge.incomingContentBackground#7892bd30
merge.incomingHeaderBackground#7892bd50
mergeEditor.change.background#6E9B7220
mergeEditor.change.word.background#6E9B7240
mergeEditor.changeBase.background#904180cc
mergeEditor.changeBase.word.background#be79bbcc
mergeEditor.conflict.handled.minimapOverViewRuler#7d665866
mergeEditor.conflict.handledFocused.border#7d6658cc
mergeEditor.conflict.handledUnfocused.border#7d665840
mergeEditor.conflict.input1.background#3a684a35
mergeEditor.conflict.input2.background#a4a9ce40
mergeEditor.conflict.unhandled.minimapOverViewRuler#a06d00
mergeEditor.conflict.unhandledFocused.border#a06d00
mergeEditor.conflict.unhandledUnfocused.border#a06d00cc
mergeEditor.conflictingLines.background#a06d0050
minimap.errorHighlight#bf0021b3
minimap.findMatchHighlight#a06d0022
minimap.foregroundOpacity#000000
minimap.selectionOccurrenceHighlight#7d665866
minimap.warningHighlight#efab36
minimapGutter.addedBackground#739698
minimapGutter.deletedBackground#bf0021
minimapGutter.modifiedBackground#efab36
minimapSlider.activeBackground#aa8a7633
minimapSlider.background#aa8a7620
minimapSlider.hoverBackground#aa8a762a
notebook.cellBorderColor#a98a78cc
notificationCenter.border#a98a7866
notificationCenterHeader.background#e9e1db
notificationCenterHeader.foreground#bc5c00
notificationLink.foreground#3d6568
notifications.background#f1f1f1
notifications.border#a98a78
notifications.foreground#7d6658
notificationsErrorIcon.foreground#bf0021
notificationsInfoIcon.foreground#465aa4
notificationsWarningIcon.foreground#a06d00
panel.background#f1f1f1
panel.border#a98a7866
panel.dropBorder#bc5c00cc
panelInput.border#a98a7866
panelSection.border#a98a78
panelSection.dropBackground#e9e1db
panelSectionHeader.background#e9e1db
panelTitle.activeBorder#bc5c00
panelTitle.activeForeground#bc5c00
panelTitle.inactiveForeground#7d6658
peekView.border#a98a78
peekViewEditor.background#f1f1f1
peekViewEditor.matchHighlightBackground#a06d0030
peekViewEditorGutter.background#f1f1f1
peekViewEditorStickyScroll.background#e9e1db
peekViewResult.background#e9e1db
peekViewResult.fileForeground#7d6658
peekViewResult.lineForeground#d9d3ce
peekViewResult.matchHighlightBackground#7d665866
peekViewResult.selectionBackground#d9d3ce
peekViewResult.selectionForeground#54433a
peekViewTitle.background#f1f1f1
peekViewTitleDescription.foreground#7d6658
peekViewTitleLabel.foreground#7d6658
problemsErrorIcon.foreground#bf0021
problemsInfoIcon.foreground#7892BD
problemsWarningIcon.foreground#a06d00
profileBadge.background#d9d3ce
profileBadge.foreground#54433a
progressBar.background#bc5c00
quickInput.background#f1f1f1
quickInput.foreground#7d6658
quickInputList.focusBackground#d9d3ce
quickInputList.focusForeground#bc5c00
quickInputTitle.background#f1f1f1
sash.hoverBorder#bc5c00
scrollbar.shadow#22222226
scrollbarSlider.activeBackground#AA8A7666
scrollbarSlider.background#a98a7826
scrollbarSlider.hoverBackground#AA8A7653
search.resultsInfoForeground#a98a78
searchEditor.findMatchBackground#a06d0020
searchEditor.textInputBorder#a98a78
selection.background#7892bd
settings.checkboxBackground#f1f1f1
settings.checkboxBorder#a98a78
settings.checkboxForeground#423324
settings.dropdownBackground#f1f1f1
settings.dropdownBorder#a98a78
settings.dropdownForeground#423324
settings.dropdownListBorder#a98a78
settings.focusedRowBackground#e9e1db99
settings.focusedRowBorder#bc5c00
settings.headerBorder#a98a78
settings.headerForeground#7d6658
settings.modifiedItemIndicator#739797
settings.numberInputBackground#f1f1f1
settings.numberInputBorder#a98a78
settings.numberInputForeground#54433a
settings.rowHoverBackground#e8e1db4d
settings.sashBorder#a98a78
settings.settingsHeaderHoverForeground#bc5c00b3
settings.textInputBackground#f1f1f1
settings.textInputBorder#a98a78
settings.textInputForeground#54433a
sideBar.background#e9e1db
sideBar.border#a98a7866
sideBar.dropBackground#e9e1db
sideBar.foreground#7d6658
sideBarSectionHeader.background#e9e1db
sideBarSectionHeader.border#a98a7866
sideBarSectionHeader.foreground#7d6658
sideBarTitle.foreground#bc5c00
sideBySideEditor.horizontalBorder#a98a78
sideBySideEditor.verticalBorder#a98a78
statusBar.background#e9e1db
statusBar.border#a98a7866
statusBar.debuggingBackground#bc5c00
statusBar.debuggingBorder#a06d00
statusBar.debuggingForeground#f1f1f1
statusBar.focusBorder#bc5c0090
statusBar.foreground#7d6658
statusBar.noFolderBackground#e8e0e8
statusBar.noFolderBorder#a98a78cc
statusBar.noFolderForeground#7d6658cc
statusBarItem.activeBackground#C49F83
statusBarItem.compactHoverBackground#ffffff33
statusBarItem.errorBackground#bf0021
statusBarItem.errorForeground#f1f1f1
statusBarItem.focusBorder#bc5c0090
statusBarItem.hoverBackground#C49F8330
statusBarItem.hoverForeground#54433a
statusBarItem.prominentBackground#88744980
statusBarItem.prominentForeground#f1f1f1
statusBarItem.prominentHoverBackground#0000004d
statusBarItem.remoteBackground#bc5c00
statusBarItem.remoteForeground#f1f1f1
statusBarItem.warningBackground#a06d00
statusBarItem.warningForeground#f4f0ed
symbolIcon.arrayForeground#a06d00
symbolIcon.booleanForeground#739797
symbolIcon.classForeground#739797
symbolIcon.colorForeground#3a684a
symbolIcon.constantForeground#904180
symbolIcon.constructorForeground#bc5c00
symbolIcon.enumeratorForeground#bc5c00
symbolIcon.enumeratorMemberForeground#a06d00
symbolIcon.eventForeground#bc5c00
symbolIcon.fieldForeground#465aa4
symbolIcon.fileForeground#7d6658
symbolIcon.folderForeground#7d6658
symbolIcon.functionForeground#bc5c00
symbolIcon.interfaceForeground#bc5c00
symbolIcon.keyForeground#a06d00
symbolIcon.keywordForeground#bc5c00
symbolIcon.methodForeground#54433a
symbolIcon.moduleForeground#739797
symbolIcon.namespaceForeground#c77b8b
symbolIcon.nullForeground#739797
symbolIcon.numberForeground#904180
symbolIcon.objectForeground#a06d00
symbolIcon.operatorForeground#bf0021
symbolIcon.packageForeground#a98a78
symbolIcon.propertyForeground#3a684a
symbolIcon.referenceForeground#7d6658
symbolIcon.snippetForeground#465aa4
symbolIcon.stringForeground#465aa4
symbolIcon.structForeground#3d6568
symbolIcon.textForeground#7d6658
symbolIcon.typeParameterForeground#bc5c00
symbolIcon.unitForeground#6e9b72
symbolIcon.variableForeground#54433a
tab.activeBackground#f1f1f1
tab.activeBorder#bc5c00
tab.activeForeground#bc5c00
tab.activeModifiedBorder#739797
tab.border#a98a7866
tab.inactiveBackground#e9e1db
tab.inactiveForeground#7d6658
tab.inactiveModifiedBorder#73979780
tab.unfocusedActiveBackground#f1f1f1
tab.unfocusedActiveBorder#bc5c00b3
tab.unfocusedActiveForeground#423324dd
tab.unfocusedActiveModifiedBorder#739797b3
tab.unfocusedInactiveBackground#e9e1db
tab.unfocusedInactiveForeground#7d6658dd
tab.unfocusedInactiveModifiedBorder#73779740
terminal.ansiBlack#7d6658
terminal.ansiBlue#465aa4
terminal.ansiBrightBlack#54433a
terminal.ansiBrightBlue#465aa4
terminal.ansiBrightCyan#3d6568
terminal.ansiBrightGreen#3a684a
terminal.ansiBrightMagenta#be79bb
terminal.ansiBrightRed#bf0021
terminal.ansiBrightWhite#e9e1db
terminal.ansiBrightYellow#a06d00
terminal.ansiCyan#3d6568
terminal.ansiGreen#3a684a
terminal.ansiMagenta#be79bb
terminal.ansiRed#bf0021
terminal.ansiWhite#f1f1f1
terminal.ansiYellow#a06d00
terminal.background#f1f1f1
terminal.border#a98a7866
terminal.dropBackground#e9e1dbcc
terminal.findMatchBackground#7d665866
terminal.findMatchHighlightBackground#a06d0030
terminal.foreground#7d6658
terminal.hoverHighlightBackground#e9e1db28
terminal.inactiveSelectionBackground#e9e1db80
terminal.selectionBackground#e9e1db
terminal.tab.activeBorder#bc5c00
terminalCommandDecoration.defaultBackground#f1f1f140
terminalCommandDecoration.errorBackground#bf0021
terminalCommandDecoration.successBackground#3a684a
terminalCursor.background#e7dbd6
terminalCursor.foreground#c97a8b
terminalOverviewRuler.cursorForeground#54433acc
terminalOverviewRuler.findMatchForeground#a06d0066
testing.iconErrored#bf0021
testing.iconFailed#bf0021
testing.iconPassed#3a684a
testing.iconQueued#a06d00
testing.iconSkipped#7d6658
testing.iconUnset#a98a78
testing.message.error.decorationForeground#bf0021
testing.message.error.lineBackground#bf002133
testing.message.info.decorationForeground#7d6658cc
testing.peekBorder#bf0021
testing.peekHeaderBackground#bf00211a
testing.runAction#3a684acc
textBlockQuote.background#e9e1db33
textBlockQuote.border#bc5c00
textCodeBlock.background#f1f1f1
textLink.activeForeground#7892bd
textLink.foreground#465aa4
textPreformat.foreground#bc5c00
textSeparator.foreground#a98a78
titleBar.activeBackground#523C3A
titleBar.activeForeground#f1f1f1
titleBar.inactiveBackground#a98a78
titleBar.inactiveForeground#7d6658
toolbar.activeBackground#d9d3cecc
toolbar.hoverBackground#d9d3ce
tree.inactiveIndentGuidesStroke#a98a7833
tree.indentGuidesStroke#a98a7866
tree.tableColumnsBorder#a98a7866
tree.tableOddRowsBackground#4233240a
walkthrough.stepTitle.foreground#7d6658
welcomePage.background#f1f1f1
welcomePage.progress.background#e9e1db
welcomePage.progress.foreground#bc5c00
welcomePage.tileBackground#e9e1db
welcomePage.tileBorder#a98a78cc
welcomePage.tileHoverBackground#a06d0020
widget.shadow#16141366

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
source, text.html	#423324	—
emphasis	—	italic
strong	—	bold
header	#EFAB36	—
url, link, uri	—	underline
invalid	#bf0021	—
punctuation, meta.embedded, source.j, source.t, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx	#c77b8b	—
comment, punctuation.definition.comment, unused.comment, wildcard.comment, comment.block.documentation.ts, punctuation.definition.comment.ts	#7d6658	italic
comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class, comment.block.documentation storage.type.class punctuation	#cca478	italic
comment.block.documentation variable, comment.block.documentation variable.other	#a98a78	italic bold
constant, constant.numeric, constant.language, support.constant, meta.preprocessor.numeric, keyword.other.unit	#6e9b72	—
constant.numeric, constant.boolean, constant.language.numeric, constant.language.boolean	#904180	—
string, meta.preprocessor.string, string.quoted.single, string.template	#465aa4	—
constant.character', 'constant.regexp	#465aa4	—
punctuation.section.embedded, meta.string-contents.quoted.double punctuation.definition.variable, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.definition.interpolation.begin.bracket, punctuation.definition.interpolation.end.bracket, punctuation.definition.variable.makefile, string.interpolated punctuation.definition.string.begin, string.interpolated punctuation.definition.string.end	#bc5c00	—
string.regexp	#465aa4	—
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, support.other.parenthesis.regexp	#3d6568	—
punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp	#904180	—
keyword.operator.quantifier.regexp	#bc5c00	—
string.regexp keyword.other	#bc5c00	—
storage, meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc, source.groovy storage.type.def, storage.modifier, storage.type.js	#bc5c00	—
entity.name.type.class, support.class, keyword.primitive-datatypes.swift, storage.type.attribute.swift, storage.type.objc, meta.protocol-list.objc, meta.return-type.objc, source.go storage.type, keyword.struct.go, keyword.interface.go, storage.type.c, keyword.type.cs, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.groovy, source.groovy storage.type, storage.type.php, storage.type.haskell, storage.type.ocaml, source.java storage.type, storage.type.core.rust, storage.class.std.rust, source.powershell entity.other.attribute-name, meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class	#54433a
entity.name.type.interface, support.interface, support.type, meta.return-type, meta.return.type, meta.type.name, meta.cast, meta.type.annotation, keyword.primitive-datatypes.swift, storage.type.attribute.swift, storage.type.objc, meta.protocol-list.objc, meta.return-type.objc, source.go storage.type, keyword.struct.go, keyword.interface.go, storage.type.c, keyword.type.cs, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.groovy, source.groovy storage.type, storage.type.php, storage.type.haskell, storage.type.ocaml, source.java storage.type, storage.type.core.rust, storage.class.std.rust, source.powershell entity.other.attribute-name, meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class	#54433a
variable.language.this, variable.language.super, variable.this, variable.language.special.self, variable.parameter.function.language.special.self, keyword.other.this, keyword.expressions-and-types.swift	#a06d00	—
keyword, punctuation.definition.keyword	#bc5c00	—
keyword.operator	#bf0021	—
keyword.operator.ternary	#54433a	—
variable.language, keyword.control.new, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical.python, meta.preprocessor, meta.diff.header, meta.selector	#bc5c00	—
keyword.control, keyword.control punctuation.definition.keyword	#bc5c00	—
keyword.import, keyword.package, keyword.control.directive, keyword.control.export, keyword.control.import, keyword.other.import, keyword.other.package, meta.import keyword.control, support.type.object.module	#bc5c00	—
storage.modifier.import.java, storage.modifier.package.java, variable.language.wildcard.java	#bc5c00	—
entity.name.function, entity.name.method, entity.name.static.function-call, support.function, support.constant.handlebars, variable.function, keyword.operator.function.infix, meta.function-call.generic, meta.function-call.object, meta.function-call.static, meta.function.python, meta.function-call.php, meta.method-call.java meta.method, meta.method.groovy, support.function.any-method.lua, entity.name.function.go	#54433a
entity.name.variable.parameter, variable.parameter, meta.function.arguments variable.other.php, meta.selectionset.graphql meta.arguments.graphql variable.arguments.graphql, meta.at-rule.function variable, meta.at-rule.mixin variable	#54433a	—
meta.decorator entity.name.function, storage.type.annotation, meta.decorator punctuation.decorator, meta.decorator variable.other.readwrite, meta.decorator variable.other.property, meta.decorator variable.other.object	#54433a	—
meta.parameter.type.variable, support.variable, variable.name, variable.other, variable.other.constant.js, meta.var.expr.js, meta.definition.variable.js, meta.var-single-variable.expr.js, source.js, variable, string.constant.other.placeholder, meta.object-literal.key, meta.decorator.ts meta.object.member, constant.other.key.perl	#54433a	—
meta.object-binding-pattern-variable variable.object.property, meta.import variable.other.readwrite, meta.export variable.other.readwrite	#54433a	—
meta.import variable.other.readwrite.alias, meta.export variable.other.readwrite.alias, meta.variable.assignment.destructured.object.coffee variable variable	#54433a	—
meta.export.default variable.other.readwrite	#54433a	—
constant.language.boolean.false.ts	#904180	—
entity.name.type, entity.name.namespace, entity.name.scope-resolution, entity.other.inherited-class, support.class, support.type.primitive.tsx, meta.type.parameters.tsx, meta.type.annotation.tsx, meta.var-single-variable.expr.tsx	#3d6568
entity.name.function.target.makefile, entity.name.section.toml, variable.other.key.toml, entity.name.tag.yaml	#bc5c00	—
constant.other.date, constant.other.timestamp	#904180	—
variable.other.alias.yaml	#a06d00	—
source.json meta.structure.dictionary.json support.type.property-name.json	#bc5c00	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#bc5c00	—
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	#bc5c00	—
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	#bc5c00	—
support.class.component	#a06d00	—
meta.jsx.children	#54433a	—
punctuation.definition.tag.begin.tsx, punctuation.definition.tag.begin.jsx, punctuation.definition.tag.begin.ts, punctuation.definition.tag.begin.js, punctuation.definition.tag.end.tsx, punctuation.definition.tag.end.jsx, punctuation.definition.tag.end.ts, punctuation.definition.tag.end.js	#54433a	—
constant.language.undefined.tsx, meta.object.member.tsx, meta.objectliteral.tsx, meta.object.member.tsx, meta.function.expression.tsx, meta.export.default.tsx, source.tsx, support.type.primitive.ts	#739797	—
punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.definition.parameters.begin.ts, punctuation.definition.parameters.end.ts, punctuation.definition.parameters.begin.tsx, punctuation.definition.parameters.end.tsx, punctuation.definition.parameters.begin.ts, punctuation.definition.parameters.end.ts, punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, punctuation.accessor.optional, punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.support.type.property-name.begin.json.comments, punctuation.support.type.property-name.end.json.comments, meta.brace.round, meta.shebang.shell, keyword.operator.ternary, punctuation.definition.comment.shebang	#bf0021
entity.name.tag, entity.name.tag.tsx	#bc5c00
tag.close entity.name.tag	#bc5c00	—
entity.other.attribute-name, meta.tag.attributes, entity.other.attribute-name.html, meta.tag.inline.any.html, meta.tag.sgml, entity.other.attribute-name.tsx, entity.other.attribute-name.ts, entity.other.attribute-name.jsx, entity.other.attribute-name.jsx	#739797
entity.other.attribute-name.id	#3d6568	—
punctuation.definition.entity.html, punctuation.definition.tag.begin.html, meta.tag.structure.li.end.html, text.html.derivative	#a06d00	—
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element	#3a684a	—
entity.other.attribute-name.parent-selector	#a06d00	—
meta.function-call.arguments	#54433a	—
meta.selectionset.graphql variable	#465aa4	—
meta.selectionset.graphql meta.arguments variable	#54433a	—
source.shell support.function.builtin	#54433a	—
source.shell support.function.builtin	#54433a	—
punctuation.definition.variable.shell, source.shell variable.other	#bc5c00	—
string.interpolated.backtick.shell, string.interpolated.dollar.shell	#bf0021	—
meta.scope.for-loop.shell punctuation.definition.string.begin, meta.scope.for-loop.shell punctuation.definition.string.end, meta.scope.for-loop.shell string	#54433a	—
meta.scope.prerequisites	#a06d00	—
entity.name.function.target	#465aa4
meta.function-parameters.lisp	#54433a	—
markup.underline	—	underline
markup.bold	#54433a	bold
markup.italic	#54433a	italic
markup.heading, entity.name.section	#bc5c00
meta.link.reference.def.restructuredtext, punctuation.definition.directive.restructuredtext, string.other.link.description, string.other.link.title	#54433a	underline
markup.underline.link, markup.underline.link.image	#465aa4
markup.inline.raw, markup.raw.restructuredtext	#465aa4	italic
fenced_code.block.language, markup.raw.inner.restructuredtext, markup.fenced_code.block.markdown punctuation.definition.markdown	#465aa4	italic
entity.name.directive.restructuredtext, markup.quote	#a06d00	italic
beginning.punctuation.definition.list.markdown, beginning.punctuation.definition.quote.markdown, punctuation.definition.link.restructuredtext, markup.punctuation.quote.beginning, markup.punctuation.list.beginning	#54433a
meta.separator.markdown	#a06d00	—
punctuation.definition.constant.restructuredtext	#6e9b72	—
markup.inserted	#6e9b72	—
markup.deleted	#c77b8b	—
markup.changed	#bc5c00	—
source.go entity.name.import	#bc5c00	—
source.go entity.name.type	#54433a	—
keyword.control.cucumber.table	#a06d00	—
metatag.php	#bc5c00	—
support.function.git-rebase	#be79bb	—
constant.sha.git-rebase	#739797	—

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