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_Coral

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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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