Skip to main content
Turbo C++ | Coding Theme
Home Theme VS Code Turbo C++ A faithful recreation of the Borland Turbo C++ IDE color scheme from the DOS era. Includes classic blue and dark mode variants.
VS Code preview Full workbench mockup using this variant's colors and tokenColors.
colors Workbench UI color keys from the theme JSON colors map.
activityBar.background #000088 activityBar.border #FFFFFF activityBar.foreground #FFFF55 activityBar.inactiveForeground #5555FF activityBarBadge.background #AA0000 activityBarBadge.foreground #FFFFFF 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
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}!`;
}
Turbo C++ — Turbo C++ main*
0 1
Copilot
Ln 5, Col 12
Spaces: 2
UTF-8
LF
TypeScript
Dark+
badge.background
#AA0000
badge.foreground #FFFFFF
breadcrumb.activeSelectionForeground #FFFFFF
breadcrumb.focusForeground #FFFF55
breadcrumb.foreground #AAAAAA
button.background #AAAAAA
button.foreground #000000
button.hoverBackground #00AA00
button.secondaryBackground #555555
button.secondaryForeground #FFFFFF
debugConsole.errorForeground #FF5555
debugConsole.infoForeground #55FFFF
debugConsole.warningForeground #FFFF55
debugToolBar.background #AA0000
descriptionForeground #AAAAAA
diffEditor.insertedTextBackground #00AA0033
diffEditor.removedTextBackground #AA000033
dropdown.background #AAAAAA
dropdown.border #555555
dropdown.foreground #000000
editor.background #0000AA
editor.findMatchBackground #AA550066
editor.findMatchHighlightBackground #AA550044
editor.foreground #FFFF55
editor.inactiveSelectionBackground #005555
editor.lineHighlightBackground #0000CC
editor.lineHighlightBorder #0000CC
editor.rangeHighlightBackground #0000CC44
editor.selectionBackground #00AAAA
editor.selectionForeground #FFFFFF
editor.wordHighlightBackground #005555
editor.wordHighlightStrongBackground #006666
editorBracketMatch.background #00AAAA44
editorBracketMatch.border #00AAAA
editorCursor.foreground #FFFF55
editorError.foreground #FF5555
editorGroup.border #FFFFFF
editorGroupHeader.tabsBackground #0000AA
editorGutter.background #0000AA
editorHoverWidget.background #0000AA
editorHoverWidget.border #FFFFFF
editorHoverWidget.foreground #FFFF55
editorIndentGuide.activeBackground1 #5555FF
editorIndentGuide.background1 #333399
editorInfo.foreground #55FFFF
editorLineNumber.activeForeground #FFFF55
editorLineNumber.foreground #5555FF
editorOverviewRuler.border #000088
editorRuler.foreground #333399
editorSuggestWidget.background #0000AA
editorSuggestWidget.foreground #FFFF55
editorSuggestWidget.highlightForeground #55FFFF
editorSuggestWidget.selectedBackground #00AAAA
editorSuggestWidget.selectedForeground #FFFFFF
editorWarning.foreground #FFFF55
editorWhitespace.foreground #333399
editorWidget.background #0000AA
editorWidget.border #FFFFFF
editorWidget.foreground #FFFF55
errorForeground #FF5555
focusBorder #FFFFFF
foreground #FFFF55
gitDecoration.conflictingResourceForeground #FF55FF
gitDecoration.deletedResourceForeground #FF5555
gitDecoration.ignoredResourceForeground #555555
gitDecoration.modifiedResourceForeground #55FFFF
gitDecoration.untrackedResourceForeground #55FF55
icon.foreground #FFFF55
input.background #0000AA
input.border #FFFFFF
input.foreground #FFFF55
input.placeholderForeground #5555FF
inputOption.activeBackground #00AAAA44
inputOption.activeBorder #00AAAA
list.activeSelectionBackground #00AAAA
list.activeSelectionForeground #FFFFFF
list.focusBackground #00AAAA
list.focusForeground #FFFFFF
list.highlightForeground #55FFFF
list.hoverBackground #0000CC
list.hoverForeground #FFFF55
list.inactiveSelectionBackground #005555
list.inactiveSelectionForeground #FFFF55
menu.background #AAAAAA
menu.border #555555
menu.foreground #000000
menu.selectionBackground #000000
menu.selectionForeground #FFFFFF
menu.separatorBackground #555555
menubar.selectionBackground #00AA00
menubar.selectionForeground #FFFFFF
minimap.background #0000AA
minimapSlider.activeBackground #AAAAAA77
minimapSlider.background #AAAAAA33
minimapSlider.hoverBackground #AAAAAA55
notificationCenterHeader.background #AAAAAA
notificationCenterHeader.foreground #000000
notifications.background #AAAAAA
notifications.border #555555
notifications.foreground #000000
panel.background #008080
panel.border #00AAAA
panel.foreground #FFFFFF
panelTitle.activeBorder #FFFF55
panelTitle.activeForeground #FFFFFF
panelTitle.inactiveForeground #AAAAAA
peekView.border #FFFFFF
peekViewEditor.background #0000AA
peekViewResult.background #000088
peekViewResult.selectionBackground #00AAAA
peekViewResult.selectionForeground #FFFFFF
peekViewTitle.background #000088
peekViewTitleLabel.foreground #FFFF55
quickInput.background #0000AA
quickInput.foreground #FFFF55
quickInputList.focusBackground #00AAAA
quickInputList.focusForeground #FFFFFF
scrollbar.shadow #000000
scrollbarSlider.activeBackground #AAAAAACC
scrollbarSlider.background #AAAAAA44
scrollbarSlider.hoverBackground #AAAAAA88
selection.background #00AAAA88
sideBar.background #0000AA
sideBar.border #FFFFFF
sideBar.foreground #FFFF55
sideBarSectionHeader.background #000088
sideBarSectionHeader.border #FFFFFF
sideBarSectionHeader.foreground #FFFFFF
sideBarTitle.foreground #FFFFFF
statusBar.background #AAAAAA
statusBar.border #555555
statusBar.debuggingBackground #AA0000
statusBar.debuggingForeground #FFFFFF
statusBar.foreground #000000
statusBar.noFolderBackground #AAAAAA
statusBar.noFolderForeground #000000
statusBarItem.hoverBackground #00AA00
statusBarItem.remoteBackground #00AA00
statusBarItem.remoteForeground #FFFFFF
tab.activeBackground #0000AA
tab.activeBorderTop #FFFFFF
tab.activeForeground #FFFFFF
tab.border #0000AA
tab.hoverBackground #0000CC
tab.inactiveBackground #000088
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 #008080
terminal.border #005555
terminal.foreground #FFFFFF
terminal.selectionBackground #00AAAA88
terminalCursor.foreground #FFFF55
textLink.activeForeground #FFFFFF
textLink.foreground #55FFFF
titleBar.activeBackground #AAAAAA
titleBar.activeForeground #000000
titleBar.inactiveBackground #888888
titleBar.inactiveForeground #333333
tree.indentGuidesStroke #5555FF
walkThrough.embeddedEditorBackground #0000AA
welcomePage.background #0000AA
widget.shadow #00000088 #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.other.attribute-name #55FFFF —
entity.name.namespace, entity.name.module #55FF55 —
meta.decorator, punctuation.decorator #FF55FF —
markup.heading, entity.name.section #FFFFFF 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.deprecated #FF55FF —
Open Editors fetchUser.ts index.ts README.md My-Project src components fetchUser.ts Button.tsx Modal.tsx hooks utils index.ts public package.json tsconfig.json README.md Outline fetchUser.ts
index.ts
README.md
src components fetchUser.ts fetchUser 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
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 $
31
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}!`;
}