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_DarkSalmon

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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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