Prism Zero

Name: Prism Zero
Author: Rino

Publisher: RinoThemes in package: 2

Prism Zero Light and Dark themes for Visual Studio Code and Cursor.

Open in VS Code GitHub

Color themes

VS Code preview

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

Prism Zero — Prism Zero Dark

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.background#0c0e13
activityBar.border#2a2e38
activityBar.foreground#bfbdb7
activityBar.inactiveForeground#8a9ba8
activityBarBadge.background#54a3ff
activityBarBadge.foreground#ffffff
breadcrumb.background#0c0e13
breadcrumb.foreground#8a9ba8
button.background#3ec0ff
button.foreground#ffffff
editor.background#0c0e13
editor.findMatchBackground#3ec0ff44
editor.findMatchHighlightBackground#ffb02055
editor.foreground#bfbdb7
editor.lineHighlightBackground#1a1e28
editor.selectionBackground#2a4a6a
editor.selectionHighlightBackground#2a4a6a88
editor.wordHighlightBackground#b4e83a22
editor.wordHighlightStrongBackground#b4e83a33
editorBracketMatch.background#1a2a3a
editorBracketMatch.border#2a4a6a
editorCursor.foreground#3ec0ff
editorError.foreground#ff5c7a
editorGroupHeader.tabsBackground#0c0e13
editorGroupHeader.tabsBorder#2a2e38
editorIndentGuide.activeBackground1#3ec0ff
editorIndentGuide.background1#5a6270
editorInfo.foreground#3ec0ff
editorLineNumber.activeForeground#bfbdb7
editorLineNumber.foreground#5a6270
editorWarning.foreground#ffb020
editorWhitespace.foreground#5a627099
focusBorder#12151c
list.activeSelectionBackground#2a4a6a99
list.activeSelectionForeground#bfbdb7
list.hoverBackground#161a22
list.inactiveSelectionBackground#2a4a6a66
panel.background#0c0e13
panel.border#2a2e38
panelTitle.activeBorder#e36209
progressBar.background#3ec0ff
scrollbar.shadow#00000000
selection.background#2a4a6a99
sideBar.background#0c0e13
sideBar.border#2a2e38
sideBar.foreground#8a9ba8
sideBarSectionHeader.background#161a22
sideBarSectionHeader.foreground#bfbdb7
sideBarTitle.foreground#bfbdb7
statusBar.background#12151c
statusBar.border#2a2e38
statusBar.debuggingBackground#12151c
statusBar.debuggingForeground#bfbdb7
statusBar.foreground#bfbdb7
statusBar.noFolderBackground#12151c
statusBar.noFolderForeground#bfbdb7
statusBarItem.errorBackground#ff5c7a
statusBarItem.errorForeground#ffffff
statusBarItem.warningBackground#ffb020
statusBarItem.warningForeground#ffffff
tab.activeBackground#0c0e13
tab.activeBorder#e36209
tab.activeForeground#bfbdb7
tab.border#2a2e38
tab.hoverBackground#161a22
tab.inactiveBackground#0c0e13
tab.inactiveForeground#8a9ba8
terminal.ansiBlack#252a33
terminal.ansiBlue#3ec0ff
terminal.ansiBrightBlack#9aabba
terminal.ansiBrightBlue#70d4ff
terminal.ansiBrightCyan#60eef8
terminal.ansiBrightGreen#d0f060
terminal.ansiBrightMagenta#ff80d0
terminal.ansiBrightRed#ff8aa0
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#ffd060
terminal.ansiCyan#20d4ec
terminal.ansiGreen#b4e83a
terminal.ansiMagenta#f050b8
terminal.ansiRed#ff5c7a
terminal.ansiWhite#d0cec8
terminal.ansiYellow#ffb020
terminal.background#0c0e13
terminal.foreground#bfbdb7
terminal.selectionBackground#2a4a6a
terminalCursor.background#bfbdb7
terminalCursor.foreground#bfbdb7
textCodeBlock.background#1a1e28
textLink.foreground#3ec0ff
textPreformat.background#1a1e28
textPreformat.foreground#cb6861
titleBar.activeBackground#12151c
titleBar.activeForeground#bfbdb7
titleBar.border#2a2e38
titleBar.inactiveBackground#12151c
titleBar.inactiveForeground#8a9ba8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
source, text	#bfbdb7	—
comment, punctuation.definition.comment	#8a9ba8	—
comment.block.preprocessor	#8a9ba8
meta.brace.square, meta.brace.round, punctuation.separator.parameter	#8a8a8a	—
variable.parameter, meta.function.parameter variable	#f050b8	—
meta.embedded, source.groovy.embedded, meta.template.expression	#bfbdb7	—
invalid.deprecated	#ff5c7a80	—
invalid, invalid.illegal	#ff5c7a	—
keyword.operator, constant.language.import-export-all	#d0b090	—
keyword, storage	#3ec0ff	—
storage.type, support.type, keyword.operator.expression, keyword.operator.new	#3ec0ff	—
cast.expr.ts meta.brace.angle.ts, keyword.operator.definiteassignment	#ffb020	—
constant.language, support.constant, variable.language	#3ec0ff	—
support.variable.property.dom, support.variable.dom, support.variable.property, variable	#bfbdb7	—
meta.template.expression punctuation.definition.template-expression, expression.embedded punctuation.definition.generic, punctuation.section.embedded, variable.interpolation, string.interpolated.pug, meta.interpolation.stylus meta.brace.curly	#ffb020	bold
entity.name.function, support.function, new.expr entity.name.type	#ff5c7a	—
support.class	#ff5c7a	bold
entity.other.inherited-class	#b4e83a	—
support.class	#b4e83a	—
support.class.component	#ff5c7a	—
entity.name.type, support.type.primitive, support.type.builtin, meta.type.annotation entity.name.type, meta.type.parameters entity.name.type	#8a9ba8	—
entity.name.type	—	bold
punctuation.definition.typeparameters, keyword.operator.type, keyword.operator.optional, source.tsx punctuation.section.embedded, source.jsx punctuation.section.embedded	#ffb020
entity.other.attribute-name.html, entity.other.attribute-name.id.html, entity.other.attribute-name.tsx	#3ec0ff	—
entity.name.exception	#ff5c7a	—
constant.numeric, constant.character, constant, constant.language.boolean, constant.language.nan, constant.language.infinity, constant.language.undefined, constant.language.null, source.editorconfig constant.language	#f050b8	bold
entity.other.inherited-class	—	bold
string, punctuation.definition.string	#b4e83a	—
constant.character.escape	#ffb020	—
string.regexp, string.regexp punctuation.definition.string	#ffb020	—
constant.other.symbol	#d0b090	—
punctuation	#8a8a8a	—
meta.tag.metadata.doctype entity.name.tag, meta.tag.metadata.doctype punctuation.definition.tag, meta.tag.metadata.doctype entity.other.attribute-name.html, meta.tag.sgml.doctype	#8a9ba8bb	—
entity.name.tag	#f050b8	—
meta.tag string	#3ec0ff	—
meta.tag entity.other.attribute-name, entity.other.attribute-name.html	#3ec0ff	—
constant.character.entity, punctuation.definition.entity	#d0b090	—
meta.property-name, support.type.property-name	#f050b8	—
keyword.control.at-rule.import	#3ec0ff	—
entity.other.attribute-name.class, entity.other.attribute-name punctuation.definition.entity	#b4e83a	—
entity.name.tag.css	#ffb020	—
entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition.entity	#d0b090	—
entity.other.attribute-name.id.html	#b4e83a	—
constant.numeric.css	#bfbdb7	—
entity.other.attribute-name punctuation.definition.entity	#8a8a8a	—
constant.numeric keyword.other.unit	#8a9ba8	—
variable.parameter.url	#d0b090	—
constant.other.color	#3ec0ff	—
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class	#3ec0ff	—
meta.property-value, meta.property-value constant.other, support.constant.property-value	#b4e83a	—
keyword.other.important	#ff5c7a	bold
variable.scss	#ffb020	—
entity.name.tag.reference.scss	#d0b090	—
markup.changed	#ffb020	—
markup.deleted	#ff5c7a	—
markup.error	#ff5c7a	—
markup.inserted	#b4e83a	—
meta.link	#3ec0ff	—
markup.output, markup.raw	#8a8a8a	—
markup.prompt	#8a8a8a	—
markup.heading	#ff5c7a	—
markup.traceback	#ff5c7a	—
markup.underline	—	underline
markup.quote	#f050b8	—
meta.diff.range, meta.diff.index, meta.separator	#3ec0ff	—
meta.diff.header.from-file	#f050b8	—
meta.diff.header.to-file	#b4e83a	—
entity.name.section.group-title.ini	#ffb020	bold
punctuation.definition.entity.ini	#8a8a8a	—
keyword.other.definition.ini	#f050b8	—
source.ini	#3ec0ff	—
entity.name.section.markdown, markup.heading.setext	#ffb020	bold
punctuation.definition.list	#ff5c7a	—
markup.inline.raw	#cb6861	—
meta.link punctuation.definition.string, meta.image punctuation.definition.string	#8a8a8a	—
markup.bold	—	bold
markup.italic	—	italic
markup.underline.link.image.markdown	#f050b8dd	—
markup.heading.setext	#8a9ba8	—
constant.numeric.json	#3ec0ff	—
string.interpolated.pug variable	#bfbdb7	—
support.variable	#ffb020	—
meta.tag string, source.vue string.quoted	#b4e83a	—
meta.directive.vue entity.other.attribute-name.html	#ffb020	—
meta.function-call.generic.python, meta.function-call support.type	#ff5c7a	—
punctuation.definition.list.end.python, punctuation.definition.list.begin.python	#8a8a8a	—
support.type.exception, entity.name.exception	#ff5c7a	bold
log.info	#3ec0ff	—
log.warning	#ffb020	—
log.error	#ff5c7a	—
log.debug	#d0b090	—
log.constant	#f050b8	—
comment.block.documentation variable.other.jsdoc	#bfbdb7	—
punctuation.definition.directive	#f050b8	—
string.quoted.other.lt-gt.include punctuation.definition.string	#8a8a8a	—
punctuation.separator.namespace	#d0b090	—
meta.import.java storage.modifier	#f050b8	—
keyword.operator.instanceof.java	#3ec0ff	—
punctuation.definition.variable.begin.batchfile, punctuation.definition.variable.end.batchfile	#ff5c7a	—
keyword.type	#8a9ba8	—
entity.name.type.namespace	#ffb020	—
markup.inline.raw, markup.raw.inline	#cb6861	—