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.
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 #0C0C0C activityBar.border #1A1A1A activityBar.foreground #FFFF55 activityBar.inactiveForeground #555555 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++ Dark 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 #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 #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}!`;
}
Turbo C++ | Coding Theme