Faulty Schematics

Name: Faulty Schematics
Author: A Ruined Machine

Publisher: A Ruined MachineThemes in package: 1

A light colorscheme inspired by Humming theme and retro-futurist sci-fi

GitHub

VS Code preview

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

Faulty Schematics — FaultySchematics

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.

actionBar.toggledBackground#dddddd
activityBar.activeBackground#c7c3be
activityBar.activeBorder#807d7a
activityBar.background#e0dcd7
activityBar.border#c2beb9
activityBar.dropBorder#807d7a
activityBar.foreground#807d7a
activityBar.inactiveForeground#807d7a66
activityBarBadge.background#ff4f00
activityBarBadge.foreground#e0dcd7
activityBarTop.activeBorder#424242
activityBarTop.dropBorder#424242
activityBarTop.foreground#424242
activityBarTop.inactiveForeground#424242bf
badge.background#f85d3c
badge.foreground#dddddd
banner.background#9a9188
banner.foreground#19150c
banner.iconForeground#1a85ff
breadcrumb.activeSelectionForeground#4e4e4e
breadcrumb.background#dcdad7
breadcrumb.focusForeground#4e4e4e
breadcrumb.foreground#616161cc
breadcrumbPicker.background#e3e1de
button.background#2e281f
button.foreground#c7c3be
button.hoverBackground#252019
button.secondaryBackground#2e281f
button.secondaryForeground#c7c3be
button.secondaryHoverBackground#252019
button.separator#c7c3be66
charts.blue#1a85ff
charts.foreground#616161
charts.green#388a34
charts.lines#61616180
charts.orange#7f7b79bf
charts.purple#652d90
charts.red#e51400
charts.yellow#bf8803
chat.avatarBackground#f2f2f2
chat.avatarForeground#616161
chat.requestBackground#dcdad79e
chat.requestBorder#0000001a
chat.slashCommandBackground#d2ecff
chat.slashCommandForeground#306ca2
checkbox.background#d4d0cc
checkbox.border#cecece
checkbox.foreground#616161
checkbox.selectBackground#e3e1de
checkbox.selectBorder#424242
commandCenter.activeBackground#00000014
commandCenter.activeBorder#3333334d
commandCenter.activeForeground#39301d
commandCenter.background#0000000d
commandCenter.border#33333333
commandCenter.debuggingBackground#ff4f0042
commandCenter.foreground#333333
commandCenter.inactiveBorder#33333326
commandCenter.inactiveForeground#33333399
commentsView.resolvedIcon#61616180
commentsView.unresolvedIcon#c2beb9
debugConsole.errorForeground#a1260d
debugConsole.infoForeground#1a85ff
debugConsole.sourceForeground#616161
debugConsole.warningForeground#bf8803
debugConsoleInputIcon.foreground#616161
debugExceptionWidget.background#f1dfde
debugExceptionWidget.border#a31515
debugIcon.breakpointCurrentStackframeForeground#be8700
debugIcon.breakpointDisabledForeground#848484
debugIcon.breakpointForeground#e51400
debugIcon.breakpointStackframeForeground#89d185
debugIcon.breakpointUnverifiedForeground#848484
debugIcon.continueForeground#007acc
debugIcon.disconnectForeground#c7c3be
debugIcon.pauseForeground#c7c3be
debugIcon.restartForeground#c7c3be
debugIcon.startForeground#388a34
debugIcon.stepBackForeground#c7c3be
debugIcon.stepIntoForeground#c7c3be
debugIcon.stepOutForeground#c7c3be
debugIcon.stepOverForeground#c7c3be
debugIcon.stopForeground#c7c3be
debugTokenExpression.boolean#0000ff
debugTokenExpression.error#e51400
debugTokenExpression.name#9b46b0
debugTokenExpression.number#098658
debugTokenExpression.string#a31515
debugTokenExpression.value#6c6c6ccc
debugToolBar.background#2e281f
debugToolBar.border#c2beb9
debugView.exceptionLabelBackground#a31515
debugView.exceptionLabelForeground#ffffff
debugView.stateLabelBackground#88888844
debugView.stateLabelForeground#616161
debugView.valueChangedHighlight#569cd6
descriptionForeground#717171
diffEditor.diagonalFill#22222233
diffEditor.insertedLineBackground#9bb95533
diffEditor.insertedTextBackground#9ccc2c40
diffEditor.move.border#8b8b8b9c
diffEditor.moveActive.border#ffa500
diffEditor.removedLineBackground#ff000033
diffEditor.removedTextBackground#ff000033
diffEditor.unchangedCodeBackground#b8b8b829
diffEditor.unchangedRegionBackground#e0dcd7
diffEditor.unchangedRegionForeground#616161
diffEditor.unchangedRegionShadow#737373bf
disabledForeground#61616180
dropdown.background#d4d0cc
dropdown.border#cecece
dropdown.foreground#616161
editor.background#dcdad7
editor.findMatchBackground#d3cfcb
editor.findMatchHighlightBackground#bcb8b4bf
editor.findRangeHighlightBackground#b4b4b44d
editor.focusedStackFrameHighlightBackground#cee7ce73
editor.foldBackground#c0bdb94d
editor.foreground#262013
editor.hoverHighlightBackground#add6ff26
editor.inactiveSelectionBackground#c0bdb980
editor.inlineValuesBackground#ffc80033
editor.inlineValuesForeground#00000080
editor.lineHighlightBorder#d4d0cc
editor.linkedEditingBackground#ff00004d
editor.rangeHighlightBackground#fdff0033
editor.selectionBackground#c0bdb9
editor.selectionHighlightBackground#ceccc999
editor.snippetFinalTabstopHighlightBorder#0a326480
editor.snippetTabstopHighlightBackground#0a326433
editor.stackFrameHighlightBackground#ffff6673
editor.symbolHighlightBackground#bcb8b4bf
editor.wordHighlightBackground#57575740
editor.wordHighlightStrongBackground#0e639c40
editor.wordHighlightTextBackground#57575740
editorBracketHighlight.foreground1#403621
editorBracketHighlight.foreground2#5b4c2e
editorBracketHighlight.foreground3#887247
editorBracketHighlight.foreground4#806c43
editorBracketHighlight.foreground5#9a8150
editorBracketHighlight.foreground6#ba9c60
editorBracketHighlight.unexpectedBracket.foreground#b51f1f
editorBracketMatch.background#0064001a
editorBracketMatch.border#b9b9b9
editorBracketPairGuide.activeBackground1#00000000
editorBracketPairGuide.activeBackground2#00000000
editorBracketPairGuide.activeBackground3#00000000
editorBracketPairGuide.activeBackground4#00000000
editorBracketPairGuide.activeBackground5#00000000
editorBracketPairGuide.activeBackground6#00000000
editorBracketPairGuide.background1#00000000
editorBracketPairGuide.background2#00000000
editorBracketPairGuide.background3#00000000
editorBracketPairGuide.background4#00000000
editorBracketPairGuide.background5#00000000
editorBracketPairGuide.background6#00000000
editorCodeLens.foreground#919191
editorCommentsWidget.rangeActiveBackground#c2beb91a
editorCommentsWidget.rangeBackground#c2beb91a
editorCommentsWidget.replyInputBackground#f3f3f3
editorCommentsWidget.resolvedBorder#61616180
editorCommentsWidget.unresolvedBorder#c2beb9
editorCursor.foreground#ff4f00
editorError.foreground#e51400
editorGhostText.foreground#00000077
editorGroup.border#e7e7e7
editorGroup.dropBackground#2677cb2e
editorGroup.dropIntoPromptBackground#e3e1de
editorGroup.dropIntoPromptForeground#65635f
editorGroupHeader.noTabsBackground#dcdad7
editorGroupHeader.tabsBackground#e0dcd7
editorGroupHeader.tabsBorder#c2beb9
editorGutter.addedBackground#9eb089
editorGutter.background#dcdad7
editorGutter.commentGlyphForeground#262013
editorGutter.commentRangeForeground#c9c5c0
editorGutter.commentUnresolvedGlyphForeground#262013
editorGutter.deletedBackground#e51400
editorGutter.foldingControlForeground#424242
editorGutter.modifiedBackground#ff4f00
editorHint.foreground#6c6c6c
editorHoverWidget.background#e3e1de
editorHoverWidget.border#c7c3be
editorHoverWidget.foreground#65635f
editorHoverWidget.highlightForeground#0066bf
editorHoverWidget.statusBarBackground#d9d6d2
editorIndentGuide.activeBackground1#33333333
editorIndentGuide.activeBackground2#00000000
editorIndentGuide.activeBackground3#00000000
editorIndentGuide.activeBackground4#00000000
editorIndentGuide.activeBackground5#00000000
editorIndentGuide.activeBackground6#00000000
editorIndentGuide.background1#00000001
editorIndentGuide.background2#00000000
editorIndentGuide.background3#00000000
editorIndentGuide.background4#00000000
editorIndentGuide.background5#00000000
editorIndentGuide.background6#00000000
editorInfo.foreground#1a85ff
editorInlayHint.background#f85d3c1a
editorInlayHint.foreground#969696
editorInlayHint.parameterBackground#f85d3c1a
editorInlayHint.parameterForeground#969696
editorInlayHint.typeBackground#f85d3c1a
editorInlayHint.typeForeground#969696
editorLightBulb.foreground#ddb100
editorLightBulbAi.foreground#ddb100
editorLightBulbAutoFix.foreground#007acc
editorLineNumber.activeForeground#786238
editorLineNumber.foreground#aaa8a4
editorLink.activeForeground#f85d3c
editorMarkerNavigation.background#dcdad7
editorMarkerNavigationError.background#e51400
editorMarkerNavigationError.headerBackground#e514001a
editorMarkerNavigationInfo.background#1a85ff
editorMarkerNavigationInfo.headerBackground#1a85ff1a
editorMarkerNavigationWarning.background#bf8803
editorMarkerNavigationWarning.headerBackground#bf88031a
editorOverviewRuler.addedForeground#9eb08999
editorOverviewRuler.border#7f7f7f4d
editorOverviewRuler.bracketMatchForeground#a0a0a0
editorOverviewRuler.commentForeground#c9c5c0
editorOverviewRuler.commentUnresolvedForeground#c9c5c0
editorOverviewRuler.commonContentForeground#60606066
editorOverviewRuler.currentContentForeground#40c8ae80
editorOverviewRuler.deletedForeground#e5140099
editorOverviewRuler.errorForeground#ff1212b3
editorOverviewRuler.findMatchForeground#d186167e
editorOverviewRuler.incomingContentForeground#40a6ff80
editorOverviewRuler.infoForeground#1a85ff
editorOverviewRuler.inlineChatInserted#9ccc2c33
editorOverviewRuler.inlineChatRemoved#ff000029
editorOverviewRuler.modifiedForeground#ff4f0099
editorOverviewRuler.rangeHighlightForeground#007acc99
editorOverviewRuler.selectionHighlightForeground#a0a0a0cc
editorOverviewRuler.warningForeground#bf8803
editorOverviewRuler.wordHighlightForeground#a0a0a0cc
editorOverviewRuler.wordHighlightStrongForeground#c0a0c0cc
editorOverviewRuler.wordHighlightTextForeground#a0a0a0cc
editorPane.background#dcdad7
editorRuler.foreground#d3d3d3
editorStickyScroll.background#dcdad7
editorStickyScroll.shadow#b1afac
editorStickyScrollHover.background#d4d0cc
editorSuggestWidget.background#e3e1de
editorSuggestWidget.border#c2beb9
editorSuggestWidget.focusHighlightForeground#15120b
editorSuggestWidget.foreground#262013
editorSuggestWidget.highlightForeground#39301d
editorSuggestWidget.selectedBackground#e0dcd7
editorSuggestWidget.selectedForeground#39301d
editorSuggestWidget.selectedIconForeground#39301d
editorSuggestWidgetStatus.foreground#26201380
editorUnicodeHighlight.border#bf8803
editorUnnecessaryCode.opacity#00000077
editorWarning.foreground#bf8803
editorWatermark.foreground#262013ad
editorWhitespace.foreground#33333333
editorWidget.background#e3e1de
editorWidget.border#c7c3be
editorWidget.foreground#65635f
errorForeground#a1260d
extensionBadge.remoteBackground#ff4f00
extensionBadge.remoteForeground#e0dcd7
extensionButton.background#2e281f
extensionButton.foreground#c7c3be
extensionButton.hoverBackground#252019
extensionButton.prominentBackground#2e281f
extensionButton.prominentForeground#c7c3be
extensionButton.prominentHoverBackground#252019
extensionButton.separator#c7c3be66
focusBorder#c2beb9
foreground#616161
gitDecoration.addedResourceForeground#587c0c
gitDecoration.conflictingResourceForeground#ad0707
gitDecoration.deletedResourceForeground#ad0707
gitDecoration.ignoredResourceForeground#8e8e90
gitDecoration.modifiedResourceForeground#895503
gitDecoration.renamedResourceForeground#007100
gitDecoration.stageDeletedResourceForeground#ad0707
gitDecoration.stageModifiedResourceForeground#895503
gitDecoration.submoduleResourceForeground#1258a7
gitDecoration.untrackedResourceForeground#007100
icon.foreground#424242
inlineChat.background#e3e1de
inlineChat.border#c7c3be
inlineChat.regionHighlight#add6ff26
inlineChat.shadow#00000029
inlineChatDiff.inserted#9ccc2c20
inlineChatDiff.removed#ff00001a
inlineChatInput.background#e3e1de
inlineChatInput.border#c7c3be
inlineChatInput.focusBorder#c2beb9
inlineChatInput.placeholderForeground#65635f
input.background#e3e1de
input.border#c2beb9
input.foreground#65635f
input.placeholderForeground#65635f
inputOption.activeBackground#dddddd
inputOption.activeBorder#007acc
inputOption.activeForeground#2e281f
inputOption.hoverBackground#b8b8b850
inputValidation.errorBackground#f2dede
inputValidation.errorBorder#be1100
inputValidation.infoBackground#d6ecf2
inputValidation.infoBorder#007acc
inputValidation.warningBackground#f6f5d2
inputValidation.warningBorder#b89500
interactive.activeCodeBorder#007acc
interactive.inactiveCodeBorder#d3cfcb
keybindingLabel.background#dddddd66
keybindingLabel.border#cccccc66
keybindingLabel.bottomBorder#bbbbbb66
keybindingLabel.foreground#555555
keybindingTable.headerBackground#6161610a
keybindingTable.rowsBackground#6161610a
list.activeSelectionBackground#d3cfcb
list.activeSelectionForeground#19150c
list.deemphasizedForeground#8e8e90
list.dropBackground#d6ebff
list.dropBetweenBackground#424242
list.errorForeground#BA160C
list.filterMatchBackground#bcb8b4bf
list.focusHighlightForeground#0066bf
list.focusOutline#c2beb9
list.highlightForeground#0066bf
list.hoverBackground#d3cfcb
list.hoverForeground#19150c
list.inactiveSelectionBackground#d3cfcb
list.inactiveSelectionForeground#19150c
list.invalidItemForeground#b89500
list.warningForeground#855f00
listFilterWidget.background#e3e1de
listFilterWidget.noMatchesOutline#be1100
listFilterWidget.outline#00000000
listFilterWidget.shadow#00000029
menu.background#e0dcd7
menu.border#c2beb9
menu.foreground#39301d
menu.selectionBackground#d1cbc6
menu.selectionBorder#aa644d00
menu.selectionForeground#39301d
menu.separatorBackground#baaf96
menubar.selectionBackground#e0dcd7
menubar.selectionForeground#39301d
merge.commonContentBackground#60606029
merge.commonHeaderBackground#60606066
merge.currentContentBackground#40c8ae33
merge.currentHeaderBackground#40c8ae80
merge.incomingContentBackground#40a6ff33
merge.incomingHeaderBackground#40a6ff80
mergeEditor.change.background#9bb95533
mergeEditor.change.word.background#9ccc2c66
mergeEditor.changeBase.background#ffcccc
mergeEditor.changeBase.word.background#ffa3a3
mergeEditor.conflict.handled.minimapOverViewRuler#adaca8ee
mergeEditor.conflict.handledFocused.border#c1c1c1cc
mergeEditor.conflict.handledUnfocused.border#86868649
mergeEditor.conflict.input1.background#40c8ae33
mergeEditor.conflict.input2.background#40a6ff33
mergeEditor.conflict.unhandled.minimapOverViewRuler#fcba03
mergeEditor.conflict.unhandledFocused.border#ffa600
mergeEditor.conflict.unhandledUnfocused.border#ffa600
mergeEditor.conflictingLines.background#ffea0047
minimap.errorHighlight#ff1212b3
minimap.findMatchHighlight#7f7b79bf
minimap.foregroundOpacity#000000
minimap.infoHighlight#1a85ff
minimap.warningHighlight#bf8803
minimapGutter.addedBackground#9eb089
minimapGutter.deletedBackground#e51400
minimapGutter.modifiedBackground#ff4f00
minimapSlider.activeBackground#0000004d
minimapSlider.background#817c9c10
minimapSlider.hoverBackground#64646459
multiDiffEditor.border#cccccc
multiDiffEditor.headerBackground#e0dcd7
notebook.cellBorderColor#d3cfcb
notebook.cellEditorBackground#e0dcd7
notebook.cellInsertionIndicator#c2beb9
notebook.cellStatusBarItemHoverBackground#00000014
notebook.cellToolbarSeparator#80808059
notebook.editorBackground#dcdad7
notebook.focusedCellBorder#c2beb9
notebook.focusedEditorBorder#c2beb9
notebook.inactiveFocusedCellBorder#d3cfcb
notebook.selectedCellBackground#d3cfcb
notebook.selectedCellBorder#d3cfcb
notebook.symbolHighlightBackground#fdff0033
notebookEditorOverviewRuler.runningCellForeground#388a34
notebookScrollbarSlider.activeBackground#00000099
notebookScrollbarSlider.background#817c9c1f
notebookScrollbarSlider.hoverBackground#646464b3
notebookStatusErrorIcon.foreground#a1260d
notebookStatusRunningIcon.foreground#616161
notebookStatusSuccessIcon.foreground#388a34
notificationCenterHeader.background#d9d6d2
notificationLink.foreground#2e281f
notifications.background#e3e1de
notifications.border#d9d6d2
notifications.foreground#65635f
notificationsErrorIcon.foreground#e51400
notificationsInfoIcon.foreground#1a85ff
notificationsWarningIcon.foreground#bf8803
panel.background#dcdad7
panel.border#80808059
panel.dropBorder#424242
panelInput.border#dddddd
panelSection.border#80808059
panelSection.dropBackground#2677cb2e
panelSectionHeader.background#80808033
panelTitle.activeBorder#424242
panelTitle.activeForeground#424242
panelTitle.inactiveForeground#424242bf
peekView.border#1a85ff
peekViewEditor.background#f2f8fc
peekViewEditor.matchHighlightBackground#f5d802de
peekViewEditorGutter.background#f2f8fc
peekViewEditorStickyScroll.background#f2f8fc
peekViewResult.background#f3f3f3
peekViewResult.fileForeground#1e1e1e
peekViewResult.lineForeground#646465
peekViewResult.matchHighlightBackground#ea5c004d
peekViewResult.selectionBackground#3399ff33
peekViewResult.selectionForeground#6c6c6c
peekViewTitle.background#f3f3f3
peekViewTitleDescription.foreground#616161
peekViewTitleLabel.foreground#000000
pickerGroup.border#cccedb
pickerGroup.foreground#65635f
ports.iconRunningProcessForeground#f85d3c
problemsErrorIcon.foreground#e51400
problemsInfoIcon.foreground#1a85ff
problemsWarningIcon.foreground#bf8803
profileBadge.background#c4c4c4
profileBadge.foreground#333333
progressBar.background#0e70c0
quickInput.background#e3e1de
quickInput.foreground#65635f
quickInputList.focusBackground#d3cfcb
quickInputList.focusForeground#19150c
quickInputTitle.background#0000000f
sash.hoverBorder#c2beb9
scm.historyItemAdditionsForeground#587c0c
scm.historyItemDeletionsForeground#ad0707
scm.historyItemSelectedStatisticsBorder#19150c33
scm.historyItemStatisticsBorder#61616133
scrollbar.shadow#dddddd
scrollbarSlider.activeBackground#00000099
scrollbarSlider.background#817c9c1f
scrollbarSlider.hoverBackground#646464b3
search.resultsInfoForeground#616161
searchEditor.findMatchBackground#bcb8b47e
searchEditor.textInputBorder#c2beb9
settings.checkboxBackground#d4d0cc
settings.checkboxBorder#cecece
settings.checkboxForeground#616161
settings.dropdownBackground#d4d0cc
settings.dropdownBorder#cecece
settings.dropdownForeground#616161
settings.dropdownListBorder#c7c3be
settings.focusedRowBackground#d3cfcb99
settings.focusedRowBorder#c2beb9
settings.headerBorder#80808059
settings.headerForeground#444444
settings.modifiedItemIndicator#66afe0
settings.numberInputBackground#e3e1de
settings.numberInputBorder#c2beb9
settings.numberInputForeground#65635f
settings.rowHoverBackground#d3cfcb4d
settings.sashBorder#80808059
settings.settingsHeaderHoverForeground#444444b3
settings.textInputBackground#e3e1de
settings.textInputBorder#c2beb9
settings.textInputForeground#65635f
sideBar.background#e0dcd7
sideBar.border#c2beb9
sideBar.dropBackground#2677cb2e
sideBar.foreground#65635f
sideBarSectionHeader.background#d2d1cc
sideBarSectionHeader.foreground#65635f
sideBarTitle.foreground#65635f
sideBySideEditor.horizontalBorder#e7e7e7
sideBySideEditor.verticalBorder#e7e7e7
simpleFindWidget.sashBorder#c8c8c8
statusBar.background#262013
statusBar.border#39301d
statusBar.debuggingBackground#ff4f00
statusBar.debuggingBorder#ff4f00
statusBar.debuggingForeground#000000
statusBar.focusBorder#e3e1de
statusBar.foreground#e3e1de
statusBar.noFolderBackground#262013
statusBar.noFolderBorder#39301d
statusBar.noFolderForeground#e3e1de
statusBarItem.activeBackground#ffffff2e
statusBarItem.compactHoverBackground#ffffff33
statusBarItem.errorBackground#611708
statusBarItem.errorForeground#ffffff
statusBarItem.errorHoverBackground#372e1b
statusBarItem.errorHoverForeground#e3e1de
statusBarItem.focusBorder#e3e1de
statusBarItem.hoverBackground#372e1b
statusBarItem.hoverForeground#e3e1de
statusBarItem.offlineBackground#6c1717
statusBarItem.offlineForeground#2e281f
statusBarItem.offlineHoverBackground#372e1b
statusBarItem.offlineHoverForeground#e3e1de
statusBarItem.prominentBackground#00000080
statusBarItem.prominentForeground#e3e1de
statusBarItem.prominentHoverBackground#0000004d
statusBarItem.prominentHoverForeground#e3e1de
statusBarItem.remoteBackground#f85d3c
statusBarItem.remoteForeground#2e281f
statusBarItem.remoteHoverBackground#372e1b
statusBarItem.remoteHoverForeground#e3e1de
statusBarItem.warningBackground#725102
statusBarItem.warningForeground#ffffff
statusBarItem.warningHoverBackground#372e1b
statusBarItem.warningHoverForeground#e3e1de
symbolIcon.arrayForeground#616161
symbolIcon.booleanForeground#616161
symbolIcon.classForeground#d67e00
symbolIcon.colorForeground#616161
symbolIcon.constantForeground#616161
symbolIcon.constructorForeground#652d90
symbolIcon.enumeratorForeground#d67e00
symbolIcon.enumeratorMemberForeground#007acc
symbolIcon.eventForeground#d67e00
symbolIcon.fieldForeground#007acc
symbolIcon.fileForeground#616161
symbolIcon.folderForeground#616161
symbolIcon.functionForeground#652d90
symbolIcon.interfaceForeground#007acc
symbolIcon.keyForeground#616161
symbolIcon.keywordForeground#616161
symbolIcon.methodForeground#652d90
symbolIcon.moduleForeground#616161
symbolIcon.namespaceForeground#616161
symbolIcon.nullForeground#616161
symbolIcon.numberForeground#616161
symbolIcon.objectForeground#616161
symbolIcon.operatorForeground#616161
symbolIcon.packageForeground#616161
symbolIcon.propertyForeground#616161
symbolIcon.referenceForeground#616161
symbolIcon.snippetForeground#616161
symbolIcon.stringForeground#616161
symbolIcon.structForeground#616161
symbolIcon.textForeground#616161
symbolIcon.typeParameterForeground#616161
symbolIcon.unitForeground#616161
symbolIcon.variableForeground#007acc
tab.activeBackground#cdc9c4
tab.activeBorder#ff4f00
tab.activeForeground#65635f
tab.activeModifiedBorder#33aaee
tab.border#cac7c2
tab.dragAndDropBorder#65635f
tab.hoverBackground#c7c3be
tab.inactiveBackground#e0dcd7
tab.inactiveForeground#65635fb3
tab.inactiveModifiedBorder#33aaee80
tab.lastPinnedBorder#a9a9a9
tab.unfocusedActiveBackground#f85d3c
tab.unfocusedActiveBorder#ff4f00b3
tab.unfocusedActiveForeground#2e281f
tab.unfocusedActiveModifiedBorder#33aaeeb3
tab.unfocusedHoverBackground#f85d3c
tab.unfocusedHoverForeground#2e281f
tab.unfocusedInactiveBackground#f85d3c
tab.unfocusedInactiveForeground#2e281f
tab.unfocusedInactiveModifiedBorder#33aaee40
terminal.ansiBlack#191b25
terminal.ansiBlue#7f7f84
terminal.ansiBrightBlack#191b25
terminal.ansiBrightBlue#7f7f84
terminal.ansiBrightCyan#7f7f84
terminal.ansiBrightGreen#2e281f
terminal.ansiBrightMagenta#BA160C
terminal.ansiBrightRed#FF4F00
terminal.ansiBrightWhite#d0bda0
terminal.ansiBrightYellow#d8cfbd
terminal.ansiCyan#7f7f84
terminal.ansiGreen#675a48
terminal.ansiMagenta#BA160C
terminal.ansiRed#FF4F00
terminal.ansiWhite#544938
terminal.ansiYellow#d8cfbd
terminal.border#7f7f84
terminal.dropBackground#2677cb2e
terminal.findMatchBackground#d3cfcb66
terminal.findMatchHighlightBackground#bcb8b4bf
terminal.foreground#dddddd
terminal.hoverHighlightBackground#add6ff13
terminal.inactiveSelectionBackground#18191c80
terminal.selectionBackground#18191c
terminal.tab.activeBorder#ff4f00
terminalCommandDecoration.defaultBackground#00000040
terminalCommandDecoration.errorBackground#e51400
terminalCommandDecoration.successBackground#2090d3
terminalCursor.background#dddddd
terminalCursor.foreground#18191c
terminalOverviewRuler.cursorForeground#a0a0a0cc
terminalOverviewRuler.findMatchForeground#d186167e
terminalStickyScrollHover.background#f0f0f0
testing.coverCountBadgeBackground#f85d3c
testing.coverCountBadgeForeground#dddddd
testing.coveredBackground#9ccc2c40
testing.coveredBorder#9ccc2c30
testing.coveredGutterBackground#9ccc2c27
testing.iconErrored#f14c4c
testing.iconFailed#f14c4c
testing.iconPassed#73c991
testing.iconQueued#cca700
testing.iconSkipped#848484
testing.iconUnset#848484
testing.message.error.decorationForeground#e51400
testing.message.error.lineBackground#ff000033
testing.message.info.decorationForeground#26201380
testing.messagePeekBorder#1a85ff
testing.messagePeekHeaderBackground#1a85ff1a
testing.peekBorder#e51400
testing.peekHeaderBackground#e514001a
testing.runAction#73c991
testing.uncoveredBackground#ff000033
testing.uncoveredBorder#ff000026
testing.uncoveredBranchBackground#ea8281
testing.uncoveredGutterBackground#ff00004d
textBlockQuote.background#f2f2f2
textBlockQuote.border#007acc80
textCodeBlock.background#dcdcdc66
textLink.activeForeground#f85d3c
textLink.foreground#2e281f
textPreformat.background#0000001a
textPreformat.foreground#a31515
textSeparator.foreground#0000002e
titleBar.activeBackground#e0dcd7
titleBar.activeForeground#333333
titleBar.border#c2beb9
titleBar.inactiveBackground#e0dcd7
titleBar.inactiveForeground#33333399
toolbar.activeBackground#f85d3c
toolbar.hoverBackground#b8b8b850
tree.inactiveIndentGuidesStroke#a9a9a966
tree.indentGuidesStroke#a9a9a9
tree.tableColumnsBorder#61616120
tree.tableOddRowsBackground#6161610a
walkThrough.embeddedEditorBackground#f4f4f4
walkthrough.stepTitle.foreground#000000
welcomePage.progress.background#e3e1de
welcomePage.progress.foreground#2e281f
welcomePage.tileBackground#e3e1de
welcomePage.tileBorder#0000001a
welcomePage.tileHoverBackground#cecbc6
widget.shadow#00000029

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#61616E	italic
variable, string constant.other.placeholder	#504329	—
constant.other.color	#FF0000	—
invalid, invalid.illegal	#B51F1F	—
keyword.control	#504329	—
keyword, storage.type, storage.modifier	#8C7649	—
punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#7F7F91	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#705E39	—
entity.name.function, meta.function-call, meta.function, variable.function, support.function, keyword.other.special-method	#6D5C39	—
meta.block variable.other	#6D5C39	—
support.other.variable, string.other.link	#FF0000	—
constant.numeric, constant.language, variable.language.this.js, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#9A8F7E	—
string, constant.numeric.decimal.js, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#7F7F91	—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#61616E	—
support.type	#948058	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#705E39	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#FF0000	—
variable.language	#FF0000	italic
entity.name.method.js	#FF0000	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#FF0000	—
entity.other.attribute-name	#6D5C39	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#FF0000	italic
entity.other.attribute-name.class	#504329	—
source.sass keyword.control	#FF0000	—
markup.inserted	#504329	—
markup.deleted	#FF0000	—
markup.changed	#FF0000	—
string.regexp	#FF0000	—
constant.character.escape	#FF0000	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#FF00EE	italic
source.js constant.other.object.key.js string.unquoted.label.js	#FF0000	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#504329	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#8C7649	—
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	#7F7F91	—
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	#B89A5F	—
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 meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#7F7F91	—
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 meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#B89A5F	—
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 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	#7F7F91	—
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 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 meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#B89A5F	—
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 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 meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#7F7F91	—
text.html.markdown, punctuation.definition.list_item.markdown	#7F7F91	—
text.html.markdown markup.inline.raw.markdown	#B89A5F	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#FF0000	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#FF0000	—
markup.italic	#FF0000	italic
markup.bold, markup.bold string	#FF0000	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#FF0000	bold
markup.underline	#FF0000	underline
markup.quote punctuation.definition.blockquote.markdown	#FF0000	—
markup.quote	—	italic
string.other.link.title.markdown	#B59F8B	—
string.other.link.description.title.markdown	#FF0000	—
constant.other.reference.link.markdown	#DDDDDD	—
markup.raw.block	#FF0000	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#D8CFBD	—
variable.language.fenced.markdown	#546E7A	—
meta.separator	#546E7A	bold
markup.table	#D8CFBD	—
constant.language.symbol.elixir	#FF0000	—
parameter.variable.function.elixir	#7F7F84	—
support.function.magic.python, variable.language.special.self.python, variable.parameter.function.language.special.self.python, variable.language.special.cls.python, variable.parameter.function.language.special.cls.python, string.quoted.docstring.multi.python, entity.name.function.decorator.python, punctuation.definition.decorator.python, keyword.control.flow.python, keyword.operator.logical.python, keyword.operator.new, variable.language.this, storage.type.function.python, storage, storage.type.class.python, storage.type.string.python, comment, punctuation.definition.comment, unused.comment, wildcard.comment, entity.other.attribute-name.localname.xml, text.xml entity.other, markup.quote.markdown meta.paragraph.markdown, markup.italic.markdown, variable.parameter.function-call.python	—	italic
string.regexp	#FF4F00
variable.language.special.self.python, variable.language	#FF4F00	italic
variable.function.constructor, support.other.variable, string.other.link, constant.other.color, constant.character.escape	#FF4F00	—
token.info-token	#316BCD	—
token.warn-token	#CD9731	—
token.error-token	#CD3131	—
token.debug-token	#800080	—

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