Always Half-Full

Name: Always Half-Full
Author: Marcin Jeznach

Publisher: Marcin JeznachThemes in package: 5

A happy, colorful theme

GitHub

Color themes

VS Code preview

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

Always Half-Full — Always Half-Full 🏙️ morning

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#007de422
activityBar.activeBorder#2d6398
activityBar.activeFocusBorder#007de4
activityBar.background#e6e6e6
activityBar.border#c4c4c4
activityBar.dropBorder#007de444
activityBar.foreground#007de4
activityBar.inactiveForeground#1111117f
activityBarBadge.background#2d6398dd
activityBarBadge.foreground#ffffff
badge.background#2d6398dd
badge.foreground#ffffff
banner.background#cb106e88
banner.foreground#111111
banner.iconForeground#111111e2
breadcrumb.activeSelectionForeground#007de4
breadcrumb.background#f6f6f6
breadcrumb.focusForeground#111111e2
breadcrumb.foreground#111111af
breadcrumbPicker.background#fafafa
button.background#2d6398
button.border#2d639844
button.foreground#ffffff
button.hoverBackground#007de4
button.secondaryBackground#84848422
button.secondaryForeground#111111
button.secondaryHoverBackground#007de4cc
button.separator#ffffff66
charts.blue#007de4
charts.foreground#111111e2
charts.green#009100
charts.lines#1111117f
charts.orange#ca5b0e
charts.purple#ad0ee8
charts.red#d40526
charts.yellow#988308
checkbox.background#ececec88
checkbox.border#1b1b1b
checkbox.foreground#111111
checkbox.selectBackground#007de4
checkbox.selectBorder#007de4
commandCenter.activeBackground#ffffff
commandCenter.activeBorder#007de4
commandCenter.activeForeground#111111e2
commandCenter.background#ffffff
commandCenter.border#1111117f
commandCenter.foreground#1111117f
commandCenter.inactiveBorder#11111143
commandCenter.inactiveForeground#1111117f
debugConsole.errorForeground#d40526
debugConsole.infoForeground#007de4
debugConsole.sourceForeground#5d862c
debugConsole.warningForeground#988308
debugConsoleInputIcon.foreground#b95f7e
debugExceptionWidget.background#a62d3788
debugExceptionWidget.border#d40526
debugIcon.breakpointCurrentStackframeForeground#988308
debugIcon.breakpointDisabledForeground#848484
debugIcon.breakpointForeground#cb106e
debugIcon.breakpointStackframeForeground#ad0ee8
debugIcon.breakpointUnverifiedForeground#b95f7e
debugIcon.continueForeground#1698a3
debugIcon.disconnectForeground#ca5b0e
debugIcon.pauseForeground#988308
debugIcon.restartForeground#009100
debugIcon.startForeground#009100
debugIcon.stepBackForeground#b903b5
debugIcon.stepIntoForeground#007de4
debugIcon.stepOutForeground#007de4
debugIcon.stepOverForeground#b903b5
debugIcon.stopForeground#d40526
debugTokenExpression.boolean#ca5b0e
debugTokenExpression.error#d40526
debugTokenExpression.name#ad0ee8
debugTokenExpression.number#009100
debugTokenExpression.string#1698a3
debugTokenExpression.value#1b1b1b
debugToolBar.background#f6f6f6bb
debugToolBar.border#a4a4a4
debugView.exceptionLabelBackground#a62d37bb
debugView.exceptionLabelForeground#111111e2
debugView.stateLabelBackground#2d639855
debugView.stateLabelForeground#111111e2
debugView.valueChangedHighlight#007de4
descriptionForeground#1111119e
diffEditor.border#1698a3
diffEditor.diagonalFill#98830866
diffEditor.insertedLineBackground#00910018
diffEditor.insertedTextBackground#00910018
diffEditor.insertedTextBorder#00910033
diffEditor.removedLineBackground#ca5b0e18
diffEditor.removedTextBackground#ca5b0e18
diffEditor.removedTextBorder#ca5b0e33
diffEditorGutter.insertedLineBackground#00910022
diffEditorGutter.removedLineBackground#ca5b0e22
diffEditorOverview.insertedForeground#009100
diffEditorOverview.removedForeground#ca5b0e
disabledForeground#1b1b1b88
dropdown.background#ececec88
dropdown.border#1111117f
dropdown.foreground#111111e2
dropdown.listBackground#fafafaee
editor.background#ffffff
editor.findMatchBackground#ad0ee811
editor.findMatchBorder#ad0ee8
editor.findMatchHighlightBackground#ad0ee811
editor.findMatchHighlightBorder#ad0ee8
editor.findRangeHighlightBackground#ad0ee818
editor.focusedStackFrameHighlightBackground#ad0ee833
editor.foldBackground#e1e1e1
editor.foreground#1b1b1b
editor.hoverHighlightBackground#84848466
editor.inactiveSelectionBackground#52525233
editor.inlineValuesBackground#cb106e44
editor.inlineValuesForeground#111111e2
editor.lineHighlightBackground#f6f6f6
editor.lineHighlightBorder#66a0ff33
editor.linkedEditingBackground#ca5b0e44
editor.rangeHighlightBackground#ad0ee833
editor.rangeHighlightBorder#00000000
editor.selectionBackground#396fa566
editor.selectionForeground#111111
editor.selectionHighlightBackground#52525233
editor.selectionHighlightBorder#1698a3aa
editor.snippetFinalTabstopHighlightBackground#007de433
editor.snippetFinalTabstopHighlightBorder#007de433
editor.snippetTabstopHighlightBackground#52525233
editor.snippetTabstopHighlightBorder#52525233
editor.stackFrameHighlightBackground#cb106e33
editor.symbolHighlightBackground#5d862c33
editor.symbolHighlightBorder#5d862c
editor.wordHighlightBackground#1698a366
editor.wordHighlightStrongBackground#00910066
editor.wordHighlightTextBackground#84848466
editorBracketHighlight.foreground1#ca5b0edd
editorBracketHighlight.foreground2#1698a3dd
editorBracketHighlight.foreground3#ad0ee8dd
editorBracketHighlight.foreground4#009100dd
editorBracketHighlight.foreground5#007de4dd
editorBracketHighlight.foreground6#cb106edd
editorBracketHighlight.unexpectedBracket.foreground#d40526
editorBracketMatch.background#00000000
editorBracketMatch.border#11111188
editorBracketPairGuide.activeBackground1#ca5b0edd
editorBracketPairGuide.activeBackground2#1698a3dd
editorBracketPairGuide.activeBackground3#ad0ee8dd
editorBracketPairGuide.activeBackground4#009100dd
editorBracketPairGuide.activeBackground5#007de4dd
editorBracketPairGuide.activeBackground6#cb106edd
editorBracketPairGuide.background1#ca5b0e44
editorBracketPairGuide.background2#1698a344
editorBracketPairGuide.background3#ad0ee844
editorBracketPairGuide.background4#00910044
editorBracketPairGuide.background5#007de444
editorBracketPairGuide.background6#cb106e44
editorCodeLens.foreground#5d862c
editorCommentsWidget.rangeActiveBackground#5d862c44
editorCommentsWidget.rangeActiveBorder#5d862c
editorCommentsWidget.rangeBackground#ffffff22
editorCommentsWidget.rangeBorder#5d862c
editorCommentsWidget.resolvedBorder#00910088
editorCommentsWidget.unresolvedBorder#ca5b0e88
editorCursor.background#ffffff
editorCursor.foreground#111111da
editorError.background#00000000
editorError.border#00000000
editorError.foreground#d40526
editorGhostText.background#5c6cb233
editorGhostText.border#00000000
editorGhostText.foreground#1111117f
editorGroup.border#c4c4c4
editorGroup.dropBackground#007de444
editorGroup.dropIntoPromptBackground#2d6398
editorGroup.dropIntoPromptBorder#e6e6e6
editorGroup.dropIntoPromptForeground#ffffff
editorGroup.emptyBackground#e6e6e6
editorGroup.focusedEmptyBorder#007de4
editorGroupHeader.border#c4c4c4
editorGroupHeader.noTabsBackground#e6e6e6
editorGroupHeader.tabsBackground#e6e6e6
editorGroupHeader.tabsBorder#c4c4c4
editorGutter.addedBackground#009100
editorGutter.background#ffffff
editorGutter.commentGlyphForeground#111111e2
editorGutter.commentRangeForeground#f3f3f3
editorGutter.commentUnresolvedGlyphForeground#baa002
editorGutter.deletedBackground#ca5b0e
editorGutter.foldingControlForeground#111111e2
editorGutter.modifiedBackground#1698a3
editorHint.border#009100
editorHint.foreground#00000000
editorHoverWidget.background#f6f6f6e2
editorHoverWidget.border#a4a4a4
editorHoverWidget.foreground#111111e2
editorHoverWidget.highlightForeground#b903b5
editorHoverWidget.statusBarBackground#fafafaee
editorIndentGuide.activeBackground#1111117f
editorIndentGuide.background#11111144
editorInfo.background#00000000
editorInfo.border#00000000
editorInfo.foreground#66a0ff
editorInlayHint.background#ececec88
editorInlayHint.foreground#111111af
editorInlayHint.parameterBackground#ececec88
editorInlayHint.parameterForeground#b95f7e
editorInlayHint.typeBackground#ececec88
editorInlayHint.typeForeground#007de4
editorLightBulb.foreground#baa002
editorLightBulbAutoFix.foreground#66a0ff
editorLineNumber.activeForeground#66a0ff
editorLineNumber.dimmedForeground#11111144
editorLineNumber.foreground#11111158
editorLink.activeForeground#2d6398
editorMarkerNavigation.background#f6f6f6e2
editorMarkerNavigationError.background#d40526
editorMarkerNavigationError.headerBackground#a62d3788
editorMarkerNavigationInfo.background#007de4
editorMarkerNavigationInfo.headerBackground#2d639844
editorMarkerNavigationWarning.background#988308
editorMarkerNavigationWarning.headerBackground#705f0488
editorOverviewRuler.addedForeground#009100
editorOverviewRuler.background#f6f6f6aa
editorOverviewRuler.border#c4c4c4
editorOverviewRuler.bracketMatchForeground#11111188
editorOverviewRuler.commonContentForeground#28712f
editorOverviewRuler.currentContentForeground#2d6398
editorOverviewRuler.deletedForeground#ca5b0e
editorOverviewRuler.errorForeground#d40526
editorOverviewRuler.findMatchForeground#b903b5
editorOverviewRuler.incomingContentForeground#ab145d
editorOverviewRuler.infoForeground#007de4
editorOverviewRuler.modifiedForeground#1698a3
editorOverviewRuler.rangeHighlightForeground#b903b566
editorOverviewRuler.selectionHighlightForeground#007de499
editorOverviewRuler.warningForeground#988308
editorOverviewRuler.wordHighlightForeground#1698a355
editorOverviewRuler.wordHighlightStrongForeground#1698a399
editorOverviewRuler.wordHighlightTextForeground#84848499
editorPane.background#e6e6e6
editorRuler.foreground#11111133
editorStickyScroll.background#f6f6f6
editorStickyScrollHover.background#2d639844
editorSuggestWidget.background#fafafaee
editorSuggestWidget.border#a4a4a4
editorSuggestWidget.focusHighlightForeground#007de4
editorSuggestWidget.foreground#111111e2
editorSuggestWidget.highlightForeground#ad0ee8
editorSuggestWidget.selectedBackground#007de422
editorSuggestWidget.selectedForeground#111111
editorSuggestWidget.selectedIconForeground#1111119e
editorSuggestWidgetStatus.foreground#111111da
editorUnicodeHighlight.background#00000000
editorUnicodeHighlight.border#baa002
editorUnnecessaryCode.opacity#000000bb
editorWarning.background#00000000
editorWarning.border#00000000
editorWarning.foreground#988308
editorWhitespace.foreground#84848455
editorWidget.background#fafafaee
editorWidget.border#a4a4a4
editorWidget.foreground#111111e2
editorWidget.resizeBorder#848484
errorForeground#d40526
extensionBadge.remoteBackground#28712fdd
extensionBadge.remoteForeground#ffffff
extensionButton.background#2d6398
extensionButton.foreground#ffffff
extensionButton.hoverBackground#007de4
extensionButton.prominentBackground#2d6398
extensionButton.prominentForeground#ffffff
extensionButton.prominentHoverBackground#007de4
extensionButton.separator#ffffff66
extensionIcon.preReleaseForeground#cb106edd
extensionIcon.sponsorForeground#b903b5
extensionIcon.starForeground#b26f05
extensionIcon.verifiedForeground#2d6398
focusBorder#007de4
foreground#111111af
gitDecoration.addedResourceForeground#009100
gitDecoration.conflictingResourceForeground#cb106e
gitDecoration.deletedResourceForeground#ca5b0e
gitDecoration.ignoredResourceForeground#848484
gitDecoration.modifiedResourceForeground#1698a3
gitDecoration.renamedResourceForeground#007de4
gitDecoration.stageDeletedResourceForeground#b26f05
gitDecoration.stageModifiedResourceForeground#ad0ee8
gitDecoration.submoduleResourceForeground#38829a
gitDecoration.untrackedResourceForeground#5d862c
icon.foreground#111111bb
input.background#ececec88
input.border#1111117f
input.foreground#111111af
input.placeholderForeground#1111117f
inputOption.activeBackground#007de444
inputOption.activeBorder#007de4
inputOption.activeForeground#111111
inputOption.hoverBackground#2d639888
inputValidation.errorBackground#a62d3788
inputValidation.errorBorder#a62d37
inputValidation.errorForeground#111111e2
inputValidation.infoBackground#2d639844
inputValidation.infoBorder#2d6398
inputValidation.infoForeground#111111e2
inputValidation.warningBackground#705f0488
inputValidation.warningBorder#705f04
inputValidation.warningForeground#111111e2
issues.closed#ad0ee8
issues.newIssueDecoration#007de4
issues.open#009100
keybindingLabel.background#e6e6e6
keybindingLabel.border#c4c4c4
keybindingLabel.bottomBorder#e1e1e1
keybindingLabel.foreground#111111e2
keybindingTable.headerBackground#f6f6f6
keybindingTable.rowsBackground#00000018
list.activeSelectionBackground#007de422
list.activeSelectionForeground#525252
list.deemphasizedForeground#1111117f
list.dropBackground#007de444
list.errorForeground#d40526
list.filterMatchBackground#ad0ee833
list.filterMatchBorder#ad0ee8
list.focusAndSelectionOutline#007de4
list.focusHighlightForeground#007de4
list.focusOutline#007de4
list.highlightForeground#ad0ee8
list.hoverBackground#2d639844
list.hoverForeground#111111e2
list.inactiveFocusOutline#007de4
list.inactiveSelectionBackground#f6f6f6
list.invalidItemForeground#ca5b0e
list.warningForeground#988308
listFilterWidget.background#fafafaee
listFilterWidget.noMatchesOutline#d4052688
listFilterWidget.outline#00000000
listFilterWidget.shadow#00000066
markdown.extension.editor.codeSpan.background#5d862c22
markdown.extension.editor.codeSpan.border#5d862c
menu.background#fafafaee
menu.border#a4a4a4
menu.foreground#111111e2
menu.selectionBackground#2d639844
menu.selectionBorder#00000000
menu.selectionForeground#111111e2
menu.separatorBackground#a4a4a4
menubar.selectionBackground#2d639844
menubar.selectionBorder#00000000
menubar.selectionForeground#111111e2
merge.border#848484
merge.commonContentBackground#28712f
merge.commonHeaderBackground#28712f44
merge.currentContentBackground#2d639822
merge.currentHeaderBackground#2d6398
merge.incomingContentBackground#ab145d44
merge.incomingHeaderBackground#ab145d
mergeEditor.change.background#cb106e44
mergeEditor.change.word.background#00000000
mergeEditor.changeBase.background#FFf900
mergeEditor.changeBase.word.background#FFf300
mergeEditor.conflict.handled.minimapOverViewRuler#009100
mergeEditor.conflict.handledFocused.border#009100
mergeEditor.conflict.handledUnfocused.border#00910088
mergeEditor.conflict.input1.background#FFed00
mergeEditor.conflict.input2.background#FFe700
mergeEditor.conflict.unhandled.minimapOverViewRuler#cb106e
mergeEditor.conflict.unhandledFocused.border#cb106e
mergeEditor.conflict.unhandledUnfocused.border#cb106e88
mergeEditor.conflictingLines.background#FFff00
minimap.background#f6f6f6aa
minimap.errorHighlight#a62d37
minimap.findMatchHighlight#b903b5
minimap.foregroundOpacity#000000ff
minimap.selectionHighlight#007de444
minimap.selectionOccurrenceHighlight#1698a3
minimap.warningHighlight#705f04
minimapGutter.addedBackground#009100
minimapGutter.deletedBackground#ca5b0e
minimapGutter.modifiedBackground#1698a3
minimapSlider.activeBackground#007de444
minimapSlider.background#007de422
minimapSlider.hoverBackground#2d639844
notebook.cellBorderColor#c4c4c4
notebook.cellEditorBackground#e6e6e6
notebook.cellHoverBackground#00000000
notebook.cellInsertionIndicator#007de444
notebook.cellStatusBarItemHoverBackground#2d639844
notebook.cellToolbarSeparator#a4a4a4
notebook.editorBackground#ffffff
notebook.focusedCellBackground#00000000
notebook.focusedCellBorder#2d6398
notebook.focusedEditorBorder#007de4
notebook.inactiveFocusedCellBorder#848484
notebook.inactiveSelectedCellBorder#848484
notebook.outputContainerBackgroundColor#f6f6f6
notebook.outputContainerBorderColor#c4c4c4
notebook.selectedCellBackground#007de444
notebook.selectedCellBorder#007de4
notebook.symbolHighlightBackground#ad0ee8
notebookEditorOverviewRuler.runningCellForeground#66a0ff
notebookScrollbarSlider.activeBackground#1b1b1b99
notebookScrollbarSlider.background#ffffff33
notebookScrollbarSlider.hoverBackground#08080866
notebookStatusErrorIcon.foreground#d40526
notebookStatusRunningIcon.foreground#525252
notebookStatusSuccessIcon.foreground#009100
notificationCenter.border#a4a4a4
notificationCenterHeader.background#f6f6f6e2
notificationCenterHeader.foreground#111111e2
notificationLink.foreground#66a0ff
notifications.background#f6f6f6e2
notifications.border#a4a4a4
notifications.foreground#111111e2
notificationsErrorIcon.foreground#d40526
notificationsInfoIcon.foreground#007de4
notificationsWarningIcon.foreground#988308
notificationToast.border#a4a4a4
panel.background#f6f6f6
panel.border#c4c4c4
panel.dropBorder#007de444
panelInput.border#1111117f
panelSection.border#a4a4a4
panelSection.dropBackground#007de444
panelSectionHeader.background#f3f3f3
panelSectionHeader.border#a4a4a4
panelSectionHeader.foreground#111111e2
panelTitle.activeBorder#2d6398
panelTitle.activeForeground#007de4
panelTitle.inactiveForeground#111111af
peekView.border#a4a4a4
peekViewEditor.background#f6f6f6
peekViewEditor.matchHighlightBackground#5d862c33
peekViewEditor.matchHighlightBorder#5d862c
peekViewEditorGutter.background#f6f6f6
peekViewResult.background#ffffff
peekViewResult.fileForeground#111111af
peekViewResult.lineForeground#111111e2
peekViewResult.matchHighlightBackground#ad0ee833
peekViewResult.selectionBackground#007de422
peekViewResult.selectionForeground#111111e2
peekViewTitle.background#f6f6f6
peekViewTitleDescription.foreground#1111117f
peekViewTitleLabel.foreground#111111e2
pickerGroup.border#a4a4a4
pickerGroup.foreground#007de4
ports.iconRunningProcessForeground#FFdb00
problemsErrorIcon.foreground#d40526
problemsInfoIcon.foreground#66a0ff
problemsWarningIcon.foreground#988308
profileBadge.background#2d6398dd
profileBadge.foreground#ffffff
progressBar.background#007de4
pullRequests.closed#d40526
pullRequests.draft#525252
pullRequests.merged#ad0ee8
pullRequests.notification#007de4
pullRequests.open#009100
quickInput.background#fafafaee
quickInput.foreground#111111e2
quickInputList.focusBackground#007de422
quickInputList.focusForeground#111111e2
quickInputList.focusIconForeground#111111e2
quickInputTitle.background#f6f6f6
regionmarker.background#b903b522
regionmarker.foreground#b903b5
sash.hoverBorder#2d6398
scm.providerBorder#FFe100
scrollbar.shadow#00000066
scrollbarSlider.activeBackground#1b1b1b99
scrollbarSlider.background#11111133
scrollbarSlider.hoverBackground#08080866
search.resultsInfoForeground#ad0ee8
searchEditor.findMatchBackground#ad0ee811
searchEditor.findMatchBorder#ad0ee8
searchEditor.textInputBorder#ececec
selection.background#007de433
settings.checkboxBackground#ececec88
settings.checkboxBorder#1111117f
settings.checkboxForeground#007de4
settings.dropdownBackground#ececec88
settings.dropdownBorder#1111117f
settings.dropdownForeground#111111e2
settings.dropdownListBorder#1111117f
settings.focusedRowBackground#007de422
settings.headerBorder#a4a4a4
settings.headerForeground#007de4
settings.modifiedItemIndicator#1698a3
settings.numberInputBackground#ececec88
settings.numberInputBorder#111111af
settings.numberInputForeground#111111e2
settings.rowHoverBackground#2d639844
settings.sashBorder#11111166
settings.settingsHeaderHoverForeground#111111dd
settings.textInputBackground#ececec88
settings.textInputBorder#1111117f
settings.textInputForeground#111111e2
sideBar.background#e6e6e6
sideBar.border#c4c4c4
sideBar.dropBackground#007de444
sideBar.foreground#111111af
sideBarSectionHeader.background#e6e6e6
sideBarSectionHeader.border#c4c4c4
sideBarSectionHeader.foreground#111111e2
sideBarTitle.foreground#111111e2
sideBySideEditor.horizontalBorder#848484
sideBySideEditor.verticalBorder#848484
statusBar.background#aac7e7
statusBar.debuggingBackground#edb69b
statusBar.debuggingForeground#111111
statusBar.focusBorder#007de4
statusBar.foreground#111111dd
statusBar.noFolderBackground#d3b9e0
statusBar.noFolderForeground#111111dd
statusBarItem.activeBackground#92929244
statusBarItem.compactHoverBackground#11111166
statusBarItem.errorBackground#fcaba9
statusBarItem.errorForeground#111111dd
statusBarItem.focusBorder#007de4
statusBarItem.hoverBackground#11111144
statusBarItem.prominentBackground#52525244
statusBarItem.prominentForeground#111111
statusBarItem.prominentHoverBackground#11111122
statusBarItem.remoteBackground#74bc76
statusBarItem.remoteForeground#111111
statusBarItem.warningBackground#dfc446
statusBarItem.warningForeground#111111dd
symbolIcon.arrayForeground#988308
symbolIcon.booleanForeground#988308
symbolIcon.classForeground#007de4
symbolIcon.colorForeground#cb106e
symbolIcon.constantForeground#38829a
symbolIcon.constructorForeground#007de4
symbolIcon.enumeratorForeground#007de4
symbolIcon.enumeratorMemberForeground#38829a
symbolIcon.eventForeground#b26f05
symbolIcon.fieldForeground#ad0ee8
symbolIcon.fileForeground#b903b5
symbolIcon.folderForeground#b903b5
symbolIcon.functionForeground#ca5b0e
symbolIcon.interfaceForeground#007de4
symbolIcon.keyForeground#b95f7e
symbolIcon.keywordForeground#988308
symbolIcon.methodForeground#ca5b0e
symbolIcon.moduleForeground#848484
symbolIcon.namespaceForeground#848484
symbolIcon.nullForeground#988308
symbolIcon.numberForeground#009100
symbolIcon.objectForeground#38829a
symbolIcon.operatorForeground#848484
symbolIcon.packageForeground#848484
symbolIcon.propertyForeground#ad0ee8
symbolIcon.referenceForeground#b26f05
symbolIcon.snippetForeground#5d862c
symbolIcon.stringForeground#1698a3
symbolIcon.structForeground#007de4
symbolIcon.textForeground#1698a3
symbolIcon.typeParameterForeground#5c6cb2
symbolIcon.unitForeground#5c6cb2
symbolIcon.variableForeground#1b1b1b
tab.activeBackground#f6f6f6
tab.activeBorder#f6f6f6
tab.activeBorderTop#2d6398
tab.activeForeground#111111e2
tab.border#c4c4c4
tab.hoverBackground#2d639844
tab.inactiveBackground#e6e6e6
tab.inactiveForeground#1b1b1bbb
tab.lastPinnedBorder#007de4
tab.unfocusedActiveBackground#ffffff
tab.unfocusedActiveBorder#fafafa
tab.unfocusedActiveBorderTop#c4c4c4
tab.unfocusedActiveForeground#1b1b1bbb
tab.unfocusedHoverBackground#2d639833
tab.unfocusedInactiveBackground#e6e6e6
tab.unfocusedInactiveForeground#1b1b1b66
terminal.ansiBlack#525252
terminal.ansiBlue#007de4
terminal.ansiBrightBlack#848484
terminal.ansiBrightBlue#5c6cb2
terminal.ansiBrightCyan#38829a
terminal.ansiBrightGreen#5d862c
terminal.ansiBrightMagenta#cb106e
terminal.ansiBrightRed#b95f7e
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#988308
terminal.ansiCyan#1698a3
terminal.ansiGreen#009100
terminal.ansiMagenta#ad0ee8
terminal.ansiRed#d40526
terminal.ansiWhite#c5c5c5
terminal.ansiYellow#ca5b0e
terminal.background#fafafa
terminal.border#a4a4a4
terminal.dropBackground#007de444
terminal.findMatchBackground#ad0ee811
terminal.findMatchBorder#ad0ee8
terminal.findMatchHighlightBackground#ad0ee822
terminal.findMatchHighlightBorder#ad0ee8
terminal.foreground#1b1b1b
terminal.hoverHighlightBackground#1698a366
terminal.inactiveSelectionBackground#52525233
terminal.selectionBackground#007de433
terminal.tab.activeBorder#2d6398
terminalCommandDecoration.defaultBackground#848484
terminalCommandDecoration.errorBackground#d40526
terminalCommandDecoration.successBackground#009100
terminalCursor.background#fafafa
terminalCursor.foreground#111111da
terminalOverviewRuler.cursorForeground#111111da
terminalOverviewRuler.findMatchForeground#ad0ee8
testing.iconErrored#d40526
testing.iconFailed#988308
testing.iconPassed#009100
testing.iconQueued#525252
testing.iconSkipped#b903b5
testing.iconUnset#525252
testing.message.error.decorationForeground#d40526
testing.message.error.lineBackground#d40526
testing.message.info.decorationForeground#cb106e
testing.message.info.lineBackground#cb106e
testing.peekBorder#cb106e
testing.peekHeaderBackground#cb106e66
testing.runAction#009100
textBlockQuote.background#f6f6f6
textBlockQuote.border#5d862c
textCodeBlock.background#5d862c66
textLink.activeForeground#2d6398
textLink.foreground#66a0ff
textPreformat.foreground#1698a3
textSeparator.foreground#848484
titleBar.activeBackground#e6e6e6
titleBar.activeForeground#111111e2
titleBar.border#e6e6e6
titleBar.inactiveBackground#e6e6e6
titleBar.inactiveForeground#1111117f
toolbar.activeBackground#007de488
toolbar.hoverBackground#2d639888
tree.inactiveIndentGuidesStroke#11111133
tree.indentGuidesStroke#11111166
tree.tableColumnsBorder#a4a4a4
tree.tableOddRowsBackground#00000018
walkThrough.embeddedEditorBackground#e6e6e6
walkthrough.stepTitle.foreground#ad0ee8
welcomePage.background#ffffff
welcomePage.progress.background#ececec
welcomePage.progress.foreground#007de4
welcomePage.tileBackground#f6f6f6
welcomePage.tileBorder#c4c4c4
welcomePage.tileHoverBackground#2d639844
widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.template.expression variable.other.readwrite, variable.other.jsdoc, variable.other.php, variable.other.normal.shell	#1b1b1b	—
source.sql text.variable	#1b1b1b	italic
string.quoted.double.oracle_sql	#1b1b1b	underline
support.constant.core.php, constant.other.php, constant.other.class.php	#1b1b1b	bold
keyword.operator, entity.name.operator, punctuation.separator, punctuation.section, punctuation.definition, punctuation.accessor, punctuation.destructuring, meta.brace, punctuation.bracket, storage.type.function.arrow, constant.character.entity.xml, punctuation.curlybrace, punctuation.parenthesis, punctuation.squarebracket, entity.name.namespace, storage.modifier.import, storage.modifier.package, entity.name.tag.namespace, entity.other.attribute-name.namespace, entity.name.scope-resolution, entity.name.scope-resolution.namespace.using, support.other.namespace.php, entity.name.type.namespace.php, meta.link.email.lt-gt.markdown, punctuation.other.colon.go, punctuation.other.period.go, punctuation.other.comma.go, punctuation.eq.toml	#525252
support.function.magic.python	#525252	italic
comment, punctuation.definition.comment, punctuation.definition.group.no-capture.regexp	#848484	—
fenced_code.block.language.markdown	#848484	bold
comment.block.documentation, comment.block.documentation punctuation.definition.comment, string.quoted.docstring, string.quoted.docstring punctuation.definition.string, comment.block.javadoc, comment.block.javadoc punctuation.definition.comment	#5d862c	—
markup.fenced_code.block.markdown punctuation.definition.markdown, punctuation.definition.raw.markdown, meta.link.reference.def.markdown markup.underline.link.markdown	#5d862c
invalid.deprecated.line-too-long.git-commit	#988308	—
keyword, punctuation.terminator, punctuation.section.function.begin.python, punctuation.separator.colon.python, keyword.operator.ternary, keyword.operator.conditional.question-mark.cs, keyword.operator.conditional.colon.cs, punctuation.definition.constant.xml, keyword.operator.new, keyword.operator.delete, keyword.operator.expression.typeof, keyword.operator.expression.instanceof, keyword.operator.expression.in, keyword.operator.expression.of, keyword.operator.noexcept, keyword.operator.expression.keyof, constant.language, support.type.primitive, support.type.builtin, variable.language.this, variable.language.super, storage, storage.type.primitive.groovy, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-element punctuation.definition.entity, support.constant.media, punctuation.separator.colon.access.control, keyword.operator.or.regexp, keyword.operator.negation.regexp, keyword.operator.logical.python, keyword.operator.logical.python	#988308	bold
entity.other.keyframe-offset, keyword.blade	#988308	italic bold
entity.name.function, support.function, punctuation.definition.group.regexp, markup.changed.git-commit, meta.method.groovy	#ca5b0e	—
constant.other.timestamp.yaml, constant.other.time.time.toml, constant.other.time.date.toml, constant.other.time.datetime.local.toml, constant.other.time.datetime.offset.toml	#ca5b0e
entity.name.function.blade	#ca5b0e	italic bold
punctuation.definition.tag, keyword.control.anchor.regexp, support.function.aggregate.sql	#b26f05	—
variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python, variable.language.special.shell, support.function.builtin.shell	#b26f05	bold
entity.name.tag, support.function.builtin.zig, support.function.builtin.go, support.function.builtin.python	#b26f05	italic bold
markup.changed.git-commit	#1698a3	—
string, punctuation.definition.string, meta.property-value.css, punctuation.section.embedded	#1698a3	bold
markup.inserted.git-commit	#009100	—
constant.numeric, keyword.other.unit.exponent, constant.numeric storage, keyword.other.unit.hexadecimal.cpp, keyword.other.unit.octal.cpp, keyword.other.unit.binary.cpp, keyword.operator.quantifier.regexp, punctuation.section.arithmetic.double.shell, punctuation.definition.logical-expression.shell	#009100	bold
variable.css, variable.argument.css, constant.character.escape	#38829a	bold
meta.enum variable, constant.other.enum.java, constant.enum.php	#38829a	bold underline
storage.type.format.python, constant.other.placeholder, keyword.operator.expansion.shell, storage.type.groovy	#007de4
entity.name.type, storage.type.java, storage.type.tag-handle.yaml, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-class punctuation.definition.entity.css, entity.name.tag support.class.component, constant.other.character-class.regexp, punctuation.definition.character-class.regexp, support.class.php, entity.other.inherited-class.php, meta.use.php entity.other.alias.php, meta.other.type.phpdoc.php, support.class.builtin.php, text.html.php.blade meta.tag.custom entity.name.tag.html, text.html.php.blade invalid.illegal.unrecognized-tag	#007de4	—
meta.attribute.class string, entity.other.attribute-name.class, entity.other.attribute-name.class punctuation.definition.entity, entity.name.type.trait.php, entity.name.type.interface.php	#007de4	italic
markup.heading.markdown, punctuation.definition.heading.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown, punctuation.separator.statement.background.shell	#007de4	bold
entity.name.type.record, entity.name.type.struct	#007de4	italic bold
entity.name.type.enum.java, entity.name.type.enum.php	#007de4	bold underline
storage.type.generic.java, entity.name.type.template, keyword.other.unit, constant.other.color punctuation.definition.constant, storage.type.string.python, keyword.operator.spread, keyword.operator.rest, punctuation.definition.parameters.varargs, punctuation.vararg-ellipses, keyword.operator.unpacking, keyword.operator.variadic.php	#5c6cb2	—
variable.object.property, variable.other.object.property, variable.other.property, variable.other.constant.property, entity.name.tag.yaml, support.type.property-name, meta.object-literal.key, meta.object-literal.key string.quoted.double, keyword.other.definition.ini, keyword.other.back-reference.regexp, punctuation.definition.group.regexp variable.other.regexp, variable.other.makefile, punctuation.definition.list.begin.markdown	#ad0ee8
support.type.vendored.property-name	#ad0ee8	italic
punctuation.definition.variable.php	#ad0ee8	bold
meta.preprocessor, punctuation.definition.directive, keyword.control.directive	#cb106e	bold italic
keyword.control.at-rule, keyword.control.at-rule punctuation.definition, storage.type.class.jsdoc, storage.type.class.doxygen, punctuation.definition.block.tag, keyword.other.documentation.javadoc, keyword.other.phpdoc.php, meta.decorator, entity.name.function.decorator, entity.name.function.decorator punctuation.definition.decorator, storage.type.annotation, punctuation.definition.annotation, support.other.attribute.cpp, support.other.attribute.cpp punctuation.section, meta.attribute.php, entity.other.document, support.other.directive, punctuation.definition.directive, support.type.property-name.table.toml, punctuation.definition.entity.ini, entity.name.section.group-title.ini, meta.tag.preprocessor entity.name.tag, meta.tag.preprocessor.xml punctuation.definition.tag.xml, meta.assertion.look-ahead.regexp, string.other.link.description.markdown, meta.separator.markdown, docstring.variable.identifier.sphinx.python, docstring.variable.begin.sphinx.python, docstring.variable.end.sphinx.python, support.variable.magic.python	#cb106e	—
meta.assertion.negative-look-ahead.regexp	#cb106e	underline
entity.name.function.preprocessor, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, keyword.begin.blade, keyword.end.blade	#cb106e	bold
variable.parameter, entity.name.variable.parameter.php, meta.function.parameter.typehinted.php variable.other.php, meta.function.parameter.default.php variable.other.php, meta.function.parameter.no-default.php variable.other.php, constant.other.option	#b95f7e	bold
entity.other.attribute-name, entity.name.type.anchor.yaml, punctuation.definition.anchor.yaml, variable.other.alias.yaml, punctuation.definition.alias.yaml, markup.quote.markdown, punctuation.definition.quote.begin.markdown	#b95f7e
punctuation.definition.ng-binding-name	#b95f7e	italic bold
entity.other.ng-binding-name	#b95f7e	italic
entity.name.label, punctuation.separator.label, punctuation.definition.template-expression, constant.character.format.placeholder, punctuation.section.embedded, punctuation.definition.interpolation, punctuation.definition.variable.shell, punctuation.definition.variable.shell variable.other.normal.shell, punctuation.definition.subshell, punctuation.definition.group.shell, punctuation.section.parenthese.shell, string.interpolated.process-substitution.shell, string.interpolated.process-substitution.shell punctuation.definition.string, support.function.construct.begin.blade, support.function.construct.end.blade, storage.type.generic.wildcard.java, meta.assertion.look-behind.regexp, string.other.link.title.markdown, comment.line.shebang, meta.shebang.shell	#b903b5
meta.assertion.negative-look-behind.regexp, meta.link.reference.markdown string.other.link.title.markdown, constant.other.reference.link.markdown	#b903b5	underline
meta.attribute.id string, entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition	#b903b5	italic
invalid.illegal, invalid.illegal.line-too-long.git-commit	#d40526	—
constant.other.caps.python, markup.bold.markdown	—	bold
markup.italic.markdown	—	italic
markup.italic.markdown markup.bold.markdown	—	italic bold
markup.underline.link.image.markdown, markup.underline.link.markdown	#66a0ff	underline
rainbow1	#ad0ee8	bold
keyword.rainbow2	#007de4	italic bold
entity.name.function.rainbow3	#009100	bold
comment.rainbow4	#988308	italic bold
string.rainbow5	#ca5b0e	bold
variable.parameter.rainbow6	#cb106e	italic bold
constant.numeric.rainbow7	#1698a3	bold
entity.name.type.rainbow8	#525252	italic bold
markup.bold.rainbow9	#b95f7e	bold
invalid.rainbow10	#b26f05	italic bold

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