Skip to main content
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.
Turbo C++ | Coding Theme
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}!`;
}