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_LimeGreen

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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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