ThemeDatabase All Themes
Publisher: enes ozturkThemes in package: 21943
One theme database to rule them all. All 22,037 ThemeDatabase themes in one VSIX package.
Loading theme
Loading theme
Loading theme
One theme database to rule them all. All 22,037 ThemeDatabase themes in one VSIX package.
Full workbench mockup using this variant's colors and tokenColors.
Loading...
Workbench UI color keys from the theme JSON colors map.
| key | HEX | RGB | RGBA |
|---|---|---|---|
activityBar.activeBackground | |||
activityBar.activeBorder |
Foregrounds this theme assigns to the token scope catalog. A rule with only a font style is skipped, and a longer matching scope wins. Italic and bold rules are not listed — the preview above shows them in the code.
| scope | HEX | RGB | RGBA |
|---|---|---|---|
comment | |||
comment.block |
activityBar.activeFocusBorder |
activityBar.background |
activityBar.border |
activityBar.dropBorder |
activityBar.foreground |
activityBar.inactiveForeground |
activityBarBadge.background |
activityBarBadge.foreground |
badge.background |
badge.foreground |
breadcrumb.activeSelectionForeground |
breadcrumb.background |
breadcrumb.focusForeground |
breadcrumb.foreground |
breadcrumbPicker.background |
button.background |
button.foreground |
button.hoverBackground |
button.secondaryBackground |
button.secondaryForeground |
button.secondaryHoverBackground |
charts.blue |
charts.foreground |
charts.green |
charts.lines |
charts.orange |
charts.purple |
charts.red |
charts.yellow |
checkbox.background |
checkbox.border |
checkbox.foreground |
debugConsole.errorForeground |
debugConsole.infoForeground |
debugConsole.sourceForeground |
debugConsole.warningForeground |
debugConsoleInputIcon.foreground |
debugExceptionWidget.background |
debugExceptionWidget.border |
debugIcon.breakpointCurrentStackframeForeground |
debugIcon.breakpointDisabledForeground |
debugIcon.breakpointForeground |
debugIcon.breakpointStackframeForeground |
debugIcon.breakpointUnverifiedForeground |
debugIcon.continueForeground |
debugIcon.disconnectForeground |
debugIcon.pauseForeground |
debugIcon.restartForeground |
debugIcon.startForeground |
debugIcon.stepBackForeground |
debugIcon.stepIntoForeground |
debugIcon.stepOutForeground |
debugIcon.stepOverForeground |
debugIcon.stopForeground |
debugTokenExpression.boolean |
debugTokenExpression.error |
debugTokenExpression.name |
debugTokenExpression.number |
debugTokenExpression.string |
debugTokenExpression.value |
debugToolBar.background |
debugToolBar.border |
debugView.exceptionLabelBackground |
debugView.exceptionLabelForeground |
debugView.stateLabelBackground |
debugView.stateLabelForeground |
debugView.valueChangedHighlight |
descriptionForeground |
diffEditor.border |
diffEditor.diagonalFill |
diffEditor.insertedTextBackground |
diffEditor.removedTextBackground |
dropdown.background |
dropdown.border |
dropdown.foreground |
dropdown.listBackground |
editor.background |
editor.findMatchBackground |
editor.findMatchHighlightBackground |
editor.findRangeHighlightBackground |
editor.focusedStackFrameHighlightBackground |
editor.foldBackground |
editor.foreground |
editor.hoverHighlightBackground |
editor.inactiveSelectionBackground |
editor.lineHighlightBackground |
editor.lineHighlightBorder |
editor.rangeHighlightBackground |
editor.selectionBackground |
editor.selectionForeground |
editor.selectionHighlightBackground |
editor.snippetFinalTabstopHighlightBackground |
editor.snippetTabstopHighlightBackground |
editor.stackFrameHighlightBackground |
editor.symbolHighlightBackground |
editor.wordHighlightBackground |
editor.wordHighlightStrongBackground |
editorBracketMatch.background |
editorBracketMatch.border |
editorCodeLens.foreground |
editorCursor.background |
editorCursor.foreground |
editorError.border |
editorError.foreground |
editorGroup.border |
editorGroup.dropBackground |
editorGroup.emptyBackground |
editorGroup.focusedEmptyBorder |
editorGroupHeader.border |
editorGroupHeader.noTabsBackground |
editorGroupHeader.tabsBackground |
editorGroupHeader.tabsBorder |
editorGutter.addedBackground |
editorGutter.background |
editorGutter.commentRangeForeground |
editorGutter.deletedBackground |
editorGutter.foldingControlForeground |
editorGutter.modifiedBackground |
editorHint.border |
editorHint.foreground |
editorHoverWidget.background |
editorHoverWidget.border |
editorHoverWidget.foreground |
editorHoverWidget.statusBarBackground |
editorIndentGuide.activeBackground |
editorIndentGuide.background |
editorInfo.border |
editorInfo.foreground |
editorLightBulb.foreground |
editorLightBulbAutoFix.foreground |
editorLineNumber.activeForeground |
editorLineNumber.foreground |
editorLink.activeForeground |
editorMarkerNavigation.background |
editorMarkerNavigationError.background |
editorMarkerNavigationInfo.background |
editorMarkerNavigationWarning.background |
editorOverviewRuler.addedForeground |
editorOverviewRuler.border |
editorOverviewRuler.bracketMatchForeground |
editorOverviewRuler.commonContentForeground |
editorOverviewRuler.currentContentForeground |
editorOverviewRuler.deletedForeground |
editorOverviewRuler.errorForeground |
editorOverviewRuler.findMatchForeground |
editorOverviewRuler.incomingContentForeground |
editorOverviewRuler.infoForeground |
editorOverviewRuler.modifiedForeground |
editorOverviewRuler.rangeHighlightForeground |
editorOverviewRuler.selectionHighlightForeground |
editorOverviewRuler.warningForeground |
editorOverviewRuler.wordHighlightForeground |
editorOverviewRuler.wordHighlightStrongForeground |
editorPane.background |
editorRuler.foreground |
editorSuggestWidget.background |
editorSuggestWidget.border |
editorSuggestWidget.foreground |
editorSuggestWidget.highlightForeground |
editorSuggestWidget.selectedBackground |
editorUnnecessaryCode.opacity |
editorWarning.border |
editorWarning.foreground |
editorWhitespace.foreground |
editorWidget.background |
editorWidget.border |
editorWidget.foreground |
editorWidget.resizeBorder |
errorForeground |
extensionBadge.remoteBackground |
extensionBadge.remoteForeground |
extensionButton.prominentBackground |
extensionButton.prominentForeground |
extensionButton.prominentHoverBackground |
focusBorder |
foreground |
gitDecoration.addedResourceForeground |
gitDecoration.conflictingResourceForeground |
gitDecoration.deletedResourceForeground |
gitDecoration.ignoredResourceForeground |
gitDecoration.modifiedResourceForeground |
gitDecoration.stageDeletedResourceForeground |
gitDecoration.stageModifiedResourceForeground |
gitDecoration.submoduleResourceForeground |
gitDecoration.untrackedResourceForeground |
icon.foreground |
imagePreview.border |
input.background |
input.border |
input.foreground |
input.placeholderForeground |
inputOption.activeBackground |
inputOption.activeBorder |
inputOption.activeForeground |
inputValidation.errorBackground |
inputValidation.errorBorder |
inputValidation.errorForeground |
inputValidation.infoBackground |
inputValidation.infoBorder |
inputValidation.infoForeground |
inputValidation.warningBackground |
inputValidation.warningBorder |
inputValidation.warningForeground |
list.activeSelectionBackground |
list.activeSelectionForeground |
list.deemphasizedForeground |
list.dropBackground |
list.errorForeground |
list.filterMatchBackground |
list.filterMatchBorder |
list.focusBackground |
list.focusForeground |
list.highlightForeground |
list.hoverBackground |
list.hoverForeground |
list.inactiveFocusBackground |
list.inactiveSelectionBackground |
list.inactiveSelectionForeground |
list.invalidItemForeground |
list.warningForeground |
listFilterWidget.background |
listFilterWidget.noMatchesOutline |
listFilterWidget.outline |
menu.background |
menu.foreground |
menu.selectionBackground |
menu.selectionForeground |
menu.separatorBackground |
menubar.selectionBackground |
menubar.selectionForeground |
merge.border |
merge.commonContentBackground |
merge.commonHeaderBackground |
merge.currentContentBackground |
merge.currentHeaderBackground |
merge.incomingContentBackground |
merge.incomingHeaderBackground |
minimap.background |
minimap.errorHighlight |
minimap.findMatchHighlight |
minimap.selectionHighlight |
minimap.warningHighlight |
minimapGutter.addedBackground |
minimapGutter.deletedBackground |
minimapGutter.modifiedBackground |
minimapSlider.activeBackground |
minimapSlider.background |
minimapSlider.hoverBackground |
notebook.cellBorderColor |
notebook.cellHoverBackground |
notebook.cellInsertionIndicator |
notebook.cellStatusBarItemHoverBackground |
notebook.cellToolbarSeparator |
notebook.focusedCellBackground |
notebook.focusedCellBorder |
notebook.focusedCellShadow |
notebook.focusedEditorBorder |
notebook.focusedRowBorder |
notebook.inactiveFocusedCellBorder |
notebook.outputContainerBackgroundColor |
notebook.rowHoverBackground |
notebook.selectedCellBorder |
notebook.symbolHighlightBackground |
notebookScrollbarSlider.activeBackground |
notebookScrollbarSlider.background |
notebookScrollbarSlider.hoverBackground |
notebookStatusErrorIcon.foreground |
notebookStatusRunningIcon.foreground |
notebookStatusSuccessIcon.foreground |
notificationCenterHeader.background |
notificationCenterHeader.foreground |
notificationLink.foreground |
notifications.background |
notifications.border |
notifications.foreground |
notificationsErrorIcon.foreground |
notificationsInfoIcon.foreground |
notificationsWarningIcon.foreground |
notificationToast.border |
panel.background |
panel.border |
panel.dropBorder |
panelSection.border |
panelSection.dropBackground |
panelSectionHeader.background |
panelSectionHeader.border |
panelSectionHeader.foreground |
panelTitle.activeBorder |
panelTitle.activeForeground |
panelTitle.inactiveForeground |
peekView.border |
peekViewEditor.background |
peekViewEditor.matchHighlightBackground |
peekViewEditorGutter.background |
peekViewResult.background |
peekViewResult.fileForeground |
peekViewResult.lineForeground |
peekViewResult.matchHighlightBackground |
peekViewResult.selectionBackground |
peekViewResult.selectionForeground |
peekViewTitle.background |
peekViewTitleDescription.foreground |
peekViewTitleLabel.foreground |
pickerGroup.border |
pickerGroup.foreground |
problemsErrorIcon.foreground |
problemsInfoIcon.foreground |
problemsWarningIcon.foreground |
progressBar.background |
quickInput.background |
quickInput.foreground |
quickInputTitle.background |
sash.hoverBorder |
scm.providerBorder |
scrollbar.shadow |
scrollbarSlider.activeBackground |
scrollbarSlider.background |
scrollbarSlider.hoverBackground |
selection.background |
settings.checkboxBackground |
settings.checkboxBorder |
settings.checkboxForeground |
settings.dropdownBackground |
settings.dropdownForeground |
settings.dropdownListBorder |
settings.focusedRowBackground |
settings.headerForeground |
settings.modifiedItemIndicator |
settings.numberInputBackground |
settings.numberInputForeground |
settings.textInputBackground |
settings.textInputForeground |
sideBar.background |
sideBar.border |
sideBar.dropBackground |
sideBar.foreground |
sideBarSectionHeader.background |
sideBarSectionHeader.border |
sideBarSectionHeader.foreground |
sideBarTitle.foreground |
statusBar.background |
statusBar.border |
statusBar.debuggingBackground |
statusBar.debuggingBorder |
statusBar.debuggingForeground |
statusBar.foreground |
statusBar.noFolderBackground |
statusBar.noFolderBorder |
statusBar.noFolderForeground |
statusBarItem.activeBackground |
statusBarItem.errorBackground |
statusBarItem.errorForeground |
statusBarItem.hoverBackground |
statusBarItem.prominentBackground |
statusBarItem.prominentHoverBackground |
statusBarItem.remoteBackground |
statusBarItem.remoteForeground |
symbolIcon.arrayForeground |
symbolIcon.booleanForeground |
symbolIcon.classForeground |
symbolIcon.colorForeground |
symbolIcon.constantForeground |
symbolIcon.constructorForeground |
symbolIcon.enumeratorForeground |
symbolIcon.enumeratorMemberForeground |
symbolIcon.eventForeground |
symbolIcon.fieldForeground |
symbolIcon.fileForeground |
symbolIcon.folderForeground |
symbolIcon.functionForeground |
symbolIcon.interfaceForeground |
symbolIcon.keyForeground |
symbolIcon.keywordForeground |
symbolIcon.methodForeground |
symbolIcon.moduleForeground |
symbolIcon.namespaceForeground |
symbolIcon.nullForeground |
symbolIcon.numberForeground |
symbolIcon.objectForeground |
symbolIcon.operatorForeground |
symbolIcon.packageForeground |
symbolIcon.propertyForeground |
symbolIcon.referenceForeground |
symbolIcon.snippetForeground |
symbolIcon.stringForeground |
symbolIcon.structForeground |
symbolIcon.textForeground |
symbolIcon.typeParameterForeground |
symbolIcon.unitForeground |
symbolIcon.variableForeground |
tab.activeBackground |
tab.activeForeground |
tab.activeModifiedBorder |
tab.border |
tab.hoverBackground |
tab.hoverForeground |
tab.inactiveBackground |
tab.inactiveForeground |
tab.inactiveModifiedBorder |
tab.lastPinnedBorder |
tab.unfocusedActiveBackground |
tab.unfocusedActiveForeground |
tab.unfocusedActiveModifiedBorder |
tab.unfocusedHoverBackground |
tab.unfocusedHoverForeground |
tab.unfocusedInactiveBackground |
tab.unfocusedInactiveForeground |
tab.unfocusedInactiveModifiedBorder |
terminal.ansiBlack |
terminal.ansiBlue |
terminal.ansiBrightBlack |
terminal.ansiBrightBlue |
terminal.ansiBrightCyan |
terminal.ansiBrightGreen |
terminal.ansiBrightMagenta |
terminal.ansiBrightRed |
terminal.ansiBrightWhite |
terminal.ansiBrightYellow |
terminal.ansiCyan |
terminal.ansiGreen |
terminal.ansiMagenta |
terminal.ansiRed |
terminal.ansiWhite |
terminal.ansiYellow |
terminal.background |
terminal.foreground |
terminal.selectionBackground |
terminalCursor.background |
terminalCursor.foreground |
testing.iconErrored |
testing.iconFailed |
testing.iconPassed |
testing.iconQueued |
testing.iconSkipped |
testing.iconUnset |
testing.message.error.decorationForeground |
testing.message.error.lineBackground |
testing.message.hint.decorationForeground |
testing.message.hint.lineBackground |
testing.message.info.decorationForeground |
testing.message.info.lineBackground |
testing.message.warning.decorationForeground |
testing.message.warning.lineBackground |
testing.peekBorder |
testing.runAction |
textBlockQuote.background |
textBlockQuote.border |
textCodeBlock.background |
textLink.activeForeground |
textLink.foreground |
textPreformat.foreground |
textSeparator.foreground |
titleBar.activeBackground |
titleBar.activeForeground |
titleBar.inactiveBackground |
titleBar.inactiveForeground |
tree.indentGuidesStroke |
walkThrough.embeddedEditorBackground |
welcomePage.background |
welcomePage.buttonBackground |
welcomePage.buttonHoverBackground |
welcomePage.progress.background |
welcomePage.progress.foreground |
widget.shadow |
comment.block.documentation |
comment.line |
constant |
constant.character |
constant.character.escape |
constant.numeric |
constant.numeric.integer |
constant.numeric.float |
constant.numeric.hex |
constant.numeric.octal |
constant.other |
constant.other.placeholder |
constant.regexp |
constant.rgb-value |
entity |
entity.name |
entity.name.class |
entity.name.function |
entity.name.method |
entity.name.namespace |
entity.name.section |
entity.name.selector |
entity.name.tag |
entity.name.type |
entity.name.type.enum |
entity.name.type.interface |
entity.name.type.struct |
entity.other |
entity.other.attribute-name |
entity.other.inherited-class |
invalid |
invalid.deprecated |
invalid.illegal |
keyword |
keyword.control |
keyword.control.flow |
keyword.operator |
keyword.operator.new |
keyword.operator.assignment |
keyword.operator.arithmetic |
keyword.operator.logical |
keyword.other |
markup |
markup.changed |
markup.deleted |
markup.heading |
markup.inserted |
markup.list |
markup.list.numbered |
markup.list.unnumbered |
markup.raw |
markup.underline |
markup.underline.link |
storage |
storage.modifier |
storage.type |
string |
string.interpolated |
string.other |
string.quoted |
string.quoted.double |
string.quoted.other |
string.quoted.single |
string.quoted.triple |
string.regexp |
string.template |
string.unquoted |
support |
support.class |
support.constant |
support.function |
support.other |
support.type |
support.type.primitive |
support.type.property-name |
support.variable |
variable |
variable.function |
variable.language |
variable.name |
variable.other |
variable.other.constant |
variable.other.property |
variable.other.readwrite |
variable.parameter |
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}!`;
}