Rockstar, by OneBitCode

Name: Rockstar, by OneBitCode
Author: OneBitCode

Publisher: OneBitCodeThemes in package: 1

GitHub

VS Code preview

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

Rockstar, by OneBitCode — Rockstar

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#1c1c1c
activityBar.activeBorder#f64348
activityBar.background#1c1c1c
activityBar.border#2c2c2d
activityBar.foreground#e5e5e5
activityBarBadge.background#f64348
button.background#f64348
disabledForeground#898989
dropdown.background#1c1c1c
dropdown.foreground#e5e5e5
editor.background#252525
editor.findMatchBackground#00a2ff30
editor.findMatchBorder#00a2ff30
editor.findMatchHighlightBackground#2c2c2d
editor.foldBackground#353337
editor.foreground#e5e5e5
editor.hoverHighlightBackground#2c2c2d
editor.lineHighlightBackground#2c2c2d
editor.lineHighlightBorder#353337
editor.selectionBackground#00a2ff30
editor.selectionForeground#e5e5e5
editor.selectionHighlightBackground#00a2ff30
editor.wordHighlightBackground#00a2ff30
editorBracketHighlight.foreground1#f64348
editorBracketHighlight.foreground2#00ff9f
editorBracketHighlight.foreground3#f3c767
editorBracketHighlight.foreground4#f64348
editorBracketHighlight.foreground5#00ff9f
editorBracketHighlight.foreground6#f3c767
editorBracketMatch.background#2c2c2d
editorError.foreground#d478ff
editorGroup.border#2c2c2d
editorGroup.dropBackground#252525
editorGroupHeader.tabsBackground#2c2c2d
editorHoverWidget.background#1c1c1c
editorHoverWidget.border#2c2c2d
editorIndentGuide.activeBackground#898989
editorIndentGuide.background#353337
editorInfo.foreground#00a2ff
editorLineNumber.activeForeground#e5e5e5
editorLineNumber.foreground#5c5a5d
editorSuggestWidget.background#1c1c1c
editorSuggestWidget.border#2c2c2d
editorSuggestWidget.highlightForeground#ffffff
editorSuggestWidget.selectedBackground#00a2ff30
editorUnnecessaryCode.opacity#00000077
editorWarning.foreground#f6cc43
editorWidget.background#1c1c1c
editorWidget.border#2c2c2d
focusBorder#00ff9f
foreground#e5e5e5
input.background#2c2c2d
list.activeSelectionBackground#2c2c2d
menu.background#1c1c1c
menu.selectionBackground#2c2c2d
menubar.selectionBackground#2c2c2d
panel.background#1c1c1c
selection.background#f64348
sideBar.background#1c1c1c
sideBar.border#2c2c2d
sideBar.foreground#e5e5e5
sideBarSectionHeader.background#2c2c2d
sideBarSectionHeader.foreground#e5e5e5
statusBar.background#1c1c1c
statusBar.foreground#e5e5e5
tab.activeBackground#252525
tab.activeBorder#252525
tab.activeBorderTop#f64348
tab.hoverBackground#252525
tab.inactiveBackground#2c2c2d
terminal.ansiBlack#5c5a5d
terminal.ansiBlue#F64348
terminal.ansiBrightBlack#898989
terminal.ansiBrightBlue#F64348
terminal.ansiBrightCyan#F64348
terminal.ansiBrightGreen#00ff9f
terminal.ansiBrightMagenta#00ff9f
terminal.ansiBrightRed#d478ff
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#f3c767
terminal.ansiCyan#00a2ff
terminal.ansiGreen#00ff9f
terminal.ansiMagenta#00ff9f
terminal.ansiRed#d478ff
terminal.ansiWhite#ffffff
terminal.ansiYellow#f3c767
terminal.background#1c1c1c
terminal.border#2c2c2d
terminal.dropBackground#2c2c2d
terminal.foreground#e5e5e5
terminal.selectionBackground#2c2c2d
terminal.tab.activeBorder#00ff9f
titleBar.activeBackground#1c1c1c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#898989	italic
keyword, storage.modifier, punctuation.definition	#f65358	—
keyword.control, keyword.other.template, keyword.other.substitution	#f65358	—
keyword.operator, storage.type, variable.language.this	#f65358	—
variable, string constant.other.placeholder, keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded	#88c4e8
constant.other.color	#88c4e8	italic
invalid, invalid.illegal	#d478ff	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#f65358	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, constant.rgb-value	#f3ff84	—
string, punctuation.definition.string.begin, punctuation.definition.string.end, constant.other.symbol, constant.other.key, constant.other.color, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#ffd99f	—
entity.name.function, entity.name.method, meta.function-call, variable.function, support.function, keyword.other.special-method	#f3c767	—
entity.name, entity.name.class, entity.name.type, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#f3c767	—
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	#f65358	—
source.css punctuation, source.sass punctuation, source.scss punctuation, source.less punctuation, source.stylus punctuation, source.postcss punctuation, source.css punctuation.definition, source.sass punctuation.definition, source.scss punctuation.definition, source.less punctuation.definition, source.stylus punctuation.definition, source.postcss punctuation.definition, source.css keyword, source.sass keyword, source.scss keyword, source.less keyword, source.stylus keyword, source.postcss keyword, source.css keyword.control, source.sass keyword.control, source.scss keyword.control, source.less keyword.control, source.stylus keyword.control, source.postcss keyword.control	#88c4e8	—
entity.other.attribute-name, text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#88c4e8	italic
constant.character.escape	#89DDFF	—
keyword.operator.new, source.json punctuation, support.type.property-name.json	#f65358	—

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}!`;
}