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_Gold

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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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