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_YellowGreen

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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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