Retro Terminal Theme

Name: Retro Terminal Theme
Author: LowEntropy

Publisher: LowEntropyThemes in package: 6

A family of readable dark VS Code themes inspired by amber, green, and blue retro terminals.

Open in VS Code

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Retro Terminal Theme — Retro Terminal Green

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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}!`;
}

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...
~/my-project $

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#49EB6C
activityBar.background#010401
activityBar.foreground#F0FFE9
activityBar.inactiveForeground#A6C9AA
activityBarBadge.background#49EB6C
activityBarBadge.foreground#010401
badge.background#49EB6C
badge.foreground#010401
button.background#49EB6C
button.foreground#010401
button.hoverBackground#59FF79
button.secondaryBackground#071309
button.secondaryForeground#F0FFE9
descriptionForeground#A6C9AA
diffEditor.insertedLineBackground#70FF8C12
diffEditor.insertedTextBackground#70FF8C22
diffEditor.removedLineBackground#FF817612
diffEditor.removedTextBackground#FF817622
disabledForeground#A6C9AA99
dropdown.background#071309
dropdown.border#3F7A48
dropdown.foreground#F0FFE9
editor.background#020803
editor.findMatchBackground#49EB6C55
editor.findMatchBorder#49EB6C
editor.findMatchHighlightBackground#FFE16F2E
editor.foreground#F0FFE9
editor.inactiveSelectionBackground#28774245
editor.lineHighlightBackground#0B3214
editor.lineHighlightBorder#00000000
editor.selectionBackground#28774282
editor.selectionHighlightBackground#49EB6C22
editor.wordHighlightBackground#49EB6C20
editor.wordHighlightStrongBackground#E8FFAF24
editorBracketMatch.background#49EB6C24
editorBracketMatch.border#A8FFBB
editorCursor.foreground#49EB6C
editorError.foreground#FF716B
editorGroupHeader.tabsBackground#010401
editorGroupHeader.tabsBorder#3F7A48
editorGutter.addedBackground#70FF8C
editorGutter.background#020803
editorGutter.deletedBackground#FF8176
editorGutter.modifiedBackground#E7E477
editorHint.foreground#A6C9AA
editorHoverWidget.background#071309
editorHoverWidget.border#3F7A48
editorIndentGuide.activeBackground1#A6C9AA
editorIndentGuide.background1#3F7A4870
editorInfo.foreground#8DE8CE
editorLineNumber.activeForeground#F0FFE9
editorLineNumber.foreground#638F69
editorRuler.foreground#3F7A4870
editorSuggestWidget.background#071309
editorSuggestWidget.border#3F7A48
editorSuggestWidget.foreground#F0FFE9
editorSuggestWidget.highlightForeground#49EB6C
editorSuggestWidget.selectedBackground#0B3214
editorWarning.foreground#FFE16F
editorWhitespace.foreground#638F6970
editorWidget.background#071309
editorWidget.border#3F7A48
editorWidget.foreground#F0FFE9
errorForeground#FF716B
focusBorder#49EB6C
foreground#F0FFE9
gitDecoration.addedResourceForeground#70FF8C
gitDecoration.deletedResourceForeground#FF8176
gitDecoration.ignoredResourceForeground#8CAF8F
gitDecoration.modifiedResourceForeground#E7E477
gitDecoration.untrackedResourceForeground#70FF8C
icon.foreground#A6C9AA
input.background#010401
input.border#3F7A48
input.foreground#F0FFE9
input.placeholderForeground#A6C9AA
inputOption.activeBorder#49EB6C
inputValidation.errorBorder#FF716B
inputValidation.infoBorder#8DE8CE
inputValidation.warningBorder#FFE16F
list.activeSelectionBackground#0B3214
list.activeSelectionForeground#F0FFE9
list.focusAndSelectionOutline#49EB6C
list.hoverBackground#071309
list.inactiveSelectionBackground#071309
menu.background#071309
menu.border#3F7A48
menu.foreground#F0FFE9
menu.selectionBackground#0B3214
menu.selectionForeground#F0FFE9
panel.background#010401
panel.border#3F7A48
panelTitle.activeBorder#49EB6C
panelTitle.activeForeground#F0FFE9
panelTitle.inactiveForeground#A6C9AA
peekView.border#49EB6C
peekViewEditor.background#010401
peekViewEditor.matchHighlightBackground#FFE16F35
peekViewResult.background#050D06
peekViewResult.matchHighlightBackground#49EB6C35
peekViewResult.selectionBackground#0B3214
peekViewTitle.background#071309
progressBar.background#49EB6C
scrollbar.shadow#010401
scrollbarSlider.activeBackground#49EB6C70
scrollbarSlider.background#A6C9AA35
scrollbarSlider.hoverBackground#A6C9AA55
sideBar.background#050D06
sideBar.border#3F7A48
sideBar.foreground#F0FFE9
sideBarSectionHeader.background#071309
sideBarSectionHeader.foreground#F0FFE9
sideBarTitle.foreground#F0FFE9
statusBar.background#050D06
statusBar.border#3F7A48
statusBar.debuggingBackground#E7E477
statusBar.debuggingForeground#010401
statusBar.foreground#F0FFE9
statusBar.noFolderBackground#071309
tab.activeBackground#020803
tab.activeBorderTop#49EB6C
tab.activeForeground#F0FFE9
tab.border#3F7A48
tab.inactiveBackground#050D06
tab.inactiveForeground#A6C9AA
terminal.ansiBlack#010401
terminal.ansiBlue#8DE8CE
terminal.ansiBrightBlack#638F69
terminal.ansiBrightBlue#59FF79
terminal.ansiBrightCyan#A8FFBB
terminal.ansiBrightGreen#FFE16F
terminal.ansiBrightMagenta#CAF6CF
terminal.ansiBrightRed#FF8176
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#B9F6C7
terminal.ansiCyan#E8FFAF
terminal.ansiGreen#70FF8C
terminal.ansiMagenta#FF9878
terminal.ansiRed#FF716B
terminal.ansiWhite#F0FFE9
terminal.ansiYellow#FFE16F
terminal.background#010401
terminal.foreground#F0FFE9
terminalCursor.foreground#49EB6C
textLink.activeForeground#E8FFAF
textLink.foreground#49EB6C
titleBar.activeBackground#010401
titleBar.activeForeground#F0FFE9
titleBar.border#3F7A48
titleBar.inactiveBackground#010401
titleBar.inactiveForeground#A6C9AA

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#8CAF8F	italic
string, string.quoted, string.template, punctuation.definition.string	#FFE16F	—
constant.numeric, constant.language, constant.character, constant.other	#FF9878	—
keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new	#59FF79	—
keyword.operator, punctuation.separator, punctuation.accessor, punctuation.definition.tag	#A8FFBB	—
entity.name.function, support.function, meta.function-call, variable.function	#E8FFAF	—
entity.name.type, entity.name.class, entity.name.interface, support.type, support.class	#B9F6C7	—
variable.parameter, meta.function.parameters variable	#EFF8EB	—
variable.other.property, meta.object-literal.key, support.variable.property, entity.other.attribute-name	#CAF6CF	—
variable, variable.other, identifier	#F0FFE9	—
entity.name.tag, meta.tag	#59FF79	—
invalid, invalid.illegal, invalid.deprecated	#FF716B	underline
markup.heading, entity.name.section	#E8FFAF	bold
markup.bold	#B9F6C7	bold
markup.italic	#CAF6CF	italic
markup.underline.link, string.other.link	#49EB6C	underline
markup.inserted	#70FF8C	—
markup.changed	#E7E477	—
markup.deleted	#FF8176	—