Cyberpunk Rebecca color theme

Name: Cyberpunk Rebecca color theme
Author: LazzyE

Publisher: LazzyEThemes in package: 1

Color theme inspired by the character Rebecca in Cyber punk anime

Open in VS Code GitHub

VS Code preview

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

Cyberpunk Rebecca color theme — CyperpunkRebecca

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

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#E8B830
activityBar.background#081518
activityBar.foreground#56E0B0
activityBar.inactiveForeground#56E0B044
activityBarBadge.background#E8B830
activityBarBadge.foreground#0E2025
badge.background#E8B830
badge.foreground#0E2025
button.background#56E0B0
button.foreground#0E2025
button.hoverBackground#7AECC8
dropdown.background#183038
dropdown.border#E8B83055
dropdown.foreground#CFFFF0
editor.background#0E2025
editor.findMatchBackground#E8B83066
editor.findMatchHighlightBackground#E8B83033
editor.foreground#CFFFF0
editor.lineHighlightBackground#2D8CCC15
editor.selectionBackground#2D8CCC44
editor.selectionHighlightBackground#2D8CCC30
editor.wordHighlightBackground#56E0B030
editor.wordHighlightStrongBackground#FF2D9540
editorBracketMatch.background#E8B83040
editorBracketMatch.border#E8B830
editorCursor.foreground#E8B830
editorGroupHeader.tabsBackground#081518
editorGutter.addedBackground#56E0B0
editorGutter.deletedBackground#FF2D95
editorGutter.modifiedBackground#E8B830
editorIndentGuide.activeBackground1#E8B83060
editorIndentGuide.background1#183038
editorLineNumber.activeForeground#E8B830
editorLineNumber.foreground#56E0B044
editorOverviewRuler.errorForeground#FF2D95
editorOverviewRuler.warningForeground#E8B830
editorWhitespace.foreground#18303860
focusBorder#E8B83080
gitDecoration.deletedResourceForeground#FF2D95
gitDecoration.ignoredResourceForeground#56E0B033
gitDecoration.modifiedResourceForeground#E8B830
gitDecoration.untrackedResourceForeground#56E0B0
input.background#183038
input.border#E8B83055
input.foreground#CFFFF0
input.placeholderForeground#E8B83066
inputOption.activeBorder#E8B830
list.activeSelectionBackground#183038
list.activeSelectionForeground#56E0B0
list.focusBackground#183038
list.highlightForeground#E8B830
list.hoverBackground#0E2025
list.hoverForeground#FFB8D4
notificationCenter.border#E8B83055
notifications.background#183038
notifications.foreground#E8B830
panel.background#0B1B20
panel.border#E8B83044
panelTitle.activeBorder#E8B830
panelTitle.activeForeground#E8B830
panelTitle.inactiveForeground#2D8CCC55
peekView.border#E8B830
peekViewEditor.background#0B1B20
peekViewResult.background#081518
peekViewTitle.background#0B1B20
scrollbar.shadow#00000088
scrollbarSlider.activeBackground#2D8CCC70
scrollbarSlider.background#2D8CCC25
scrollbarSlider.hoverBackground#2D8CCC50
selection.background#2D8CCC40
sideBar.background#0B1B20
sideBar.foreground#FFB8D4
sideBarSectionHeader.background#183038
sideBarSectionHeader.foreground#E8B830
sideBarTitle.foreground#56E0B0
statusBar.background#E8B830
statusBar.debuggingBackground#FF2D95
statusBar.debuggingForeground#0E2025
statusBar.foreground#0E2025
statusBar.noFolderBackground#2D8CCC
statusBar.noFolderForeground#0E2025
tab.activeBackground#0E2025
tab.activeBorderTop#E8B830
tab.activeForeground#56E0B0
tab.hoverBackground#183038
tab.inactiveBackground#081518
tab.inactiveForeground#FFB8D488
terminal.ansiBlack#0E2025
terminal.ansiBlue#2D8CCC
terminal.ansiBrightBlack#183038
terminal.ansiBrightBlue#5AAFEE
terminal.ansiBrightCyan#FFB8D4
terminal.ansiBrightGreen#7AECC8
terminal.ansiBrightMagenta#FF69B4
terminal.ansiBrightRed#FF69B4
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#F0D060
terminal.ansiCyan#7AECC8
terminal.ansiGreen#56E0B0
terminal.ansiMagenta#FF2D95
terminal.ansiRed#FF2D95
terminal.ansiWhite#CFFFF0
terminal.ansiYellow#E8B830
terminal.background#0E2025
terminal.foreground#CFFFF0
titleBar.activeBackground#081518
titleBar.activeForeground#FFB8D4
titleBar.inactiveBackground#081518
titleBar.inactiveForeground#56E0B044
widget.shadow#00000088

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#4A8070	italic
variable, string constant.other.placeholder	#CFFFF0	—
constant.other.color	#ffffff	—
invalid, invalid.illegal	#FF2D95	—
keyword, storage.type, storage.modifier	#FF2D95	—
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#2D8CCC	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#FF2D95	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#56E0B0	—
meta.block variable.other	#FFB8D4	—
support.other.variable, string.other.link	#FFB8D4	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#E8B830	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#E8B830	—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#7AECC8	—
support.type	#2D8CCC	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#2D8CCC	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#FF2D95	—
variable.language	#FF2D95	italic
entity.name.method.js	#56E0B0	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#56E0B0	—
entity.other.attribute-name	#E8B830	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#FFB8D4	italic
entity.other.attribute-name.class	#FFB8D4	—
source.sass keyword.control	#56E0B0	—
markup.inserted	#56E0B0	—
markup.deleted	#FF2D95	—
markup.changed	#FFB8D4	—
string.regexp	#E8B830	—
constant.character.escape	#E8B830	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#56E0B0	italic
source.js constant.other.object.key.js string.unquoted.label.js	#FF2D95	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#56E0B0	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FF69B4	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#E8B830	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#2D8CCC	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#F0D060	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FF2D95	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#E8B830	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#CFFFF0	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#56E0B0	—
text.html.markdown, punctuation.definition.list_item.markdown	#CFFFF0	—
text.html.markdown markup.inline.raw.markdown	#56E0B0	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#4A8070	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#56E0B0	—
markup.italic	#FFB8D4	italic
markup.bold, markup.bold string	#FF2D95	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#FF2D95	bold
markup.underline	#2D8CCC	underline
markup.quote punctuation.definition.blockquote.markdown	#4A8070	—
markup.quote	—	italic
string.other.link.title.markdown	#2D8CCC	—
string.other.link.description.title.markdown	#FFB8D4	—
constant.other.reference.link.markdown	#E8B830	—
markup.raw.block	#56E0B0	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#CFFFF0	—
variable.language.fenced.markdown	#4A8070	—
meta.separator	#4A8070	bold
markup.table	#CFFFF0	—