Turbo C++

Name: Turbo C++
Author: Vortek Labs

Publisher: Vortek LabsThemes in package: 2

A faithful recreation of the Borland Turbo C++ IDE color scheme from the DOS era. Includes classic blue and dark mode variants.

Color themes

VS Code preview

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

Turbo C++ — Turbo C++ Dark

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#0C0C0C
activityBar.border#1A1A1A
activityBar.foreground#FFFF55
activityBar.inactiveForeground#555555
activityBarBadge.background#AA0000
activityBarBadge.foreground#FFFFFF
badge.background#AA0000
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#FFFFFF
breadcrumb.focusForeground#FFFF55
breadcrumb.foreground#555555
button.background#00AAAA
button.foreground#000000
button.hoverBackground#00AA00
button.secondaryBackground#333333
button.secondaryForeground#AAAAAA
debugConsole.errorForeground#FF5555
debugConsole.infoForeground#55FFFF
debugConsole.warningForeground#FFFF55
debugToolBar.background#AA0000
descriptionForeground#555555
diffEditor.insertedTextBackground#00AA0033
diffEditor.removedTextBackground#AA000033
dropdown.background#1A1A1A
dropdown.border#333333
dropdown.foreground#AAAAAA
editor.background#0C0C0C
editor.findMatchBackground#AA550066
editor.findMatchHighlightBackground#AA550044
editor.foreground#FFFF55
editor.inactiveSelectionBackground#004444
editor.lineHighlightBackground#1A1A1A
editor.lineHighlightBorder#1A1A1A
editor.rangeHighlightBackground#1A1A1A44
editor.selectionBackground#00AAAA
editor.selectionForeground#FFFFFF
editor.wordHighlightBackground#004444
editor.wordHighlightStrongBackground#005555
editorBracketMatch.background#00AAAA44
editorBracketMatch.border#00AAAA
editorCursor.foreground#FFFF55
editorError.foreground#FF5555
editorGroup.border#333333
editorGroupHeader.tabsBackground#141414
editorGutter.background#0C0C0C
editorHoverWidget.background#141414
editorHoverWidget.border#333333
editorHoverWidget.foreground#FFFF55
editorIndentGuide.activeBackground1#555555
editorIndentGuide.background1#222222
editorInfo.foreground#55FFFF
editorLineNumber.activeForeground#FFFF55
editorLineNumber.foreground#555555
editorOverviewRuler.border#1A1A1A
editorRuler.foreground#222222
editorSuggestWidget.background#141414
editorSuggestWidget.foreground#FFFF55
editorSuggestWidget.highlightForeground#55FFFF
editorSuggestWidget.selectedBackground#00AAAA
editorSuggestWidget.selectedForeground#FFFFFF
editorWarning.foreground#FFFF55
editorWhitespace.foreground#333333
editorWidget.background#141414
editorWidget.border#333333
editorWidget.foreground#FFFF55
errorForeground#FF5555
focusBorder#00AAAA
foreground#AAAAAA
gitDecoration.conflictingResourceForeground#FF55FF
gitDecoration.deletedResourceForeground#FF5555
gitDecoration.ignoredResourceForeground#555555
gitDecoration.modifiedResourceForeground#55FFFF
gitDecoration.untrackedResourceForeground#55FF55
icon.foreground#FFFF55
input.background#1A1A1A
input.border#333333
input.foreground#FFFF55
input.placeholderForeground#555555
inputOption.activeBackground#00AAAA44
inputOption.activeBorder#00AAAA
list.activeSelectionBackground#00AAAA
list.activeSelectionForeground#FFFFFF
list.focusBackground#00AAAA
list.focusForeground#FFFFFF
list.highlightForeground#55FFFF
list.hoverBackground#1A1A1A
list.hoverForeground#FFFF55
list.inactiveSelectionBackground#1A1A1A
list.inactiveSelectionForeground#FFFF55
menu.background#1A1A1A
menu.border#333333
menu.foreground#AAAAAA
menu.selectionBackground#00AAAA
menu.selectionForeground#FFFFFF
menu.separatorBackground#333333
menubar.selectionBackground#00AA00
menubar.selectionForeground#FFFFFF
minimap.background#0C0C0C
minimapSlider.activeBackground#33333377
minimapSlider.background#33333333
minimapSlider.hoverBackground#33333355
notificationCenterHeader.background#141414
notificationCenterHeader.foreground#FFFFFF
notifications.background#1A1A1A
notifications.border#333333
notifications.foreground#AAAAAA
panel.background#0C0C0C
panel.border#1A1A1A
panel.foreground#AAAAAA
panelTitle.activeBorder#00AAAA
panelTitle.activeForeground#FFFF55
panelTitle.inactiveForeground#555555
peekView.border#00AAAA
peekViewEditor.background#111111
peekViewResult.background#0C0C0C
peekViewResult.selectionBackground#00AAAA
peekViewResult.selectionForeground#FFFFFF
peekViewTitle.background#141414
peekViewTitleLabel.foreground#FFFF55
quickInput.background#141414
quickInput.foreground#FFFF55
quickInputList.focusBackground#00AAAA
quickInputList.focusForeground#FFFFFF
scrollbar.shadow#000000
scrollbarSlider.activeBackground#333333CC
scrollbarSlider.background#33333344
scrollbarSlider.hoverBackground#33333388
selection.background#00AAAA88
sideBar.background#111111
sideBar.border#1A1A1A
sideBar.foreground#AAAAAA
sideBarSectionHeader.background#1A1A1A
sideBarSectionHeader.border#333333
sideBarSectionHeader.foreground#FFFFFF
sideBarTitle.foreground#FFFF55
statusBar.background#141414
statusBar.border#1A1A1A
statusBar.debuggingBackground#AA0000
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#AAAAAA
statusBar.noFolderBackground#141414
statusBar.noFolderForeground#AAAAAA
statusBarItem.hoverBackground#00AA00
statusBarItem.remoteBackground#00AA00
statusBarItem.remoteForeground#FFFFFF
tab.activeBackground#0C0C0C
tab.activeBorderTop#00AAAA
tab.activeForeground#FFFF55
tab.border#0C0C0C
tab.hoverBackground#1A1A1A
tab.inactiveBackground#141414
tab.inactiveForeground#AAAAAA
terminal.ansiBlack#000000
terminal.ansiBlue#0000AA
terminal.ansiBrightBlack#555555
terminal.ansiBrightBlue#5555FF
terminal.ansiBrightCyan#55FFFF
terminal.ansiBrightGreen#55FF55
terminal.ansiBrightMagenta#FF55FF
terminal.ansiBrightRed#FF5555
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#FFFF55
terminal.ansiCyan#00AAAA
terminal.ansiGreen#00AA00
terminal.ansiMagenta#AA00AA
terminal.ansiRed#AA0000
terminal.ansiWhite#AAAAAA
terminal.ansiYellow#AA5500
terminal.background#0C0C0C
terminal.border#1A1A1A
terminal.foreground#AAAAAA
terminal.selectionBackground#00AAAA88
terminalCursor.foreground#FFFF55
textLink.activeForeground#FFFFFF
textLink.foreground#55FFFF
titleBar.activeBackground#141414
titleBar.activeForeground#AAAAAA
titleBar.inactiveBackground#0C0C0C
titleBar.inactiveForeground#555555
tree.indentGuidesStroke#333333
walkThrough.embeddedEditorBackground#111111
welcomePage.background#0C0C0C
widget.shadow#00000088

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
	#FFFF55	—
