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.

Open in VS Code GitHub

Color themes

VS Code preview

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

OhLED Themes (142-in-1) — OhLED_LightSalmon

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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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