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: Dark

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#403a36
activityBar.activeBorder#e49b5d
activityBar.background#34302c
activityBar.border#86746266
activityBar.dropBorder#423324
activityBar.foreground#e49b5d
activityBar.inactiveForeground#c1a78e99
activityBarBadge.background#85b695
activityBarBadge.foreground#292522
badge.background#e49b5d
badge.foreground#292522
banner.background#34302c
banner.foreground#c1a78e
banner.iconForeground#85b695
breadcrumb.activeSelectionForeground#35291d
breadcrumb.background#292522
breadcrumb.focusForeground#e49b5d
breadcrumb.foreground#c1a78ecc
breadcrumbPicker.background#292522
button.background#85b695
button.foreground#292522
button.hoverBackground#85b695cc
button.secondaryBackground#c1a78e
button.secondaryForeground#292522
button.secondaryHoverBackground#c1a78ecc
button.separator#34302c66
charts.blue#a3a9ce
charts.foreground#c1a78e
charts.green#85b695
charts.lines#86746266
charts.orange#e49b5d
charts.purple#b380b0
charts.red#d47766
charts.yellow#ebc06d
chat.requestBorder#e49b5d
checkbox.background#292522
checkbox.border#867462
checkbox.foreground#c1a78e
checkbox.selectBackground#292522
checkbox.selectBorder#867462
commandCenter.activeBorder#e49b5d4d
commandCenter.activeForeground#ece1d7ed
commandCenter.background#292522
commandCenter.border#867462
commandCenter.foreground#ece1d7
commandCenter.inactiveBorder#e49b5d26
commandCenter.inactiveForeground#ece1d799
commentsView.resolvedIcon#867462
commentsView.unresolvedIcon#e49b5d
debugConsole.errorForeground#f1897f
debugConsole.infoForeground#7892bd
debugConsole.sourceForeground#c1a78e
debugConsole.warningForeground#efab36
debugConsoleInputIcon.foreground#c1a78e
debugExceptionWidget.background#7d2a2f
debugExceptionWidget.border#d47766
debugIcon.breakpointCurrentStackframeForeground#ebc06d
debugIcon.breakpointDisabledForeground#c1a78e
debugIcon.breakpointForeground#d47766
debugIcon.breakpointStackframeForeground#85b695
debugIcon.breakpointUnverifiedForeground#c1a78e
debugIcon.continueForeground#a3a9ce
debugIcon.disconnectForeground#d47766
debugIcon.pauseForeground#a3a9ce
debugIcon.restartForeground#85b695
debugIcon.startForeground#85b695
debugIcon.stepBackForeground#a3a9ce
debugIcon.stepIntoForeground#a3a9ce
debugIcon.stepOutForeground#a3a9ce
debugIcon.stepOverForeground#a3a9ce
debugIcon.stopForeground#d47766
debugTokenExpression.boolean#85b695
debugTokenExpression.error#d47766
debugTokenExpression.name#ece1d7
debugTokenExpression.number#cf9bc2
debugTokenExpression.string#d47766
debugTokenExpression.value#e49b5d
debugToolBar.background#34302c
debugToolBar.border#ebc06d
debugView.exceptionLabelBackground#d47766
debugView.exceptionLabelForeground#292522
debugView.stateLabelBackground#86746266
debugView.stateLabelForeground#c1a78e
debugView.valueChangedHighlight#a3a9ce
descriptionForeground#c1a78e
diffEditor.diagonalFill#403a36cc
diffEditor.insertedLineBackground#6E9B7220
diffEditor.insertedTextBackground#6E9B7240
diffEditor.move.border#403a369c
diffEditor.removedLineBackground#d4776620
diffEditor.removedTextBackground#d4776640
diffEditor.unchangedCodeBackground#403a3629
diffEditor.unchangedRegionBackground#34302c
diffEditor.unchangedRegionForeground#54433A
disabledForeground#AA8A76
dropdown.background#292522
dropdown.border#867462
dropdown.foreground#c1a78e
dropdown.listBackground#292522
editor.background#292522
editor.findMatchBackground#403a36
editor.findMatchHighlightBackground#c1a78e66
editor.findRangeHighlightBackground#c1a78e4d
editor.focusedStackFrameHighlightBackground#6e9b7273
editor.foldBackground#ebc06d20
editor.foreground#ece1D7
editor.hoverHighlightBackground#8b744950
editor.inactiveSelectionBackground#403a3699
editor.inlineValuesBackground#e49b5d33
editor.inlineValuesForeground#ece1d780
editor.lineHighlightBackground#34302c
editor.lineHighlightBorder#34302c
editor.linkedEditingBackground#d477664d
editor.rangeHighlightBackground#42274170
editor.selectionBackground#403a36ee
editor.selectionHighlightBackground#867462cc
editor.snippetFinalTabstopHighlightBorder#a3a9ce80
editor.snippetTabstopHighlightBackground#403a3633
editor.stackFrameHighlightBackground#ebc06d73
editor.symbolHighlightBackground#27314270
editor.wordHighlightBackground#8b744920
editor.wordHighlightStrongBackground#7f91b270
editor.wordHighlightTextBackground#ebc06d30
editorBracketHighlight.foreground1#ebc06d
editorBracketHighlight.foreground2#ebc06d
editorBracketHighlight.foreground3#ebc06d
editorBracketHighlight.foreground4#ebc06d
editorBracketHighlight.foreground5#ebc06d
editorBracketHighlight.foreground6#ebc06d
editorBracketHighlight.unexpectedBracket.foreground#d47766
editorBracketMatch.background#34302c
editorBracketMatch.border#e49b5d
editorCodeLens.foreground#c1a78e
editorCommentsWidget.rangeBackground#e49b5d25
editorCommentsWidget.resolvedBorder#867462
editorCommentsWidget.unresolvedBorder#e49b5d
editorCursor.background#292522
editorCursor.foreground#e49b5d
editorError.foreground#d47766
editorGhostText.foreground#c1a78e66
editorGroup.border#86746266
editorGroup.dropBackground#34302c
editorGroup.dropIntoPromptBackground#c1a78e
editorGroup.dropIntoPromptForeground#292522
editorGroupHeader.border#86746266
editorGroupHeader.noTabsBackground#34302c
editorGroupHeader.tabsBackground#34302c
editorGroupHeader.tabsBorder#86746266
editorGutter.addedBackground#7b9695
editorGutter.background#292522
editorGutter.commentGlyphForeground#a3a9ce
editorGutter.commentRangeForeground#7f91b2
editorGutter.commentUnresolvedGlyphForeground#e49b5d
editorGutter.deletedBackground#d47766
editorGutter.foldingControlForeground#867462
editorGutter.modifiedBackground#EFAB36
editorHint.foreground#867462
editorHoverWidget.background#34302c
editorHoverWidget.border#867462
editorHoverWidget.foreground#ece1d7
editorHoverWidget.highlightForeground#c1a78e
editorHoverWidget.statusBarBackground#292522
editorIndentGuide.activeBackground1#867462cc
editorIndentGuide.background1#34302c
editorInfo.foreground#7892BD
editorInlayHint.background#34302c4d
editorInlayHint.foreground#c1a78e
editorInlayHint.parameterBackground#e49b5d66
editorInlayHint.parameterForeground#ece1d7
editorInlayHint.typeBackground#cf9bc266
editorInlayHint.typeForeground#ece1d7
editorLightBulb.foreground#ebc06d
editorLightBulbAutoFix.foreground#7f91b2
editorLineNumber.activeForeground#e49b5d
editorLineNumber.dimmedForeground#867462
editorLineNumber.foreground#867462
editorLink.activeForeground#a3a9ce
editorMarkerNavigation.background#292522
editorMarkerNavigationError.background#d47766
editorMarkerNavigationError.headerBackground#d477661a
editorMarkerNavigationInfo.background#7f91b2
editorMarkerNavigationInfo.headerBackground#7892bd1a
editorMarkerNavigationWarning.background#ebc06d
editorMarkerNavigationWarning.headerBackground#ebc06d1a
editorOverviewRuler.addedForeground#85b69599
editorOverviewRuler.border#867462cc
editorOverviewRuler.bracketMatchForeground#ebc06d
editorOverviewRuler.commentForeground#867462
editorOverviewRuler.commentUnresolvedForeground#c1a78e
editorOverviewRuler.commonContentForeground#c1a78ecc
editorOverviewRuler.currentContentForeground#89b3b680
editorOverviewRuler.deletedForeground#d4776699
editorOverviewRuler.errorForeground#d47766cc
editorOverviewRuler.findMatchForeground#c1a78e66
editorOverviewRuler.incomingContentForeground#7f91b2cc
editorOverviewRuler.infoForeground#a3a9ce
editorOverviewRuler.modifiedForeground#e49b5dcc
editorOverviewRuler.rangeHighlightForeground#7b9695cc
editorOverviewRuler.selectionHighlightForeground#ece1d7cc
editorOverviewRuler.warningForeground#ebc06d
editorOverviewRuler.wordHighlightForeground#c1a78ecc
editorOverviewRuler.wordHighlightStrongForeground#e49b5dcc
editorOverviewRuler.wordHighlightTextForeground#c1a78e80
editorPane.background#34302c
editorRuler.foreground#403a3677
editorStickyScroll.background#292522
editorStickyScrollHover.background#403a36
editorSuggestWidget.background#292522
editorSuggestWidget.border#867462
editorSuggestWidget.focusHighlightForeground#161413
editorSuggestWidget.foreground#c1a78e
editorSuggestWidget.highlightForeground#ece1d7
editorSuggestWidget.selectedBackground#e49b5d
editorSuggestWidget.selectedForeground#292522
editorSuggestWidget.selectedIconForeground#292522bb
editorSuggestWidgetStatus.foreground#c1a78e
editorUnicodeHighlight.background#d4776620
editorUnicodeHighlight.border#887449
editorUnnecessaryCode.opacity#867462cc
editorWarning.foreground#Ebc06d
editorWhitespace.foreground#86746280
editorWidget.background#34302c
editorWidget.border#867462cc
editorWidget.foreground#c1a78e
extensionBadge.remoteBackground#a3a9ce
extensionBadge.remoteForeground#292522
extensionButton.background#85b695
extensionButton.foreground#292522
extensionButton.hoverBackground#78997a
extensionButton.prominentBackground#89b3b6
extensionButton.prominentForeground#292522
extensionButton.prominentHoverBackground#7b9695
extensionButton.separator#34302c
extensionIcon.preReleaseForeground#cf9bc2cc
extensionIcon.sponsorForeground#8b7449cc
extensionIcon.starForeground#d47766cc
extensionIcon.verifiedForeground#85b695cc
focusBorder#e49b5dcc
foreground#ece1d7
gitDecoration.addedResourceForeground#85b695
gitDecoration.conflictingResourceForeground#d47766
gitDecoration.deletedResourceForeground#d47766
gitDecoration.ignoredResourceForeground#a0a0a0
gitDecoration.modifiedResourceForeground#e49b5d
gitDecoration.renamedResourceForeground#737797
gitDecoration.stageDeletedResourceForeground#d47766
gitDecoration.stageModifiedResourceForeground#c1a78e
gitDecoration.submoduleResourceForeground#a3a9ce
gitDecoration.untrackedResourceForeground#ebc06d
icon.foreground#AA8A76
inlineChat.background#34302c
inlineChat.border#867462
inlineChat.shadow#16141366
inlineChatDiff.inserted#85b69525
inlineChatDiff.removed#d4776625
inlineChatInput.background#292522
inlineChatInput.border#867462
inlineChatInput.focusBorder#e49b5dcc
inlineChatInput.placeholderForeground#867462
input.background#292522
input.border#867462
input.foreground#ece1d7
input.placeholderForeground#867462
inputOption.activeBackground#292522
inputOption.activeBorder#e49b5d
inputOption.activeForeground#ece1d7
inputOption.hoverBackground#8674621a
inputValidation.errorBackground#d47766
inputValidation.errorBorder#d47766
inputValidation.errorForeground#292522
inputValidation.infoBackground#34302c
inputValidation.infoBorder#8b7449
inputValidation.infoForeground#a3a9ce
interactive.activeCodeBorder#867462
interactive.inactiveCodeBorder#403a36
keybindingLabel.background#34302c
keybindingLabel.border#86746266
keybindingLabel.bottomBorder#86746299
keybindingLabel.foreground#c1a78e
keybindingTable.headerBackground#c1a78e40
keybindingTable.rowsBackground#c1a78e20
list.activeSelectionBackground#292522
list.activeSelectionForeground#e49b5d
list.deemphasizedForeground#867462
list.dropBackground#34302c
list.errorForeground#d47766
list.filterMatchBackground#ebc06d30
list.focusHighlightForeground#ece1d7
list.focusOutline#e49b5d
list.highlightForeground#ece1d7
list.hoverBackground#403a36
list.hoverForeground#e49b5d
list.inactiveSelectionBackground#292522
list.inactiveSelectionForeground#c1a78e
list.invalidItemForeground#8b7449
list.warningForeground#ebc06d
listFilterWidget.background#292522
listFilterWidget.noMatchesOutline#d47766
listFilterWidget.outline#86746266
listFilterWidget.shadow#16141366
menu.background#292522
menu.foreground#c1a78e
menu.selectionBackground#403a36
menu.selectionForeground#e49b5d
menu.separatorBackground#34302c
menubar.selectionBackground#403a36cc
menubar.selectionForeground#ece1d7
merge.commonContentBackground#403a3630
merge.commonHeaderBackground#403a3666
merge.currentContentBackground#78997a25
merge.currentHeaderBackground#78997a50
merge.incomingContentBackground#7f91b230
merge.incomingHeaderBackground#7f91b250
mergeEditor.change.background#6E9B7220
mergeEditor.change.word.background#6E9B7240
mergeEditor.changeBase.background#cf9bc2cc
mergeEditor.changeBase.word.background#b380b0cc
mergeEditor.conflict.handled.minimapOverViewRuler#c1a78e66
mergeEditor.conflict.handledFocused.border#c1a78ecc
mergeEditor.conflict.handledUnfocused.border#c1a78e40
mergeEditor.conflict.input1.background#85b69535
mergeEditor.conflict.input2.background#a4a9ce40
mergeEditor.conflict.unhandled.minimapOverViewRuler#ebc06d
mergeEditor.conflict.unhandledFocused.border#ebc06d
mergeEditor.conflict.unhandledUnfocused.border#ebc06dcc
mergeEditor.conflictingLines.background#ebc06d50
minimap.errorHighlight#d47766b3
minimap.findMatchHighlight#ebc06d22
minimap.foregroundOpacity#000000
minimap.selectionOccurrenceHighlight#c1a78e66
minimap.warningHighlight#ebc06d
minimapGutter.addedBackground#739698
minimapGutter.deletedBackground#d47766
minimapGutter.modifiedBackground#e49b5d
minimapSlider.activeBackground#aa8a7633
minimapSlider.background#aa8a7620
minimapSlider.hoverBackground#aa8a762a
notebook.cellBorderColor#867462cc
notificationCenter.border#86746266
notificationCenterHeader.background#34302c
notificationCenterHeader.foreground#e49b5d
notificationLink.foreground#89b3b6
notifications.background#292522
notifications.border#867462
notifications.foreground#c1a78e
notificationsErrorIcon.foreground#d47766
notificationsInfoIcon.foreground#a3a9ce
notificationsWarningIcon.foreground#ebc06d
panel.background#292522
panel.border#86746266
panel.dropBorder#e49b5dcc
panelInput.border#86746266
panelSection.border#867462
panelSection.dropBackground#34302c
panelSectionHeader.background#34302c
panelTitle.activeBorder#e49b5d
panelTitle.activeForeground#e49b5d
panelTitle.inactiveForeground#c1a78e
peekView.border#867462
peekViewEditor.background#292522
peekViewEditor.matchHighlightBackground#ebc06d30
peekViewEditorGutter.background#292522
peekViewEditorStickyScroll.background#34302c
peekViewResult.background#34302c
peekViewResult.fileForeground#c1a78e
peekViewResult.lineForeground#403a36
peekViewResult.matchHighlightBackground#c1a78e66
peekViewResult.selectionBackground#403a36
peekViewResult.selectionForeground#ece1d7
peekViewTitle.background#292522
peekViewTitleDescription.foreground#c1a78e
peekViewTitleLabel.foreground#c1a78e
problemsErrorIcon.foreground#d47766
problemsInfoIcon.foreground#7892BD
problemsWarningIcon.foreground#ebc06d
profileBadge.background#403a36
profileBadge.foreground#ece1d7
progressBar.background#e49b5d
quickInput.background#292522
quickInput.foreground#c1a78e
quickInputList.focusBackground#403a36
quickInputList.focusForeground#e49b5d
quickInputTitle.background#292522
sash.hoverBorder#e49b5d
scrollbar.shadow#22222226
scrollbarSlider.activeBackground#AA8A7666
scrollbarSlider.background#86746226
scrollbarSlider.hoverBackground#AA8A7653
search.resultsInfoForeground#867462
searchEditor.findMatchBackground#ebc06d20
searchEditor.textInputBorder#867462
selection.background#7f91b2
settings.checkboxBackground#292522
settings.checkboxBorder#867462
settings.checkboxForeground#c1a78e
settings.dropdownBackground#292522
settings.dropdownBorder#867462
settings.dropdownForeground#c1a78e
settings.dropdownListBorder#867462
settings.focusedRowBackground#34302c99
settings.focusedRowBorder#e49b5d
settings.headerBorder#867462
settings.headerForeground#c1a78e
settings.modifiedItemIndicator#7b9695
settings.numberInputBackground#292522
settings.numberInputBorder#867462
settings.numberInputForeground#ece1d7
settings.rowHoverBackground#e8e1db4d
settings.sashBorder#867462
settings.settingsHeaderHoverForeground#e49b5db3
settings.textInputBackground#292522
settings.textInputBorder#867462
settings.textInputForeground#ece1d7
sideBar.background#34302c
sideBar.border#86746266
sideBar.dropBackground#34302c
sideBar.foreground#c1a78e
sideBarSectionHeader.background#34302c
sideBarSectionHeader.border#86746266
sideBarSectionHeader.foreground#c1a78e
sideBarTitle.foreground#e49b5d
sideBySideEditor.horizontalBorder#867462
sideBySideEditor.verticalBorder#867462
statusBar.background#34302c
statusBar.border#86746266
statusBar.debuggingBackground#e49b5d
statusBar.debuggingBorder#ebc06d
statusBar.debuggingForeground#292522
statusBar.focusBorder#e49b5dcc
statusBar.foreground#c1a78e
statusBar.noFolderBackground#422741
statusBar.noFolderBorder#867462cc
statusBar.noFolderForeground#c1a78ecc
statusBarItem.activeBackground#C49F83
statusBarItem.compactHoverBackground#ffffff33
statusBarItem.errorBackground#d47766
statusBarItem.errorForeground#292522
statusBarItem.focusBorder#e49b5dcc
statusBarItem.hoverBackground#C49F8330
statusBarItem.hoverForeground#ece1d7
statusBarItem.prominentBackground#88744980
statusBarItem.prominentForeground#292522
statusBarItem.prominentHoverBackground#0000004d
statusBarItem.remoteBackground#e49b5d
statusBarItem.remoteForeground#292522
statusBarItem.warningBackground#ebc06d
statusBarItem.warningForeground#292522
symbolIcon.arrayForeground#ebc06d
symbolIcon.booleanForeground#7b9695
symbolIcon.classForeground#7b9695
symbolIcon.colorForeground#85b695
symbolIcon.constantForeground#cf9bc2
symbolIcon.constructorForeground#e49b5d
symbolIcon.enumeratorForeground#e49b5d
symbolIcon.enumeratorMemberForeground#ebc06d
symbolIcon.eventForeground#e49b5d
symbolIcon.fieldForeground#a3a9ce
symbolIcon.fileForeground#c1a78e
symbolIcon.folderForeground#c1a78e
symbolIcon.functionForeground#e49b5d
symbolIcon.interfaceForeground#e49b5d
symbolIcon.keyForeground#ebc06d
symbolIcon.keywordForeground#e49b5d
symbolIcon.methodForeground#ece1d7
symbolIcon.moduleForeground#7b9695
symbolIcon.namespaceForeground#bd8183
symbolIcon.nullForeground#7b9695
symbolIcon.numberForeground#cf9bc2
symbolIcon.objectForeground#ebc06d
symbolIcon.operatorForeground#d47766
symbolIcon.packageForeground#867462
symbolIcon.propertyForeground#85b695
symbolIcon.referenceForeground#c1a78e
symbolIcon.snippetForeground#a3a9ce
symbolIcon.stringForeground#a3a9ce
symbolIcon.structForeground#89b3b6
symbolIcon.textForeground#c1a78e
symbolIcon.typeParameterForeground#e49b5d
symbolIcon.unitForeground#78997a
symbolIcon.variableForeground#ece1d7
tab.activeBackground#292522
tab.activeBorder#e49b5d
tab.activeForeground#e49b5d
tab.activeModifiedBorder#7b9695
tab.border#86746266
tab.inactiveBackground#34302c
tab.inactiveForeground#c1a78e
tab.inactiveModifiedBorder#7b969580
tab.unfocusedActiveBackground#292522
tab.unfocusedActiveBorder#e49b5db3
tab.unfocusedActiveForeground#c1a78ebb
tab.unfocusedActiveModifiedBorder#7b9695b3
tab.unfocusedInactiveBackground#34302c
tab.unfocusedInactiveForeground#c1a78edd
tab.unfocusedInactiveModifiedBorder#73779740
terminal.ansiBlack#c1a78e
terminal.ansiBlue#a3a9ce
terminal.ansiBrightBlack#ece1d7
terminal.ansiBrightBlue#a3a9ce
terminal.ansiBrightCyan#89b3b6
terminal.ansiBrightGreen#85b695
terminal.ansiBrightMagenta#b380b0
terminal.ansiBrightRed#d47766
terminal.ansiBrightWhite#34302c
terminal.ansiBrightYellow#ebc06d
terminal.ansiCyan#89b3b6
terminal.ansiGreen#85b695
terminal.ansiMagenta#b380b0
terminal.ansiRed#d47766
terminal.ansiWhite#292522
terminal.ansiYellow#ebc06d
terminal.background#292522
terminal.border#86746266
terminal.dropBackground#34302ccc
terminal.findMatchBackground#c1a78e66
terminal.findMatchHighlightBackground#ebc06d30
terminal.foreground#c1a78e
terminal.hoverHighlightBackground#34302c28
terminal.inactiveSelectionBackground#e9e1db80
terminal.selectionBackground#34302c
terminal.tab.activeBorder#e49b5d
terminalCommandDecoration.defaultBackground#29252240
terminalCommandDecoration.errorBackground#d47766
terminalCommandDecoration.successBackground#85b695
terminalCursor.background#e7dbd6
terminalCursor.foreground#c97a8b
terminalOverviewRuler.cursorForeground#ece1d7cc
terminalOverviewRuler.findMatchForeground#ebc06d66
testing.iconErrored#d47766
testing.iconFailed#d47766
testing.iconPassed#85b695
testing.iconQueued#ebc06d
testing.iconSkipped#c1a78e
testing.iconUnset#867462
testing.message.error.decorationForeground#d47766
testing.message.error.lineBackground#d4776633
testing.message.info.decorationForeground#c1a78ecc
testing.peekBorder#d47766
testing.peekHeaderBackground#d477661a
testing.runAction#85b695cc
textBlockQuote.background#34302c33
textBlockQuote.border#e49b5d
textCodeBlock.background#292522
textLink.activeForeground#89b3b6
textLink.foreground#7b9695
textPreformat.foreground#e49b5d
textSeparator.foreground#867462
titleBar.activeBackground#523C3A
titleBar.activeForeground#ece1d7
titleBar.inactiveBackground#34302c
titleBar.inactiveForeground#c1a78e
toolbar.activeBackground#403a36cc
toolbar.hoverBackground#403a36
tree.inactiveIndentGuidesStroke#86746233
tree.indentGuidesStroke#86746266
tree.tableColumnsBorder#86746266
tree.tableOddRowsBackground#4233240a
walkthrough.stepTitle.foreground#c1a78e
welcomePage.background#292522
welcomePage.progress.background#34302c
welcomePage.progress.foreground#e49b5d
welcomePage.tileBackground#34302c
welcomePage.tileBorder#867462cc
welcomePage.tileHoverBackground#ebc06d20
widget.shadow#16141366

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
source, text.html	#ece1d7	—
emphasis	—	italic
strong	—	bold
header	#EFAB36	—
url, link, uri	—	underline
invalid	#d47766	—
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	#bd8183	—
comment, punctuation.definition.comment, unused.comment, wildcard.comment, comment.block.documentation.ts, punctuation.definition.comment.ts	#867462	italic
comment keyword.codetag.notation, comment.block.documentation keyword, comment.block.documentation storage.type.class, comment.block.documentation storage.type.class punctuation	#C1A78E	italic
comment.block.documentation variable, comment.block.documentation variable.other	#c1A78E	italic bold
constant, constant.numeric, constant.language, support.constant, meta.preprocessor.numeric, keyword.other.unit	#78997A	—
constant.numeric, constant.boolean, constant.language.numeric, constant.language.boolean	#Cf9bc2	—
string, meta.preprocessor.string, string.quoted.single, string.template	#A3A9ce	—
constant.character', 'constant.regexp	#A3a9ce	—
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	#E49B5D	—
string.regexp	#a3a9ce	—
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, support.other.parenthesis.regexp	#89b3b6	—
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	#Cf9bc2	—
keyword.operator.quantifier.regexp	#e49b5d	—
string.regexp keyword.other	#e49b5d	—
storage, meta.implementation storage.type.objc, meta.interface-or-protocol storage.type.objc, source.groovy storage.type.def, storage.modifier, storage.type.js	#e49b5d	—
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	#ece1d7
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	#ece1d7
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	#ebc06d	—
keyword, punctuation.definition.keyword	#e49b5d	—
keyword.operator	#d47766	—
keyword.operator.ternary	#ece1d7	—
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	#ebc06d	—
keyword.control, keyword.control punctuation.definition.keyword	#e49b5d	—
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	#e49b5d	—
storage.modifier.import.java, storage.modifier.package.java, variable.language.wildcard.java	#e49b5d	—
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	#ece1d7
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	#ece1d7	—
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	#ece1d7	—
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	#ece1d7	—
meta.object-binding-pattern-variable variable.object.property, meta.import variable.other.readwrite, meta.export variable.other.readwrite	#ece1d7	—
meta.import variable.other.readwrite.alias, meta.export variable.other.readwrite.alias, meta.variable.assignment.destructured.object.coffee variable variable	#ece1d7	—
meta.export.default variable.other.readwrite	#ece1d7	—
constant.language.boolean.false.ts	#cf9bc2	—
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	#89b3b6
entity.name.function.target.makefile, entity.name.section.toml, variable.other.key.toml, entity.name.tag.yaml	#e49b5d	—
constant.other.date, constant.other.timestamp	#cf9bc2	—
variable.other.alias.yaml	#ebc06d	—
source.json meta.structure.dictionary.json support.type.property-name.json	#e49b5d	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#e49b5d	—
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	#e49b5d	—
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	#e49b5d	—
support.class.component	#ebc06d	—
meta.jsx.children	#ece1d7	—
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	#ece1d7	—
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	#7b9695	—
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	#d47766
entity.name.tag, entity.name.tag.tsx	#e49b5d
tag.close entity.name.tag	#e49b5d	—
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	#7b9695
entity.other.attribute-name.id	#89b3b6	—
punctuation.definition.entity.html, punctuation.definition.tag.begin.html, meta.tag.structure.li.end.html, text.html.derivative	#ebc06d	—
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element	#85b695	—
entity.other.attribute-name.parent-selector	#ebc06d	—
meta.function-call.arguments	#ece1d7	—
meta.selectionset.graphql variable	#a3a9ce	—
meta.selectionset.graphql meta.arguments variable	#ece1d7	—
source.shell support.function.builtin	#ece1d7	—
source.shell support.function.builtin	#ece1d7	—
punctuation.definition.variable.shell, source.shell variable.other	#e49b5d	—
string.interpolated.backtick.shell, string.interpolated.dollar.shell	#d47766	—
meta.scope.for-loop.shell punctuation.definition.string.begin, meta.scope.for-loop.shell punctuation.definition.string.end, meta.scope.for-loop.shell string	#ece1d7	—
meta.scope.prerequisites	#ebc06d	—
entity.name.function.target	#a3a9ce
meta.function-parameters.lisp	#ece1d7	—
markup.underline	—	underline
markup.bold	#ece1d7	bold
markup.italic	#ece1d7	italic
markup.heading, entity.name.section	#e49b5d
meta.link.reference.def.restructuredtext, punctuation.definition.directive.restructuredtext, string.other.link.description, string.other.link.title	#ece1d7	underline
markup.underline.link, markup.underline.link.image	#a3a9ce
markup.inline.raw, markup.raw.restructuredtext	#a3a9ce	italic
fenced_code.block.language, markup.raw.inner.restructuredtext, markup.fenced_code.block.markdown punctuation.definition.markdown	#a3a9ce	italic
entity.name.directive.restructuredtext, markup.quote	#ebc06d	italic
beginning.punctuation.definition.list.markdown, beginning.punctuation.definition.quote.markdown, punctuation.definition.link.restructuredtext, markup.punctuation.quote.beginning, markup.punctuation.list.beginning	#ece1d7
meta.separator.markdown	#ebc06d	—
punctuation.definition.constant.restructuredtext	#78997a	—
markup.inserted	#78997a	—
markup.deleted	#bd8183	—
markup.changed	#e49b5d	—
source.go entity.name.import	#e49b5d	—
source.go entity.name.type	#ece1d7	—
keyword.control.cucumber.table	#ebc06d	—
metatag.php	#e49b5d	—
support.function.git-rebase	#b380b0	—
constant.sha.git-rebase	#7b9695	—

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