comment, comment.line, comment.block, punctuation.definition.comment	#AAAAAA
keyword, keyword.control, keyword.operator.new, keyword.operator.delete, keyword.other, storage.type, storage.modifier	#FFFFFF
keyword.control.if, keyword.control.else, keyword.control.for, keyword.control.while, keyword.control.do, keyword.control.switch, keyword.control.case, keyword.control.break, keyword.control.continue, keyword.control.return, keyword.control.goto	#FFFFFF	—
meta.preprocessor, keyword.control.directive, keyword.control.import, keyword.control.include, punctuation.definition.directive, entity.name.function.preprocessor	#55FF55	—
string.quoted.other.lt-gt.include, punctuation.definition.string.begin.include, punctuation.definition.string.end.include	#55FFFF	—
string, string.quoted, punctuation.definition.string	#55FFFF	—
constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex	#55FF55	—
constant.language, constant.language.boolean, constant.character, constant.character.escape	#FF55FF	—
entity.name.function, support.function, meta.function-call	#FFFF55	—
entity.name.type, entity.name.class, entity.name.struct, entity.name.enum, entity.name.union, entity.name.typedef, support.type, support.class	#55FF55	—
variable, variable.other, variable.parameter	#FFFF55	—
keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.bitwise	#FFFFFF	—
punctuation, punctuation.separator, punctuation.terminator, punctuation.definition.block, punctuation.section, meta.brace	#FFFFFF	—
entity.name.tag	#FFFFFF	—
entity.other.attribute-name	#55FFFF	—
entity.name.namespace, entity.name.module	#55FF55	—
meta.decorator, punctuation.decorator	#FF55FF	—
markup.heading, entity.name.section	#FFFFFF	bold
markup.bold	#FFFF55	bold
markup.italic	#FFFF55	italic
markup.inline.raw, markup.fenced_code	#55FFFF	—
markup.underline.link	#55FFFF	—
support.type.property-name.json	#FFFFFF	—
string.quoted.double.json	#55FFFF	—
support.type.property-name.css	#55FFFF	—
support.constant.property-value.css	#FFFF55	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#55FF55	—
invalid	#FF5555	—
invalid.deprecated	#FF55FF	—

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}!`;
}