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_BlanchedAlmond

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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#FFEBCD88	—
keyword, storage	#FFEBCD88	—
entity, strong	—	bold
invalid	#FFEBCD88	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}!`;
}