OhLED Themes (142-in-1)

Name: OhLED Themes (142-in-1)
Author: Ophuscado

Publisher: OphuscadoThemes in package: 142

The OhLED Themes (142-in-1) for VSCode are inspired by the classic CRT monitors of yesteryear, specially crafted for the modern OLED displays of today.

GitHub

Color themes

VS Code preview

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

OhLED Themes (142-in-1) — OhLED_AntiqueWhite

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#FAEBD788
activityBar.activeBorder#FAEBD788
activityBar.activeFocusBorder#FAEBD788
activityBar.background#000000
activityBar.border#FAEBD788
activityBar.dropBorder#FAEBD788
activityBar.foreground#FAEBD7
activityBar.inactiveForeground#FAEBD788
activityBarBadge.background#FAEBD7
activityBarBadge.foreground#000000
badge.background#000000
badge.foreground#FAEBD7
breadcrumb.activeSelectionForeground#FAEBD7
breadcrumb.background#000000
breadcrumb.focusForeground#FAEBD7
breadcrumb.foreground#FAEBD788
breadcrumbPicker.background#000000
button.background#000000
button.foreground#FAEBD7
button.hoverBackground#FAEBD788
checkbox.background#000000
checkbox.border#FAEBD788
checkbox.foreground#FAEBD7
debugConsole.errorForeground#FAEBD7
debugConsole.infoForeground#FAEBD7
debugConsole.sourceForeground#FAEBD7
debugConsole.warningForeground#FAEBD7
debugConsoleInputIcon.foreground#FAEBD7
debugExceptionWidget.background#000000
debugExceptionWidget.border#FAEBD788
debugIcon.breakpointCurrentStackframeForeground#FAEBD7
debugIcon.breakpointDisabledForeground#FAEBD733
debugIcon.breakpointForeground#FAEBD7
debugIcon.breakpointStackframeForeground#FAEBD7
debugIcon.breakpointUnverifiedForeground#FAEBD7
debugIcon.continueForeground#FAEBD7
debugIcon.disconnectForeground#FAEBD7
debugIcon.pauseForeground#FAEBD7
debugIcon.restartForeground#FAEBD7
debugIcon.startForeground#FAEBD7
debugIcon.stepBackForeground#FAEBD7
debugIcon.stepIntoForeground#FAEBD7
debugIcon.stepOutForeground#FAEBD7
debugIcon.stepOverForeground#FAEBD7
debugIcon.stopForeground#FAEBD7
debugTokenExpression.boolean#FAEBD7
debugTokenExpression.error#FAEBD7
debugTokenExpression.name#FAEBD7
debugTokenExpression.number#FAEBD7
debugTokenExpression.string#FAEBD7
debugTokenExpression.value#FAEBD7
debugToolBar.background#000000
debugToolBar.border#FAEBD788
debugView.exceptionLabelBackground#000000
debugView.exceptionLabelForeground#FAEBD7
debugView.stateLabelBackground#000000
debugView.stateLabelForeground#FAEBD7
debugView.valueChangedHighlight#FAEBD788
descriptionForeground#FAEBD7
diffEditor.border#FAEBD788
diffEditor.diagonalFill#FAEBD711
diffEditor.insertedTextBackground#FAEBD733
diffEditor.removedTextBackground#FAEBD733
dropdown.background#000000
dropdown.border#FAEBD788
dropdown.foreground#FAEBD7
dropdown.listBackground#000000
editor.background#000000
editor.findMatchBackground#FAEBD788
editor.findMatchBorder#FAEBD788
editor.findMatchHighlightBackground#000000
editor.findMatchHighlightBorder#FAEBD788
editor.findRangeHighlightBackground#000000
editor.findRangeHighlightBorder#FAEBD788
editor.focusedStackFrameHighlightBackground#000000
editor.foldBackground#000000
editor.foreground#FAEBD7
editor.hoverHighlightBackground#322f2bff
editor.inactiveSelectionBackground#000000
editor.lineHighlightBackground#FAEBD711
editor.rangeHighlightBackground#000000
editor.rangeHighlightBorder#FAEBD788
editor.selectionBackground#FAEBD733
editor.selectionForeground#FAEBD7
editor.selectionHighlightBackground#000000
editor.selectionHighlightBorder#FAEBD788
editor.snippetFinalTabstopHighlightBackground#000000
editor.snippetFinalTabstopHighlightBorder#FAEBD788
editor.snippetTabstopHighlightBackground#000000
editor.snippetTabstopHighlightBorder#FAEBD788
editor.stackFrameHighlightBackground#000000
editor.symbolHighlightBackground#FAEBD733
editor.symbolHighlightBorder#FAEBD788
editor.wordHighlightBackground#FAEBD733
editor.wordHighlightBorder#FAEBD788
editor.wordHighlightStrongBackground#FAEBD788
editor.wordHighlightStrongBorder#FAEBD788
editorBracketMatch.background#000000
editorBracketMatch.border#FAEBD788
editorCodeLens.foreground#FAEBD7
editorCursor.background#000000
editorCursor.foreground#FAEBD7
editorError.border#FAEBD788
editorError.foreground#FAEBD7
editorGroup.border#FAEBD788
editorGroup.dropBackground#FAEBD733
editorGroup.emptyBackground#000000
editorGroup.focusedEmptyBorder#FAEBD788
editorGroupHeader.border#FAEBD788
editorGroupHeader.noTabsBackground#000000
editorGroupHeader.tabsBackground#000000
editorGroupHeader.tabsBorder#FAEBD788
editorGutter.addedBackground#FAEBD733
editorGutter.background#000000
editorGutter.commentRangeForeground#FAEBD733
editorGutter.deletedBackground#FAEBD733
editorGutter.foldingControlForeground#FAEBD788
editorGutter.modifiedBackground#FAEBD733
editorHint.border#FAEBD788
editorHint.foreground#FAEBD7
editorHoverWidget.background#322f2bff
editorHoverWidget.border#FAEBD788
editorHoverWidget.foreground#FAEBD7
editorHoverWidget.statusBarBackground#FAEBD733
editorIndentGuide.activeBackground#FAEBD733
editorIndentGuide.background#FAEBD711
editorInfo.border#FAEBD788
editorInfo.foreground#FAEBD7
editorLightBulb.foreground#FAEBD788
editorLightBulbAutoFix.foreground#FAEBD788
editorLineNumber.activeForeground#FAEBD7
editorLineNumber.foreground#FAEBD733
editorLink.activeForeground#FAEBD7
editorMarkerNavigation.background#FAEBD733
editorMarkerNavigationError.background#FAEBD733
editorMarkerNavigationInfo.background#FAEBD733
editorMarkerNavigationWarning.background#FAEBD733
editorOverviewRuler.addedForeground#FAEBD733
editorOverviewRuler.background#000000
editorOverviewRuler.border#FAEBD788
editorOverviewRuler.bracketMatchForeground#FAEBD733
editorOverviewRuler.commonContentForeground#FAEBD733
editorOverviewRuler.currentContentForeground#FAEBD733
editorOverviewRuler.deletedForeground#FAEBD733
editorOverviewRuler.errorForeground#FAEBD788
editorOverviewRuler.findMatchForeground#FAEBD733
editorOverviewRuler.incomingContentForeground#FAEBD733
editorOverviewRuler.infoForeground#FAEBD733
editorOverviewRuler.modifiedForeground#FAEBD733
editorOverviewRuler.rangeHighlightForeground#FAEBD733
editorOverviewRuler.selectionHighlightForeground#FAEBD733
editorOverviewRuler.warningForeground#FAEBD733
editorOverviewRuler.wordHighlightForeground#FAEBD733
editorOverviewRuler.wordHighlightStrongForeground#FAEBD733
editorPane.background#FAEBD733
editorRuler.foreground#FAEBD7
editorSuggestWidget.background#000000
editorSuggestWidget.border#FAEBD788
editorSuggestWidget.foreground#FAEBD7
editorSuggestWidget.highlightForeground#FAEBD7
editorSuggestWidget.selectedBackground#FAEBD788
editorUnnecessaryCode.border#FAEBD788
editorUnnecessaryCode.opacity#FAEBD733
editorWarning.border#FAEBD788
editorWarning.foreground#FAEBD7
editorWhitespace.foreground#FAEBD733
editorWidget.background#000000
editorWidget.border#FAEBD788
editorWidget.foreground#FAEBD7
editorWidget.resizeBorder#FAEBD788
errorForeground#FAEBD7
extensionBadge.remoteBackground#000000
extensionBadge.remoteForeground#FAEBD7
extensionButton.prominentBackground#000000
extensionButton.prominentForeground#FAEBD7
extensionButton.prominentHoverBackground#000000
focusBorder#FAEBD788
foreground#FAEBD7
gitDecoration.addedResourceForeground#FAEBD7
gitDecoration.conflictingResourceForeground#FAEBD7
gitDecoration.deletedResourceForeground#FAEBD7
gitDecoration.ignoredResourceForeground#FAEBD788
gitDecoration.modifiedResourceForeground#FAEBD7
gitDecoration.submoduleResourceForeground#FAEBD7
gitDecoration.untrackedResourceForeground#FAEBD7
icon.foreground#FAEBD7
imagePreview.border#FAEBD788
input.background#000000
input.border#FAEBD788
input.foreground#FAEBD7
input.placeholderForeground#FAEBD788
inputOption.activeBackground#FAEBD733
inputOption.activeBorder#FAEBD788
inputOption.activeForeground#FAEBD788
inputValidation.errorBackground#000000
inputValidation.errorBorder#FAEBD788
inputValidation.errorForeground#FAEBD7
inputValidation.infoBackground#000000
inputValidation.infoBorder#FAEBD788
inputValidation.infoForeground#FAEBD7
inputValidation.warningBackground#000000
inputValidation.warningBorder#FAEBD788
inputValidation.warningForeground#FAEBD7
list.activeSelectionBackground#FAEBD7
list.activeSelectionForeground#000000
list.deemphasizedForeground#FAEBD788
list.dropBackground#FAEBD733
list.errorForeground#FAEBD7
list.filterMatchBackground#000000
list.filterMatchBorder#FAEBD788
list.focusBackground#FAEBD788
list.focusForeground#FAEBD7
list.highlightForeground#FAEBD7
list.hoverBackground#FAEBD788
list.hoverForeground#FAEBD7
list.inactiveFocusBackground#FAEBD733
list.inactiveSelectionBackground#FAEBD733
list.inactiveSelectionForeground#FAEBD7
list.invalidItemForeground#FAEBD7
list.warningForeground#FAEBD7
listFilterWidget.background#000000
listFilterWidget.noMatchesOutline#FAEBD788
listFilterWidget.outline#FAEBD7
menu.background#000000
menu.border#FAEBD788
menu.foreground#FAEBD7
menu.selectionBackground#FAEBD788
menu.selectionBorder#FAEBD788
menu.selectionForeground#000000
menu.separatorBackground#FAEBD788
menubar.selectionBackground#FAEBD733
menubar.selectionBorder#FAEBD788
menubar.selectionForeground#FAEBD7
merge.border#FAEBD788
merge.commonContentBackground#000000
merge.commonHeaderBackground#000000
merge.currentContentBackground#000000
merge.currentHeaderBackground#000000
merge.incomingContentBackground#000000
merge.incomingHeaderBackground#000000
minimap.background#000000
minimap.errorHighlight#FAEBD788
minimap.findMatchHighlight#FAEBD788
minimap.selectionHighlight#FAEBD788
minimap.warningHighlight#FAEBD788
minimapGutter.addedBackground#FAEBD733
minimapGutter.deletedBackground#FAEBD733
minimapGutter.modifiedBackground#FAEBD733
minimapSlider.activeBackground#FAEBD733
minimapSlider.background#FAEBD711
minimapSlider.hoverBackground#FAEBD711
notebook.cellBorderColor#FAEBD788
notebook.cellStatusBarItemHoverBackground#FAEBD711
notebook.cellToolbarSeperator#FAEBD788
notebook.focusedCellIndicator#FAEBD733
notebook.outputContainerBackgroundColor#000000
notebookStatusErrorIcon.foreground#ff0000
notebookStatusRunningIcon.foreground#ff0000
notebookStatusSuccessIcon.foreground#ff0000
notificationCenter.border#FAEBD788
notificationCenterHeader.background#000000
notificationCenterHeader.foreground#FAEBD7
notificationLink.foreground#FAEBD7
notifications.background#000000
notifications.border#FAEBD788
notifications.foreground#FAEBD7
notificationsErrorIcon.foreground#FAEBD7
notificationsInfoIcon.foreground#FAEBD7
notificationsWarningIcon.foreground#FAEBD7
notificationToast.border#FAEBD788
panel.background#000000
panel.border#FAEBD788
panel.dropBorder#FAEBD7
panelInput.border#FAEBD788
panelSection.border#FAEBD788
panelSection.dropBackground#FAEBD711
panelSectionHeader.background#000000
panelSectionHeader.border#FAEBD788
panelSectionHeader.foreground#FAEBD7
panelTitle.activeBorder#FAEBD788
panelTitle.activeForeground#FAEBD7
panelTitle.inactiveForeground#FAEBD788
peekView.border#FAEBD788
peekViewEditor.background#000000
peekViewEditor.matchHighlightBackground#000000
peekViewEditor.matchHighlightBorder#FAEBD788
peekViewEditorGutter.background#000000
peekViewResult.background#000000
peekViewResult.fileForeground#FAEBD7
peekViewResult.lineForeground#FAEBD7
peekViewResult.matchHighlightBackground#000000
peekViewResult.selectionBackground#000000
peekViewResult.selectionForeground#FAEBD7
peekViewTitle.background#000000
peekViewTitleDescription.foreground#FAEBD7
peekViewTitleLabel.foreground#FAEBD7
pickerGroup.border#FAEBD788
pickerGroup.foreground#FAEBD7
problemsErrorIcon.foreground#FAEBD7
problemsInfoIcon.foreground#FAEBD7
problemsWarningIcon.foreground#FAEBD7
progressBar.background#FAEBD788
quickInput.background#000000
quickInput.foreground#FAEBD7
quickInputTitle.background#000000
scrollbar.shadow#FAEBD733
scrollbarSlider.activeBackground#FAEBD733
scrollbarSlider.background#FAEBD733
scrollbarSlider.hoverBackground#FAEBD733
searchEditor.findMatchBackground#000000
searchEditor.findMatchBorder#FAEBD788
searchEditor.textInputBorder#FAEBD788
selection.background#FAEBD788
settings.checkboxBackground#000000
settings.checkboxBorder#FAEBD788
settings.checkboxForeground#FAEBD7
settings.dropdownBackground#000000
settings.dropdownBorder#FAEBD788
settings.dropdownForeground#FAEBD7
settings.dropdownListBorder#FAEBD788
settings.headerForeground#FAEBD7
settings.modifiedItemIndicator#FAEBD788
settings.numberInputBackground#000000
settings.numberInputBorder#FAEBD788
settings.numberInputForeground#FAEBD7
settings.textInputBackground#000000
settings.textInputBorder#FAEBD788
settings.textInputForeground#FAEBD7
sideBar.background#000000
sideBar.border#FAEBD788
sideBar.dropBackground#FAEBD733
sideBar.foreground#FAEBD7
sideBarSectionHeader.background#FAEBD733
sideBarSectionHeader.border#FAEBD788
sideBarSectionHeader.foreground#FAEBD7
sideBarTitle.foreground#FAEBD7
statusBar.background#FAEBD733
statusBar.border#FAEBD788
statusBar.debuggingBackground#FAEBD7
statusBar.debuggingBorder#FAEBD788
statusBar.debuggingForeground#000000
statusBar.foreground#FAEBD7
statusBar.noFolderBackground#000000
statusBar.noFolderBorder#FAEBD788
statusBar.noFolderForeground#FAEBD7
statusBarItem.activeBackground#000000
statusBarItem.hoverBackground#000000
statusBarItem.prominentBackground#000000
statusBarItem.prominentForeground#FAEBD7
statusBarItem.prominentHoverBackground#000000
statusBarItem.remoteBackground#000000
statusBarItem.remoteForeground#FAEBD7
symbolIcon.arrayForeground#FAEBD7
symbolIcon.booleanForeground#FAEBD7
symbolIcon.classForeground#FAEBD7
symbolIcon.colorForeground#FAEBD7
symbolIcon.constantForeground#FAEBD7
symbolIcon.constructorForeground#FAEBD7
symbolIcon.enumeratorForeground#FAEBD7
symbolIcon.enumeratorMemberForeground#FAEBD7
symbolIcon.eventForeground#FAEBD7
symbolIcon.fieldForeground#FAEBD7
symbolIcon.fileForeground#FAEBD7
symbolIcon.folderForeground#FAEBD7
symbolIcon.functionForeground#FAEBD7
symbolIcon.interfaceForeground#FAEBD7
symbolIcon.keyForeground#FAEBD7
symbolIcon.keywordForeground#FAEBD7
symbolIcon.methodForeground#FAEBD7
symbolIcon.moduleForeground#FAEBD7
symbolIcon.namespaceForeground#FAEBD7
symbolIcon.nullForeground#FAEBD7
symbolIcon.numberForeground#FAEBD7
symbolIcon.objectForeground#FAEBD7
symbolIcon.operatorForeground#FAEBD7
symbolIcon.packageForeground#FAEBD7
symbolIcon.propertyForeground#FAEBD7
symbolIcon.referenceForeground#FAEBD7
symbolIcon.snippetForeground#FAEBD7
symbolIcon.stringForeground#FAEBD7
symbolIcon.structForeground#FAEBD7
symbolIcon.textForeground#FAEBD7
symbolIcon.typeParameterForeground#FAEBD7
symbolIcon.unitForeground#FAEBD7
symbolIcon.variableForeground#FAEBD7
tab.activeBackground#FAEBD733
tab.activeBorder#000000
tab.activeBorderTop#000000
tab.activeForeground#FAEBD7
tab.activeModifiedBorder#FAEBD788
tab.border#000000
tab.hoverBackground#FAEBD733
tab.hoverBorder#FAEBD788
tab.hoverForeground#FAEBD788
tab.inactiveBackground#000000
tab.inactiveForeground#FAEBD788
tab.inactiveModifiedBorder#000000
tab.unfocusedActiveBackground#FAEBD733
tab.unfocusedActiveBorder#000000
tab.unfocusedActiveBorderTop#000000
tab.unfocusedActiveForeground#FAEBD7
tab.unfocusedActiveModifiedBorder#000000
tab.unfocusedHoverBackground#FAEBD733
tab.unfocusedHoverBorder#000000
tab.unfocusedHoverForeground#FAEBD733
tab.unfocusedInactiveBackground#000000
tab.unfocusedInactiveForeground#FAEBD788
tab.unfocusedInactiveModifiedBorder#000000
terminal.ansiBlack#faebd7ff
terminal.ansiBlue#e9dbc9ff
terminal.ansiBrightBlack#faebd7ff
terminal.ansiBrightBlue#e9dbc9ff
terminal.ansiBrightCyan#a79d8fff
terminal.ansiBrightGreen#c8bcacff
terminal.ansiBrightMagenta#d9ccbaff
terminal.ansiBrightRed#b7ac9eff
terminal.ansiBrightWhite#857d73ff
terminal.ansiBrightYellow#968d81ff
terminal.ansiCyan#a79d8fff
terminal.ansiGreen#c8bcacff
terminal.ansiMagenta#d9ccbaff
terminal.ansiRed#b7ac9eff
terminal.ansiWhite#857d73ff
terminal.ansiYellow#968d81ff
terminal.background#000000
terminal.border#FAEBD788
terminal.foreground#FAEBD7
terminal.selectionBackground#FAEBD733
terminalCursor.background#000000
terminalCursor.foreground#FAEBD7
textBlockQuote.background#000000
textBlockQuote.border#FAEBD788
textCodeBlock.background#000000
textLink.activeForeground#FAEBD7
textLink.foreground#FAEBD788
textPreformat.foreground#FAEBD7
textSeparator.foreground#FAEBD7
titleBar.activeBackground#000000
titleBar.activeForeground#FAEBD7
titleBar.border#FAEBD788
titleBar.inactiveBackground#000000
titleBar.inactiveForeground#FAEBD7
tree.indentGuidesStroke#FAEBD788
walkThrough.embeddedEditorBackground#000000
welcomePage.background#000000
welcomePage.buttonBackground#000000
welcomePage.buttonHoverBackground#000000
widget.shadow#FAEBD733
window.activeBorder#FAEBD788
window.inactiveBorder#FAEBD733

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#FAEBD788	—
keyword, storage	#FAEBD788	—
entity, strong	—	bold
invalid	#FAEBD788	italic underline

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