Bitstream Blue

Name: Bitstream Blue
Author: code-blue

Publisher: code-blueThemes in package: 1

A blue dark theme tuned for VHDL, SystemVerilog, and FPGA development — with first-class C++ and Python.

Open in VS Code

VS Code preview

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

Bitstream Blue — Bitstream Blue

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

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#90999b
activityBar.activeBorder#4ab1ec
activityBar.background#414141
activityBar.foreground#ffffff
activityBar.inactiveForeground#a0a0a0
activityBarBadge.background#E45E29
activityBarBadge.foreground#ffffff
breadcrumb.activeSelectionForeground#1f1f1f
breadcrumb.background#f3f3f3
breadcrumb.focusForeground#1f1f1f
breadcrumb.foreground#4a4a4a
button.background#007acc
button.foreground#ffffff
button.hoverBackground#0055aa
button.secondaryBackground#34495c
button.secondaryForeground#ffffff
button.secondaryHoverBackground#4e6b89
debugConsole.errorForeground#fd7777
debugConsole.infoForeground#8cdee8
debugConsole.sourceForeground#f9fafa
debugConsole.warningForeground#cac71f
debugTokenExpression.error#fd7777
descriptionForeground#9fb3bf
diffEditor.insertedTextBackground#5cc03426
diffEditor.removedTextBackground#eb594326
dropdown.background#294263
dropdown.foreground#d4e4ed
dropdown.listBackground#294263
editor.background#172f3f
editor.findMatchBackground#fd7777
editor.findMatchHighlightBackground#fd777755
editor.foldBackground#f0f0f044
editor.foreground#f9fafa
editor.inactiveSelectionBackground#475965
editor.lineHighlightBackground#34495c
editor.selectionBackground#616267
editor.selectionForeground#E7E8EF
editor.selectionHighlightBackground#38536E
editor.selectionHighlightBorder#4e6b89
editorBracketHighlight.foreground1#4ab1ec
editorBracketHighlight.foreground2#07b0a2
editorBracketHighlight.foreground3#cf711e
editorBracketHighlight.foreground4#8cdee8
editorBracketHighlight.foreground5#b774bb
editorBracketHighlight.foreground6#4ab1ec
editorBracketHighlight.unexpectedBracket.foreground#fd7777
editorBracketMatch.background#00000049
editorBracketMatch.border#ffffff00
editorBracketPairGuide.activeBackground1#4ab1eccc
editorBracketPairGuide.activeBackground2#07b0a2cc
editorBracketPairGuide.activeBackground3#cf711ecc
editorBracketPairGuide.activeBackground4#8cdee8cc
editorBracketPairGuide.activeBackground5#b774bbcc
editorBracketPairGuide.activeBackground6#4ab1eccc
editorBracketPairGuide.background1#4ab1ec40
editorBracketPairGuide.background2#07b0a240
editorBracketPairGuide.background3#cf711e40
editorBracketPairGuide.background4#8cdee840
editorBracketPairGuide.background5#b774bb40
editorBracketPairGuide.background6#4ab1ec40
editorCursor.background#EFF3F3
editorCursor.foreground#EFF3F3
editorGroupHeader.noTabsBackground#f3f3f3
editorGroupHeader.tabsBackground#f3f3f3
editorGutter.foldingControlForeground#f0f0f044
editorHoverWidget.background#003d46
editorHoverWidget.foreground#f8f7f7
editorIndentGuide.activeBackground#007acc60
editorIndentGuide.background#aaaaaa36
editorLineNumber.activeForeground#EFF3F3
editorLineNumber.foreground#667e86
editorSuggestWidget.background#0f2533
editorSuggestWidget.foreground#d4e4ed
editorSuggestWidget.highlightForeground#5fb3d6
editorSuggestWidget.selectedBackground#2a5470
editorSuggestWidget.selectedForeground#ffffff
editorWhitespace.foreground#3b3b3b
editorWidget.background#e9e9e9
editorWidget.foreground#222222
extensionButton.background#2c88be
extensionButton.foreground#ffffff
extensionButton.hoverBackground#4ab1ec
extensionButton.prominentBackground#2c88be
extensionButton.prominentForeground#ffffff
extensionButton.prominentHoverBackground#4ab1ec
foreground#d4d4d4
gitDecoration.conflictingResourceForeground#a75900
gitDecoration.deletedResourceForeground#ac1a1a
gitDecoration.ignoredResourceForeground#888888
gitDecoration.modifiedResourceForeground#0078a8
gitDecoration.submoduleResourceForeground#a300cc
gitDecoration.untrackedResourceForeground#00aa00
icon.foreground#647d8f
input.background#c4c4c4
input.foreground#2b2b2b
input.placeholderForeground#00000085
inputOption.activeBackground#007acc
inputOption.activeBorder#e6e6e6
inputOption.activeForeground#ffffff
inputOption.hoverBackground#1499e673
inputValidation.errorBackground#ff0000
inputValidation.errorForeground#ffffff
inputValidation.infoBackground#0055aa
inputValidation.infoForeground#ffffff
inputValidation.warningBackground#ffaa00
inputValidation.warningForeground#000000
keybindingLabel.background#34495c
keybindingLabel.border#4e6b89
keybindingLabel.foreground#ebebeb
list.activeSelectionBackground#172f3fb9
list.activeSelectionForeground#c7e6ff
list.activeSelectionIconForeground#c7e6ff
list.focusAndSelectionOutline#172f3f
list.hoverBackground#dde6ec
list.hoverForeground#1f1f1f
list.inactiveSelectionBackground#282e3354
list.inactiveSelectionForeground#444444
list.inactiveSelectionIconForeground#444444
menu.background#0f2533
menu.border#34495c
menu.foreground#e4eef5
menu.selectionBackground#2a5470
menu.selectionForeground#ffffff
menu.separatorBackground#34495c
menubar.selectionBackground#c9c9c9
menubar.selectionForeground#1f1f1f
minimapSlider.activeBackground#4e6b89cc
minimapSlider.background#4e6b8966
minimapSlider.hoverBackground#4e6b8999
notificationCenterHeader.background#172f3f
notificationCenterHeader.foreground#d4e4ed
notificationLink.foreground#4ab1ec
notifications.background#0f2533
notifications.foreground#d4e4ed
notificationsErrorIcon.foreground#fd7777
notificationsInfoIcon.foreground#8cdee8
notificationsWarningIcon.foreground#cac71f
panel.background#172f3f
panel.border#80808059
panel.dropBorder#ff0000
panelSectionHeader.foreground#07b0a2
panelTitle.activeBorder#4ab1ec
panelTitle.activeForeground#ffffff
panelTitle.inactiveForeground#a8f5ff73
pickerGroup.border#34495c
pickerGroup.foreground#4ab1ec
quickInput.background#0f2533
quickInput.foreground#d4e4ed
quickInputList.focusBackground#2a5470
quickInputList.focusForeground#ffffff
quickInputTitle.background#172f3f
settings.dropdownBackground#d2effc
settings.dropdownForeground#1d1d1d
settings.headerForeground#eaf5ba
settings.textInputBackground#ffffff
settings.textInputForeground#141414
sideBar.background#f3f3f3
sideBar.foreground#272727
sideBarSectionHeader.foreground#313131
sideBarTitle.foreground#393939
statusBar.background#007acc
statusBar.debuggingBackground#cc6633
statusBar.debuggingForeground#ffffff
statusBar.foreground#ffffff
statusBar.noFolderBackground#68217a
statusBarItem.remoteBackground#16825d
statusBarItem.remoteForeground#ffffff
tab.activeBackground#ffffff
tab.activeBorder#2c88be
tab.activeForeground#1f1f1f
tab.border#d4d4d4
tab.hoverBackground#eaeaea
tab.hoverForeground#1f1f1f
tab.inactiveBackground#e4e4e4
tab.inactiveForeground#4a4a4a
tab.selectedBackground#dce9f2
tab.selectedForeground#1f1f1f
tab.unfocusedActiveBackground#ffffff
tab.unfocusedActiveBorder#2c88be
tab.unfocusedActiveForeground#3c3c3c
tab.unfocusedInactiveBackground#e4e4e4
tab.unfocusedInactiveForeground#5f5f5f
terminal.ansiBlack#34495c
terminal.ansiBlue#2c88be
terminal.ansiBrightBlack#667e86
terminal.ansiBrightBlue#4ab1ec
terminal.ansiBrightCyan#8cdee8
terminal.ansiBrightGreen#90c739
terminal.ansiBrightMagenta#cd4b8a
terminal.ansiBrightRed#fd7777
terminal.ansiBrightWhite#f9fafa
terminal.ansiBrightYellow#cac71f
terminal.ansiCyan#07b0a2
terminal.ansiGreen#5cc034
terminal.ansiMagenta#b774bb
terminal.ansiRed#eb5943
terminal.ansiWhite#cecece
terminal.ansiYellow#ceac15
terminal.background#172f3f
terminal.foreground#cecece
terminal.selectionBackground#38536e
terminalCursor.background#bbbbbb
terminalCursor.foreground#cac71f
textBlockQuote.background#0f2533
textBlockQuote.border#4ab1ec
textCodeBlock.background#34495c
textLink.activeForeground#ffffff
textLink.foreground#37b0e0
textPreformat.foreground#ffffff
textSeparator.foreground#ffffff
titleBar.activeBackground#dddddd
titleBar.activeForeground#333333
titleBar.inactiveBackground#dddddd99
titleBar.inactiveForeground#33333399
toolbar.activeBackground#2a547088
toolbar.hoverBackground#1499e673
toolbar.hoverOutline#cccccc00

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#919191	italic
comment.block.preprocessor	#AAAAAA
comment.documentation, comment.block.documentation	#4b1099	—
invalid.illegal	#7250b1	—
keyword.operator	#cecece	—
keyword, storage	#4ab1ec	—
storage.type, support.type	#eb5943	—
constant.language, support.constant, variable.language	#AB6526	—
variable, support.variable	#8DDFE9	—
entity.name.function, support.function	#2c88be	—
entity.name.type, entity.other.inherited-class, support.class	#8cdee8	—
entity.name.exception	#ceac15	—
entity.name.section	#8cdee8	—
constant.numeric, constant.character, constant	#cf711e	—
string	#07b0a2	—
constant.character.escape	#b774bb	—
string.regexp	#cd4b4b	—
constant.other.symbol	#AB6526	—
punctuation	#ffffff	—
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html	#AAAAAA	—
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html	#91B3E0	—
entity.name.tag	#eb5943	—
meta.tag entity.other.attribute-name, entity.other.attribute-name.html	#91B3E0	italic
constant.character.entity, punctuation.definition.entity	#AB6526	—
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css	#7A3E9D	—
meta.property-name, support.type.property-name	#AB6526	—
meta.property-value, meta.property-value constant.other, support.constant.property-value	#5cc034	—
keyword.other.important	—	bold
markup.changed	#000000	—
markup.deleted	#000000	—
markup.italic	—	italic
markup.error	#660066	—
markup.inserted	#000000	—
meta.link	#cd4b8a	—
markup.output, markup.raw	#ffffff	—
markup.prompt	#ffffff	—
markup.heading	#8aaa31	—
markup.bold	—	bold
markup.traceback	#1f0066	—
markup.underline	—	underline
markup.quote	#90c739	—
markup.list	#4bdef1	—
markup.bold, markup.italic	#448C27	—
markup.inline.raw	#c77324
meta.diff.range, meta.diff.index, meta.separator	#434343	—
meta.diff.header.from-file	#434343	—
meta.diff.header.to-file	#434343	—
keyword.control.begin.systemverilog, meta.item.begin.systemverilog keyword.control.systemverilog, meta.item.end.systemverilog keyword.control.systemverilog	#4ab1ec	—
keyword.declaration.systemverilog, meta.module.systemverilog keyword.control.systemverilog	#4ab1ec	—
support.type.direction.systemverilog	#4ab1ec	—
meta.parameters.systemverilog storage.type.net.systemverilog	#4ab1ec	—
constant.numeric invalid.illegal.bad.number.vhdl	#cf711e	—
entity.name.function.preprocessor	#07b0a2	—
support.other.attribute, entity.other.attribute, punctuation.section.attribute	#919191	—