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_Pink

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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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